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

@salutejs/sdds-finai 0.363.0-dev.0 → 0.364.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/Steps/Steps.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"Steps.config.js","sources":["../../../../../src-css/components/Steps/Steps.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n inverseTextPrimary,\n onDarkTextPrimary,\n onDarkTextPrimaryHover,\n surfaceAccent,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegative,\n surfaceNegativeHover,\n surfacePositive,\n surfacePositiveHover,\n surfaceSolidDefault,\n surfaceSolidDefaultHover,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryHover,\n surfaceWarning,\n surfaceWarningHover,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textPrimaryHover,\n textSecondary,\n textSecondaryHover,\n textWarning,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nconst baseItemView = `\n ${tokens.activeTitleColor}: ${textPrimary};\n ${tokens.activeTitleColorHover}: ${textPrimaryHover};\n ${tokens.activeIndicatorBorder}: solid ${surfaceSolidDefault};\n ${tokens.activeIndicatorColor}: ${textPrimary};\n ${tokens.activeIndicatorBackground}: ${surfaceClear};\n \n ${tokens.completedIndicatorColor}: ${inverseTextPrimary};\n ${tokens.completedIndicatorColorHover}: ${inverseTextPrimary};\n ${tokens.completedIndicatorBackground}: ${surfaceSolidDefault};\n ${tokens.completedIndicatorBackgroundHover}: ${surfaceSolidDefaultHover};\n ${tokens.completedTitleColor}: ${textPrimary};\n ${tokens.completedTitleColorHover}: ${textPrimaryHover};\n\n ${tokens.inactiveTitleColor}: ${textSecondary};\n ${tokens.inactiveTitleColorHover}: ${textSecondaryHover};\n ${tokens.inactiveIndicatorColor}: ${textSecondary};\n ${tokens.inactiveIndicatorColorHover}: ${textSecondary};\n ${tokens.inactiveIndicatorBackground}: ${surfaceTransparentSecondary};\n ${tokens.inactiveIndicatorBackgroundHover}: ${surfaceTransparentSecondaryHover};\n\n ${tokens.contentColor}: ${textSecondary};\n ${tokens.focusColor}: ${surfaceAccent};\n\n ${tokens.disabledOpacity}: 0.4;\n`;\n\nconst accentConfig = `\n ${tokens.completedTitleColor}: ${textPrimary};\n ${tokens.completedTitleColorHover}: ${textPrimaryHover};\n ${tokens.completedIndicatorBackground}: ${surfaceAccent};\n ${tokens.completedIndicatorBackgroundHover}: ${surfaceAccentHover};\n \n \n // Цвет контента внутри элемента Step\n ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};\n ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};\n`;\n\nexport const config = {\n defaults: {\n size: 'm',\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.dividerColor}: ${surfaceSolidDefault};\n `,\n accent: css`\n ${tokens.dividerColor}: ${surfaceAccent};\n `,\n },\n itemView: {\n default: css`\n ${baseItemView};\n `,\n negative: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: ${surfaceNegative};\n ${tokens.activeTitleColorHover}: ${surfaceNegativeHover};\n ${tokens.activeIndicatorBorder}: solid ${surfaceNegative};\n ${tokens.activeIndicatorColor}: ${textNegative};\n `,\n warning: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: ${surfaceWarning};\n ${tokens.activeTitleColorHover}: ${surfaceWarningHover};\n ${tokens.activeIndicatorBorder}: solid ${surfaceWarning};\n ${tokens.activeIndicatorColor}: ${textWarning};\n `,\n positive: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: ${surfacePositive};\n ${tokens.activeTitleColorHover}: ${surfacePositiveHover};\n ${tokens.activeIndicatorBorder}: solid ${surfacePositive};\n ${tokens.activeIndicatorColor}: ${textPositive};\n `,\n },\n size: {\n l: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 2.25rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.75rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 2rem;\n ${tokens.contentVerticalPadding}: 1.0625rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.indicatorFontFamily}: ${bodyXS.fontFamily};\n ${tokens.indicatorFontSize}: ${bodyXS.fontSize};\n ${tokens.indicatorFontStyle}: ${bodyXS.fontStyle};\n ${tokens.indicatorFontWeight}: ${bodyXS.fontWeight};\n ${tokens.indicatorLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.indicatorLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.activeIndicatorFontFamily}: ${bodyS.fontFamily};\n ${tokens.activeIndicatorFontSize}: ${bodyS.fontSize};\n ${tokens.activeIndicatorFontStyle}: ${bodyS.fontStyle};\n ${tokens.activeIndicatorFontWeight}: ${bodyS.fontWeight};\n ${tokens.activeIndicatorLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.activeIndicatorLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.titleFontFamily}: ${bodyL.fontFamily};\n ${tokens.titleFontSize}: ${bodyL.fontSize};\n ${tokens.titleFontStyle}: ${bodyL.fontStyle};\n ${tokens.titleFontWeight}: ${bodyL.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.contentFontFamily}: ${bodyM.fontFamily};\n ${tokens.contentFontSize}: ${bodyM.fontSize};\n ${tokens.contentFontStyle}: ${bodyM.fontStyle};\n ${tokens.contentFontWeight}: ${bodyM.fontWeight};\n ${tokens.contentLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.contentLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n m: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 2.25rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.625rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 1.75rem;\n ${tokens.contentVerticalPadding}: 0.875rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.indicatorFontFamily}: ${bodyXS.fontFamily};\n ${tokens.indicatorFontSize}: ${bodyXS.fontSize};\n ${tokens.indicatorFontStyle}: ${bodyXS.fontStyle};\n ${tokens.indicatorFontWeight}: ${bodyXS.fontWeight};\n ${tokens.indicatorLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.indicatorLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.activeIndicatorFontFamily}: ${bodyS.fontFamily};\n ${tokens.activeIndicatorFontSize}: ${bodyS.fontSize};\n ${tokens.activeIndicatorFontStyle}: ${bodyS.fontStyle};\n ${tokens.activeIndicatorFontWeight}: ${bodyS.fontWeight};\n ${tokens.activeIndicatorLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.activeIndicatorLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.titleFontFamily}: ${bodyM.fontFamily};\n ${tokens.titleFontSize}: ${bodyM.fontSize};\n ${tokens.titleFontStyle}: ${bodyM.fontStyle};\n ${tokens.titleFontWeight}: ${bodyM.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.contentFontFamily}: ${bodyS.fontFamily};\n ${tokens.contentFontSize}: ${bodyS.fontSize};\n ${tokens.contentFontStyle}: ${bodyS.fontStyle};\n ${tokens.contentFontWeight}: ${bodyS.fontWeight};\n ${tokens.contentLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.contentLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n s: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 1.5rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.5rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 1.5rem;\n ${tokens.contentVerticalPadding}: 0.6875rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.indicatorFontFamily}: ${bodyXS.fontFamily};\n ${tokens.indicatorFontSize}: ${bodyXS.fontSize};\n ${tokens.indicatorFontStyle}: ${bodyXS.fontStyle};\n ${tokens.indicatorFontWeight}: ${bodyXS.fontWeight};\n ${tokens.indicatorLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.indicatorLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.activeIndicatorFontFamily}: ${bodyXS.fontFamily};\n ${tokens.activeIndicatorFontSize}: ${bodyXS.fontSize};\n ${tokens.activeIndicatorFontStyle}: ${bodyXS.fontStyle};\n ${tokens.activeIndicatorFontWeight}: ${bodyXS.fontWeight};\n ${tokens.activeIndicatorLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.activeIndicatorLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleFontFamily}: ${bodyS.fontFamily};\n ${tokens.titleFontSize}: ${bodyS.fontSize};\n ${tokens.titleFontStyle}: ${bodyS.fontStyle};\n ${tokens.titleFontWeight}: ${bodyS.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.contentFontFamily}: ${bodyXS.fontFamily};\n ${tokens.contentFontSize}: ${bodyXS.fontSize};\n ${tokens.contentFontStyle}: ${bodyXS.fontStyle};\n ${tokens.contentFontWeight}: ${bodyXS.fontWeight};\n ${tokens.contentLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.contentLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n xs: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 1.5rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.5rem;\n ${tokens.contentPaddingTop}: 0.25rem;\n ${tokens.contentSidePadding}: 1.5rem;\n ${tokens.contentVerticalPadding}: 0.5625rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.indicatorFontFamily}: ${bodyXS.fontFamily};\n ${tokens.indicatorFontSize}: ${bodyXS.fontSize};\n ${tokens.indicatorFontStyle}: ${bodyXS.fontStyle};\n ${tokens.indicatorFontWeight}: ${bodyXS.fontWeight};\n ${tokens.indicatorLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.indicatorLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.activeIndicatorFontFamily}: ${bodyXS.fontFamily};\n ${tokens.activeIndicatorFontSize}: ${bodyXS.fontSize};\n ${tokens.activeIndicatorFontStyle}: ${bodyXS.fontStyle};\n ${tokens.activeIndicatorFontWeight}: ${bodyXS.fontWeight};\n ${tokens.activeIndicatorLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.activeIndicatorLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleFontSize}: ${bodyXS.fontSize};\n ${tokens.titleFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.contentFontFamily}: ${bodyXS.fontFamily};\n ${tokens.contentFontSize}: ${bodyXS.fontSize};\n ${tokens.contentFontStyle}: ${bodyXS.fontStyle};\n ${tokens.contentFontWeight}: ${bodyXS.fontWeight};\n ${tokens.contentLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.contentLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n },\n },\n intersections: [\n {\n view: 'accent',\n itemView: 'default',\n style: css`\n ${tokens.activeIndicatorBorder}: solid ${textAccent};\n ${tokens.activeIndicatorColor}: ${textAccent};\n\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'negative',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'warning',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'positive',\n style: css`\n ${accentConfig};\n `,\n },\n ],\n};\n"],"names":["config","defaults","size","view","variations","default","accent","itemView","negative","warning","positive","l","m","s","xs","intersections","style"],"mappings":"AAuEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAAO,UAEN;AACDC,MAAAA,MAAM,EAAA;KAGT;AACDC,IAAAA,QAAQ,EAAE;AACNF,MAAAA,SAAAA,EAAO,UAEN;AACDG,MAAAA,QAAQ,EAAA,SAOP;AACDC,MAAAA,OAAO,EAAA,SAON;AACDC,MAAAA,QAAQ,EAAA;KAQX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SAyCA;AACDC,MAAAA,CAAC,EAAA,UAyCA;AACDC,MAAAA,CAAC,EAAA,SAyCA;AACDC,MAAAA,EAAE,EAAA;AA0CN;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIZ,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA;AAMT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}
1	+ {"version":3,"file":"Steps.config.js","sources":["../../../../../src-css/components/Steps/Steps.config.ts"],"sourcesContent":["import { css, stepsTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n inverseTextPrimary,\n onDarkTextPrimary,\n onDarkTextPrimaryHover,\n surfaceAccent,\n surfaceAccentHover,\n surfaceClear,\n surfaceNegative,\n surfaceNegativeHover,\n surfacePositive,\n surfacePositiveHover,\n surfaceSolidDefault,\n surfaceSolidDefaultHover,\n surfaceTransparentSecondary,\n surfaceTransparentSecondaryHover,\n surfaceWarning,\n surfaceWarningHover,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textPrimaryHover,\n textSecondary,\n textSecondaryHover,\n textWarning,\n} from '@sddsjs/sdds_finai';\n\nconst baseItemView = `\n ${tokens.activeTitleColor}: ${textPrimary};\n ${tokens.activeTitleColorHover}: ${textPrimaryHover};\n ${tokens.activeIndicatorBorder}: solid ${surfaceSolidDefault};\n ${tokens.activeIndicatorColor}: ${textPrimary};\n ${tokens.activeIndicatorBackground}: ${surfaceClear};\n \n ${tokens.completedIndicatorColor}: ${inverseTextPrimary};\n ${tokens.completedIndicatorColorHover}: ${inverseTextPrimary};\n ${tokens.completedIndicatorBackground}: ${surfaceSolidDefault};\n ${tokens.completedIndicatorBackgroundHover}: ${surfaceSolidDefaultHover};\n ${tokens.completedTitleColor}: ${textPrimary};\n ${tokens.completedTitleColorHover}: ${textPrimaryHover};\n\n ${tokens.inactiveTitleColor}: ${textSecondary};\n ${tokens.inactiveTitleColorHover}: ${textSecondaryHover};\n ${tokens.inactiveIndicatorColor}: ${textSecondary};\n ${tokens.inactiveIndicatorColorHover}: ${textSecondary};\n ${tokens.inactiveIndicatorBackground}: ${surfaceTransparentSecondary};\n ${tokens.inactiveIndicatorBackgroundHover}: ${surfaceTransparentSecondaryHover};\n\n ${tokens.contentColor}: ${textSecondary};\n ${tokens.focusColor}: ${surfaceAccent};\n\n ${tokens.disabledOpacity}: 0.4;\n`;\n\nconst accentConfig = `\n ${tokens.completedTitleColor}: ${textPrimary};\n ${tokens.completedTitleColorHover}: ${textPrimaryHover};\n ${tokens.completedIndicatorBackground}: ${surfaceAccent};\n ${tokens.completedIndicatorBackgroundHover}: ${surfaceAccentHover};\n \n \n // Цвет контента внутри элемента Step\n ${tokens.completedIndicatorColor}: ${onDarkTextPrimary};\n ${tokens.completedIndicatorColorHover}: ${onDarkTextPrimaryHover};\n`;\n\nexport const config = {\n defaults: {\n size: 'm',\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${tokens.dividerColor}: ${surfaceSolidDefault};\n `,\n accent: css`\n ${tokens.dividerColor}: ${surfaceAccent};\n `,\n },\n itemView: {\n default: css`\n ${baseItemView};\n `,\n negative: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: ${surfaceNegative};\n ${tokens.activeTitleColorHover}: ${surfaceNegativeHover};\n ${tokens.activeIndicatorBorder}: solid ${surfaceNegative};\n ${tokens.activeIndicatorColor}: ${textNegative};\n `,\n warning: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: ${surfaceWarning};\n ${tokens.activeTitleColorHover}: ${surfaceWarningHover};\n ${tokens.activeIndicatorBorder}: solid ${surfaceWarning};\n ${tokens.activeIndicatorColor}: ${textWarning};\n `,\n positive: css`\n ${baseItemView};\n\n ${tokens.activeTitleColor}: ${surfacePositive};\n ${tokens.activeTitleColorHover}: ${surfacePositiveHover};\n ${tokens.activeIndicatorBorder}: solid ${surfacePositive};\n ${tokens.activeIndicatorColor}: ${textPositive};\n `,\n },\n size: {\n l: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 2.25rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.75rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 2rem;\n ${tokens.contentVerticalPadding}: 1.0625rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.indicatorFontFamily}: ${bodyXS.fontFamily};\n ${tokens.indicatorFontSize}: ${bodyXS.fontSize};\n ${tokens.indicatorFontStyle}: ${bodyXS.fontStyle};\n ${tokens.indicatorFontWeight}: ${bodyXS.fontWeight};\n ${tokens.indicatorLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.indicatorLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.activeIndicatorFontFamily}: ${bodyS.fontFamily};\n ${tokens.activeIndicatorFontSize}: ${bodyS.fontSize};\n ${tokens.activeIndicatorFontStyle}: ${bodyS.fontStyle};\n ${tokens.activeIndicatorFontWeight}: ${bodyS.fontWeight};\n ${tokens.activeIndicatorLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.activeIndicatorLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.titleFontFamily}: ${bodyL.fontFamily};\n ${tokens.titleFontSize}: ${bodyL.fontSize};\n ${tokens.titleFontStyle}: ${bodyL.fontStyle};\n ${tokens.titleFontWeight}: ${bodyL.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyL.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyL.lineHeight};\n\n ${tokens.contentFontFamily}: ${bodyM.fontFamily};\n ${tokens.contentFontSize}: ${bodyM.fontSize};\n ${tokens.contentFontStyle}: ${bodyM.fontStyle};\n ${tokens.contentFontWeight}: ${bodyM.fontWeight};\n ${tokens.contentLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.contentLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n m: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 2.25rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.625rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 1.75rem;\n ${tokens.contentVerticalPadding}: 0.875rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.indicatorFontFamily}: ${bodyXS.fontFamily};\n ${tokens.indicatorFontSize}: ${bodyXS.fontSize};\n ${tokens.indicatorFontStyle}: ${bodyXS.fontStyle};\n ${tokens.indicatorFontWeight}: ${bodyXS.fontWeight};\n ${tokens.indicatorLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.indicatorLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.activeIndicatorFontFamily}: ${bodyS.fontFamily};\n ${tokens.activeIndicatorFontSize}: ${bodyS.fontSize};\n ${tokens.activeIndicatorFontStyle}: ${bodyS.fontStyle};\n ${tokens.activeIndicatorFontWeight}: ${bodyS.fontWeight};\n ${tokens.activeIndicatorLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.activeIndicatorLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.titleFontFamily}: ${bodyM.fontFamily};\n ${tokens.titleFontSize}: ${bodyM.fontSize};\n ${tokens.titleFontStyle}: ${bodyM.fontStyle};\n ${tokens.titleFontWeight}: ${bodyM.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyM.lineHeight};\n\n ${tokens.contentFontFamily}: ${bodyS.fontFamily};\n ${tokens.contentFontSize}: ${bodyS.fontSize};\n ${tokens.contentFontStyle}: ${bodyS.fontStyle};\n ${tokens.contentFontWeight}: ${bodyS.fontWeight};\n ${tokens.contentLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.contentLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n s: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 1.5rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.5rem;\n ${tokens.contentPaddingTop}: 0.375rem;\n ${tokens.contentSidePadding}: 1.5rem;\n ${tokens.contentVerticalPadding}: 0.6875rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.indicatorFontFamily}: ${bodyXS.fontFamily};\n ${tokens.indicatorFontSize}: ${bodyXS.fontSize};\n ${tokens.indicatorFontStyle}: ${bodyXS.fontStyle};\n ${tokens.indicatorFontWeight}: ${bodyXS.fontWeight};\n ${tokens.indicatorLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.indicatorLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.activeIndicatorFontFamily}: ${bodyXS.fontFamily};\n ${tokens.activeIndicatorFontSize}: ${bodyXS.fontSize};\n ${tokens.activeIndicatorFontStyle}: ${bodyXS.fontStyle};\n ${tokens.activeIndicatorFontWeight}: ${bodyXS.fontWeight};\n ${tokens.activeIndicatorLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.activeIndicatorLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleFontFamily}: ${bodyS.fontFamily};\n ${tokens.titleFontSize}: ${bodyS.fontSize};\n ${tokens.titleFontStyle}: ${bodyS.fontStyle};\n ${tokens.titleFontWeight}: ${bodyS.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.contentFontFamily}: ${bodyXS.fontFamily};\n ${tokens.contentFontSize}: ${bodyXS.fontSize};\n ${tokens.contentFontStyle}: ${bodyXS.fontStyle};\n ${tokens.contentFontWeight}: ${bodyXS.fontWeight};\n ${tokens.contentLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.contentLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n xs: css`\n ${tokens.indicatorSize}: 1.5rem;\n ${tokens.activeIndicatorSize}: 1.5rem;\n ${tokens.bulletSize}: 0.5rem;\n ${tokens.activeBulletSize}: 1rem;\n\n ${tokens.titlePaddingTop}: 0.5rem;\n ${tokens.contentPaddingTop}: 0.25rem;\n ${tokens.contentSidePadding}: 1.5rem;\n ${tokens.contentVerticalPadding}: 0.5625rem;\n ${tokens.verticalContentPaddingLeft}: 0.75rem;\n\n ${tokens.indicatorFontFamily}: ${bodyXS.fontFamily};\n ${tokens.indicatorFontSize}: ${bodyXS.fontSize};\n ${tokens.indicatorFontStyle}: ${bodyXS.fontStyle};\n ${tokens.indicatorFontWeight}: ${bodyXS.fontWeight};\n ${tokens.indicatorLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.indicatorLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.activeIndicatorFontFamily}: ${bodyXS.fontFamily};\n ${tokens.activeIndicatorFontSize}: ${bodyXS.fontSize};\n ${tokens.activeIndicatorFontStyle}: ${bodyXS.fontStyle};\n ${tokens.activeIndicatorFontWeight}: ${bodyXS.fontWeight};\n ${tokens.activeIndicatorLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.activeIndicatorLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.titleFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleFontSize}: ${bodyXS.fontSize};\n ${tokens.titleFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleFontWeight}: ${bodyXS.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.contentFontFamily}: ${bodyXS.fontFamily};\n ${tokens.contentFontSize}: ${bodyXS.fontSize};\n ${tokens.contentFontStyle}: ${bodyXS.fontStyle};\n ${tokens.contentFontWeight}: ${bodyXS.fontWeight};\n ${tokens.contentLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.contentLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.dividerThickness}: 0.125rem;\n `,\n },\n },\n intersections: [\n {\n view: 'accent',\n itemView: 'default',\n style: css`\n ${tokens.activeIndicatorBorder}: solid ${textAccent};\n ${tokens.activeIndicatorColor}: ${textAccent};\n\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'negative',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'warning',\n style: css`\n ${accentConfig};\n `,\n },\n {\n view: 'accent',\n itemView: 'positive',\n style: css`\n ${accentConfig};\n `,\n },\n ],\n};\n"],"names":["config","defaults","size","view","variations","default","accent","itemView","negative","warning","positive","l","m","s","xs","intersections","style"],"mappings":"AAuEO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAAO,UAEN;AACDC,MAAAA,MAAM,EAAA;KAGT;AACDC,IAAAA,QAAQ,EAAE;AACNF,MAAAA,SAAAA,EAAO,UAEN;AACDG,MAAAA,QAAQ,EAAA,SAOP;AACDC,MAAAA,OAAO,EAAA,SAON;AACDC,MAAAA,QAAQ,EAAA;KAQX;AACDR,IAAAA,IAAI,EAAE;AACFS,MAAAA,CAAC,EAAA,SAyCA;AACDC,MAAAA,CAAC,EAAA,UAyCA;AACDC,MAAAA,CAAC,EAAA,SAyCA;AACDC,MAAAA,EAAE,EAAA;AA0CN;GACH;AACDC,EAAAA,aAAa,EAAE,CACX;AACIZ,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA;AAMT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,SAAS;AACnBS,IAAAA,KAAK,EAAA;AAGT,GAAC,EACD;AACIb,IAAAA,IAAI,EAAE,QAAQ;AACdI,IAAAA,QAAQ,EAAE,UAAU;AACpBS,IAAAA,KAAK,EAAA;GAGR;AAET;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Switch.config.js","sources":["../../../../../src-css/components/Switch/Switch.config.ts"],"sourcesContent":["import { css, switchTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n onDarkSurfaceSolidDefault,\n surfaceAccent,\n surfaceAccentHover,\n surfaceTransparentTertiary,\n surfaceTransparentTertiaryHover,\n textPrimary,\n textSecondary,\n} from '@~~salutejs~~/~~sdds-themes/tokens/~~sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n toggleSize: 'l',\n labelPosition: 'before',\n focused: 'true',\n },\n variations: {\n size: {\n s: css`\n ${switchTokens.fontFamily}: ${bodyS.fontFamily};\n ${switchTokens.fontStyle}: ${bodyS.fontStyle};\n ${switchTokens.fontWeight}: ${bodyS.fontWeight};\n ${switchTokens.lineHeight}: ${bodyS.lineHeight};\n ${switchTokens.fontSize}: ${bodyS.fontSize};\n ${switchTokens.letterSpacing}: ${bodyS.letterSpacing};\n ${switchTokens.descriptionFontFamily}: ${bodyXS.fontFamily};\n ${switchTokens.descriptionFontStyle}: ${bodyXS.fontStyle};\n ${switchTokens.descriptionFontWeight}: ${bodyXS.fontWeight};\n ${switchTokens.descriptionLineHeight}: ${bodyXS.lineHeight};\n ${switchTokens.descriptionFontSize}: ${bodyXS.fontSize};\n ${switchTokens.descriptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n m: css`\n ${switchTokens.fontFamily}: ${bodyM.fontFamily};\n ${switchTokens.fontStyle}: ${bodyM.fontStyle};\n ${switchTokens.fontWeight}: ${bodyM.fontWeight};\n ${switchTokens.lineHeight}: ${bodyM.lineHeight};\n ${switchTokens.fontSize}: ${bodyM.fontSize};\n ${switchTokens.letterSpacing}: ${bodyM.letterSpacing};\n ${switchTokens.descriptionFontFamily}: ${bodyS.fontFamily};\n ${switchTokens.descriptionFontStyle}: ${bodyS.fontStyle};\n ${switchTokens.descriptionFontWeight}: ${bodyS.fontWeight};\n ${switchTokens.descriptionLineHeight}: ${bodyS.lineHeight};\n ${switchTokens.descriptionFontSize}: ${bodyS.fontSize};\n ${switchTokens.descriptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n l: css`\n ${switchTokens.fontFamily}: ${bodyL.fontFamily};\n ${switchTokens.fontStyle}: ${bodyL.fontStyle};\n ${switchTokens.fontWeight}: ${bodyL.fontWeight};\n ${switchTokens.lineHeight}: ${bodyL.lineHeight};\n ${switchTokens.fontSize}: ${bodyL.fontSize};\n ${switchTokens.letterSpacing}: ${bodyL.letterSpacing};\n ${switchTokens.descriptionFontFamily}: ${bodyM.fontFamily};\n ${switchTokens.descriptionFontStyle}: ${bodyM.fontStyle};\n ${switchTokens.descriptionFontWeight}: ${bodyM.fontWeight};\n ${switchTokens.descriptionLineHeight}: ${bodyM.lineHeight};\n ${switchTokens.descriptionFontSize}: ${bodyM.fontSize};\n ${switchTokens.descriptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n },\n toggleSize: {\n l: css`\n ${switchTokens.trackWidth}: 2.75rem;\n ${switchTokens.trackHeight}: 1.75rem;\n ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n ${switchTokens.thumbSize}: 1.5rem;\n ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n ${switchTokens.thumbOffsetOn}: 0.125rem;\n ${switchTokens.thumbOffsetOff}: 0.125rem;\n ${switchTokens.thumbPressScale}: 1.25;\n `,\n s: css`\n ${switchTokens.trackWidth}: 2rem;\n ${switchTokens.trackHeight}: 1.25rem;\n ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n ${switchTokens.thumbSize}: 1rem;\n ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n ${switchTokens.thumbOffsetOn}: 0.125rem;\n ${switchTokens.thumbOffsetOff}: 0.125rem;\n ${switchTokens.thumbPressScale}: 1.25;\n `,\n },\n view: {\n default: css`\n ${switchTokens.labelColor}: ${textPrimary};\n ${switchTokens.descriptionColor}: ${textSecondary};\n ${switchTokens.descriptionMaxLines}: initial;\n ${switchTokens.trackBackgroundColorOn}: ${surfaceAccent};\n ${switchTokens.trackBackgroundColorOnHover}: ${surfaceAccentHover};\n ${switchTokens.trackBackgroundColorOff}: ${surfaceTransparentTertiary};\n ${switchTokens.trackBackgroundColorOffHover}: ${surfaceTransparentTertiaryHover};\n ${switchTokens.trackBorderWidthOn}: 0;\n ${switchTokens.trackBorderWidthOff}: 0;\n ${switchTokens.thumbBackgroundColorOn}: ${onDarkSurfaceSolidDefault};\n ${switchTokens.thumbBackgroundColorOff}: ${onDarkSurfaceSolidDefault};\n ${switchTokens.thumbBoxShadow}: 0 1px 1px rgba(0, 0, 0, 0.11);\n `,\n },\n disabled: {\n true: css`\n ${switchTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${switchTokens.trackFocusColor}: ${surfaceAccent};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","toggleSize","labelPosition","focused","variations","s","m","l","default","disabled","true"],"mappings":"AAeO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE,GAAG;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAAA,SAeA;AACDC,MAAAA,CAAC,EAAA,UAeA;AACDC,MAAAA,CAAC,EAAA;KAgBJ;AACDN,IAAAA,UAAU,EAAE;AACRM,MAAAA,CAAC,EAAA,UASA;AACDF,MAAAA,CAAC,EAAA;KAUJ;AACDN,IAAAA,IAAI,EAAE;MACFS,SAAAA,EAAO;KAcV;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDP,IAAAA,OAAO,EAAE;MACLO,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"Switch.config.js","sources":["../../../../../src-css/components/Switch/Switch.config.ts"],"sourcesContent":["import { css, switchTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodyXS,\n onDarkSurfaceSolidDefault,\n surfaceAccent,\n surfaceAccentHover,\n surfaceTransparentTertiary,\n surfaceTransparentTertiaryHover,\n textPrimary,\n textSecondary,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 'm',\n toggleSize: 'l',\n labelPosition: 'before',\n focused: 'true',\n },\n variations: {\n size: {\n s: css`\n ${switchTokens.fontFamily}: ${bodyS.fontFamily};\n ${switchTokens.fontStyle}: ${bodyS.fontStyle};\n ${switchTokens.fontWeight}: ${bodyS.fontWeight};\n ${switchTokens.lineHeight}: ${bodyS.lineHeight};\n ${switchTokens.fontSize}: ${bodyS.fontSize};\n ${switchTokens.letterSpacing}: ${bodyS.letterSpacing};\n ${switchTokens.descriptionFontFamily}: ${bodyXS.fontFamily};\n ${switchTokens.descriptionFontStyle}: ${bodyXS.fontStyle};\n ${switchTokens.descriptionFontWeight}: ${bodyXS.fontWeight};\n ${switchTokens.descriptionLineHeight}: ${bodyXS.lineHeight};\n ${switchTokens.descriptionFontSize}: ${bodyXS.fontSize};\n ${switchTokens.descriptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n m: css`\n ${switchTokens.fontFamily}: ${bodyM.fontFamily};\n ${switchTokens.fontStyle}: ${bodyM.fontStyle};\n ${switchTokens.fontWeight}: ${bodyM.fontWeight};\n ${switchTokens.lineHeight}: ${bodyM.lineHeight};\n ${switchTokens.fontSize}: ${bodyM.fontSize};\n ${switchTokens.letterSpacing}: ${bodyM.letterSpacing};\n ${switchTokens.descriptionFontFamily}: ${bodyS.fontFamily};\n ${switchTokens.descriptionFontStyle}: ${bodyS.fontStyle};\n ${switchTokens.descriptionFontWeight}: ${bodyS.fontWeight};\n ${switchTokens.descriptionLineHeight}: ${bodyS.lineHeight};\n ${switchTokens.descriptionFontSize}: ${bodyS.fontSize};\n ${switchTokens.descriptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n l: css`\n ${switchTokens.fontFamily}: ${bodyL.fontFamily};\n ${switchTokens.fontStyle}: ${bodyL.fontStyle};\n ${switchTokens.fontWeight}: ${bodyL.fontWeight};\n ${switchTokens.lineHeight}: ${bodyL.lineHeight};\n ${switchTokens.fontSize}: ${bodyL.fontSize};\n ${switchTokens.letterSpacing}: ${bodyL.letterSpacing};\n ${switchTokens.descriptionFontFamily}: ${bodyM.fontFamily};\n ${switchTokens.descriptionFontStyle}: ${bodyM.fontStyle};\n ${switchTokens.descriptionFontWeight}: ${bodyM.fontWeight};\n ${switchTokens.descriptionLineHeight}: ${bodyM.lineHeight};\n ${switchTokens.descriptionFontSize}: ${bodyM.fontSize};\n ${switchTokens.descriptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${switchTokens.verticalGap}: 0.25rem;\n ${switchTokens.labelOffset}: 0.75rem;\n `,\n },\n toggleSize: {\n l: css`\n ${switchTokens.trackWidth}: 2.75rem;\n ${switchTokens.trackHeight}: 1.75rem;\n ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n ${switchTokens.thumbSize}: 1.5rem;\n ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n ${switchTokens.thumbOffsetOn}: 0.125rem;\n ${switchTokens.thumbOffsetOff}: 0.125rem;\n ${switchTokens.thumbPressScale}: 1.25;\n `,\n s: css`\n ${switchTokens.trackWidth}: 2rem;\n ${switchTokens.trackHeight}: 1.25rem;\n ${switchTokens.trackBorderRadius}: calc(var(${switchTokens.trackHeight}) / 2);\n ${switchTokens.thumbSize}: 1rem;\n ${switchTokens.thumbBorderRadius}: calc(var(${switchTokens.thumbSize}) / 2);\n ${switchTokens.thumbOffsetOn}: 0.125rem;\n ${switchTokens.thumbOffsetOff}: 0.125rem;\n ${switchTokens.thumbPressScale}: 1.25;\n `,\n },\n view: {\n default: css`\n ${switchTokens.labelColor}: ${textPrimary};\n ${switchTokens.descriptionColor}: ${textSecondary};\n ${switchTokens.descriptionMaxLines}: initial;\n ${switchTokens.trackBackgroundColorOn}: ${surfaceAccent};\n ${switchTokens.trackBackgroundColorOnHover}: ${surfaceAccentHover};\n ${switchTokens.trackBackgroundColorOff}: ${surfaceTransparentTertiary};\n ${switchTokens.trackBackgroundColorOffHover}: ${surfaceTransparentTertiaryHover};\n ${switchTokens.trackBorderWidthOn}: 0;\n ${switchTokens.trackBorderWidthOff}: 0;\n ${switchTokens.thumbBackgroundColorOn}: ${onDarkSurfaceSolidDefault};\n ${switchTokens.thumbBackgroundColorOff}: ${onDarkSurfaceSolidDefault};\n ${switchTokens.thumbBoxShadow}: 0 1px 1px rgba(0, 0, 0, 0.11);\n `,\n },\n disabled: {\n true: css`\n ${switchTokens.disabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${switchTokens.trackFocusColor}: ${surfaceAccent};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","toggleSize","labelPosition","focused","variations","s","m","l","default","disabled","true"],"mappings":"AAeO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,UAAU,EAAE,GAAG;AACfC,IAAAA,aAAa,EAAE,QAAQ;AACvBC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,CAAC,EAAA,SAeA;AACDC,MAAAA,CAAC,EAAA,UAeA;AACDC,MAAAA,CAAC,EAAA;KAgBJ;AACDN,IAAAA,UAAU,EAAE;AACRM,MAAAA,CAAC,EAAA,UASA;AACDF,MAAAA,CAAC,EAAA;KAUJ;AACDN,IAAAA,IAAI,EAAE;MACFS,SAAAA,EAAO;KAcV;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDP,IAAAA,OAAO,EAAE;MACLO,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

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

	@@ -1 +1 @@
1	- {"version":3,"file":"Table.config.js","sources":["../../../../../src-css/components/Table/Table.config.ts"],"sourcesContent":["import { css, tableTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n onDarkTextPrimary,\n surfaceTransparentTertiary,\n textAccent,\n textSecondary,\n} 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 ${tokens.borderColor}: #ddd;\n `,\n clear: css`\n ${tokens.borderColor}: transparent;\n `,\n },\n size: {\n l: css`\n ${tokens.fontFamily}: ${bodyL.fontFamily};\n ${tokens.fontSize}: ${bodyL.fontSize};\n ${tokens.fontStyle}: ${bodyL.fontStyle};\n ${tokens.fontWeight}: ${bodyL.fontWeight};\n ${tokens.letterSpacing}: ${bodyL.letterSpacing};\n ${tokens.lineHeight}: ${bodyL.lineHeight};\n\n ${tokens.headerRowHeight}: 3.125rem;\n ${tokens.rowHeight}: 3.125rem;\n ${tokens.cellPadding}: 0.375rem 1rem;\n ${tokens.checkboxCellPadding}: 0.375rem 1rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n ${tokens.checkboxFillColor}: ${textAccent};\n ${tokens.checkboxTriggerIconColor}: ${onDarkTextPrimary};\n\n ${tokens.editableCellIconGap}: 0.5rem;\n ${tokens.editableCellIconButtonWidth}: 3rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.25rem;\n ${tokens.editableCellInputBorderRadius}: 0.875rem;\n ${tokens.editableCellInputPadding}: 0 0.75rem;\n\n ${tokens.editableCellInputBackground}: ${surfaceTransparentTertiary};\n\n ${tokens.filterCheckboxPadding}: 0.75rem 0;\n ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n ${tokens.buttonHeight}: 2.5rem;\n ${tokens.buttonFontFamily}: ${bodyS.fontFamily};\n ${tokens.buttonFontSize}: ${bodyS.fontSize};\n ${tokens.buttonFontStyle}: ${bodyS.fontStyle};\n ${tokens.buttonFontWeight}: ${bodySBold.fontWeight};\n ${tokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.buttonLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.875rem;\n ${tokens.selectItemHeight}: 1.5rem;\n ${tokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.875rem;\n ${tokens.selectItemBorderRadius}: 0.75rem;\n ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n ${tokens.selectItemIconSize}: 1.5rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: ${bodyM.fontFamily};\n ${tokens.selectCellTitleFontSize}: ${bodyM.fontSize};\n ${tokens.selectCellTitleFontStyle}: ${bodyM.fontStyle};\n ${tokens.selectCellTitleFontWeight}: ${bodyM.fontWeight};\n ${tokens.selectCellTitleLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.selectCellTitleLineHeight}: ${bodyM.lineHeight};\n ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.5rem 0.875rem;\n ${tokens.selectControlPanelGap}: 0.5rem;\n\n ${tokens.linkButtonFontFamily}: ${bodyS.fontFamily};\n ${tokens.linkButtonFontSize}: ${bodyS.fontSize};\n ${tokens.linkButtonFontStyle}: ${bodyS.fontStyle};\n ${tokens.linkButtonFontWeight}: ${bodySBold.fontWeight};\n ${tokens.linkButtonLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.linkButtonLineHeight}: ${bodyS.lineHeight};\n `,\n m: css`\n ${tokens.fontFamily}: ${bodyM.fontFamily};\n ${tokens.fontSize}: ${bodyM.fontSize};\n ${tokens.fontStyle}: ${bodyM.fontStyle};\n ${tokens.fontWeight}: ${bodyM.fontWeight};\n ${tokens.letterSpacing}: ${bodyM.letterSpacing};\n ${tokens.lineHeight}: ${bodyM.lineHeight};\n\n ${tokens.headerRowHeight}: 2.75rem;\n ${tokens.rowHeight}: 2.75rem;\n ${tokens.cellPadding}: 0.25rem 0.875rem;\n ${tokens.checkboxCellPadding}: 0.25rem 0.75rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n ${tokens.checkboxFillColor}: ${textAccent};\n ${tokens.checkboxTriggerIconColor}: ${onDarkTextPrimary};\n\n ${tokens.editableCellIconGap}: 0.375rem;\n ${tokens.editableCellIconButtonWidth}: 2.5rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.25rem;\n ${tokens.editableCellInputBorderRadius}: 0.625rem;\n ${tokens.editableCellInputPadding}: 0 0.625rem;\n\n ${tokens.editableCellInputBackground}: ${surfaceTransparentTertiary};\n\n ${tokens.filterCheckboxPadding}: 0.5rem 0;\n ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n ${tokens.buttonHeight}: 2rem;\n ${tokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${tokens.buttonFontSize}: ${bodyXS.fontSize};\n ${tokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${tokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${tokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.buttonLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.75rem;\n ${tokens.selectItemHeight}: 1.5rem;\n ${tokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.625rem;\n ${tokens.selectItemBorderRadius}: 0.625rem;\n ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n ${tokens.selectItemIconSize}: 1.5rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: ${bodyS.fontFamily};\n ${tokens.selectCellTitleFontSize}: ${bodyS.fontSize};\n ${tokens.selectCellTitleFontStyle}: ${bodyS.fontStyle};\n ${tokens.selectCellTitleFontWeight}: ${bodyS.fontWeight};\n ${tokens.selectCellTitleLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.selectCellTitleLineHeight}: ${bodyS.lineHeight};\n ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.25rem 0.75rem;\n ${tokens.selectControlPanelGap}: 0.625rem;\n\n ${tokens.linkButtonFontFamily}: ${bodyXS.fontFamily};\n ${tokens.linkButtonFontSize}: ${bodyXS.fontSize};\n ${tokens.linkButtonFontStyle}: ${bodyXS.fontStyle};\n ${tokens.linkButtonFontWeight}: ${bodyXSBold.fontWeight};\n ${tokens.linkButtonLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.linkButtonLineHeight}: ${bodyXS.lineHeight};\n `,\n s: css`\n ${tokens.fontFamily}: ${bodyS.fontFamily};\n ${tokens.fontSize}: ${bodyS.fontSize};\n ${tokens.fontStyle}: ${bodyS.fontStyle};\n ${tokens.fontWeight}: ${bodyS.fontWeight};\n ${tokens.letterSpacing}: ${bodyS.letterSpacing};\n ${tokens.lineHeight}: ${bodyS.lineHeight};\n\n ${tokens.headerRowHeight}: 2.125rem;\n ${tokens.rowHeight}: 2.125rem;\n ${tokens.cellPadding}: 0.125rem 0.5rem;\n ${tokens.checkboxCellPadding}: 0.125rem 0.625rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n ${tokens.checkboxFillColor}: ${textAccent};\n ${tokens.checkboxTriggerIconColor}: ${onDarkTextPrimary};\n\n ${tokens.editableCellIconGap}: 0.25rem;\n ${tokens.editableCellIconButtonWidth}: 2rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.125rem;\n ${tokens.editableCellInputBorderRadius}: 0.5rem;\n ${tokens.editableCellInputPadding}: 0 0.375rem;\n\n ${tokens.editableCellInputBackground}: ${surfaceTransparentTertiary};\n\n ${tokens.filterCheckboxPadding}: 0.5rem 0;\n ${tokens.filterDividerMargin}: 0.25rem 0.5rem;\n\n ${tokens.buttonHeight}: 1.5rem;\n ${tokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${tokens.buttonFontSize}: ${bodyXS.fontSize};\n ${tokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${tokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${tokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.buttonLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.625rem;\n ${tokens.selectItemHeight}: 1rem;\n ${tokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${tokens.selectItemBorderRadius}: 0.5rem;\n ${tokens.selectItemIconMargin}: 0 0.25rem 0 0;\n ${tokens.selectItemIconSize}: 1rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: ${bodyXS.fontFamily};\n ${tokens.selectCellTitleFontSize}: ${bodyXS.fontSize};\n ${tokens.selectCellTitleFontStyle}: ${bodyXS.fontStyle};\n ${tokens.selectCellTitleFontWeight}: ${bodyXS.fontWeight};\n ${tokens.selectCellTitleLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.selectCellTitleLineHeight}: ${bodyXS.lineHeight};\n ${tokens.selectCheckboxTriggerSize}: 0.875rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.25rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.25rem 0.5rem;\n ${tokens.selectControlPanelGap}: 0.25rem;\n\n ${tokens.linkButtonFontFamily}: ${bodyXS.fontFamily};\n ${tokens.linkButtonFontSize}: ${bodyXS.fontSize};\n ${tokens.linkButtonFontStyle}: ${bodyXS.fontStyle};\n ${tokens.linkButtonFontWeight}: ${bodyXSBold.fontWeight};\n ${tokens.linkButtonLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.linkButtonLineHeight}: ${bodyXS.lineHeight};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s"],"mappings":"AAcO,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,KAAK,EAAA;KAGR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAmEA;AACDC,MAAAA,CAAC,EAAA,UAmEA;AACDC,MAAAA,CAAC,EAAA;AAoEL;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"Table.config.js","sources":["../../../../../src-css/components/Table/Table.config.ts"],"sourcesContent":["import { css, tableTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n onDarkTextPrimary,\n surfaceTransparentTertiary,\n textAccent,\n textSecondary,\n} 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 ${tokens.borderColor}: #ddd;\n `,\n clear: css`\n ${tokens.borderColor}: transparent;\n `,\n },\n size: {\n l: css`\n ${tokens.fontFamily}: ${bodyL.fontFamily};\n ${tokens.fontSize}: ${bodyL.fontSize};\n ${tokens.fontStyle}: ${bodyL.fontStyle};\n ${tokens.fontWeight}: ${bodyL.fontWeight};\n ${tokens.letterSpacing}: ${bodyL.letterSpacing};\n ${tokens.lineHeight}: ${bodyL.lineHeight};\n\n ${tokens.headerRowHeight}: 3.125rem;\n ${tokens.rowHeight}: 3.125rem;\n ${tokens.cellPadding}: 0.375rem 1rem;\n ${tokens.checkboxCellPadding}: 0.375rem 1rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n ${tokens.checkboxFillColor}: ${textAccent};\n ${tokens.checkboxTriggerIconColor}: ${onDarkTextPrimary};\n\n ${tokens.editableCellIconGap}: 0.5rem;\n ${tokens.editableCellIconButtonWidth}: 3rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.25rem;\n ${tokens.editableCellInputBorderRadius}: 0.875rem;\n ${tokens.editableCellInputPadding}: 0 0.75rem;\n\n ${tokens.editableCellInputBackground}: ${surfaceTransparentTertiary};\n\n ${tokens.filterCheckboxPadding}: 0.75rem 0;\n ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n ${tokens.buttonHeight}: 2.5rem;\n ${tokens.buttonFontFamily}: ${bodyS.fontFamily};\n ${tokens.buttonFontSize}: ${bodyS.fontSize};\n ${tokens.buttonFontStyle}: ${bodyS.fontStyle};\n ${tokens.buttonFontWeight}: ${bodySBold.fontWeight};\n ${tokens.buttonLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.buttonLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.875rem;\n ${tokens.selectItemHeight}: 1.5rem;\n ${tokens.selectItemPadding}: 0.75rem 0.75rem 0.75rem 0.875rem;\n ${tokens.selectItemBorderRadius}: 0.75rem;\n ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n ${tokens.selectItemIconSize}: 1.5rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: ${bodyM.fontFamily};\n ${tokens.selectCellTitleFontSize}: ${bodyM.fontSize};\n ${tokens.selectCellTitleFontStyle}: ${bodyM.fontStyle};\n ${tokens.selectCellTitleFontWeight}: ${bodyM.fontWeight};\n ${tokens.selectCellTitleLetterSpacing}: ${bodyM.letterSpacing};\n ${tokens.selectCellTitleLineHeight}: ${bodyM.lineHeight};\n ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.5rem 0.875rem;\n ${tokens.selectControlPanelGap}: 0.5rem;\n\n ${tokens.linkButtonFontFamily}: ${bodyS.fontFamily};\n ${tokens.linkButtonFontSize}: ${bodyS.fontSize};\n ${tokens.linkButtonFontStyle}: ${bodyS.fontStyle};\n ${tokens.linkButtonFontWeight}: ${bodySBold.fontWeight};\n ${tokens.linkButtonLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.linkButtonLineHeight}: ${bodyS.lineHeight};\n `,\n m: css`\n ${tokens.fontFamily}: ${bodyM.fontFamily};\n ${tokens.fontSize}: ${bodyM.fontSize};\n ${tokens.fontStyle}: ${bodyM.fontStyle};\n ${tokens.fontWeight}: ${bodyM.fontWeight};\n ${tokens.letterSpacing}: ${bodyM.letterSpacing};\n ${tokens.lineHeight}: ${bodyM.lineHeight};\n\n ${tokens.headerRowHeight}: 2.75rem;\n ${tokens.rowHeight}: 2.75rem;\n ${tokens.cellPadding}: 0.25rem 0.875rem;\n ${tokens.checkboxCellPadding}: 0.25rem 0.75rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 1.25rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.375rem;\n ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n ${tokens.checkboxFillColor}: ${textAccent};\n ${tokens.checkboxTriggerIconColor}: ${onDarkTextPrimary};\n\n ${tokens.editableCellIconGap}: 0.375rem;\n ${tokens.editableCellIconButtonWidth}: 2.5rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.25rem;\n ${tokens.editableCellInputBorderRadius}: 0.625rem;\n ${tokens.editableCellInputPadding}: 0 0.625rem;\n\n ${tokens.editableCellInputBackground}: ${surfaceTransparentTertiary};\n\n ${tokens.filterCheckboxPadding}: 0.5rem 0;\n ${tokens.filterDividerMargin}: 0.375rem 0.75rem;\n\n ${tokens.buttonHeight}: 2rem;\n ${tokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${tokens.buttonFontSize}: ${bodyXS.fontSize};\n ${tokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${tokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${tokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.buttonLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.75rem;\n ${tokens.selectItemHeight}: 1.5rem;\n ${tokens.selectItemPadding}: 0.5rem 0.75rem 0.5rem 0.625rem;\n ${tokens.selectItemBorderRadius}: 0.625rem;\n ${tokens.selectItemIconMargin}: 0 0.375rem 0 0;\n ${tokens.selectItemIconSize}: 1.5rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: ${bodyS.fontFamily};\n ${tokens.selectCellTitleFontSize}: ${bodyS.fontSize};\n ${tokens.selectCellTitleFontStyle}: ${bodyS.fontStyle};\n ${tokens.selectCellTitleFontWeight}: ${bodyS.fontWeight};\n ${tokens.selectCellTitleLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.selectCellTitleLineHeight}: ${bodyS.lineHeight};\n ${tokens.selectCheckboxTriggerSize}: 1.25rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.375rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.25rem 0.75rem;\n ${tokens.selectControlPanelGap}: 0.625rem;\n\n ${tokens.linkButtonFontFamily}: ${bodyXS.fontFamily};\n ${tokens.linkButtonFontSize}: ${bodyXS.fontSize};\n ${tokens.linkButtonFontStyle}: ${bodyXS.fontStyle};\n ${tokens.linkButtonFontWeight}: ${bodyXSBold.fontWeight};\n ${tokens.linkButtonLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.linkButtonLineHeight}: ${bodyXS.lineHeight};\n `,\n s: css`\n ${tokens.fontFamily}: ${bodyS.fontFamily};\n ${tokens.fontSize}: ${bodyS.fontSize};\n ${tokens.fontStyle}: ${bodyS.fontStyle};\n ${tokens.fontWeight}: ${bodyS.fontWeight};\n ${tokens.letterSpacing}: ${bodyS.letterSpacing};\n ${tokens.lineHeight}: ${bodyS.lineHeight};\n\n ${tokens.headerRowHeight}: 2.125rem;\n ${tokens.rowHeight}: 2.125rem;\n ${tokens.cellPadding}: 0.125rem 0.5rem;\n ${tokens.checkboxCellPadding}: 0.125rem 0.625rem;\n ${tokens.checkboxTriggerBorderWidth}: 0.125rem;\n ${tokens.checkboxTriggerBorderCheckedColor}: transparent;\n ${tokens.checkboxTriggerSize}: 0.875rem;\n ${tokens.checkboxTriggerBorderRadius}: 0.25rem;\n ${tokens.checkboxTriggerBorderColor}: ${textSecondary};\n ${tokens.checkboxFillColor}: ${textAccent};\n ${tokens.checkboxTriggerIconColor}: ${onDarkTextPrimary};\n\n ${tokens.editableCellIconGap}: 0.25rem;\n ${tokens.editableCellIconButtonWidth}: 2rem;\n ${tokens.editableCellIconButtonHeight}: 100%;\n ${tokens.editableCellPadding}: 0.125rem;\n ${tokens.editableCellInputBorderRadius}: 0.5rem;\n ${tokens.editableCellInputPadding}: 0 0.375rem;\n\n ${tokens.editableCellInputBackground}: ${surfaceTransparentTertiary};\n\n ${tokens.filterCheckboxPadding}: 0.5rem 0;\n ${tokens.filterDividerMargin}: 0.25rem 0.5rem;\n\n ${tokens.buttonHeight}: 1.5rem;\n ${tokens.buttonFontFamily}: ${bodyXS.fontFamily};\n ${tokens.buttonFontSize}: ${bodyXS.fontSize};\n ${tokens.buttonFontStyle}: ${bodyXS.fontStyle};\n ${tokens.buttonFontWeight}: ${bodyXSBold.fontWeight};\n ${tokens.buttonLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.buttonLineHeight}: ${bodyXS.lineHeight};\n\n ${tokens.selectPadding}: 0.125rem;\n ${tokens.selectBorderRadius}: 0.625rem;\n ${tokens.selectItemHeight}: 1rem;\n ${tokens.selectItemPadding}: 0.5rem 0.5rem 0.5rem 0.375rem;\n ${tokens.selectItemBorderRadius}: 0.5rem;\n ${tokens.selectItemIconMargin}: 0 0.25rem 0 0;\n ${tokens.selectItemIconSize}: 1rem;\n ${tokens.selectCellPadding}: 0;\n ${tokens.selectCellTitleFontFamily}: ${bodyXS.fontFamily};\n ${tokens.selectCellTitleFontSize}: ${bodyXS.fontSize};\n ${tokens.selectCellTitleFontStyle}: ${bodyXS.fontStyle};\n ${tokens.selectCellTitleFontWeight}: ${bodyXS.fontWeight};\n ${tokens.selectCellTitleLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.selectCellTitleLineHeight}: ${bodyXS.lineHeight};\n ${tokens.selectCheckboxTriggerSize}: 0.875rem;\n ${tokens.selectCheckboxTriggerBorderRadius}: 0.25rem;\n ${tokens.selectCheckboxTriggerBorderWidth}: 0.125rem;\n ${tokens.selectCheckboxTriggerBorderCheckedColor}: transparent;\n ${tokens.selectControlPanelPadding}: 0.25rem 0.5rem;\n ${tokens.selectControlPanelGap}: 0.25rem;\n\n ${tokens.linkButtonFontFamily}: ${bodyXS.fontFamily};\n ${tokens.linkButtonFontSize}: ${bodyXS.fontSize};\n ${tokens.linkButtonFontStyle}: ${bodyXS.fontStyle};\n ${tokens.linkButtonFontWeight}: ${bodyXSBold.fontWeight};\n ${tokens.linkButtonLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.linkButtonLineHeight}: ${bodyXS.lineHeight};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","clear","l","m","s"],"mappings":"AAcO,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,KAAK,EAAA;KAGR;AACDH,IAAAA,IAAI,EAAE;AACFI,MAAAA,CAAC,EAAA,UAmEA;AACDC,MAAAA,CAAC,EAAA,UAmEA;AACDC,MAAAA,CAAC,EAAA;AAoEL;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/horizontal/HorizontalIconTabItem.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HorizontalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n inverseTextPrimary,\n surfaceAccent,\n surfaceSolidCard,\n surfaceSolidDefault,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n} from '@~~salutejs~~/~~sdds-themes/tokens/~~sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: ${textSecondary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n secondary: css`\n ${tabsTokens.itemColor}: ${textPrimary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceSolidCard};\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceSolidCard};\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: ${textSecondary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: ${textPrimary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${inverseTextPrimary};\n ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceSolidDefault};\n ${tabsTokens.itemSelectedColorHover}: ${inverseTextPrimary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceSolidDefault};\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPadding}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPadding}: 1rem 1.125rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n h6: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.875rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h6","h5","h4","h3","h2","h1","disabled","true"],"mappings":"AAYO,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,KAAK,EAAA,SAiBJ;AACDC,MAAAA,SAAS,EAAA,UAmBR;AACDC,MAAAA,OAAO,EAAA,UAmBN;MACDC,SAAAA,EAAO;KAoBV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"HorizontalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n inverseTextPrimary,\n surfaceAccent,\n surfaceSolidCard,\n surfaceSolidDefault,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: ${textSecondary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n secondary: css`\n ${tabsTokens.itemColor}: ${textPrimary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceSolidCard};\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceSolidCard};\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: ${textSecondary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: ${textPrimary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${inverseTextPrimary};\n ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceSolidDefault};\n ${tabsTokens.itemSelectedColorHover}: ${inverseTextPrimary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceSolidDefault};\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0;\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPadding}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPadding}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPadding}: 1rem 1.125rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n h6: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 0.875rem;\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPadding}: 0rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h6","h5","h4","h3","h2","h1","disabled","true"],"mappings":"AAYO,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,KAAK,EAAA,SAiBJ;AACDC,MAAAA,SAAS,EAAA,UAmBR;AACDC,MAAAA,OAAO,EAAA,UAmBN;MACDC,SAAAA,EAAO;KAoBV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/horizontal/HorizontalTabItem.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyLBold,\n bodyM,\n bodyMBold,\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n h1,\n h1Bold,\n h2,\n h2Bold,\n h3,\n h3Bold,\n h4,\n h4Bold,\n h5,\n h5Bold,\n h6,\n h6Bold,\n inverseTextPrimary,\n inverseTextSecondary,\n surfaceAccent,\n surfaceSolidCard,\n surfaceSolidDefault,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n} from '@salutejs/sdds-themes/tokens/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: ${textSecondary};\n ${tabsTokens.itemValueColor}: ${textTertiary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemValueColorHover}: ${textSecondary};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemValueColorActive}: ${textSecondary};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n secondary: css`\n ${tabsTokens.itemColor}: ${textPrimary};\n ${tabsTokens.itemValueColor}: ${textSecondary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemValueColorHover}: ${textSecondary};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemValueColorActive}: ${textSecondary};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceSolidCard};\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceSolidCard};\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: ${textSecondary};\n ${tabsTokens.itemValueColor}: ${textTertiary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemValueColorHover}: ${textSecondary};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemValueColorActive}: ${textSecondary};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: ${textPrimary};\n ${tabsTokens.itemValueColor}: ${textSecondary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemValueColorHover}: ${textSecondary};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemValueColorActive}: ${textSecondary};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${inverseTextPrimary};\n ${tabsTokens.itemSelectedValueColor}: ${inverseTextSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceSolidDefault};\n ${tabsTokens.itemSelectedColorHover}: ${inverseTextPrimary};\n ${tabsTokens.itemSelectedValueColorHover}: ${inverseTextSecondary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceSolidDefault};\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyXS.fontFamily};\n ${tabsTokens.fontSize}: ${bodyXS.fontSize};\n ${tabsTokens.fontStyle}: ${bodyXS.fontStyle};\n ${tabsTokens.fontWeight}: ${bodyXSBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyXS.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyXS.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyS.fontFamily};\n ${tabsTokens.fontSize}: ${bodyS.fontSize};\n ${tabsTokens.fontStyle}: ${bodyS.fontStyle};\n ${tabsTokens.fontWeight}: ${bodySBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyS.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyS.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyM.fontFamily};\n ${tabsTokens.fontSize}: ${bodyM.fontSize};\n ${tabsTokens.fontStyle}: ${bodyM.fontStyle};\n ${tabsTokens.fontWeight}: ${bodyMBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyM.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyM.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyL.fontFamily};\n ${tabsTokens.fontSize}: ${bodyL.fontSize};\n ${tabsTokens.fontStyle}: ${bodyL.fontStyle};\n ${tabsTokens.fontWeight}: ${bodyLBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyL.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyL.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n h6: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: ${h6.fontFamily};\n ${tabsTokens.fontSize}: ${h6.fontSize};\n ${tabsTokens.fontStyle}: ${h6.fontStyle};\n ${tabsTokens.fontWeight}: ${h6Bold.fontWeight};\n ${tabsTokens.letterSpacing}: ${h6.letterSpacing};\n ${tabsTokens.lineHeight}: ${h6.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: ${h5.fontFamily};\n ${tabsTokens.fontSize}: ${h5.fontSize};\n ${tabsTokens.fontStyle}: ${h5.fontStyle};\n ${tabsTokens.fontWeight}: ${h5Bold.fontWeight};\n ${tabsTokens.letterSpacing}: ${h5.letterSpacing};\n ${tabsTokens.lineHeight}: ${h5.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.25rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: ${h4.fontFamily};\n ${tabsTokens.fontSize}: ${h4.fontSize};\n ${tabsTokens.fontStyle}: ${h4.fontStyle};\n ${tabsTokens.fontWeight}: ${h4Bold.fontWeight};\n ${tabsTokens.letterSpacing}: ${h4.letterSpacing};\n ${tabsTokens.lineHeight}: ${h4.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.875rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 2rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.fontFamily}: ${h3.fontFamily};\n ${tabsTokens.fontSize}: ${h3.fontSize};\n ${tabsTokens.fontStyle}: ${h3.fontStyle};\n ${tabsTokens.fontWeight}: ${h3Bold.fontWeight};\n ${tabsTokens.letterSpacing}: ${h3.letterSpacing};\n ${tabsTokens.lineHeight}: ${h3.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 4.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 2.25rem;\n ${tabsTokens.itemContentGap}: 0.875rem;\n\n ${tabsTokens.fontFamily}: ${h2.fontFamily};\n ${tabsTokens.fontSize}: ${h2.fontSize};\n ${tabsTokens.fontStyle}: ${h2.fontStyle};\n ${tabsTokens.fontWeight}: ${h2Bold.fontWeight};\n ${tabsTokens.letterSpacing}: ${h2.letterSpacing};\n ${tabsTokens.lineHeight}: ${h2.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 5.75rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 3.25rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.fontFamily}: ${h1.fontFamily};\n ${tabsTokens.fontSize}: ${h1.fontSize};\n ${tabsTokens.fontStyle}: ${h1.fontStyle};\n ${tabsTokens.fontWeight}: ${h1Bold.fontWeight};\n ${tabsTokens.letterSpacing}: ${h1.letterSpacing};\n ${tabsTokens.lineHeight}: ${h1.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h6","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"mappings":"AAkCO,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,KAAK,EAAA,UAwBJ;AACDC,MAAAA,SAAS,EAAA,UA0BR;AACDC,MAAAA,OAAO,EAAA,SAwBN;MACDC,SAAAA,EAAO;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAkBD;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"HorizontalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyLBold,\n bodyM,\n bodyMBold,\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n h1,\n h1Bold,\n h2,\n h2Bold,\n h3,\n h3Bold,\n h4,\n h4Bold,\n h5,\n h5Bold,\n h6,\n h6Bold,\n inverseTextPrimary,\n inverseTextSecondary,\n surfaceAccent,\n surfaceSolidCard,\n surfaceSolidDefault,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.itemColor}: ${textSecondary};\n ${tabsTokens.itemValueColor}: ${textTertiary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemValueColorHover}: ${textSecondary};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemValueColorActive}: ${textSecondary};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n secondary: css`\n ${tabsTokens.itemColor}: ${textPrimary};\n ${tabsTokens.itemValueColor}: ${textSecondary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemValueColorHover}: ${textSecondary};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemValueColorActive}: ${textSecondary};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceSolidCard};\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceSolidCard};\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n divider: css`\n ${tabsTokens.itemColor}: ${textSecondary};\n ${tabsTokens.itemValueColor}: ${textTertiary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemValueColorHover}: ${textSecondary};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemValueColorActive}: ${textSecondary};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n default: css`\n ${tabsTokens.itemColor}: ${textPrimary};\n ${tabsTokens.itemValueColor}: ${textSecondary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemValueColorHover}: ${textSecondary};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemValueColorActive}: ${textSecondary};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${inverseTextPrimary};\n ${tabsTokens.itemSelectedValueColor}: ${inverseTextSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: ${surfaceSolidDefault};\n ${tabsTokens.itemSelectedColorHover}: ${inverseTextPrimary};\n ${tabsTokens.itemSelectedValueColorHover}: ${inverseTextSecondary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: ${surfaceSolidDefault};\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemMarginLeftFilled}: 0.125rem;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerHeight}: 0rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyXS.fontFamily};\n ${tabsTokens.fontSize}: ${bodyXS.fontSize};\n ${tabsTokens.fontStyle}: ${bodyXS.fontStyle};\n ${tabsTokens.fontWeight}: ${bodyXSBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyXS.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyXS.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyS.fontFamily};\n ${tabsTokens.fontSize}: ${bodyS.fontSize};\n ${tabsTokens.fontStyle}: ${bodyS.fontStyle};\n ${tabsTokens.fontWeight}: ${bodySBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyS.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyS.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyM.fontFamily};\n ${tabsTokens.fontSize}: ${bodyM.fontSize};\n ${tabsTokens.fontStyle}: ${bodyM.fontStyle};\n ${tabsTokens.fontWeight}: ${bodyMBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyM.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyM.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyL.fontFamily};\n ${tabsTokens.fontSize}: ${bodyL.fontSize};\n ${tabsTokens.fontStyle}: ${bodyL.fontStyle};\n ${tabsTokens.fontWeight}: ${bodyLBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyL.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyL.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n h6: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: ${h6.fontFamily};\n ${tabsTokens.fontSize}: ${h6.fontSize};\n ${tabsTokens.fontStyle}: ${h6.fontStyle};\n ${tabsTokens.fontWeight}: ${h6Bold.fontWeight};\n ${tabsTokens.letterSpacing}: ${h6.letterSpacing};\n ${tabsTokens.lineHeight}: ${h6.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h5: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.5rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: ${h5.fontFamily};\n ${tabsTokens.fontSize}: ${h5.fontSize};\n ${tabsTokens.fontStyle}: ${h5.fontStyle};\n ${tabsTokens.fontWeight}: ${h5Bold.fontWeight};\n ${tabsTokens.letterSpacing}: ${h5.letterSpacing};\n ${tabsTokens.lineHeight}: ${h5.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h4: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.25rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 1.75rem;\n ${tabsTokens.itemContentGap}: 0.625rem;\n\n ${tabsTokens.fontFamily}: ${h4.fontFamily};\n ${tabsTokens.fontSize}: ${h4.fontSize};\n ${tabsTokens.fontStyle}: ${h4.fontStyle};\n ${tabsTokens.fontWeight}: ${h4Bold.fontWeight};\n ${tabsTokens.letterSpacing}: ${h4.letterSpacing};\n ${tabsTokens.lineHeight}: ${h4.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h3: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.875rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 2rem;\n ${tabsTokens.itemContentGap}: 0.75rem;\n\n ${tabsTokens.fontFamily}: ${h3.fontFamily};\n ${tabsTokens.fontSize}: ${h3.fontSize};\n ${tabsTokens.fontStyle}: ${h3.fontStyle};\n ${tabsTokens.fontWeight}: ${h3Bold.fontWeight};\n ${tabsTokens.letterSpacing}: ${h3.letterSpacing};\n ${tabsTokens.lineHeight}: ${h3.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h2: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 4.5rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 2.25rem;\n ${tabsTokens.itemContentGap}: 0.875rem;\n\n ${tabsTokens.fontFamily}: ${h2.fontFamily};\n ${tabsTokens.fontSize}: ${h2.fontSize};\n ${tabsTokens.fontStyle}: ${h2.fontStyle};\n ${tabsTokens.fontWeight}: ${h2Bold.fontWeight};\n ${tabsTokens.letterSpacing}: ${h2.letterSpacing};\n ${tabsTokens.lineHeight}: ${h2.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: -0.125rem;\n `,\n h1: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 5.75rem;\n ${tabsTokens.itemPadding}: 0 0.125rem;\n ${tabsTokens.itemMarginLeft}: 3.25rem;\n ${tabsTokens.itemContentGap}: 1rem;\n\n ${tabsTokens.fontFamily}: ${h1.fontFamily};\n ${tabsTokens.fontSize}: ${h1.fontSize};\n ${tabsTokens.fontStyle}: ${h1.fontStyle};\n ${tabsTokens.fontWeight}: ${h1Bold.fontWeight};\n ${tabsTokens.letterSpacing}: ${h1.letterSpacing};\n ${tabsTokens.lineHeight}: ${h1.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.itemPilledBorderRadius}: 1.5rem;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","secondary","divider","default","xs","s","m","l","h6","h5","h4","h3","h2","h1","disabled","true","pilled","truncate"],"mappings":"AAkCO,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,KAAK,EAAA,UAwBJ;AACDC,MAAAA,SAAS,EAAA,UA0BR;AACDC,MAAAA,OAAO,EAAA,SAwBN;MACDC,SAAAA,EAAO;KA2BV;AACDL,IAAAA,IAAI,EAAE;AACFM,MAAAA,EAAE,EAAA,UAkBD;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,SAkBA;AACDC,MAAAA,CAAC,EAAA,UAkBA;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,UAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA,SAgBD;AACDC,MAAAA,EAAE,EAAA;KAiBL;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,MAAM,EAAE;MACJD,MAAAA,EAAI;KAGP;AACDE,IAAAA,QAAQ,EAAE;MACNF,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/horizontal/HorizontalTabs.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n surfaceAccent,\n surfaceTransparentPrimary,\n surfaceTransparentTertiary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n} from '@~~salutejs~~/~~sdds-themes/tokens/~~sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'filled',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.arrowColor}: ${textSecondary};\n ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n ${tabsTokens.arrowColorActive}: ${textSecondaryActive};\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n filled: css`\n ${tabsTokens.arrowColor}: ${textSecondary};\n ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n ${tabsTokens.arrowColorActive}: ${textSecondaryActive};\n ${tabsTokens.tabsBackgroundColor}: ${surfaceTransparentPrimary};\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n divider: css`\n ${tabsTokens.arrowColor}: ${textSecondary};\n ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n ${tabsTokens.arrowColorActive}: ${textSecondaryActive};\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: ${surfaceTransparentTertiary};\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.875rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n h6: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h5: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h4: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h3: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.375rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h2: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.5rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h1: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 1rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerWidth}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h6","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":"AAUO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,SAUJ;AACDC,MAAAA,MAAM,EAAA,UAUL;AACDC,MAAAA,OAAO,EAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,QAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"HorizontalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/horizontal/HorizontalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n surfaceAccent,\n surfaceTransparentPrimary,\n surfaceTransparentTertiary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'filled',\n size: 'l',\n },\n variations: {\n view: {\n clear: css`\n ${tabsTokens.arrowColor}: ${textSecondary};\n ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n ${tabsTokens.arrowColorActive}: ${textSecondaryActive};\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n filled: css`\n ${tabsTokens.arrowColor}: ${textSecondary};\n ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n ${tabsTokens.arrowColorActive}: ${textSecondaryActive};\n ${tabsTokens.tabsBackgroundColor}: ${surfaceTransparentPrimary};\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.tabsDividerHeight}: 0rem;\n ${tabsTokens.tabsDividerColor}: transparent;\n ${tabsTokens.tabsDividerBorderRadius}: 0rem;\n `,\n divider: css`\n ${tabsTokens.arrowColor}: ${textSecondary};\n ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n ${tabsTokens.arrowColorActive}: ${textSecondaryActive};\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: ${surfaceTransparentTertiary};\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.875rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n h6: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h5: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h4: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.25rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h3: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.375rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h2: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0.5rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n h1: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 1rem;\n ${tabsTokens.arrowOuterPadding}: 0rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerWidth}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n pilled: {\n true: css`\n ${tabsTokens.tabsPilledBorderRadius}: 1.625rem;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","clear","filled","divider","xs","s","m","l","h6","h5","h4","h3","h2","h1","stretch","true","disabled","pilled"],"mappings":"AAUO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,QAAQ;AACdC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,KAAK,EAAA,SAUJ;AACDC,MAAAA,MAAM,EAAA,UAUL;AACDC,MAAAA,OAAO,EAAA;KAWV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA,QAMA;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,UAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,EAAE,EAAA;KAOL;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;KAGP;AACDE,IAAAA,MAAM,EAAE;MACJF,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/vertical/VerticalIconTabItem.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n surfaceAccent~~,\n~~ textPrimary~~,\n~~ textSecondary~~,\n~~ textSecondaryActive~~,\n~~ textSecondaryHover~~,\n~~} from '@~~salutejs~~/~~sdds-themes/tokens/~~sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.itemColor}: ${textSecondary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.125rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true"],"mappings":"~~AASO~~,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,OAAO,EAAA;KAoBV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,UAOD;AACDC,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,CAAC,EAAA;KAQJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"VerticalIconTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalIconTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport { surfaceAccent, textPrimary, textSecondary, textSecondaryActive, textSecondaryHover } from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'xs',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.itemColor}: ${textSecondary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 0.875rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.125rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true"],"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;AACFG,MAAAA,OAAO,EAAA;KAoBV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,UAOD;AACDC,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,CAAC,EAAA,UAOA;AACDC,MAAAA,CAAC,EAAA;KAQJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/vertical/VerticalTabItem.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyLBold,\n bodyM,\n bodyMBold,\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n surfaceAccent,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n} from '@~~salutejs~~/~~sdds-themes/tokens/~~sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.itemColor}: ${textSecondary};\n ${tabsTokens.itemValueColor}: ${textTertiary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemValueColorHover}: ${textSecondary};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemValueColorActive}: ${textSecondary};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.5rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemMarginLeft}: 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyXS.fontFamily};\n ${tabsTokens.fontSize}: ${bodyXS.fontSize};\n ${tabsTokens.fontStyle}: ${bodyXS.fontStyle};\n ${tabsTokens.fontWeight}: ${bodyXSBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyXS.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyXS.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 1rem;\n ${tabsTokens.itemMarginLeft}: 0.75rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyS.fontFamily};\n ${tabsTokens.fontSize}: ${bodyS.fontSize};\n ${tabsTokens.fontStyle}: ${bodyS.fontStyle};\n ${tabsTokens.fontWeight}: ${bodySBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyS.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyS.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 1.25rem;\n ${tabsTokens.itemMarginLeft}: 1.125rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyM.fontFamily};\n ${tabsTokens.fontSize}: ${bodyM.fontSize};\n ${tabsTokens.fontStyle}: ${bodyM.fontStyle};\n ${tabsTokens.fontWeight}: ${bodyMBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyM.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyM.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.875rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.5rem;\n ${tabsTokens.itemMarginLeft}: 1.25rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyL.fontFamily};\n ${tabsTokens.fontSize}: ${bodyL.fontSize};\n ${tabsTokens.fontStyle}: ${bodyL.fontStyle};\n ${tabsTokens.fontWeight}: ${bodyLBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyL.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyL.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true","truncate"],"mappings":"AAkBO,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,OAAO,EAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAmBD;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA;KAoBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"VerticalTabItem.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabItem.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyLBold,\n bodyM,\n bodyMBold,\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n surfaceAccent,\n textPrimary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.itemColor}: ${textSecondary};\n ${tabsTokens.itemValueColor}: ${textTertiary};\n ${tabsTokens.itemBackgroundColor}: transparent;\n ${tabsTokens.itemColorHover}: ${textSecondaryHover};\n ${tabsTokens.itemValueColorHover}: ${textSecondary};\n ${tabsTokens.itemColorActive}: ${textSecondaryActive};\n ${tabsTokens.itemValueColorActive}: ${textSecondary};\n ${tabsTokens.itemBackgroundColorHover}: transparent;\n ${tabsTokens.itemSelectedColor}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColor}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColor}: transparent;\n ${tabsTokens.itemSelectedColorHover}: ${textPrimary};\n ${tabsTokens.itemSelectedValueColorHover}: ${textSecondary};\n ${tabsTokens.itemSelectedBackgroundColorHover}: transparent;\n ${tabsTokens.itemBackgroundTransition}: background-color 0.3s ease-in-out;\n\n ${tabsTokens.itemPaddingClear}: 0;\n ${tabsTokens.itemContentPaddingClear}: 0;\n\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.itemSelectedDividerWidth}: 0.125rem;\n ${tabsTokens.itemSelectedDividerHeight}: 0.125rem;\n ${tabsTokens.itemSelectedDividerColor}: ${textPrimary};\n ${tabsTokens.itemSelectedDividerColorHover}: ${textPrimary};\n\n ${tabsTokens.itemCursor}: pointer;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.itemBorderRadius}: 0.375rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2rem;\n ${tabsTokens.itemPadding}: 0 0.5rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.375rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 0.625rem;\n ${tabsTokens.itemMarginLeft}: 0.625rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyXS.fontFamily};\n ${tabsTokens.fontSize}: ${bodyXS.fontSize};\n ${tabsTokens.fontStyle}: ${bodyXS.fontStyle};\n ${tabsTokens.fontWeight}: ${bodyXSBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyXS.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyXS.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0;\n `,\n s: css`\n ${tabsTokens.itemBorderRadius}: 0.5rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 2.5rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.5rem 1rem;\n ${tabsTokens.itemMarginLeft}: 0.75rem;\n ${tabsTokens.itemContentGap}: 0.25rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyS.fontFamily};\n ${tabsTokens.fontSize}: ${bodyS.fontSize};\n ${tabsTokens.fontStyle}: ${bodyS.fontStyle};\n ${tabsTokens.fontWeight}: ${bodySBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyS.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyS.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.itemBorderRadius}: 0.625rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3rem;\n ${tabsTokens.itemPadding}: 0 0.625rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.5rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 0.75rem 1.25rem;\n ${tabsTokens.itemMarginLeft}: 1.125rem;\n ${tabsTokens.itemContentGap}: 0.375rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyM.fontFamily};\n ${tabsTokens.fontSize}: ${bodyM.fontSize};\n ${tabsTokens.fontStyle}: ${bodyM.fontStyle};\n ${tabsTokens.fontWeight}: ${bodyMBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyM.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyM.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n l: css`\n ${tabsTokens.itemBorderRadius}: 0.75rem;\n ${tabsTokens.itemWidth}: auto;\n ${tabsTokens.itemHeight}: 3.5rem;\n ${tabsTokens.itemPadding}: 0 0.875rem;\n ${tabsTokens.itemPaddingPilled}: 0 0.75rem;\n ${tabsTokens.itemPaddingOrientationVertical}: 1rem 1.5rem;\n ${tabsTokens.itemMarginLeft}: 1.25rem;\n ${tabsTokens.itemContentGap}: 0.5rem;\n ${tabsTokens.itemContentPadding}: 0.125rem;\n\n ${tabsTokens.fontFamily}: ${bodyL.fontFamily};\n ${tabsTokens.fontSize}: ${bodyL.fontSize};\n ${tabsTokens.fontStyle}: ${bodyL.fontStyle};\n ${tabsTokens.fontWeight}: ${bodyLBold.fontWeight};\n ${tabsTokens.letterSpacing}: ${bodyL.letterSpacing};\n ${tabsTokens.lineHeight}: ${bodyL.lineHeight};\n\n ${tabsTokens.actionContentMarginLeft}: 0.125rem;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n truncate: {\n true: css``,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","disabled","true","truncate"],"mappings":"AAkBO,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,OAAO,EAAA;KA6BV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAmBD;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA,UAmBA;AACDC,MAAAA,CAAC,EAAA;KAoBJ;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AACR;AACJ;AACJ;;;;"}

package/dist/css/es/components/Tabs/vertical/VerticalTabs.config.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"VerticalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n surfaceAccent,\n surfaceTransparentTertiary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n} from '@~~salutejs~~/~~sdds-themes/tokens/~~sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.arrowColor}: ${textSecondary};\n ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n ${tabsTokens.arrowColorActive}: ${textSecondaryActive};\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.tabsDividerWidth}: 0.0625rem;\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: ${surfaceTransparentTertiary};\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerHeight}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","stretch","true","disabled"],"mappings":"AASO,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,OAAO,EAAA;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,CAAC,EAAA,SAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"VerticalTabs.config.js","sources":["../../../../../../src-css/components/Tabs/vertical/VerticalTabs.config.ts"],"sourcesContent":["import { css, tabsTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n surfaceAccent,\n surfaceTransparentTertiary,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'divider',\n size: 'l',\n },\n variations: {\n view: {\n divider: css`\n ${tabsTokens.arrowColor}: ${textSecondary};\n ${tabsTokens.arrowColorHover}: ${textSecondaryHover};\n ${tabsTokens.arrowColorActive}: ${textSecondaryActive};\n ${tabsTokens.tabsBackgroundColor}: transparent;\n ${tabsTokens.outlineFocusColor}: ${surfaceAccent};\n\n ${tabsTokens.tabsDividerWidth}: 0.0625rem;\n ${tabsTokens.tabsDividerHeight}: 0.0625rem;\n ${tabsTokens.tabsDividerColor}: ${surfaceTransparentTertiary};\n ${tabsTokens.tabsDividerBorderRadius}: 0.0625rem;\n `,\n },\n size: {\n xs: css`\n ${tabsTokens.tabsBorderRadius}: 0.5rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.125rem;\n `,\n s: css`\n ${tabsTokens.tabsBorderRadius}: 0.625rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.25rem;\n `,\n m: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.625rem;\n `,\n l: css`\n ${tabsTokens.tabsBorderRadius}: 0.75rem;\n ${tabsTokens.tabsWidth}: fit-content;\n ${tabsTokens.tabsHeight}: auto;\n ${tabsTokens.arrowInnerPadding}: 0rem;\n ${tabsTokens.arrowOuterPadding}: 0.75rem;\n `,\n },\n stretch: {\n true: css`\n ${tabsTokens.containerHeight}: 100%;\n `,\n },\n disabled: {\n true: css`\n ${tabsTokens.disabledOpacity}: 0.4;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","divider","xs","s","m","l","stretch","true","disabled"],"mappings":"AASO,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,OAAO,EAAA;KAYV;AACDF,IAAAA,IAAI,EAAE;AACFG,MAAAA,EAAE,EAAA,SAMD;AACDC,MAAAA,CAAC,EAAA,SAMA;AACDC,MAAAA,CAAC,EAAA,UAMA;AACDC,MAAAA,CAAC,EAAA;KAOJ;AACDC,IAAAA,OAAO,EAAE;MACLC,MAAAA,EAAI;KAGP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}

package/dist/css/es/components/TextArea/TextArea.config.js CHANGED Viewed

@@ -1,4 +1,4 @@
-import './TextArea.config_1qdhtkr.css';
+import './TextArea.config_1thsd62.css';
 var config = {
   defaults: {
     view: 'default',

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

	@@ -1 +1 @@
1	- {"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodyXS,\n bodyXXS,\n dataBlueLight,\n dataBlueLightActive,\n dataBlueLightHover,\n outlineAccent,\n outlineSolidPrimary,\n outlineSolidPrimaryHover,\n outlineTransparentInfo,\n outlineTransparentInfoActive,\n outlineTransparentInfoHover,\n outlineTransparentNegative,\n outlineTransparentNegativeHover,\n outlineTransparentPositive,\n outlineTransparentPositiveHover,\n outlineTransparentWarning,\n outlineTransparentWarningHover,\n shadowDownHardM,\n surfaceAccent,\n surfaceNegative,\n surfacePositive,\n surfaceSolidCardBrightness,\n surfaceTransparentCard,\n surfaceTransparentCardActive,\n surfaceTransparentCardHover,\n surfaceTransparentNegative,\n surfaceTransparentNegativeActive,\n surfaceTransparentNegativeHover,\n surfaceTransparentPositive,\n surfaceTransparentPositiveActive,\n surfaceTransparentPositiveHover,\n surfaceTransparentPrimary,\n surfaceTransparentPrimaryActive,\n surfaceTransparentPrimaryHover,\n surfaceTransparentSecondary,\n surfaceTransparentTertiary,\n surfaceTransparentTertiaryActive,\n surfaceTransparentTertiaryHover,\n surfaceTransparentWarning,\n surfaceTransparentWarningActive,\n surfaceTransparentWarningHover,\n surfaceWarning,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textSecondary,\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 focused: 'true',\n },\n variations: {\n view: {\n default: css`\n ${textAreaTokens.backgroundColor}: ${surfaceTransparentCard};\n ${textAreaTokens.backgroundColorHover}: ${surfaceTransparentCardHover};\n ${textAreaTokens.backgroundColorActive}: ${surfaceTransparentCardActive};\n ${textAreaTokens.backgroundColorFocus}: ${surfaceTransparentCard};\n ${textAreaTokens.borderColor}: ${outlineSolidPrimary};\n ${textAreaTokens.borderColorHover}: ${outlineSolidPrimaryHover};\n ${textAreaTokens.borderColorFocus}: ${outlineAccent};\n ${textAreaTokens.inputColor}: ${textPrimary};\n ${textAreaTokens.inputColorFocus}: ${textPrimary};\n ${textAreaTokens.inputCaretColor}: ${textAccent};\n ${textAreaTokens.placeholderColor}: ${textSecondary};\n ${textAreaTokens.placeholderColorFocus}: ${textTertiary};\n\n ${textAreaTokens.leftHelperColor}: ${textSecondary};\n ${textAreaTokens.leftHelperColorFocus}: ${textSecondary};\n ${textAreaTokens.rightHelperColor}: ${textSecondary};\n ${textAreaTokens.indicatorColor}: ${surfaceNegative};\n ${textAreaTokens.optionalColor}: ${textTertiary};\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n\n ${textAreaTokens.dividerColor}: ${surfaceTransparentTertiary};\n ${textAreaTokens.dividerColorHover}: ${textSecondary};\n ${textAreaTokens.dividerColorFocus}: ${surfaceAccent};\n ${textAreaTokens.labelOuterColor}: ${textSecondary};\n ${textAreaTokens.titleCaptionColor}: ${textSecondary};\n ${textAreaTokens.hintIconColor}: ${textSecondary};\n `,\n positive: css`\n ${textAreaTokens.backgroundColor}: ${surfaceTransparentPositive};\n ${textAreaTokens.backgroundColorHover}: ${surfaceTransparentPositiveHover};\n ${textAreaTokens.backgroundColorActive}: ${surfaceTransparentPositiveActive};\n ${textAreaTokens.backgroundColorFocus}: ${surfaceTransparentCard};\n ${textAreaTokens.borderColor}: ${outlineTransparentPositive};\n ${textAreaTokens.borderColorHover}: ${outlineTransparentPositiveHover};\n ${textAreaTokens.borderColorFocus}: ${outlineAccent};\n ${textAreaTokens.inputColor}: ${textPrimary};\n\n ${textAreaTokens.inputColorFocus}: ${textPrimary};\n ${textAreaTokens.inputCaretColor}: ${textAccent};\n ${textAreaTokens.placeholderColor}: ${textSecondary};\n ${textAreaTokens.placeholderColorFocus}: ${textTertiary};\n\n ${textAreaTokens.leftHelperColor}: ${textPositive};\n ${textAreaTokens.leftHelperColorFocus}: ${textSecondary};\n ${textAreaTokens.rightHelperColor}: ${textSecondary};\n ${textAreaTokens.indicatorColor}: ${surfaceNegative};\n ${textAreaTokens.optionalColor}: ${textTertiary};\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n\n ${textAreaTokens.dividerColor}: ${surfacePositive};\n ${textAreaTokens.dividerColorHover}: ${surfacePositive};\n ${textAreaTokens.dividerColorFocus}: ${surfaceAccent};\n ${textAreaTokens.labelOuterColor}: ${textSecondary};\n ${textAreaTokens.titleCaptionColor}: ${textSecondary};\n ${textAreaTokens.hintIconColor}: ${textSecondary};\n `,\n warning: css`\n ${textAreaTokens.backgroundColor}: ${surfaceTransparentWarning};\n ${textAreaTokens.backgroundColorHover}: ${surfaceTransparentWarningHover};\n ${textAreaTokens.backgroundColorActive}: ${surfaceTransparentWarningActive};\n ${textAreaTokens.backgroundColorFocus}: ${surfaceTransparentCard};\n ${textAreaTokens.borderColor}: ${outlineTransparentWarning};\n ${textAreaTokens.borderColorHover}: ${outlineTransparentWarningHover};\n ${textAreaTokens.borderColorFocus}: ${outlineAccent};\n ${textAreaTokens.inputColor}: ${textPrimary};\n\n ${textAreaTokens.inputColorFocus}: ${textPrimary};\n ${textAreaTokens.inputCaretColor}: ${textAccent};\n ${textAreaTokens.placeholderColor}: ${textSecondary};\n ${textAreaTokens.placeholderColorFocus}: ${textTertiary};\n\n ${textAreaTokens.leftHelperColor}: ${textWarning};\n ${textAreaTokens.leftHelperColorFocus}: ${textSecondary};\n ${textAreaTokens.rightHelperColor}: ${textSecondary};\n ${textAreaTokens.indicatorColor}: ${surfaceNegative};\n ${textAreaTokens.optionalColor}: ${textTertiary};\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n\n ${textAreaTokens.dividerColor}: ${surfaceWarning};\n ${textAreaTokens.dividerColorHover}: ${surfaceWarning};\n ${textAreaTokens.dividerColorFocus}: ${surfaceAccent};\n ${textAreaTokens.labelOuterColor}: ${textSecondary};\n ${textAreaTokens.titleCaptionColor}: ${textSecondary};\n ${textAreaTokens.hintIconColor}: ${textSecondary};\n `,\n negative: css`\n ${textAreaTokens.backgroundColor}: ${surfaceTransparentNegative};\n ${textAreaTokens.backgroundColorHover}: ${surfaceTransparentNegativeHover};\n ${textAreaTokens.backgroundColorActive}: ${surfaceTransparentNegativeActive};\n ${textAreaTokens.backgroundColorFocus}: ${surfaceTransparentCard};\n ${textAreaTokens.borderColor}: ${outlineTransparentNegative};\n ${textAreaTokens.borderColorHover}: ${outlineTransparentNegativeHover};\n ${textAreaTokens.borderColorFocus}: ${outlineAccent};\n ${textAreaTokens.inputColor}: ${textPrimary};\n\n ${textAreaTokens.inputColorFocus}: ${textPrimary};\n ${textAreaTokens.inputCaretColor}: ${textAccent};\n ${textAreaTokens.placeholderColor}: ${textSecondary};\n ${textAreaTokens.placeholderColorFocus}: ${textTertiary};\n\n ${textAreaTokens.leftHelperColor}: ${textNegative};\n ${textAreaTokens.leftHelperColorFocus}: ${textSecondary};\n ${textAreaTokens.rightHelperColor}: ${textSecondary};\n ${textAreaTokens.indicatorColor}: ${surfaceNegative};\n ${textAreaTokens.optionalColor}: ${textTertiary};\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n\n ${textAreaTokens.dividerColor}: ${surfaceNegative};\n ${textAreaTokens.dividerColorHover}: ${surfaceNegative};\n ${textAreaTokens.dividerColorFocus}: ${surfaceAccent};\n ${textAreaTokens.labelOuterColor}: ${textSecondary};\n ${textAreaTokens.titleCaptionColor}: ${textSecondary};\n ${textAreaTokens.hintIconColor}: ${textSecondary};\n `,\n edited: css`\n ${textAreaTokens.backgroundColor}: ${dataBlueLight};\n ${textAreaTokens.backgroundColorHover}: ${dataBlueLightHover};\n ${textAreaTokens.backgroundColorActive}: ${dataBlueLightActive};\n ${textAreaTokens.backgroundColorFocus}: ${dataBlueLightActive};\n ${textAreaTokens.borderColor}: ${outlineTransparentInfo};\n ${textAreaTokens.borderColorHover}: ${outlineTransparentInfoHover};\n ${textAreaTokens.borderColorFocus}: ${outlineTransparentInfoActive};\n ${textAreaTokens.inputColor}: ${textPrimary};\n\n ${textAreaTokens.inputColorFocus}: ${textPrimary};\n ${textAreaTokens.inputCaretColor}: ${textAccent};\n ${textAreaTokens.placeholderColor}: ${textSecondary};\n ${textAreaTokens.placeholderColorFocus}: ${textTertiary};\n\n ${textAreaTokens.leftHelperColor}: ${textSecondary};\n ${textAreaTokens.leftHelperColorFocus}: ${textSecondary};\n ${textAreaTokens.rightHelperColor}: ${textSecondary};\n ${textAreaTokens.indicatorColor}: ${surfaceNegative};\n ${textAreaTokens.optionalColor}: ${textTertiary};\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n\n ${textAreaTokens.dividerColor}: ${outlineTransparentInfo};\n ${textAreaTokens.dividerColorHover}: ${outlineTransparentInfo};\n ${textAreaTokens.dividerColorFocus}: ${outlineTransparentInfoActive};\n ${textAreaTokens.labelOuterColor}: ${textSecondary};\n ${textAreaTokens.titleCaptionColor}: ${textSecondary};\n ${textAreaTokens.hintIconColor}: ${textSecondary};\n `,\n },\n size: {\n s: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7.187rem;\n ${textAreaTokens.inputMinHeight}: 0.625rem;\n ${textAreaTokens.borderSize}: 0.125rem;\n ${textAreaTokens.borderRadius}: 0.625rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0.625rem 0.625rem;\n\n ${textAreaTokens.inputPaddingTop}: 0.688rem;\n ${textAreaTokens.inputPaddingRight}: 0.875rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 0.875rem;\n\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.helpersPaddingRight}: 0.875rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 0.875rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.outsideHelpersPaddingTop}: 0.25rem;\n\n ${textAreaTokens.rightContentTop}: 0.688rem;\n ${textAreaTokens.rightContentRight}: 0.75rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n\n ${textAreaTokens.labelMarginBottom}: 0.5rem;\n\n ${textAreaTokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n\n ${textAreaTokens.inputFontFamily}: ${bodyS.fontFamily};\n ${textAreaTokens.inputFontSize}: ${bodyS.fontSize};\n ${textAreaTokens.inputFontStyle}: ${bodyS.fontStyle};\n ${textAreaTokens.inputFontWeight}: ${bodyS.fontWeight};\n ${textAreaTokens.inputLetterSpacing}: ${bodyS.letterSpacing};\n ${textAreaTokens.inputLineHeight}: ${bodyS.lineHeight};\n\n ${textAreaTokens.helpersFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.helpersFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.helpersFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.helpersFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.helpersLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.helpersLineHeight}: ${bodyXS.lineHeight};\n\n ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n `,\n xs: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7.312rem;\n ${textAreaTokens.inputMinHeight}: 0.625rem;\n ${textAreaTokens.borderSize}: 0.125rem;\n ${textAreaTokens.borderRadius}: 0.5rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem 0.5rem 0 0;\n\n ${textAreaTokens.inputPaddingTop}: 0.563rem;\n ${textAreaTokens.inputPaddingRight}: 0.625rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.563rem;\n ${textAreaTokens.inputPaddingLeft}: 0.625rem;\n ${textAreaTokens.outsideHelpersPaddingTop}: 0.125rem;\n\n ${textAreaTokens.helpersPaddingTop}: 0.5rem;\n ${textAreaTokens.helpersPaddingRight}: 0.625rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.563rem;\n ${textAreaTokens.helpersPaddingLeft}: 0.625rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n\n ${textAreaTokens.rightContentTop}: 0.563rem;\n ${textAreaTokens.rightContentRight}: 0.5rem;\n ${textAreaTokens.rightContentHeight}: 1rem;\n\n ${textAreaTokens.labelMarginBottom}: 0.375rem;\n\n ${textAreaTokens.labelInnerFontFamily}: ${bodyXXS.fontFamily};\n ${textAreaTokens.labelInnerFontSize}: ${bodyXXS.fontSize};\n ${textAreaTokens.labelInnerFontStyle}: ${bodyXXS.fontStyle};\n ${textAreaTokens.labelInnerFontWeight}: ${bodyXXS.fontWeight};\n ${textAreaTokens.labelInnerLetterSpacing}: ${bodyXXS.letterSpacing};\n ${textAreaTokens.labelInnerLineHeight}: ${bodyXXS.lineHeight};\n\n ${textAreaTokens.labelInnerTop}: 0rem;\n ${textAreaTokens.labelInnerTopHelper}: -0.313rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0rem;\n\n ${textAreaTokens.inputFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.inputFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.inputFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.inputFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.inputLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.inputLineHeight}: ${bodyXS.lineHeight};\n\n ${textAreaTokens.helpersFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.helpersFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.helpersFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.helpersFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.helpersLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.helpersLineHeight}: ${bodyXS.lineHeight};\n\n ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.675rem auto auto;\n ${textAreaTokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n\n ${textAreaTokens.clearIndicatorHintInnerRight}: 0.813rem -1.875rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n `,\n },\n hintView: {\n default: css`\n ${textAreaTokens.tooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${textAreaTokens.tooltipBoxShadow}: ${shadowDownHardM};\n ${textAreaTokens.tooltipColor}: ${textPrimary};\n ${textAreaTokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n hintSize: {\n m: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.688rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.875rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.688rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2.5rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.625rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: ${bodyS.fontFamily};\n ${textAreaTokens.tooltipTextFontSize}: ${bodyS.fontSize};\n ${textAreaTokens.tooltipTextFontStyle}: ${bodyS.fontStyle};\n ${textAreaTokens.tooltipTextFontWeight}: ${bodyS.fontWeight};\n ${textAreaTokens.tooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${textAreaTokens.tooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1.25rem;\n /* stylelint-disable-next-line /\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${textAreaTokens.tooltipArrowHeight}: 0.5rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.5rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.75rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.5rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.5rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.tooltipTextFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.tooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.tooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.tooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.tooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1rem;\n / stylelint-disable-next-line */\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${textAreaTokens.tooltipArrowHeight}: 0.375rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.563rem;\n `,\n },\n readOnly: {\n true: css`\n ${textAreaTokens.backgroundColorReadOnly}: ${surfaceTransparentSecondary};\n ${textAreaTokens.inputColorReadOnly}: ${textPrimary};\n ${textAreaTokens.dividerColorReadOnly}: ${surfaceTransparentPrimary};\n ${textAreaTokens.contentSlotRightOpacityReadOnly}: 1;\n ${textAreaTokens.rightContentColor}: ${textSecondary};\n ${textAreaTokens.backgroundColor}: ${surfaceTransparentCard};\n `,\n },\n disabled: {\n true: css`\n ${textAreaTokens.disabledOpacity}: 1;\n ${textAreaTokens.inputColorDisabled}: ${textSecondary};\n ${textAreaTokens.dividerColorReadOnly}: ${surfaceTransparentPrimary};\n ${textAreaTokens.titleCaptionColorReadOnly}: ${textSecondary};\n ${textAreaTokens.rightContentColor}: ${textSecondary};\n ${textAreaTokens.backgroundColor}: ${surfaceTransparentSecondary};\n ${textAreaTokens.borderColor}: transparent;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","focused","variations","default","positive","warning","negative","edited","s","xs","hintView","hintSize","m","readOnly","true","disabled"],"mappings":"AAsDO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAiCN;AACDC,MAAAA,QAAQ,EAAA,UAkCP;AACDC,MAAAA,OAAO,EAAA,UAkCN;AACDC,MAAAA,QAAQ,EAAA,UAkCP;AACDC,MAAAA,MAAM,EAAA;KAmCT;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAAA,UA0EA;AACDC,MAAAA,EAAE,EAAA;KA6EL;AACDC,IAAAA,QAAQ,EAAE;MACNP,SAAAA,EAAO;KAMV;AACDQ,IAAAA,QAAQ,EAAE;AACNC,MAAAA,CAAC,EAAA,SAwBA;AACDJ,MAAAA,CAAC,EAAA;KAyBJ;AACDK,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAQP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AASR;AACJ;AACJ;;;;"}
1	+ {"version":3,"file":"TextArea.config.js","sources":["../../../../../src-css/components/TextArea/TextArea.config.ts"],"sourcesContent":["import { css, textAreaTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n bodyXS,\n bodyXXS,\n dataBlueLight,\n dataBlueLightActive,\n dataBlueLightHover,\n outlineAccent,\n outlineSolidPrimary,\n outlineSolidPrimaryHover,\n outlineTransparentInfo,\n outlineTransparentInfoActive,\n outlineTransparentInfoHover,\n outlineTransparentNegative,\n outlineTransparentNegativeHover,\n outlineTransparentPositive,\n outlineTransparentPositiveHover,\n outlineTransparentWarning,\n outlineTransparentWarningHover,\n shadowDownHardM,\n surfaceAccent,\n surfaceNegative,\n surfacePositive,\n surfaceSolidCardBrightness,\n surfaceTransparentCard,\n surfaceTransparentCardActive,\n surfaceTransparentCardHover,\n surfaceTransparentNegative,\n surfaceTransparentNegativeActive,\n surfaceTransparentNegativeHover,\n surfaceTransparentPositive,\n surfaceTransparentPositiveActive,\n surfaceTransparentPositiveHover,\n surfaceTransparentPrimary,\n surfaceTransparentPrimaryActive,\n surfaceTransparentPrimaryHover,\n surfaceTransparentSecondary,\n surfaceTransparentTertiary,\n surfaceTransparentTertiaryActive,\n surfaceTransparentTertiaryHover,\n surfaceTransparentWarning,\n surfaceTransparentWarningActive,\n surfaceTransparentWarningHover,\n surfaceWarning,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textSecondary,\n textTertiary,\n textWarning,\n} from '@sddsjs/sdds_finai';\n\nexport const config = {\n defaults: {\n view: 'default',\n size: 's',\n focused: 'true',\n },\n variations: {\n view: {\n default: css`\n ${textAreaTokens.backgroundColor}: ${surfaceTransparentCard};\n ${textAreaTokens.backgroundColorHover}: ${surfaceTransparentCardHover};\n ${textAreaTokens.backgroundColorActive}: ${surfaceTransparentCardActive};\n ${textAreaTokens.backgroundColorFocus}: ${surfaceTransparentCard};\n ${textAreaTokens.borderColor}: ${outlineSolidPrimary};\n ${textAreaTokens.borderColorHover}: ${outlineSolidPrimaryHover};\n ${textAreaTokens.borderColorFocus}: ${outlineAccent};\n ${textAreaTokens.inputColor}: ${textPrimary};\n ${textAreaTokens.inputColorFocus}: ${textPrimary};\n ${textAreaTokens.inputCaretColor}: ${textAccent};\n ${textAreaTokens.placeholderColor}: ${textSecondary};\n ${textAreaTokens.placeholderColorFocus}: ${textTertiary};\n\n ${textAreaTokens.leftHelperColor}: ${textSecondary};\n ${textAreaTokens.leftHelperColorFocus}: ${textSecondary};\n ${textAreaTokens.rightHelperColor}: ${textSecondary};\n ${textAreaTokens.indicatorColor}: ${surfaceNegative};\n ${textAreaTokens.optionalColor}: ${textTertiary};\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n\n ${textAreaTokens.dividerColor}: ${surfaceTransparentTertiary};\n ${textAreaTokens.dividerColorHover}: ${textSecondary};\n ${textAreaTokens.dividerColorFocus}: ${surfaceAccent};\n ${textAreaTokens.labelOuterColor}: ${textSecondary};\n ${textAreaTokens.titleCaptionColor}: ${textSecondary};\n ${textAreaTokens.hintIconColor}: ${textSecondary};\n `,\n positive: css`\n ${textAreaTokens.backgroundColor}: ${surfaceTransparentPositive};\n ${textAreaTokens.backgroundColorHover}: ${surfaceTransparentPositiveHover};\n ${textAreaTokens.backgroundColorActive}: ${surfaceTransparentPositiveActive};\n ${textAreaTokens.backgroundColorFocus}: ${surfaceTransparentCard};\n ${textAreaTokens.borderColor}: ${outlineTransparentPositive};\n ${textAreaTokens.borderColorHover}: ${outlineTransparentPositiveHover};\n ${textAreaTokens.borderColorFocus}: ${outlineAccent};\n ${textAreaTokens.inputColor}: ${textPrimary};\n\n ${textAreaTokens.inputColorFocus}: ${textPrimary};\n ${textAreaTokens.inputCaretColor}: ${textAccent};\n ${textAreaTokens.placeholderColor}: ${textSecondary};\n ${textAreaTokens.placeholderColorFocus}: ${textTertiary};\n\n ${textAreaTokens.leftHelperColor}: ${textPositive};\n ${textAreaTokens.leftHelperColorFocus}: ${textSecondary};\n ${textAreaTokens.rightHelperColor}: ${textSecondary};\n ${textAreaTokens.indicatorColor}: ${surfaceNegative};\n ${textAreaTokens.optionalColor}: ${textTertiary};\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n\n ${textAreaTokens.dividerColor}: ${surfacePositive};\n ${textAreaTokens.dividerColorHover}: ${surfacePositive};\n ${textAreaTokens.dividerColorFocus}: ${surfaceAccent};\n ${textAreaTokens.labelOuterColor}: ${textSecondary};\n ${textAreaTokens.titleCaptionColor}: ${textSecondary};\n ${textAreaTokens.hintIconColor}: ${textSecondary};\n `,\n warning: css`\n ${textAreaTokens.backgroundColor}: ${surfaceTransparentWarning};\n ${textAreaTokens.backgroundColorHover}: ${surfaceTransparentWarningHover};\n ${textAreaTokens.backgroundColorActive}: ${surfaceTransparentWarningActive};\n ${textAreaTokens.backgroundColorFocus}: ${surfaceTransparentCard};\n ${textAreaTokens.borderColor}: ${outlineTransparentWarning};\n ${textAreaTokens.borderColorHover}: ${outlineTransparentWarningHover};\n ${textAreaTokens.borderColorFocus}: ${outlineAccent};\n ${textAreaTokens.inputColor}: ${textPrimary};\n\n ${textAreaTokens.inputColorFocus}: ${textPrimary};\n ${textAreaTokens.inputCaretColor}: ${textAccent};\n ${textAreaTokens.placeholderColor}: ${textSecondary};\n ${textAreaTokens.placeholderColorFocus}: ${textTertiary};\n\n ${textAreaTokens.leftHelperColor}: ${textWarning};\n ${textAreaTokens.leftHelperColorFocus}: ${textSecondary};\n ${textAreaTokens.rightHelperColor}: ${textSecondary};\n ${textAreaTokens.indicatorColor}: ${surfaceNegative};\n ${textAreaTokens.optionalColor}: ${textTertiary};\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n\n ${textAreaTokens.dividerColor}: ${surfaceWarning};\n ${textAreaTokens.dividerColorHover}: ${surfaceWarning};\n ${textAreaTokens.dividerColorFocus}: ${surfaceAccent};\n ${textAreaTokens.labelOuterColor}: ${textSecondary};\n ${textAreaTokens.titleCaptionColor}: ${textSecondary};\n ${textAreaTokens.hintIconColor}: ${textSecondary};\n `,\n negative: css`\n ${textAreaTokens.backgroundColor}: ${surfaceTransparentNegative};\n ${textAreaTokens.backgroundColorHover}: ${surfaceTransparentNegativeHover};\n ${textAreaTokens.backgroundColorActive}: ${surfaceTransparentNegativeActive};\n ${textAreaTokens.backgroundColorFocus}: ${surfaceTransparentCard};\n ${textAreaTokens.borderColor}: ${outlineTransparentNegative};\n ${textAreaTokens.borderColorHover}: ${outlineTransparentNegativeHover};\n ${textAreaTokens.borderColorFocus}: ${outlineAccent};\n ${textAreaTokens.inputColor}: ${textPrimary};\n\n ${textAreaTokens.inputColorFocus}: ${textPrimary};\n ${textAreaTokens.inputCaretColor}: ${textAccent};\n ${textAreaTokens.placeholderColor}: ${textSecondary};\n ${textAreaTokens.placeholderColorFocus}: ${textTertiary};\n\n ${textAreaTokens.leftHelperColor}: ${textNegative};\n ${textAreaTokens.leftHelperColorFocus}: ${textSecondary};\n ${textAreaTokens.rightHelperColor}: ${textSecondary};\n ${textAreaTokens.indicatorColor}: ${surfaceNegative};\n ${textAreaTokens.optionalColor}: ${textTertiary};\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n\n ${textAreaTokens.dividerColor}: ${surfaceNegative};\n ${textAreaTokens.dividerColorHover}: ${surfaceNegative};\n ${textAreaTokens.dividerColorFocus}: ${surfaceAccent};\n ${textAreaTokens.labelOuterColor}: ${textSecondary};\n ${textAreaTokens.titleCaptionColor}: ${textSecondary};\n ${textAreaTokens.hintIconColor}: ${textSecondary};\n `,\n edited: css`\n ${textAreaTokens.backgroundColor}: ${dataBlueLight};\n ${textAreaTokens.backgroundColorHover}: ${dataBlueLightHover};\n ${textAreaTokens.backgroundColorActive}: ${dataBlueLightActive};\n ${textAreaTokens.backgroundColorFocus}: ${dataBlueLightActive};\n ${textAreaTokens.borderColor}: ${outlineTransparentInfo};\n ${textAreaTokens.borderColorHover}: ${outlineTransparentInfoHover};\n ${textAreaTokens.borderColorFocus}: ${outlineTransparentInfoActive};\n ${textAreaTokens.inputColor}: ${textPrimary};\n\n ${textAreaTokens.inputColorFocus}: ${textPrimary};\n ${textAreaTokens.inputCaretColor}: ${textAccent};\n ${textAreaTokens.placeholderColor}: ${textSecondary};\n ${textAreaTokens.placeholderColorFocus}: ${textTertiary};\n\n ${textAreaTokens.leftHelperColor}: ${textSecondary};\n ${textAreaTokens.leftHelperColorFocus}: ${textSecondary};\n ${textAreaTokens.rightHelperColor}: ${textSecondary};\n ${textAreaTokens.indicatorColor}: ${surfaceNegative};\n ${textAreaTokens.optionalColor}: ${textTertiary};\n\n ${textAreaTokens.scrollbarThumbBackgroundColor}: ${surfaceTransparentTertiary};\n ${textAreaTokens.scrollbarThumbBackgroundColorHover}: ${surfaceTransparentTertiaryHover};\n ${textAreaTokens.scrollbarThumbBackgroundColorActive}: ${surfaceTransparentTertiaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColor}: ${surfaceTransparentPrimary};\n ${textAreaTokens.scrollbarTrackBackgroundColorActive}: ${surfaceTransparentPrimaryActive};\n ${textAreaTokens.scrollbarTrackBackgroundColorHover}: ${surfaceTransparentPrimaryHover};\n\n ${textAreaTokens.dividerColor}: ${outlineTransparentInfo};\n ${textAreaTokens.dividerColorHover}: ${outlineTransparentInfo};\n ${textAreaTokens.dividerColorFocus}: ${outlineTransparentInfoActive};\n ${textAreaTokens.labelOuterColor}: ${textSecondary};\n ${textAreaTokens.titleCaptionColor}: ${textSecondary};\n ${textAreaTokens.hintIconColor}: ${textSecondary};\n `,\n },\n size: {\n s: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7.187rem;\n ${textAreaTokens.inputMinHeight}: 0.625rem;\n ${textAreaTokens.borderSize}: 0.125rem;\n ${textAreaTokens.borderRadius}: 0.625rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.625rem 0.625rem 0.625rem 0.625rem;\n\n ${textAreaTokens.inputPaddingTop}: 0.688rem;\n ${textAreaTokens.inputPaddingRight}: 0.875rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 3.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.75rem;\n ${textAreaTokens.inputPaddingLeft}: 0.875rem;\n\n ${textAreaTokens.helpersPaddingTop}: 0.75rem;\n ${textAreaTokens.helpersPaddingRight}: 0.875rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.75rem;\n ${textAreaTokens.helpersPaddingLeft}: 0.875rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n ${textAreaTokens.outsideHelpersPaddingTop}: 0.25rem;\n\n ${textAreaTokens.rightContentTop}: 0.688rem;\n ${textAreaTokens.rightContentRight}: 0.75rem;\n ${textAreaTokens.rightContentHeight}: 1.25rem;\n\n ${textAreaTokens.labelMarginBottom}: 0.5rem;\n\n ${textAreaTokens.labelInnerFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.labelInnerFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.labelInnerFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.labelInnerFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.labelInnerLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.labelInnerLineHeight}: ${bodyXS.lineHeight};\n\n ${textAreaTokens.labelInnerTop}: 0.375rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0.125rem;\n\n ${textAreaTokens.inputFontFamily}: ${bodyS.fontFamily};\n ${textAreaTokens.inputFontSize}: ${bodyS.fontSize};\n ${textAreaTokens.inputFontStyle}: ${bodyS.fontStyle};\n ${textAreaTokens.inputFontWeight}: ${bodyS.fontWeight};\n ${textAreaTokens.inputLetterSpacing}: ${bodyS.letterSpacing};\n ${textAreaTokens.inputLineHeight}: ${bodyS.lineHeight};\n\n ${textAreaTokens.helpersFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.helpersFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.helpersFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.helpersFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.helpersLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.helpersLineHeight}: ${bodyXS.lineHeight};\n\n ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.375rem auto auto -0.675rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.25rem -0.625rem auto auto;\n\n ${textAreaTokens.clearIndicatorHintInnerRight}: 1.063rem -2.238rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.688rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}: 0.062rem -2.688rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionMargin}: 0.1875rem;\n ${textAreaTokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n `,\n xs: css`\n ${textAreaTokens.inputWidth}: 100%;\n ${textAreaTokens.inputHeight}: 7.312rem;\n ${textAreaTokens.inputMinHeight}: 0.625rem;\n ${textAreaTokens.borderSize}: 0.125rem;\n ${textAreaTokens.borderRadius}: 0.5rem;\n ${textAreaTokens.borderRadiusWithHelpers}: 0.5rem 0.5rem 0 0;\n\n ${textAreaTokens.inputPaddingTop}: 0.563rem;\n ${textAreaTokens.inputPaddingRight}: 0.625rem;\n ${textAreaTokens.inputPaddingRightWithRightContent}: 2.125rem;\n ${textAreaTokens.inputPaddingBottom}: 0.563rem;\n ${textAreaTokens.inputPaddingLeft}: 0.625rem;\n ${textAreaTokens.outsideHelpersPaddingTop}: 0.125rem;\n\n ${textAreaTokens.helpersPaddingTop}: 0.5rem;\n ${textAreaTokens.helpersPaddingRight}: 0.625rem;\n ${textAreaTokens.helpersPaddingBottom}: 0.563rem;\n ${textAreaTokens.helpersPaddingLeft}: 0.625rem;\n ${textAreaTokens.helpersOffset}: 0rem;\n\n ${textAreaTokens.rightContentTop}: 0.563rem;\n ${textAreaTokens.rightContentRight}: 0.5rem;\n ${textAreaTokens.rightContentHeight}: 1rem;\n\n ${textAreaTokens.labelMarginBottom}: 0.375rem;\n\n ${textAreaTokens.labelInnerFontFamily}: ${bodyXXS.fontFamily};\n ${textAreaTokens.labelInnerFontSize}: ${bodyXXS.fontSize};\n ${textAreaTokens.labelInnerFontStyle}: ${bodyXXS.fontStyle};\n ${textAreaTokens.labelInnerFontWeight}: ${bodyXXS.fontWeight};\n ${textAreaTokens.labelInnerLetterSpacing}: ${bodyXXS.letterSpacing};\n ${textAreaTokens.labelInnerLineHeight}: ${bodyXXS.lineHeight};\n\n ${textAreaTokens.labelInnerTop}: 0rem;\n ${textAreaTokens.labelInnerTopHelper}: -0.313rem;\n ${textAreaTokens.labelInnerMarginBottom}: 0rem;\n\n ${textAreaTokens.inputFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.inputFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.inputFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.inputFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.inputLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.inputLineHeight}: ${bodyXS.lineHeight};\n\n ${textAreaTokens.helpersFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.helpersFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.helpersFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.helpersFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.helpersLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.helpersLineHeight}: ${bodyXS.lineHeight};\n\n ${textAreaTokens.indicatorSizeInner}: 0.375rem;\n ${textAreaTokens.indicatorSizeOuter}: 0.375rem;\n ${textAreaTokens.indicatorLabelPlacementInner}: 0 0 0 0;\n ${textAreaTokens.indicatorLabelPlacementOuter}: 0.25rem auto auto -0.625rem;\n ${textAreaTokens.indicatorLabelPlacementInnerRight}: 0 0 auto auto;\n ${textAreaTokens.indicatorLabelPlacementOuterRight}: 0.125rem -0.675rem auto auto;\n ${textAreaTokens.indicatorLabelPlacementHintOuterRight}: -0.25rem;\n\n ${textAreaTokens.clearIndicatorHintInnerRight}: 0.813rem -1.875rem auto auto;\n\n ${textAreaTokens.scrollbarWidth}: 0.188rem;\n ${textAreaTokens.scrollbarBorderWidth}: 0.063rem;\n\n ${textAreaTokens.hintMargin}: -0.75rem -0.625rem -0.75rem -0.5rem;\n ${textAreaTokens.hintTargetSize}: 2.375rem;\n ${textAreaTokens.hintInnerLabelPlacementOffset}: -0.188rem -2.1875rem auto auto;\n\n ${textAreaTokens.titleCaptionInnerLabelOffset}: 0.25rem;\n ${textAreaTokens.titleCaptionFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.titleCaptionFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.titleCaptionFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.titleCaptionFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.titleCaptionLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.titleCaptionLineHeight}: ${bodyXS.lineHeight};\n `,\n },\n hintView: {\n default: css`\n ${textAreaTokens.tooltipBackgroundColor}: ${surfaceSolidCardBrightness};\n ${textAreaTokens.tooltipBoxShadow}: ${shadowDownHardM};\n ${textAreaTokens.tooltipColor}: ${textPrimary};\n ${textAreaTokens.tooltipArrowBackground}: ${surfaceSolidCardBrightness};\n `,\n },\n hintSize: {\n m: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.688rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.875rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.688rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.875rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2.5rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.625rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: ${bodyS.fontFamily};\n ${textAreaTokens.tooltipTextFontSize}: ${bodyS.fontSize};\n ${textAreaTokens.tooltipTextFontStyle}: ${bodyS.fontStyle};\n ${textAreaTokens.tooltipTextFontWeight}: ${bodyS.fontWeight};\n ${textAreaTokens.tooltipTextFontLetterSpacing}: ${bodyS.letterSpacing};\n ${textAreaTokens.tooltipTextFontLineHeight}: ${bodyS.lineHeight};\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.375rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1.25rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1.25rem;\n /* stylelint-disable-next-line /\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjAiIGhlaWdodD0iMjAiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMC4xNywxMS44M2wyMCwwYy01LjUyLDAgLTEwLDMuNTkgLTEwLDhjMCwtNC40MSAtNC40OCwtOCAtMTAsLTh6IiBmaWxsPSIjMTcxNzE3IiBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGlkPSJUYWlsIi8+Cjwvc3ZnPg==\");\n ${textAreaTokens.tooltipArrowHeight}: 0.5rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.625rem;\n `,\n s: css`\n ${textAreaTokens.tooltipPaddingTop}: 0.5rem;\n ${textAreaTokens.tooltipPaddingRight}: 0.75rem;\n ${textAreaTokens.tooltipPaddingBottom}: 0.5rem;\n ${textAreaTokens.tooltipPaddingLeft}: 0.75rem;\n\n ${textAreaTokens.tooltipMinHeight}: 2rem;\n ${textAreaTokens.tooltipBorderRadius}: 0.5rem;\n\n ${textAreaTokens.tooltipTextFontFamily}: ${bodyXS.fontFamily};\n ${textAreaTokens.tooltipTextFontSize}: ${bodyXS.fontSize};\n ${textAreaTokens.tooltipTextFontStyle}: ${bodyXS.fontStyle};\n ${textAreaTokens.tooltipTextFontWeight}: ${bodyXS.fontWeight};\n ${textAreaTokens.tooltipTextFontLetterSpacing}: ${bodyXS.letterSpacing};\n ${textAreaTokens.tooltipTextFontLineHeight}: ${bodyXS.lineHeight};\n\n ${textAreaTokens.tooltipContentLeftMargin}: 0.25rem;\n\n ${textAreaTokens.tooltipArrowMaskWidth}: 1rem;\n ${textAreaTokens.tooltipArrowMaskHeight}: 1rem;\n / stylelint-disable-next-line */\n ${textAreaTokens.tooltipArrowMaskImage}: url(\"data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgeG1sbnM6c3ZnPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+CiAgPHBhdGggY2xpcC1ydWxlPSJldmVub2RkIiBkPSJtMCw5Ljg1bDE2LDBjLTQuNDEsMCAtOCwyLjY5IC04LDZjMCwtMy4zMSAtMy41OSwtNiAtOCwtNnoiIGZpbGw9IiMxNzE3MTciIGZpbGwtcnVsZT0iZXZlbm9kZCIgaWQ9IlRhaWwiLz4KPC9zdmc+\");\n ${textAreaTokens.tooltipArrowHeight}: 0.375rem;\n ${textAreaTokens.tooltipArrowEdgeMargin}: 0.563rem;\n `,\n },\n readOnly: {\n true: css`\n ${textAreaTokens.backgroundColorReadOnly}: ${surfaceTransparentSecondary};\n ${textAreaTokens.inputColorReadOnly}: ${textPrimary};\n ${textAreaTokens.dividerColorReadOnly}: ${surfaceTransparentPrimary};\n ${textAreaTokens.contentSlotRightOpacityReadOnly}: 1;\n ${textAreaTokens.rightContentColor}: ${textSecondary};\n ${textAreaTokens.backgroundColor}: ${surfaceTransparentCard};\n `,\n },\n disabled: {\n true: css`\n ${textAreaTokens.disabledOpacity}: 1;\n ${textAreaTokens.inputColorDisabled}: ${textSecondary};\n ${textAreaTokens.dividerColorReadOnly}: ${surfaceTransparentPrimary};\n ${textAreaTokens.titleCaptionColorReadOnly}: ${textSecondary};\n ${textAreaTokens.rightContentColor}: ${textSecondary};\n ${textAreaTokens.backgroundColor}: ${surfaceTransparentSecondary};\n ${textAreaTokens.borderColor}: transparent;\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","focused","variations","default","positive","warning","negative","edited","s","xs","hintView","hintSize","m","readOnly","true","disabled"],"mappings":"AAsDO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,GAAG;AACTC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;AACFI,MAAAA,SAAAA,EAAO,UAiCN;AACDC,MAAAA,QAAQ,EAAA,UAkCP;AACDC,MAAAA,OAAO,EAAA,UAkCN;AACDC,MAAAA,QAAQ,EAAA,UAkCP;AACDC,MAAAA,MAAM,EAAA;KAmCT;AACDP,IAAAA,IAAI,EAAE;AACFQ,MAAAA,CAAC,EAAA,UA2EA;AACDC,MAAAA,EAAE,EAAA;KA6EL;AACDC,IAAAA,QAAQ,EAAE;MACNP,SAAAA,EAAO;KAMV;AACDQ,IAAAA,QAAQ,EAAE;AACNC,MAAAA,CAAC,EAAA,SAwBA;AACDJ,MAAAA,CAAC,EAAA;KAyBJ;AACDK,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAQP;AACDC,IAAAA,QAAQ,EAAE;MACND,MAAAA,EAAI;AASR;AACJ;AACJ;;;;"}