@salutejs/sdds-sbcom 0.350.0-next-sbcom.0 → 0.350.1-next-sbcom.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.
- package/dist/css/cjs/components/Avatar/Avatar.config.js +1 -1
- package/dist/css/cjs/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/cjs/components/Avatar/{Avatar.config_a6o325.css → Avatar.config_i79yrd.css} +1 -1
- package/dist/css/cjs/components/Avatar/Avatar.css +22 -22
- package/dist/css/cjs/components/Link/Link.config.js +1 -1
- package/dist/css/cjs/components/Link/Link.config.js.map +1 -1
- package/dist/css/cjs/components/Link/Link.config_o8kfdy.css +11 -0
- package/dist/css/cjs/components/Link/Link.css +11 -11
- package/dist/css/cjs/components/Modal/Modal.config.js +1 -1
- package/dist/css/cjs/components/Modal/Modal.config.js.map +1 -1
- package/dist/css/{es/components/Modal/Modal.config_1h1t5fv.css → cjs/components/Modal/Modal.config_w3hp3h.css} +1 -1
- package/dist/css/cjs/components/Modal/Modal.css +1 -1
- package/dist/css/cjs/components/Note/Note.config.js +1 -1
- package/dist/css/cjs/components/Note/Note.config.js.map +1 -1
- package/dist/css/{es/components/Note/Note.config_1vdvnl8.css → cjs/components/Note/Note.config_1hsm0z2.css} +4 -4
- package/dist/css/cjs/components/Note/Note.css +9 -9
- package/dist/css/cjs/components/Skeleton/LineSkeleton.config.js +6 -19
- package/dist/css/cjs/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/dist/css/cjs/components/Skeleton/{LineSkeleton.config_10h85wr.css → LineSkeleton.config_7rsjph.css} +5 -13
- package/dist/css/cjs/components/Skeleton/Skeleton.css +12 -20
- package/dist/css/cjs/components/ViewContainer/ViewContainer.config.js +1 -1
- package/dist/css/cjs/components/ViewContainer/ViewContainer.config_bgbike.css +2 -0
- package/dist/css/cjs/components/ViewContainer/ViewContainer.css +2 -2
- package/dist/css/cjs/index.css +57 -65
- package/dist/css/es/components/Avatar/Avatar.config.js +1 -1
- package/dist/css/es/components/Avatar/Avatar.config.js.map +1 -1
- package/dist/css/es/components/Avatar/{Avatar.config_a6o325.css → Avatar.config_i79yrd.css} +1 -1
- package/dist/css/es/components/Avatar/Avatar.css +22 -22
- package/dist/css/es/components/Link/Link.config.js +1 -1
- package/dist/css/es/components/Link/Link.config.js.map +1 -1
- package/dist/css/es/components/Link/Link.config_o8kfdy.css +11 -0
- package/dist/css/es/components/Link/Link.css +11 -11
- package/dist/css/es/components/Modal/Modal.config.js +1 -1
- package/dist/css/es/components/Modal/Modal.config.js.map +1 -1
- package/dist/css/{cjs/components/Modal/Modal.config_1h1t5fv.css → es/components/Modal/Modal.config_w3hp3h.css} +1 -1
- package/dist/css/es/components/Modal/Modal.css +1 -1
- package/dist/css/es/components/Note/Note.config.js +1 -1
- package/dist/css/es/components/Note/Note.config.js.map +1 -1
- package/dist/css/{cjs/components/Note/Note.config_1vdvnl8.css → es/components/Note/Note.config_1hsm0z2.css} +4 -4
- package/dist/css/es/components/Note/Note.css +9 -9
- package/dist/css/es/components/Skeleton/LineSkeleton.config.js +6 -19
- package/dist/css/es/components/Skeleton/LineSkeleton.config.js.map +1 -1
- package/dist/css/es/components/Skeleton/{LineSkeleton.config_10h85wr.css → LineSkeleton.config_7rsjph.css} +5 -13
- package/dist/css/es/components/Skeleton/Skeleton.css +12 -20
- package/dist/css/es/components/ViewContainer/ViewContainer.config.js +1 -1
- package/dist/css/es/components/ViewContainer/ViewContainer.config_bgbike.css +2 -0
- package/dist/css/es/components/ViewContainer/ViewContainer.css +2 -2
- package/dist/css/es/index.css +57 -65
- package/package.json +7 -7
- package/types/components/Skeleton/LineSkeleton.config.d.ts +0 -8
- package/types/components/Skeleton/Skeleton.d.ts +0 -16
- package/types/mixins/index.d.ts +3 -3
- package/dist/css/cjs/components/Link/Link.config_ekr7km.css +0 -11
- package/dist/css/cjs/components/ViewContainer/ViewContainer.config_1cptahm.css +0 -2
- package/dist/css/es/components/Link/Link.config_ekr7km.css +0 -11
- package/dist/css/es/components/ViewContainer/ViewContainer.config_1cptahm.css +0 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Avatar.config.js","sources":["../../../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n inverseTextPrimary,\n onDarkSurfaceSolidDefault,\n onDarkSurfaceTransparentCard,\n onDarkTextPrimary,\n onLightSurfaceSolidDefault,\n onLightSurfaceTransparentDeep,\n onLightTextPrimary,\n surfaceAccent,\n surfaceClear,\n surfaceNegative,\n surfacePositive,\n surfaceSolidDefault,\n surfaceSolidTertiary,\n surfaceTransparentAccent,\n surfaceTransparentNegative,\n surfaceTransparentSecondary,\n surfaceWarning,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textWarning,\n textS,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXxs, surfaceTransparentPositive, surfaceTransparentWarning\n * text, textAccentGradient\n */\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\n shape: 'circled',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-accent-gradient);\n ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n ${tokens.statusOnlineColor}: ${surfacePositive};\n ${tokens.statusOfflineColor}: ${surfaceSolidTertiary};\n ${tokens.scaleHover}: 1.02;\n ${tokens.fontFamily}: ${textS.fontFamily};\n `,\n },\n size: {\n // TODO: #1044 токены типографики в Avatar\n xxl: css`\n ${tokens.avatarSize}: 6.25rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n ${tokens.borderRadius}: 1.125rem;\n\n ${tokens.badgeBorderRadius}: 0.5rem;\n ${tokens.badgeHeight}: 1.75rem;\n ${tokens.badgePadding}: 0 0.688rem;\n ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n ${tokens.badgeFontFamily}: ${bodyS.fontFamily};\n ${tokens.badgeFontSize}: ${bodyS.fontSize};\n ${tokens.badgeFontStyle}: ${bodyS.fontStyle};\n ${tokens.badgeFontWeight}: ${bodyS.fontWeight};\n ${tokens.badgeLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.badgeLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.75rem;\n ${tokens.counterPadding}: 0 0.625rem;\n ${tokens.counterFontFamily}: ${bodyS.fontFamily};\n ${tokens.counterFontSize}: ${bodyS.fontSize};\n ${tokens.counterFontStyle}: ${bodyS.fontStyle};\n ${tokens.counterFontWeight}: ${bodyS.fontWeight};\n ${tokens.counterLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.counterLineHeight}: ${bodyS.lineHeight};\n `,\n l: css`\n ${tokens.avatarSize}: 3rem;\n ${tokens.fontSize}: 1.25rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 1.25rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.375rem;\n ${tokens.badgeHeight}: 1.25rem;\n ${tokens.badgePadding}: 0 0.438rem;\n ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.25rem;\n ${tokens.counterPadding}: 0 0.375rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${tokens.avatarSize}: 2.25rem;\n ${tokens.fontSize}: 0.875rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.875rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.25rem;\n ${tokens.badgeHeight}: 1rem;\n ${tokens.badgePadding}: 0 0.25rem;\n ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1rem;\n ${tokens.counterPadding}: 0 0.25rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n s: css`\n ${tokens.avatarSize}: 1.5rem;\n ${tokens.fontSize}: 0.5rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.5rem;\n ${tokens.statusIconSize}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.extraPlacementFactor}: 1;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 0.75rem;\n ${tokens.counterPadding}: 0 0.125rem;\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n fit: css`\n ${tokens.avatarSize}: 100%;\n ${tokens.fontSize}: 0;\n ${tokens.fontWeight}: 0;\n ${tokens.lineHeight}: 0;\n ${tokens.statusIconSize}: 0;\n `,\n },\n shape: {\n circled: css`\n ${tokens.borderRadius}: 50%;\n ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n `,\n rounded: css`\n ${tokens.statusLeft}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n ${tokens.statusTop}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n `,\n },\n badgeView: {\n default: css`\n ${tokens.badgeColor}: ${inverseTextPrimary};\n ${tokens.badgeBackground}: ${surfaceSolidDefault};\n\n ${tokens.badgeColorTransparent}: ${textPrimary};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentSecondary};\n\n ${tokens.badgeColorClear}: ${textPrimary};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n accent: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfaceAccent};\n\n ${tokens.badgeColorTransparent}: ${textAccent};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentAccent};\n\n ${tokens.badgeColorClear}: ${textAccent};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n positive: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfacePositive};\n\n ${tokens.badgeColorTransparent}: ${textPositive};\n /* NOTE: no token surfaceTransparentPositive in @salutejs/sdds-themes/tokens */\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n ${tokens.badgeColorClear}: ${textPositive};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n warning: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfaceWarning};\n\n ${tokens.badgeColorTransparent}: ${textWarning};\n /* NOTE: no token surfaceTransparentWarning in @salutejs/sdds-themes/tokens */\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n ${tokens.badgeColorClear}: ${textWarning};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n negative: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfaceNegative};\n\n ${tokens.badgeColorTransparent}: ${textNegative};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentNegative};\n\n ${tokens.badgeColorClear}: ${textNegative};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n dark: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${onLightSurfaceSolidDefault};\n\n ${tokens.badgeColorTransparent}: ${onDarkTextPrimary};\n ${tokens.badgeBackgroundTransparent}: ${onLightSurfaceTransparentDeep};\n\n ${tokens.badgeColorClear}: ${onLightTextPrimary};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n light: css`\n ${tokens.badgeColor}: ${onLightTextPrimary};\n ${tokens.badgeBackground}: ${onDarkSurfaceSolidDefault};\n\n ${tokens.badgeColorTransparent}: ${onDarkTextPrimary};\n ${tokens.badgeBackgroundTransparent}: ${onDarkSurfaceTransparentCard};\n\n ${tokens.badgeColorClear}: ${onDarkTextPrimary};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n },\n counterView: {\n default: css`\n ${tokens.counterColor}: ${inverseTextPrimary};\n ${tokens.counterBackground}: ${surfaceSolidDefault};\n `,\n accent: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfaceAccent};\n `,\n positive: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfacePositive};\n `,\n warning: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfaceWarning};\n `,\n negative: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfaceNegative};\n `,\n dark: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${onLightSurfaceSolidDefault};\n `,\n light: css`\n ${tokens.counterColor}: ${onLightTextPrimary};\n ${tokens.counterBackground}: ${onDarkSurfaceSolidDefault};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","l","m","s","fit","circled","rounded","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":";;;;AA4BA;AACA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAAA,UAoCF;AACDC,MAAAA,CAAC,EAAA,SAsCA;AACDC,MAAAA,CAAC,EAAA,UAuCA;AACDC,MAAAA,CAAC,EAAA,UAyBA;AACDC,MAAAA,GAAG,EAAA;KAON;AACDP,IAAAA,KAAK,EAAE;AACHQ,MAAAA,OAAO,EAAA,UAIN;AACDC,MAAAA,OAAO,EAAA;KAIV;AACDC,IAAAA,SAAS,EAAE;AACPR,MAAAA,SAAAA,EAAO,SASN;AACDS,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,QAAQ,EAAA,SAUP;AACDC,MAAAA,OAAO,EAAA,SAUN;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACTf,MAAAA,SAAAA,EAAO,UAGN;AACDS,MAAAA,MAAM,EAAA,UAGL;AACDC,MAAAA,QAAQ,EAAA,UAGP;AACDC,MAAAA,OAAO,EAAA,UAGN;AACDC,MAAAA,QAAQ,EAAA,SAGP;AACDC,MAAAA,IAAI,EAAA,SAGH;AACDC,MAAAA,KAAK,EAAA;AAIT;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Avatar.config.js","sources":["../../../../../src-css/components/Avatar/Avatar.config.tsx"],"sourcesContent":["import { css, avatarTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyS,\n inverseTextPrimary,\n onDarkSurfaceSolidDefault,\n onDarkSurfaceTransparentCard,\n onDarkTextPrimary,\n onLightSurfaceSolidDefault,\n onLightSurfaceTransparentDeep,\n onLightTextPrimary,\n surfaceAccent,\n surfaceClear,\n surfaceNegative,\n surfacePositive,\n surfaceSolidDefault,\n surfaceSolidTertiary,\n surfaceTransparentAccent,\n surfaceTransparentNegative,\n surfaceTransparentSecondary,\n surfaceWarning,\n textAccent,\n textNegative,\n textPositive,\n textPrimary,\n textWarning,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: bodyXxs, surfaceTransparentPositive, surfaceTransparentWarning\n * text, textAccentGradient\n */\nexport const config = {\n defaults: {\n view: 'default',\n size: 'xxl',\n shape: 'circled',\n },\n variations: {\n view: {\n default: css`\n ${tokens.color}: var(--text-accent-gradient);\n ${tokens.backgroundColor}: linear-gradient(94deg, rgba(62, 121, 240, 0.2) 6.49%, rgba(39, 198, 229, 0.2) 93.51%);\n ${tokens.statusOnlineColor}: ${surfacePositive};\n ${tokens.statusOfflineColor}: ${surfaceSolidTertiary};\n ${tokens.scaleHover}: 1.02;\n ${tokens.fontFamily}: ${bodyS.fontFamily};\n `,\n },\n size: {\n // TODO: #1044 токены типографики в Avatar\n xxl: css`\n ${tokens.avatarSize}: 6.25rem;\n ${tokens.fontSize}: 2rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 2rem;\n ${tokens.statusIconSize}: 0.75rem;\n ${tokens.borderRadius}: 1.125rem;\n\n ${tokens.badgeBorderRadius}: 0.5rem;\n ${tokens.badgeHeight}: 1.75rem;\n ${tokens.badgePadding}: 0 0.688rem;\n ${tokens.badgePaddingIconOnly}: 0 0.375rem;\n\n ${tokens.badgeFontFamily}: ${bodyS.fontFamily};\n ${tokens.badgeFontSize}: ${bodyS.fontSize};\n ${tokens.badgeFontStyle}: ${bodyS.fontStyle};\n ${tokens.badgeFontWeight}: ${bodyS.fontWeight};\n ${tokens.badgeLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.badgeLineHeight}: ${bodyS.lineHeight};\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.25rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.25rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.75rem;\n ${tokens.counterPadding}: 0 0.625rem;\n ${tokens.counterFontFamily}: ${bodyS.fontFamily};\n ${tokens.counterFontSize}: ${bodyS.fontSize};\n ${tokens.counterFontStyle}: ${bodyS.fontStyle};\n ${tokens.counterFontWeight}: ${bodyS.fontWeight};\n ${tokens.counterLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.counterLineHeight}: ${bodyS.lineHeight};\n `,\n l: css`\n ${tokens.avatarSize}: 3rem;\n ${tokens.fontSize}: 1.25rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 1.25rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.75rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.375rem;\n ${tokens.badgeHeight}: 1.25rem;\n ${tokens.badgePadding}: 0 0.438rem;\n ${tokens.badgePaddingIconOnly}: 0 0.25rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1.25rem;\n ${tokens.counterPadding}: 0 0.375rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n m: css`\n ${tokens.avatarSize}: 2.25rem;\n ${tokens.fontSize}: 0.875rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.875rem;\n ${tokens.statusIconSize}: 0.5rem;\n ${tokens.borderRadius}: 0.625rem;\n\n ${tokens.extraPlacementFactor}: 2;\n\n ${tokens.badgeBorderRadius}: 0.25rem;\n ${tokens.badgeHeight}: 1rem;\n ${tokens.badgePadding}: 0 0.25rem;\n ${tokens.badgePaddingIconOnly}: 0 0.188rem;\n\n ${tokens.badgeFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.badgeFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.badgeFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.badgeFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.badgeLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n ${tokens.badgeLineHeight}: var(--plasma-typo-body-xxs-line-height);\n\n ${tokens.badgeLeftContentMarginLeft}: -0.063rem;\n ${tokens.badgeLeftContentMarginRight}: 0.125rem;\n\n ${tokens.badgeRightContentMarginLeft}: 0.125rem;\n ${tokens.badgeRightContentMarginRight}: -0.063rem;\n ${tokens.badgePilledBorderRadius}: 1.25rem;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 1rem;\n ${tokens.counterPadding}: 0 0.25rem;\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n s: css`\n ${tokens.avatarSize}: 1.5rem;\n ${tokens.fontSize}: 0.5rem;\n ${tokens.fontWeight}: 600;\n ${tokens.lineHeight}: 0.5rem;\n ${tokens.statusIconSize}: 0.375rem;\n ${tokens.borderRadius}: 0.5rem;\n\n ${tokens.extraPlacementFactor}: 1;\n\n ${tokens.counterBorderRadius}: 1rem;\n ${tokens.counterHeight}: 0.75rem;\n ${tokens.counterPadding}: 0 0.125rem;\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterFontFamily}: var(--plasma-typo-body-xxs-font-family);\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterFontSize}: var(--plasma-typo-body-xxs-font-size);\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterFontStyle}: var(--plasma-typo-body-xxs-font-style);\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterFontWeight}: var(--plasma-typo-body-xxs-font-weight);\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterLetterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);\n /* NOTE: no token bodyXxs in @salutejs/sdds-themes/tokens */\n ${tokens.counterLineHeight}: var(--plasma-typo-body-xxs-line-height);\n `,\n fit: css`\n ${tokens.avatarSize}: 100%;\n ${tokens.fontSize}: 0;\n ${tokens.fontWeight}: 0;\n ${tokens.lineHeight}: 0;\n ${tokens.statusIconSize}: 0;\n `,\n },\n shape: {\n circled: css`\n ${tokens.borderRadius}: 50%;\n ${tokens.statusLeft}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n ${tokens.statusTop}: calc(0.867 * var(${tokens.avatarSize}) - var(${tokens.statusIconSize}) / 2);\n `,\n rounded: css`\n ${tokens.statusLeft}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n ${tokens.statusTop}: calc(var(${tokens.avatarSize}) - var(${tokens.statusIconSize}));\n `,\n },\n badgeView: {\n default: css`\n ${tokens.badgeColor}: ${inverseTextPrimary};\n ${tokens.badgeBackground}: ${surfaceSolidDefault};\n\n ${tokens.badgeColorTransparent}: ${textPrimary};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentSecondary};\n\n ${tokens.badgeColorClear}: ${textPrimary};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n accent: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfaceAccent};\n\n ${tokens.badgeColorTransparent}: ${textAccent};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentAccent};\n\n ${tokens.badgeColorClear}: ${textAccent};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n positive: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfacePositive};\n\n ${tokens.badgeColorTransparent}: ${textPositive};\n /* NOTE: no token surfaceTransparentPositive in @salutejs/sdds-themes/tokens */\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-positive);\n\n ${tokens.badgeColorClear}: ${textPositive};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n warning: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfaceWarning};\n\n ${tokens.badgeColorTransparent}: ${textWarning};\n /* NOTE: no token surfaceTransparentWarning in @salutejs/sdds-themes/tokens */\n ${tokens.badgeBackgroundTransparent}: var(--surface-transparent-warning);\n\n ${tokens.badgeColorClear}: ${textWarning};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n negative: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${surfaceNegative};\n\n ${tokens.badgeColorTransparent}: ${textNegative};\n ${tokens.badgeBackgroundTransparent}: ${surfaceTransparentNegative};\n\n ${tokens.badgeColorClear}: ${textNegative};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n dark: css`\n ${tokens.badgeColor}: ${onDarkTextPrimary};\n ${tokens.badgeBackground}: ${onLightSurfaceSolidDefault};\n\n ${tokens.badgeColorTransparent}: ${onDarkTextPrimary};\n ${tokens.badgeBackgroundTransparent}: ${onLightSurfaceTransparentDeep};\n\n ${tokens.badgeColorClear}: ${onLightTextPrimary};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n light: css`\n ${tokens.badgeColor}: ${onLightTextPrimary};\n ${tokens.badgeBackground}: ${onDarkSurfaceSolidDefault};\n\n ${tokens.badgeColorTransparent}: ${onDarkTextPrimary};\n ${tokens.badgeBackgroundTransparent}: ${onDarkSurfaceTransparentCard};\n\n ${tokens.badgeColorClear}: ${onDarkTextPrimary};\n ${tokens.badgeBackgroundClear}: ${surfaceClear};\n `,\n },\n counterView: {\n default: css`\n ${tokens.counterColor}: ${inverseTextPrimary};\n ${tokens.counterBackground}: ${surfaceSolidDefault};\n `,\n accent: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfaceAccent};\n `,\n positive: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfacePositive};\n `,\n warning: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfaceWarning};\n `,\n negative: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${surfaceNegative};\n `,\n dark: css`\n ${tokens.counterColor}: ${onDarkTextPrimary};\n ${tokens.counterBackground}: ${onLightSurfaceSolidDefault};\n `,\n light: css`\n ${tokens.counterColor}: ${onLightTextPrimary};\n ${tokens.counterBackground}: ${onDarkSurfaceSolidDefault};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","shape","variations","default","xxl","l","m","s","fit","circled","rounded","badgeView","accent","positive","warning","negative","dark","light","counterView"],"mappings":";;;;AA2BA;AACA;AACA;AACA;AACA;AACO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,IAAI,EAAE,KAAK;AACXC,IAAAA,KAAK,EAAE;GACV;AACDC,EAAAA,UAAU,EAAE;AACRH,IAAAA,IAAI,EAAE;MACFI,SAAAA,EAAO;KAQV;AACDH,IAAAA,IAAI,EAAE;AACF;AACAI,MAAAA,GAAG,EAAA,UAoCF;AACDC,MAAAA,CAAC,EAAA,SAsCA;AACDC,MAAAA,CAAC,EAAA,UAuCA;AACDC,MAAAA,CAAC,EAAA,UAyBA;AACDC,MAAAA,GAAG,EAAA;KAON;AACDP,IAAAA,KAAK,EAAE;AACHQ,MAAAA,OAAO,EAAA,UAIN;AACDC,MAAAA,OAAO,EAAA;KAIV;AACDC,IAAAA,SAAS,EAAE;AACPR,MAAAA,SAAAA,EAAO,SASN;AACDS,MAAAA,MAAM,EAAA,SASL;AACDC,MAAAA,QAAQ,EAAA,SAUP;AACDC,MAAAA,OAAO,EAAA,SAUN;AACDC,MAAAA,QAAQ,EAAA,SASP;AACDC,MAAAA,IAAI,EAAA,SASH;AACDC,MAAAA,KAAK,EAAA;KAUR;AACDC,IAAAA,WAAW,EAAE;AACTf,MAAAA,SAAAA,EAAO,UAGN;AACDS,MAAAA,MAAM,EAAA,UAGL;AACDC,MAAAA,QAAQ,EAAA,UAGP;AACDC,MAAAA,OAAO,EAAA,UAGN;AACDC,MAAAA,QAAQ,EAAA,SAGP;AACDC,MAAAA,IAAI,EAAA,SAGH;AACDC,MAAAA,KAAK,EAAA;AAIT;AACJ;AACJ;;;;"}
|
package/dist/css/cjs/components/Avatar/{Avatar.config_a6o325.css → Avatar.config_i79yrd.css}
RENAMED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
.d1wlf450{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive,#A6D2A2);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary,#474747);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-
|
|
1
|
+
.d1wlf450{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive,#A6D2A2);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary,#474747);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-body-s-font-family);}
|
|
2
2
|
.x1ntw407{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;--plasma-avatar-border-radius:1.125rem;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
|
|
3
3
|
.l3mxzec{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.75rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
4
4
|
.m1tqy9r4{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.625rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
@@ -1,22 +1,22 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
12
|
-
.
|
|
13
|
-
.
|
|
14
|
-
.
|
|
15
|
-
.
|
|
16
|
-
.
|
|
17
|
-
.
|
|
18
|
-
.
|
|
19
|
-
.
|
|
20
|
-
.
|
|
21
|
-
.
|
|
22
|
-
.
|
|
1
|
+
.Avatar_config_i79yrd_d1wlf450__cce4c8ee{--plasma-avatar-color:var(--text-accent-gradient);--plasma-avatar-background:linear-gradient(94deg,rgba(62,121,240,0.2) 6.49%,rgba(39,198,229,0.2) 93.51%);--plasma-avatar-status-online-background:var(--surface-positive,#A6D2A2);--plasma-avatar-status-offline-background:var(--surface-solid-tertiary,#474747);--plasma-avatar-scale-hover:1.02;--plasma-avatar-font-family:var(--plasma-typo-body-s-font-family);}
|
|
2
|
+
.Avatar_config_i79yrd_x1ntw407__cce4c8ee{--plasma-avatar-size:6.25rem;--plasma-avatar-font-size:2rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:2rem;--plasma-status-icon-size:0.75rem;--plasma-avatar-border-radius:1.125rem;--plasma-avatar-extra-badge-border-radius:0.5rem;--plasma-avatar-extra-badge-height:1.75rem;--plasma-avatar-extra-badge-padding:0 0.688rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.375rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-s-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.25rem;--plasma-avatar-extra-badge-right-content-margin-left:0.25rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.75rem;--plasma-avatar-extra-counter-padding:0 0.625rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-s-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-s-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-s-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-s-line-height);}
|
|
3
|
+
.Avatar_config_i79yrd_l3mxzec__cce4c8ee{--plasma-avatar-size:3rem;--plasma-avatar-font-size:1.25rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:1.25rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.75rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.375rem;--plasma-avatar-extra-badge-height:1.25rem;--plasma-avatar-extra-badge-padding:0 0.438rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.25rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1.25rem;--plasma-avatar-extra-counter-padding:0 0.375rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
4
|
+
.Avatar_config_i79yrd_m1tqy9r4__cce4c8ee{--plasma-avatar-size:2.25rem;--plasma-avatar-font-size:0.875rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.875rem;--plasma-status-icon-size:0.5rem;--plasma-avatar-border-radius:0.625rem;--plasma-avatar-extra-placement-factor:2;--plasma-avatar-extra-badge-border-radius:0.25rem;--plasma-avatar-extra-badge-height:1rem;--plasma-avatar-extra-badge-padding:0 0.25rem;--plasma-avatar-extra-badge-padding-icon-only:0 0.188rem;--plasma-avatar-extra-badge-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-badge-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-badge-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-badge-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-badge-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-badge-lineheight:var(--plasma-typo-body-xxs-line-height);--plasma-avatar-extra-badge-left-content-margin-left:-0.063rem;--plasma-avatar-extra-badge-left-content-margin-right:0.125rem;--plasma-avatar-extra-badge-right-content-margin-left:0.125rem;--plasma-avatar-extra-badge-right-content-margin-right:-0.063rem;--plasma-avatar-extra-badge-pilled-border-radius:1.25rem;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:1rem;--plasma-avatar-extra-counter-padding:0 0.25rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
5
|
+
.Avatar_config_i79yrd_s110gq94__cce4c8ee{--plasma-avatar-size:1.5rem;--plasma-avatar-font-size:0.5rem;--plasma-avatar-font-weight:600;--plasma-avatar-line-height:0.5rem;--plasma-status-icon-size:0.375rem;--plasma-avatar-border-radius:0.5rem;--plasma-avatar-extra-placement-factor:1;--plasma-avatar-extra-counter-border-radius:1rem;--plasma-avatar-extra-counter-height:0.75rem;--plasma-avatar-extra-counter-padding:0 0.125rem;--plasma-avatar-extra-counter-font-family:var(--plasma-typo-body-xxs-font-family);--plasma-avatar-extra-counter-font-size:var(--plasma-typo-body-xxs-font-size);--plasma-avatar-extra-counter-font-style:var(--plasma-typo-body-xxs-font-style);--plasma-avatar-extra-counter-font-weight:var(--plasma-typo-body-xxs-font-weight);--plasma-avatar-extra-counter-letter-spacing:var(--plasma-typo-body-xxs-letter-spacing);--plasma-avatar-extra-counter-lineheight:var(--plasma-typo-body-xxs-line-height);}
|
|
6
|
+
.Avatar_config_i79yrd_f3cx8li__cce4c8ee{--plasma-avatar-size:100%;--plasma-avatar-font-size:0;--plasma-avatar-font-weight:0;--plasma-avatar-line-height:0;--plasma-status-icon-size:0;}
|
|
7
|
+
.Avatar_config_i79yrd_c12fbiph__cce4c8ee{--plasma-avatar-border-radius:50%;--plasma-avatar-status-left:calc(0.867 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);--plasma-avatar-status-top:calc(0.867 * var(--plasma-avatar-size) - var(--plasma-status-icon-size) / 2);}
|
|
8
|
+
.Avatar_config_i79yrd_r1v24dm1__cce4c8ee{--plasma-avatar-status-left:calc(var(--plasma-avatar-size) - var(--plasma-status-icon-size));--plasma-avatar-status-top:calc(var(--plasma-avatar-size) - var(--plasma-status-icon-size));}
|
|
9
|
+
.Avatar_config_i79yrd_dklmhlm__cce4c8ee{--plasma-avatar-extra-badge-color:var(--inverse-text-primary,#15110FFC);--plasma-avatar-extra-badge-background:var(--surface-solid-default,#F6F2F0);--plasma-avatar-extra-badge-color-transparent:var(--text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-secondary,#FFFFFF29);--plasma-avatar-extra-badge-color-clear:var(--text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
10
|
+
.Avatar_config_i79yrd_ats1qri__cce4c8ee{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-accent,#0BA686);--plasma-avatar-extra-badge-color-transparent:var(--text-accent,#61C8B0);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-accent,#0BA68633);--plasma-avatar-extra-badge-color-clear:var(--text-accent,#61C8B0);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
11
|
+
.Avatar_config_i79yrd_pu8qekr__cce4c8ee{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-positive,#A6D2A2);--plasma-avatar-extra-badge-color-transparent:var(--text-positive,#50A84C);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-positive);--plasma-avatar-extra-badge-color-clear:var(--text-positive,#50A84C);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
12
|
+
.Avatar_config_i79yrd_wc00x8o__cce4c8ee{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-warning,#F8AD80);--plasma-avatar-extra-badge-color-transparent:var(--text-warning,#DA6828);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-warning);--plasma-avatar-extra-badge-color-clear:var(--text-warning,#DA6828);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
13
|
+
.Avatar_config_i79yrd_n4vpurz__cce4c8ee{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--surface-negative,#F8A6A9);--plasma-avatar-extra-badge-color-transparent:var(--text-negative,#F57E83);--plasma-avatar-extra-badge-background-transparent:var(--surface-transparent-negative,#F8A6A980);--plasma-avatar-extra-badge-color-clear:var(--text-negative,#F57E83);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
14
|
+
.Avatar_config_i79yrd_dh713v8__cce4c8ee{--plasma-avatar-extra-badge-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background:var(--on-light-surface-solid-default,#15110F);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-transparent:var(--on-light-surface-transparent-deep,#A1A09FA3);--plasma-avatar-extra-badge-color-clear:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
15
|
+
.Avatar_config_i79yrd_l18xlm4d__cce4c8ee{--plasma-avatar-extra-badge-color:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-badge-background:var(--on-dark-surface-solid-default,#F6F2F0);--plasma-avatar-extra-badge-color-transparent:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-transparent:var(--on-dark-surface-transparent-card,#373737B8);--plasma-avatar-extra-badge-color-clear:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-badge-background-clear:var(--surface-clear,#FFFFFF00);}
|
|
16
|
+
.Avatar_config_i79yrd_d19kwqy5__cce4c8ee{--plasma-avatar-extra-counter-color:var(--inverse-text-primary,#15110FFC);--plasma-avatar-extra-counter-background:var(--surface-solid-default,#F6F2F0);}
|
|
17
|
+
.Avatar_config_i79yrd_a1jpkhmc__cce4c8ee{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-accent,#0BA686);}
|
|
18
|
+
.Avatar_config_i79yrd_p1rt05zb__cce4c8ee{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-positive,#A6D2A2);}
|
|
19
|
+
.Avatar_config_i79yrd_w18uzb5o__cce4c8ee{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-warning,#F8AD80);}
|
|
20
|
+
.Avatar_config_i79yrd_nwmydiz__cce4c8ee{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--surface-negative,#F8A6A9);}
|
|
21
|
+
.Avatar_config_i79yrd_d84jq18__cce4c8ee{--plasma-avatar-extra-counter-color:var(--on-dark-text-primary,#FFFFFFFC);--plasma-avatar-extra-counter-background:var(--on-light-surface-solid-default,#15110F);}
|
|
22
|
+
.Avatar_config_i79yrd_l1bat2nq__cce4c8ee{--plasma-avatar-extra-counter-color:var(--on-light-text-primary,#15110FFC);--plasma-avatar-extra-counter-background:var(--on-dark-surface-solid-default,#F6F2F0);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Link.config.js","sources":["../../../../../src-css/components/Link/Link.config.tsx"],"sourcesContent":["import { css, linkTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n textAccent,\n textAccentActive,\n textAccentHover,\n
|
|
1
|
+
{"version":3,"file":"Link.config.js","sources":["../../../../../src-css/components/Link/Link.config.tsx"],"sourcesContent":["import { css, linkTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n textAccent,\n textAccentActive,\n textAccentHover,\n textNegative,\n textNegativeActive,\n textNegativeHover,\n textParagraph,\n textParagraphActive,\n textParagraphHover,\n textPositive,\n textPositiveActive,\n textPositiveHover,\n textPrimary,\n textPrimaryActive,\n textPrimaryHover,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n textTertiary,\n textTertiaryActive,\n textTertiaryHover,\n textWarning,\n textWarningActive,\n textWarningHover,\n h4,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const config = {\n defaults: {\n view: 'default',\n focused: 'true',\n },\n variations: {\n view: {\n default: css`\n ${tokens.linkFontFamily}: ${h4.fontFamily};\n ${tokens.linkColor}: ${textPrimary};\n ${tokens.linkColorHover}: ${textPrimaryHover};\n ${tokens.linkColorActive}: ${textPrimaryActive};\n ${tokens.linkColorVisited}: ${textPrimary};\n ${tokens.linkColorVisitedHover}: ${textPrimaryHover};\n ${tokens.linkColorVisitedActive}: ${textPrimaryActive};\n ${tokens.linkUnderlineBorder}: 0.063rem;\n ${tokens.linkUnderlineOffset}: 0.25rem;\n `,\n secondary: css`\n ${tokens.linkFontFamily}: ${h4.fontFamily};\n ${tokens.linkColor}: ${textSecondary};\n ${tokens.linkColorHover}: ${textSecondaryHover};\n ${tokens.linkColorActive}: ${textSecondaryActive};\n ${tokens.linkColorVisited}: ${textSecondary};\n ${tokens.linkColorVisitedHover}: ${textSecondaryHover};\n ${tokens.linkColorVisitedActive}: ${textSecondaryActive};\n ${tokens.linkUnderlineBorder}: 0.063rem;\n ${tokens.linkUnderlineOffset}: 0.25rem;\n `,\n tertiary: css`\n ${tokens.linkFontFamily}: ${h4.fontFamily};\n ${tokens.linkColor}: ${textTertiary};\n ${tokens.linkColorHover}: ${textTertiaryHover};\n ${tokens.linkColorActive}: ${textTertiaryActive};\n ${tokens.linkColorVisited}: ${textTertiary};\n ${tokens.linkColorVisitedHover}: ${textTertiaryHover};\n ${tokens.linkColorVisitedActive}: ${textTertiaryActive};\n ${tokens.linkUnderlineBorder}: 0.063rem;\n ${tokens.linkUnderlineOffset}: 0.25rem;\n `,\n paragraph: css`\n ${tokens.linkFontFamily}: ${h4.fontFamily};\n ${tokens.linkColor}: ${textParagraph};\n ${tokens.linkColorHover}: ${textParagraphHover};\n ${tokens.linkColorActive}: ${textParagraphActive};\n ${tokens.linkColorVisited}: ${textParagraph};\n ${tokens.linkColorVisitedHover}: ${textParagraphHover};\n ${tokens.linkColorVisitedActive}: ${textParagraphActive};\n ${tokens.linkUnderlineBorder}: 0.063rem;\n ${tokens.linkUnderlineOffset}: 0.25rem;\n `,\n accent: css`\n ${tokens.linkFontFamily}: ${h4.fontFamily};\n ${tokens.linkColor}: ${textAccent};\n ${tokens.linkColorHover}: ${textAccentHover};\n ${tokens.linkColorActive}: ${textAccentActive};\n ${tokens.linkColorVisited}: ${textAccent};\n ${tokens.linkColorVisitedHover}: ${textAccentHover};\n ${tokens.linkColorVisitedActive}: ${textAccentActive};\n ${tokens.linkUnderlineBorder}: 0.063rem;\n ${tokens.linkUnderlineOffset}: 0.25rem;\n `,\n positive: css`\n ${tokens.linkFontFamily}: ${h4.fontFamily};\n ${tokens.linkColor}: ${textPositive};\n ${tokens.linkColorHover}: ${textPositiveHover};\n ${tokens.linkColorActive}: ${textPositiveActive};\n ${tokens.linkColorVisited}: ${textPositive};\n ${tokens.linkColorVisitedHover}: ${textPositiveHover};\n ${tokens.linkColorVisitedActive}: ${textPositiveActive};\n ${tokens.linkUnderlineBorder}: 0.063rem;\n ${tokens.linkUnderlineOffset}: 0.25rem;\n `,\n warning: css`\n ${tokens.linkFontFamily}: ${h4.fontFamily};\n ${tokens.linkColor}: ${textWarning};\n ${tokens.linkColorHover}: ${textWarningHover};\n ${tokens.linkColorActive}: ${textWarningActive};\n ${tokens.linkColorVisited}: ${textWarning};\n ${tokens.linkColorVisitedHover}: ${textWarningHover};\n ${tokens.linkColorVisitedActive}: ${textWarningActive};\n ${tokens.linkUnderlineBorder}: 0.063rem;\n ${tokens.linkUnderlineOffset}: 0.25rem;\n `,\n negative: css`\n ${tokens.linkFontFamily}: ${h4.fontFamily};\n ${tokens.linkColor}: ${textNegative};\n ${tokens.linkColorHover}: ${textNegativeHover};\n ${tokens.linkColorActive}: ${textNegativeActive};\n ${tokens.linkColorVisited}: ${textNegative};\n ${tokens.linkColorVisitedHover}: ${textNegativeHover};\n ${tokens.linkColorVisitedActive}: ${textNegativeActive};\n ${tokens.linkUnderlineBorder}: 0.063rem;\n ${tokens.linkUnderlineOffset}: 0.25rem;\n `,\n clear: css`\n ${tokens.linkFontFamily}: ${h4.fontFamily};\n ${tokens.linkColor}:inherit;\n ${tokens.linkColorHover}: inherit;\n ${tokens.linkColorActive}: inherit;\n ${tokens.linkColorVisited}: inherit;\n ${tokens.linkColorVisitedHover}: inherit;\n ${tokens.linkColorVisitedActive}: inherit;\n ${tokens.linkUnderlineBorder}: 0.063rem;\n ${tokens.linkUnderlineOffset}: 0.25rem;\n `,\n },\n disabled: {\n true: css`\n ${tokens.linkDisabledOpacity}: 0.4;\n `,\n },\n focused: {\n true: css`\n ${tokens.linkColorFocus}: ${textPrimary};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","focused","variations","default","secondary","tertiary","paragraph","accent","positive","warning","negative","clear","disabled","true"],"mappings":";;;;AA6BO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,SAAS;AACfC,IAAAA,OAAO,EAAE;GACZ;AACDC,EAAAA,UAAU,EAAE;AACRF,IAAAA,IAAI,EAAE;AACFG,MAAAA,SAAAA,EAAO,SAUN;AACDC,MAAAA,SAAS,EAAA,UAUR;AACDC,MAAAA,QAAQ,EAAA,UAUP;AACDC,MAAAA,SAAS,EAAA,UAUR;AACDC,MAAAA,MAAM,EAAA,UAUL;AACDC,MAAAA,QAAQ,EAAA,UAUP;AACDC,MAAAA,OAAO,EAAA,UAUN;AACDC,MAAAA,QAAQ,EAAA,UAUP;AACDC,MAAAA,KAAK,EAAA;KAWR;AACDC,IAAAA,QAAQ,EAAE;MACNC,MAAAA,EAAI;KAGP;AACDZ,IAAAA,OAAO,EAAE;MACLY,MAAAA,EAAI;AAGR;AACJ;AACJ;;;;"}
|
|
@@ -0,0 +1,11 @@
|
|
|
1
|
+
.dee0pdb{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-primary,#FFFFFFFC);--plasma-link-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-link-color-active:var(--text-primary-active,#FFFFFFCA);--plasma-link-color-visited:var(--text-primary,#FFFFFFFC);--plasma-link-color-visited-hover:var(--text-primary-hover,#FFFFFF97);--plasma-link-color-visited-active:var(--text-primary-active,#FFFFFFCA);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
2
|
+
.s1vofuw3{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-secondary,#F6F2F0A3);--plasma-link-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-link-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-link-color-visited:var(--text-secondary,#F6F2F0A3);--plasma-link-color-visited-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-link-color-visited-active:var(--text-secondary-active,#F5F1EFC4);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
3
|
+
.t1ahuwbf{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-tertiary,#F6F2F03D);--plasma-link-color-hover:var(--text-tertiary-hover,#F5F1EFFF);--plasma-link-color-active:var(--text-tertiary-active,#F5F1EF49);--plasma-link-color-visited:var(--text-tertiary,#F6F2F03D);--plasma-link-color-visited-hover:var(--text-tertiary-hover,#F5F1EFFF);--plasma-link-color-visited-active:var(--text-tertiary-active,#F5F1EF49);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
4
|
+
.p1ui8jxv{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-paragraph,#F6F2F07A);--plasma-link-color-hover:var(--text-paragraph-hover,#F5F1EFFF);--plasma-link-color-active:var(--text-paragraph-active,#F5F1EF93);--plasma-link-color-visited:var(--text-paragraph,#F6F2F07A);--plasma-link-color-visited-hover:var(--text-paragraph-hover,#F5F1EFFF);--plasma-link-color-visited-active:var(--text-paragraph-active,#F5F1EF93);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
5
|
+
.a19bifbw{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-accent,#61C8B0);--plasma-link-color-hover:var(--text-accent-hover,#77CFBBFF);--plasma-link-color-active:var(--text-accent-active,#4ABFA4FF);--plasma-link-color-visited:var(--text-accent,#61C8B0);--plasma-link-color-visited-hover:var(--text-accent-hover,#77CFBBFF);--plasma-link-color-visited-active:var(--text-accent-active,#4ABFA4FF);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
6
|
+
.p11g3bq7{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-positive,#50A84C);--plasma-link-color-hover:var(--text-positive-hover,#62B65DFF);--plasma-link-color-active:var(--text-positive-active,#469442FF);--plasma-link-color-visited:var(--text-positive,#50A84C);--plasma-link-color-visited-hover:var(--text-positive-hover,#62B65DFF);--plasma-link-color-visited-active:var(--text-positive-active,#469442FF);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
7
|
+
.w1j34p05{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-warning,#DA6828);--plasma-link-color-hover:var(--text-warning-hover,#DF7D43FF);--plasma-link-color-active:var(--text-warning-active,#C45D21FF);--plasma-link-color-visited:var(--text-warning,#DA6828);--plasma-link-color-visited-hover:var(--text-warning-hover,#DF7D43FF);--plasma-link-color-visited-active:var(--text-warning-active,#C45D21FF);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
8
|
+
.n1ozoxtr{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-negative,#F57E83);--plasma-link-color-hover:var(--text-negative-hover,#F89BA0FF);--plasma-link-color-active:var(--text-negative-active,#F3626AFF);--plasma-link-color-visited:var(--text-negative,#F57E83);--plasma-link-color-visited-hover:var(--text-negative-hover,#F89BA0FF);--plasma-link-color-visited-active:var(--text-negative-active,#F3626AFF);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
9
|
+
.cwo06rj{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
10
|
+
.t1v6tmnt{--plasma-link-disabled-opacity:0.4;}
|
|
11
|
+
.t1obm9h5{--plasma-link-color-focus:var(--text-primary,#FFFFFFFC);}
|
|
@@ -1,11 +1,11 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
10
|
-
.
|
|
11
|
-
.
|
|
1
|
+
.Link_config_o8kfdy_dee0pdb__aafb1a98{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-primary,#FFFFFFFC);--plasma-link-color-hover:var(--text-primary-hover,#FFFFFF97);--plasma-link-color-active:var(--text-primary-active,#FFFFFFCA);--plasma-link-color-visited:var(--text-primary,#FFFFFFFC);--plasma-link-color-visited-hover:var(--text-primary-hover,#FFFFFF97);--plasma-link-color-visited-active:var(--text-primary-active,#FFFFFFCA);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
2
|
+
.Link_config_o8kfdy_s1vofuw3__aafb1a98{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-secondary,#F6F2F0A3);--plasma-link-color-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-link-color-active:var(--text-secondary-active,#F5F1EFC4);--plasma-link-color-visited:var(--text-secondary,#F6F2F0A3);--plasma-link-color-visited-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-link-color-visited-active:var(--text-secondary-active,#F5F1EFC4);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
3
|
+
.Link_config_o8kfdy_t1ahuwbf__aafb1a98{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-tertiary,#F6F2F03D);--plasma-link-color-hover:var(--text-tertiary-hover,#F5F1EFFF);--plasma-link-color-active:var(--text-tertiary-active,#F5F1EF49);--plasma-link-color-visited:var(--text-tertiary,#F6F2F03D);--plasma-link-color-visited-hover:var(--text-tertiary-hover,#F5F1EFFF);--plasma-link-color-visited-active:var(--text-tertiary-active,#F5F1EF49);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
4
|
+
.Link_config_o8kfdy_p1ui8jxv__aafb1a98{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-paragraph,#F6F2F07A);--plasma-link-color-hover:var(--text-paragraph-hover,#F5F1EFFF);--plasma-link-color-active:var(--text-paragraph-active,#F5F1EF93);--plasma-link-color-visited:var(--text-paragraph,#F6F2F07A);--plasma-link-color-visited-hover:var(--text-paragraph-hover,#F5F1EFFF);--plasma-link-color-visited-active:var(--text-paragraph-active,#F5F1EF93);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
5
|
+
.Link_config_o8kfdy_a19bifbw__aafb1a98{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-accent,#61C8B0);--plasma-link-color-hover:var(--text-accent-hover,#77CFBBFF);--plasma-link-color-active:var(--text-accent-active,#4ABFA4FF);--plasma-link-color-visited:var(--text-accent,#61C8B0);--plasma-link-color-visited-hover:var(--text-accent-hover,#77CFBBFF);--plasma-link-color-visited-active:var(--text-accent-active,#4ABFA4FF);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
6
|
+
.Link_config_o8kfdy_p11g3bq7__aafb1a98{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-positive,#50A84C);--plasma-link-color-hover:var(--text-positive-hover,#62B65DFF);--plasma-link-color-active:var(--text-positive-active,#469442FF);--plasma-link-color-visited:var(--text-positive,#50A84C);--plasma-link-color-visited-hover:var(--text-positive-hover,#62B65DFF);--plasma-link-color-visited-active:var(--text-positive-active,#469442FF);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
7
|
+
.Link_config_o8kfdy_w1j34p05__aafb1a98{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-warning,#DA6828);--plasma-link-color-hover:var(--text-warning-hover,#DF7D43FF);--plasma-link-color-active:var(--text-warning-active,#C45D21FF);--plasma-link-color-visited:var(--text-warning,#DA6828);--plasma-link-color-visited-hover:var(--text-warning-hover,#DF7D43FF);--plasma-link-color-visited-active:var(--text-warning-active,#C45D21FF);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
8
|
+
.Link_config_o8kfdy_n1ozoxtr__aafb1a98{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:var(--text-negative,#F57E83);--plasma-link-color-hover:var(--text-negative-hover,#F89BA0FF);--plasma-link-color-active:var(--text-negative-active,#F3626AFF);--plasma-link-color-visited:var(--text-negative,#F57E83);--plasma-link-color-visited-hover:var(--text-negative-hover,#F89BA0FF);--plasma-link-color-visited-active:var(--text-negative-active,#F3626AFF);--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
9
|
+
.Link_config_o8kfdy_cwo06rj__aafb1a98{--plasma-link-font-family:var(--plasma-typo-h4-font-family);--plasma-link-color:inherit;--plasma-link-color-hover:inherit;--plasma-link-color-active:inherit;--plasma-link-color-visited:inherit;--plasma-link-color-visited-hover:inherit;--plasma-link-color-visited-active:inherit;--plasma-link-underline-border:0.063rem;--plasma-link-underline-offset:0.25rem;}
|
|
10
|
+
.Link_config_o8kfdy_t1v6tmnt__aafb1a98{--plasma-link-disabled-opacity:0.4;}
|
|
11
|
+
.Link_config_o8kfdy_t1obm9h5__aafb1a98{--plasma-link-color-focus:var(--text-primary,#FFFFFFFC);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Modal.config.js","sources":["../../../../../src-css/components/Modal/Modal.config.ts"],"sourcesContent":["import { css, modalTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n overlaySoft,\n surfaceAccent,\n surfaceSolidCard,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const config = {\n defaults: {\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${modalTokens.modalOverlayWithBlurColor}: rgba(35, 35, 35, 0.2);\n ${modalTokens.modalOverlayColor}: ${overlaySoft};\n ${modalTokens.modalBodyBackground}: ${surfaceSolidCard};\n ${modalTokens.modalBodyBorderRadius}: 1.25rem;\n ${modalTokens.modalBodyPadding}:
|
|
1
|
+
{"version":3,"file":"Modal.config.js","sources":["../../../../../src-css/components/Modal/Modal.config.ts"],"sourcesContent":["import { css, modalTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n overlaySoft,\n surfaceAccent,\n surfaceSolidCard,\n textSecondary,\n textSecondaryActive,\n textSecondaryHover,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const config = {\n defaults: {\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${modalTokens.modalOverlayWithBlurColor}: rgba(35, 35, 35, 0.2);\n ${modalTokens.modalOverlayColor}: ${overlaySoft};\n ${modalTokens.modalBodyBackground}: ${surfaceSolidCard};\n ${modalTokens.modalBodyBorderRadius}: 1.25rem;\n ${modalTokens.modalBodyPadding}: 1rem;\n ${modalTokens.modalContentPadding}: 0.625rem;\n ${modalTokens.modalCloseButtonRadius}: 0.375rem;\n ${modalTokens.modalCloseButtonColor}: ${textSecondary};\n ${modalTokens.modalCloseButtonHoverColor}: ${textSecondaryHover};\n ${modalTokens.modalCloseButtonActiveColor}: ${textSecondaryActive};\n ${modalTokens.modalOutlineFocusColor}: ${surfaceAccent};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","variations","default"],"mappings":";;;;AAUO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;MACFE,SAAAA,EAAO;AAaX;AACJ;AACJ;;;;"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.d142ug3n{--plasma-modal-overlay-with-blur-color:rgba(35,35,35,0.2);--plasma-modal-overlay-color:var(--overlay-soft,#0000001F);--plasma-modal-body-background:var(--surface-solid-card,#232323);--plasma-modal-body-border-radius:1.25rem;--plasma-modal-body-padding:
|
|
1
|
+
.d142ug3n{--plasma-modal-overlay-with-blur-color:rgba(35,35,35,0.2);--plasma-modal-overlay-color:var(--overlay-soft,#0000001F);--plasma-modal-body-background:var(--surface-solid-card,#232323);--plasma-modal-body-border-radius:1.25rem;--plasma-modal-body-padding:1rem;--plasma-modal-content-padding:0.625rem;--plasma-modal-close-button-radius:0.375rem;--plasma-modal-close-button-color:var(--text-secondary,#F6F2F0A3);--plasma-modal-close-button-hover-color:var(--text-secondary-hover,#F5F1EFFF);--plasma-modal-close-button-active-color:var(--text-secondary-active,#F5F1EFC4);--plasma-modal-outline-focus-color:var(--surface-accent,#0BA686);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
.
|
|
1
|
+
.Modal_config_w3hp3h_d142ug3n__12724a87{--plasma-modal-overlay-with-blur-color:rgba(35,35,35,0.2);--plasma-modal-overlay-color:var(--overlay-soft,#0000001F);--plasma-modal-body-background:var(--surface-solid-card,#232323);--plasma-modal-body-border-radius:1.25rem;--plasma-modal-body-padding:1rem;--plasma-modal-content-padding:0.625rem;--plasma-modal-close-button-radius:0.375rem;--plasma-modal-close-button-color:var(--text-secondary,#F6F2F0A3);--plasma-modal-close-button-hover-color:var(--text-secondary-hover,#F5F1EFFF);--plasma-modal-close-button-active-color:var(--text-secondary-active,#F5F1EFC4);--plasma-modal-outline-focus-color:var(--surface-accent,#0BA686);}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"Note.config.js","sources":["../../../../../src-css/components/Note/Note.config.ts"],"sourcesContent":["import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n surfaceTransparentNegative,\n surfaceTransparentSecondary,\n textInfo,\n textL,\n textLBold,\n textM,\n textMBold,\n textNegative,\n textPositive,\n textPrimary,\n textS,\n textSBold,\n textSecondary,\n textSecondaryHover,\n textWarning,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: surfaceTransparentInfo, surfaceTransparentPositive\n * surfaceTransparentWarning, textXs, textXsBold\n */\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: ${surfaceTransparentSecondary};\n ${tokens.color}: ${textPrimary};\n ${tokens.contentBeforeColor}: ${textPrimary};\n `,\n positive: css`\n ${tokens.background}: var(--surface-transparent-positive);\n ${tokens.color}: ${textPrimary};\n ${tokens.contentBeforeColor}: ${textPositive};\n `,\n warning: css`\n ${tokens.background}: var(--surface-transparent-warning);\n ${tokens.color}: ${textPrimary};\n ${tokens.contentBeforeColor}: ${textWarning};\n `,\n negative: css`\n ${tokens.background}: ${surfaceTransparentNegative};\n ${tokens.color}: ${textPrimary};\n ${tokens.contentBeforeColor}: ${textNegative};\n `,\n info: css`\n ${tokens.background}: var(--surface-transparent-info);\n ${tokens.color}: ${textPrimary};\n ${tokens.contentBeforeColor}: ${textInfo};\n `,\n },\n size: {\n l: css`\n ${tokens.padding}: 1.5rem 1.875rem;\n ${tokens.paddingScalable}: 1.5rem 1.75rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.gap}: 0.75rem;\n ${tokens.gapScalable}: 1rem;\n ${tokens.contentGap}: 0.25rem;\n\n ${tokens.closeIconTop}: 1rem;\n ${tokens.closeIconRight}: 1rem;\n ${tokens.closeIconColor}: ${textSecondary};\n ${tokens.closeIconColorOnHover}: ${textSecondaryHover};\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 2rem;\n ${tokens.fixedContentBeforePadding}: 0.25rem 0;\n\n ${tokens.titleFontFamily}: ${textL.fontFamily};\n ${tokens.titleFontSize}: ${textL.fontSize};\n ${tokens.titleFontStyle}: ${textL.fontStyle};\n ${tokens.titleFontWeight}: ${textLBold.fontWeight};\n ${tokens.titleLetterSpacing}: ${textL.letterSpacing};\n ${tokens.titleLineHeight}: ${textL.lineHeight};\n ${tokens.titlePaddingRight}: 1.875rem;\n\n ${tokens.textFontFamily}: ${textL.fontFamily};\n ${tokens.textFontSize}: ${textL.fontSize};\n ${tokens.textFontStyle}: ${textL.fontStyle};\n ${tokens.textFontWeight}: ${textL.fontWeight};\n ${tokens.textLetterSpacing}: ${textL.letterSpacing};\n ${tokens.textLineHeight}: ${textL.lineHeight};\n `,\n m: css`\n ${tokens.padding}: 1.25rem 1.5rem;\n ${tokens.paddingScalable}: 1.25rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.gap}: 0.625rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.75rem;\n ${tokens.closeIconRight}: 0.75rem;\n ${tokens.closeIconColor}: ${textSecondary};\n ${tokens.closeIconColorOnHover}: ${textSecondaryHover};\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 1.5rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: ${textM.fontFamily};\n ${tokens.titleFontSize}: ${textM.fontSize};\n ${tokens.titleFontStyle}: ${textM.fontStyle};\n ${tokens.titleFontWeight}: ${textMBold.fontWeight};\n ${tokens.titleLetterSpacing}: ${textM.letterSpacing};\n ${tokens.titleLineHeight}: ${textM.lineHeight};\n ${tokens.titlePaddingRight}: 1.75rem;\n\n ${tokens.textFontFamily}: ${textM.fontFamily};\n ${tokens.textFontSize}: ${textM.fontSize};\n ${tokens.textFontStyle}: ${textM.fontStyle};\n ${tokens.textFontWeight}: ${textM.fontWeight};\n ${tokens.textLetterSpacing}: ${textM.letterSpacing};\n ${tokens.textLineHeight}: ${textM.lineHeight};\n `,\n s: css`\n ${tokens.padding}: 1rem 1.25rem;\n ${tokens.paddingScalable}: 1rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.gap}: 0.5rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: ${textSecondary};\n ${tokens.closeIconColorOnHover}: ${textSecondaryHover};\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1.125rem;\n ${tokens.fixedContentBeforePadding}: 0.063rem 0;\n\n ${tokens.titleFontFamily}: ${textS.fontFamily};\n ${tokens.titleFontSize}: ${textS.fontSize};\n ${tokens.titleFontStyle}: ${textS.fontStyle};\n ${tokens.titleFontWeight}: ${textSBold.fontWeight};\n ${tokens.titleLetterSpacing}: ${textS.letterSpacing};\n ${tokens.titleLineHeight}: ${textS.lineHeight};\n ${tokens.titlePaddingRight}: 1.625rem;\n\n ${tokens.textFontFamily}: ${textS.fontFamily};\n ${tokens.textFontSize}: ${textS.fontSize};\n ${tokens.textFontStyle}: ${textS.fontStyle};\n ${tokens.textFontWeight}: ${textS.fontWeight};\n ${tokens.textLetterSpacing}: ${textS.letterSpacing};\n ${tokens.textLineHeight}: ${textS.lineHeight};\n `,\n xs: css`\n ${tokens.padding}: 0.75rem 1rem;\n ${tokens.paddingScalable}: 0.75rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.gap}: 0.375rem;\n ${tokens.gapScalable}: 0.5rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: ${textSecondary};\n ${tokens.closeIconColorOnHover}: ${textSecondaryHover};\n ${tokens.closeIconSize}: 1rem;\n ${tokens.closeIconButtonSize}: 1rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n /* NOTE: no token textXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleFontFamily}: var(--plasma-typo-text-xs-font-family);\n /* NOTE: no token textXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleFontSize}: var(--plasma-typo-text-xs-font-size);\n /* NOTE: no token textXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleFontStyle}: var(--plasma-typo-text-xs-font-style);\n /* NOTE: no token textXsBold in @salutejs/sdds-themes/tokens */\n ${tokens.titleFontWeight}: var(--plasma-typo-text-xs-bold-font-weight);\n /* NOTE: no token textXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n /* NOTE: no token textXs in @salutejs/sdds-themes/tokens */\n ${tokens.titleLineHeight}: var(--plasma-typo-text-xs-line-height);\n ${tokens.titlePaddingRight}: 1.5rem;\n\n /* NOTE: no token textXs in @salutejs/sdds-themes/tokens */\n ${tokens.textFontFamily}: var(--plasma-typo-text-xs-font-family);\n /* NOTE: no token textXs in @salutejs/sdds-themes/tokens */\n ${tokens.textFontSize}: var(--plasma-typo-text-xs-font-size);\n /* NOTE: no token textXs in @salutejs/sdds-themes/tokens */\n ${tokens.textFontStyle}: var(--plasma-typo-text-xs-font-style);\n /* NOTE: no token textXs in @salutejs/sdds-themes/tokens */\n ${tokens.textFontWeight}: var(--plasma-typo-text-xs-font-weight);\n /* NOTE: no token textXs in @salutejs/sdds-themes/tokens */\n ${tokens.textLetterSpacing}: var(--plasma-typo-text-xs-letter-spacing);\n /* NOTE: no token textXs in @salutejs/sdds-themes/tokens */\n ${tokens.textLineHeight}: var(--plasma-typo-text-xs-line-height);\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","positive","warning","negative","info","l","m","s","xs"],"mappings":";;;;AAmBA;AACA;AACA;AACA;AACA;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,SAIN;AACDC,MAAAA,QAAQ,EAAA,SAIP;AACDC,MAAAA,OAAO,EAAA,SAIN;AACDC,MAAAA,QAAQ,EAAA,UAIP;AACDC,MAAAA,IAAI,EAAA;KAKP;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,SAiCA;AACDC,MAAAA,CAAC,EAAA,UAiCA;AACDC,MAAAA,CAAC,EAAA,UAiCA;AACDC,MAAAA,EAAE,EAAA;AA8CN;AACJ;AACJ;;;;"}
|
|
1
|
+
{"version":3,"file":"Note.config.js","sources":["../../../../../src-css/components/Note/Note.config.ts"],"sourcesContent":["import { css, noteTokens as tokens } from '@salutejs/plasma-new-hope/css';\nimport {\n surfaceTransparentNegative,\n surfaceTransparentSecondary,\n textInfo,\n h2,\n h2Bold,\n h4,\n h4Bold,\n textNegative,\n textPositive,\n textPrimary,\n bodyS,\n bodySBold,\n bodyXS,\n bodyXSBold,\n textSecondary,\n textSecondaryHover,\n textWarning,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\n/*\n * NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.\n * Missing tokens in @salutejs/sdds-themes/tokens: surfaceTransparentInfo, surfaceTransparentPositive\n * surfaceTransparentWarning, textXs, textXsBold\n */\nexport const config = {\n defaults: {\n view: 'default',\n size: 'l',\n },\n variations: {\n view: {\n default: css`\n ${tokens.background}: ${surfaceTransparentSecondary};\n ${tokens.color}: ${textPrimary};\n ${tokens.contentBeforeColor}: ${textPrimary};\n `,\n positive: css`\n ${tokens.background}: var(--surface-transparent-positive);\n ${tokens.color}: ${textPrimary};\n ${tokens.contentBeforeColor}: ${textPositive};\n `,\n warning: css`\n ${tokens.background}: var(--surface-transparent-warning);\n ${tokens.color}: ${textPrimary};\n ${tokens.contentBeforeColor}: ${textWarning};\n `,\n negative: css`\n ${tokens.background}: ${surfaceTransparentNegative};\n ${tokens.color}: ${textPrimary};\n ${tokens.contentBeforeColor}: ${textNegative};\n `,\n info: css`\n ${tokens.background}: var(--surface-transparent-info);\n ${tokens.color}: ${textPrimary};\n ${tokens.contentBeforeColor}: ${textInfo};\n `,\n },\n size: {\n l: css`\n ${tokens.padding}: 1.5rem 1.875rem;\n ${tokens.paddingScalable}: 1.5rem 1.75rem;\n ${tokens.borderRadius}: 0.875rem;\n ${tokens.gap}: 0.75rem;\n ${tokens.gapScalable}: 1rem;\n ${tokens.contentGap}: 0.25rem;\n\n ${tokens.closeIconTop}: 1rem;\n ${tokens.closeIconRight}: 1rem;\n ${tokens.closeIconColor}: ${textSecondary};\n ${tokens.closeIconColorOnHover}: ${textSecondaryHover};\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 2rem;\n ${tokens.fixedContentBeforePadding}: 0.25rem 0;\n\n ${tokens.titleFontFamily}: ${h2.fontFamily};\n ${tokens.titleFontSize}: ${h2.fontSize};\n ${tokens.titleFontStyle}: ${h2.fontStyle};\n ${tokens.titleFontWeight}: ${h2Bold.fontWeight};\n ${tokens.titleLetterSpacing}: ${h2.letterSpacing};\n ${tokens.titleLineHeight}: ${h2.lineHeight};\n ${tokens.titlePaddingRight}: 1.875rem;\n\n ${tokens.textFontFamily}: ${h2.fontFamily};\n ${tokens.textFontSize}: ${h2.fontSize};\n ${tokens.textFontStyle}: ${h2.fontStyle};\n ${tokens.textFontWeight}: ${h2.fontWeight};\n ${tokens.textLetterSpacing}: ${h2.letterSpacing};\n ${tokens.textLineHeight}: ${h2.lineHeight};\n `,\n m: css`\n ${tokens.padding}: 1.25rem 1.5rem;\n ${tokens.paddingScalable}: 1.25rem;\n ${tokens.borderRadius}: 0.75rem;\n ${tokens.gap}: 0.625rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.75rem;\n ${tokens.closeIconRight}: 0.75rem;\n ${tokens.closeIconColor}: ${textSecondary};\n ${tokens.closeIconColorOnHover}: ${textSecondaryHover};\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1.5rem;\n ${tokens.fixedContentBeforeHeight}: 1.5rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: ${h4.fontFamily};\n ${tokens.titleFontSize}: ${h4.fontSize};\n ${tokens.titleFontStyle}: ${h4.fontStyle};\n ${tokens.titleFontWeight}: ${h4Bold.fontWeight};\n ${tokens.titleLetterSpacing}: ${h4.letterSpacing};\n ${tokens.titleLineHeight}: ${h4.lineHeight};\n ${tokens.titlePaddingRight}: 1.75rem;\n\n ${tokens.textFontFamily}: ${h4.fontFamily};\n ${tokens.textFontSize}: ${h4.fontSize};\n ${tokens.textFontStyle}: ${h4.fontStyle};\n ${tokens.textFontWeight}: ${h4.fontWeight};\n ${tokens.textLetterSpacing}: ${h4.letterSpacing};\n ${tokens.textLineHeight}: ${h4.lineHeight};\n `,\n s: css`\n ${tokens.padding}: 1rem 1.25rem;\n ${tokens.paddingScalable}: 1rem;\n ${tokens.borderRadius}: 0.625rem;\n ${tokens.gap}: 0.5rem;\n ${tokens.gapScalable}: 0.75rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: ${textSecondary};\n ${tokens.closeIconColorOnHover}: ${textSecondaryHover};\n ${tokens.closeIconSize}: 1.5rem;\n ${tokens.closeIconButtonSize}: 1.5rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1.125rem;\n ${tokens.fixedContentBeforePadding}: 0.063rem 0;\n\n ${tokens.titleFontFamily}: ${bodyS.fontFamily};\n ${tokens.titleFontSize}: ${bodyS.fontSize};\n ${tokens.titleFontStyle}: ${bodyS.fontStyle};\n ${tokens.titleFontWeight}: ${bodySBold.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyS.lineHeight};\n ${tokens.titlePaddingRight}: 1.625rem;\n\n ${tokens.textFontFamily}: ${bodyS.fontFamily};\n ${tokens.textFontSize}: ${bodyS.fontSize};\n ${tokens.textFontStyle}: ${bodyS.fontStyle};\n ${tokens.textFontWeight}: ${bodyS.fontWeight};\n ${tokens.textLetterSpacing}: ${bodyS.letterSpacing};\n ${tokens.textLineHeight}: ${bodyS.lineHeight};\n `,\n xs: css`\n ${tokens.padding}: 0.75rem 1rem;\n ${tokens.paddingScalable}: 0.75rem;\n ${tokens.borderRadius}: 0.5rem;\n ${tokens.gap}: 0.375rem;\n ${tokens.gapScalable}: 0.5rem;\n ${tokens.contentGap}: 0.125rem;\n\n ${tokens.closeIconTop}: 0.625rem;\n ${tokens.closeIconRight}: 0.625rem;\n ${tokens.closeIconColor}: ${textSecondary};\n ${tokens.closeIconColorOnHover}: ${textSecondaryHover};\n ${tokens.closeIconSize}: 1rem;\n ${tokens.closeIconButtonSize}: 1rem;\n\n ${tokens.fixedContentBeforeWidth}: 1rem;\n ${tokens.fixedContentBeforeHeight}: 1rem;\n ${tokens.fixedContentBeforePadding}: 0;\n\n ${tokens.titleFontFamily}: ${bodyXS.fontFamily};\n ${tokens.titleFontSize}: ${bodyXS.fontSize};\n ${tokens.titleFontStyle}: ${bodyXS.fontStyle};\n ${tokens.titleFontWeight}: ${bodyXSBold.fontWeight};\n ${tokens.titleLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.titleLineHeight}: ${bodyXS.lineHeight};\n ${tokens.titlePaddingRight}: 1.5rem;\n\n ${tokens.textFontFamily}: ${bodyXS.fontFamily};\n ${tokens.textFontSize}: ${bodyXS.fontSize};\n ${tokens.textFontStyle}: ${bodyXS.fontStyle};\n ${tokens.textFontWeight}: ${bodyXS.fontWeight};\n ${tokens.textLetterSpacing}: ${bodyXS.letterSpacing};\n ${tokens.textLineHeight}: ${bodyXS.lineHeight};\n `,\n },\n },\n};\n"],"names":["config","defaults","view","size","variations","default","positive","warning","negative","info","l","m","s","xs"],"mappings":";;;;AAqBA;AACA;AACA;AACA;AACA;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,SAIN;AACDC,MAAAA,QAAQ,EAAA,SAIP;AACDC,MAAAA,OAAO,EAAA,SAIN;AACDC,MAAAA,QAAQ,EAAA,UAIP;AACDC,MAAAA,IAAI,EAAA;KAKP;AACDN,IAAAA,IAAI,EAAE;AACFO,MAAAA,CAAC,EAAA,SAiCA;AACDC,MAAAA,CAAC,EAAA,UAiCA;AACDC,MAAAA,CAAC,EAAA,UAiCA;AACDC,MAAAA,EAAE,EAAA;AAkCN;AACJ;AACJ;;;;"}
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
.w73g2ww{--plasma-note-background:var(--surface-transparent-warning);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-warning,#DA6828);}
|
|
4
4
|
.n1m8g88j{--plasma-note-background:var(--surface-transparent-negative,#F8A6A980);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-negative,#F57E83);}
|
|
5
5
|
.ifuz2qv{--plasma-note-background:var(--surface-transparent-info);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-info,#70B2F5);}
|
|
6
|
-
.ly7aunu{--plasma-note-padding:1.5rem 1.875rem;--plasma-note-padding-scalable:1.5rem 1.75rem;--plasma-note-border-radius:0.875rem;--plasma-note-gap:0.75rem;--plasma-note-gap-scalable:1rem;--plasma-note-content-gap:0.25rem;--plasma-note-close-icon-top:1rem;--plasma-note-close-icon-right:1rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:2rem;--plasma-note-fixed-content-before-padding:0.25rem 0;--plasma-note-title-font-family:var(--plasma-typo-
|
|
7
|
-
.m1sat9qb{--plasma-note-padding:1.25rem 1.5rem;--plasma-note-padding-scalable:1.25rem;--plasma-note-border-radius:0.75rem;--plasma-note-gap:0.625rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.75rem;--plasma-note-close-icon-right:0.75rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:1.5rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-
|
|
8
|
-
.s1gn2ksf{--plasma-note-padding:1rem 1.25rem;--plasma-note-padding-scalable:1rem;--plasma-note-border-radius:0.625rem;--plasma-note-gap:0.5rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1.125rem;--plasma-note-fixed-content-before-padding:0.063rem 0;--plasma-note-title-font-family:var(--plasma-typo-
|
|
9
|
-
.xqm7lmj{--plasma-note-padding:0.75rem 1rem;--plasma-note-padding-scalable:0.75rem;--plasma-note-border-radius:0.5rem;--plasma-note-gap:0.375rem;--plasma-note-gap-scalable:0.5rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1rem;--plasma-note-close-icon-button-size:1rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-
|
|
6
|
+
.ly7aunu{--plasma-note-padding:1.5rem 1.875rem;--plasma-note-padding-scalable:1.5rem 1.75rem;--plasma-note-border-radius:0.875rem;--plasma-note-gap:0.75rem;--plasma-note-gap-scalable:1rem;--plasma-note-content-gap:0.25rem;--plasma-note-close-icon-top:1rem;--plasma-note-close-icon-right:1rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:2rem;--plasma-note-fixed-content-before-padding:0.25rem 0;--plasma-note-title-font-family:var(--plasma-typo-h2-font-family);--plasma-note-title-font-size:var(--plasma-typo-h2-font-size);--plasma-note-title-font-style:var(--plasma-typo-h2-font-style);--plasma-note-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-h2-line-height);--plasma-note-title-padding-right:1.875rem;--plasma-note-text-font-family:var(--plasma-typo-h2-font-family);--plasma-note-text-font-size:var(--plasma-typo-h2-font-size);--plasma-note-text-font-style:var(--plasma-typo-h2-font-style);--plasma-note-text-font-weight:var(--plasma-typo-h2-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-h2-line-height);}
|
|
7
|
+
.m1sat9qb{--plasma-note-padding:1.25rem 1.5rem;--plasma-note-padding-scalable:1.25rem;--plasma-note-border-radius:0.75rem;--plasma-note-gap:0.625rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.75rem;--plasma-note-close-icon-right:0.75rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:1.5rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-h4-font-family);--plasma-note-title-font-size:var(--plasma-typo-h4-font-size);--plasma-note-title-font-style:var(--plasma-typo-h4-font-style);--plasma-note-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-h4-line-height);--plasma-note-title-padding-right:1.75rem;--plasma-note-text-font-family:var(--plasma-typo-h4-font-family);--plasma-note-text-font-size:var(--plasma-typo-h4-font-size);--plasma-note-text-font-style:var(--plasma-typo-h4-font-style);--plasma-note-text-font-weight:var(--plasma-typo-h4-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-h4-line-height);}
|
|
8
|
+
.s1gn2ksf{--plasma-note-padding:1rem 1.25rem;--plasma-note-padding-scalable:1rem;--plasma-note-border-radius:0.625rem;--plasma-note-gap:0.5rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1.125rem;--plasma-note-fixed-content-before-padding:0.063rem 0;--plasma-note-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-note-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-note-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-note-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-note-title-padding-right:1.625rem;--plasma-note-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-note-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-note-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-note-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-body-s-line-height);}
|
|
9
|
+
.xqm7lmj{--plasma-note-padding:0.75rem 1rem;--plasma-note-padding-scalable:0.75rem;--plasma-note-border-radius:0.5rem;--plasma-note-gap:0.375rem;--plasma-note-gap-scalable:0.5rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1rem;--plasma-note-close-icon-button-size:1rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-note-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-note-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-note-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-note-title-padding-right:1.5rem;--plasma-note-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-note-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-note-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-note-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
.
|
|
2
|
-
.
|
|
3
|
-
.
|
|
4
|
-
.
|
|
5
|
-
.
|
|
6
|
-
.
|
|
7
|
-
.
|
|
8
|
-
.
|
|
9
|
-
.
|
|
1
|
+
.Note_config_1hsm0z2_dlpid31__82851a3a{--plasma-note-background:var(--surface-transparent-secondary,#FFFFFF29);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-primary,#FFFFFFFC);}
|
|
2
|
+
.Note_config_1hsm0z2_pj3b0d5__82851a3a{--plasma-note-background:var(--surface-transparent-positive);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-positive,#50A84C);}
|
|
3
|
+
.Note_config_1hsm0z2_w73g2ww__82851a3a{--plasma-note-background:var(--surface-transparent-warning);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-warning,#DA6828);}
|
|
4
|
+
.Note_config_1hsm0z2_n1m8g88j__82851a3a{--plasma-note-background:var(--surface-transparent-negative,#F8A6A980);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-negative,#F57E83);}
|
|
5
|
+
.Note_config_1hsm0z2_ifuz2qv__82851a3a{--plasma-note-background:var(--surface-transparent-info);--plasma-note-color:var(--text-primary,#FFFFFFFC);--plasma-note-content-before-color:var(--text-info,#70B2F5);}
|
|
6
|
+
.Note_config_1hsm0z2_ly7aunu__82851a3a{--plasma-note-padding:1.5rem 1.875rem;--plasma-note-padding-scalable:1.5rem 1.75rem;--plasma-note-border-radius:0.875rem;--plasma-note-gap:0.75rem;--plasma-note-gap-scalable:1rem;--plasma-note-content-gap:0.25rem;--plasma-note-close-icon-top:1rem;--plasma-note-close-icon-right:1rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:2rem;--plasma-note-fixed-content-before-padding:0.25rem 0;--plasma-note-title-font-family:var(--plasma-typo-h2-font-family);--plasma-note-title-font-size:var(--plasma-typo-h2-font-size);--plasma-note-title-font-style:var(--plasma-typo-h2-font-style);--plasma-note-title-font-weight:var(--plasma-typo-h2-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-h2-line-height);--plasma-note-title-padding-right:1.875rem;--plasma-note-text-font-family:var(--plasma-typo-h2-font-family);--plasma-note-text-font-size:var(--plasma-typo-h2-font-size);--plasma-note-text-font-style:var(--plasma-typo-h2-font-style);--plasma-note-text-font-weight:var(--plasma-typo-h2-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-h2-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-h2-line-height);}
|
|
7
|
+
.Note_config_1hsm0z2_m1sat9qb__82851a3a{--plasma-note-padding:1.25rem 1.5rem;--plasma-note-padding-scalable:1.25rem;--plasma-note-border-radius:0.75rem;--plasma-note-gap:0.625rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.75rem;--plasma-note-close-icon-right:0.75rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1.5rem;--plasma-note-fixed-content-before-height:1.5rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-h4-font-family);--plasma-note-title-font-size:var(--plasma-typo-h4-font-size);--plasma-note-title-font-style:var(--plasma-typo-h4-font-style);--plasma-note-title-font-weight:var(--plasma-typo-h4-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-h4-line-height);--plasma-note-title-padding-right:1.75rem;--plasma-note-text-font-family:var(--plasma-typo-h4-font-family);--plasma-note-text-font-size:var(--plasma-typo-h4-font-size);--plasma-note-text-font-style:var(--plasma-typo-h4-font-style);--plasma-note-text-font-weight:var(--plasma-typo-h4-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-h4-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-h4-line-height);}
|
|
8
|
+
.Note_config_1hsm0z2_s1gn2ksf__82851a3a{--plasma-note-padding:1rem 1.25rem;--plasma-note-padding-scalable:1rem;--plasma-note-border-radius:0.625rem;--plasma-note-gap:0.5rem;--plasma-note-gap-scalable:0.75rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1.5rem;--plasma-note-close-icon-button-size:1.5rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1.125rem;--plasma-note-fixed-content-before-padding:0.063rem 0;--plasma-note-title-font-family:var(--plasma-typo-body-s-font-family);--plasma-note-title-font-size:var(--plasma-typo-body-s-font-size);--plasma-note-title-font-style:var(--plasma-typo-body-s-font-style);--plasma-note-title-font-weight:var(--plasma-typo-body-s-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-body-s-line-height);--plasma-note-title-padding-right:1.625rem;--plasma-note-text-font-family:var(--plasma-typo-body-s-font-family);--plasma-note-text-font-size:var(--plasma-typo-body-s-font-size);--plasma-note-text-font-style:var(--plasma-typo-body-s-font-style);--plasma-note-text-font-weight:var(--plasma-typo-body-s-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-body-s-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-body-s-line-height);}
|
|
9
|
+
.Note_config_1hsm0z2_xqm7lmj__82851a3a{--plasma-note-padding:0.75rem 1rem;--plasma-note-padding-scalable:0.75rem;--plasma-note-border-radius:0.5rem;--plasma-note-gap:0.375rem;--plasma-note-gap-scalable:0.5rem;--plasma-note-content-gap:0.125rem;--plasma-note-close-icon-top:0.625rem;--plasma-note-close-icon-right:0.625rem;--plasma-note-close-icon-color:var(--text-secondary,#F6F2F0A3);--plasma-note-close-icon-color-on-hover:var(--text-secondary-hover,#F5F1EFFF);--plasma-note-close-icon-size:1rem;--plasma-note-close-icon-button-size:1rem;--plasma-note-fixed-content-before-width:1rem;--plasma-note-fixed-content-before-height:1rem;--plasma-note-fixed-content-before-padding:0;--plasma-note-title-font-family:var(--plasma-typo-body-xs-font-family);--plasma-note-title-font-size:var(--plasma-typo-body-xs-font-size);--plasma-note-title-font-style:var(--plasma-typo-body-xs-font-style);--plasma-note-title-font-weight:var(--plasma-typo-body-xs-bold-font-weight);--plasma-note-title-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-note-title-line-height:var(--plasma-typo-body-xs-line-height);--plasma-note-title-padding-right:1.5rem;--plasma-note-text-font-family:var(--plasma-typo-body-xs-font-family);--plasma-note-text-font-size:var(--plasma-typo-body-xs-font-size);--plasma-note-text-font-style:var(--plasma-typo-body-xs-font-style);--plasma-note-text-font-weight:var(--plasma-typo-body-xs-font-weight);--plasma-note-text-letter-spacing:var(--plasma-typo-body-xs-letter-spacing);--plasma-note-text-line-height:var(--plasma-typo-body-xs-line-height);}
|
|
@@ -1,13 +1,8 @@
|
|
|
1
|
-
require('./LineSkeleton.
|
|
1
|
+
require('./LineSkeleton.config_7rsjph.css');
|
|
2
2
|
'use strict';
|
|
3
3
|
|
|
4
4
|
Object.defineProperty(exports, '__esModule', { value: true });
|
|
5
5
|
|
|
6
|
-
/*
|
|
7
|
-
* NOTE: Mixed DS tokens + raw vars. Prefer @salutejs-ds/sdds_sbcom/theme/tokens where possible.
|
|
8
|
-
* Missing tokens in @salutejs/sdds-themes/tokens: bodyXs, bodyXxs, dsplL, dsplM, h5, h6, surfaceSkeletonDeepGradient
|
|
9
|
-
* textXs
|
|
10
|
-
*/
|
|
11
6
|
var config = {
|
|
12
7
|
defaults: {
|
|
13
8
|
size: 'bodyM',
|
|
@@ -24,19 +19,11 @@ var config = {
|
|
|
24
19
|
bodyS: "b7xroe3",
|
|
25
20
|
bodyXS: "b6j6lo5",
|
|
26
21
|
bodyXXS: "bvy7k5l",
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
h3: "hwfajcs",
|
|
33
|
-
h4: "h1cqdap2",
|
|
34
|
-
h5: "h7a1pe3",
|
|
35
|
-
h6: "hcgpodh",
|
|
36
|
-
textL: "t1f4baxc",
|
|
37
|
-
textM: "tku2ojo",
|
|
38
|
-
textS: "tfwhw7s",
|
|
39
|
-
textXS: "thijpf2"
|
|
22
|
+
dsplS: "d17f8ptj",
|
|
23
|
+
h1: "h2hkci6",
|
|
24
|
+
h2: "hytodi8",
|
|
25
|
+
h3: "hl0wrbi",
|
|
26
|
+
h4: "hzwkeo"
|
|
40
27
|
}
|
|
41
28
|
}
|
|
42
29
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"LineSkeleton.config.js","sources":["../../../../../src-css/components/Skeleton/LineSkeleton.config.ts"],"sourcesContent":["import { css, skeletonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n dsplS,\n h1,\n h2,\n h3,\n h4,\n surfaceSkeletonGradient,\n surfaceTransparentSecondary,\n surfaceTransparentTertiary,\n
|
|
1
|
+
{"version":3,"file":"LineSkeleton.config.js","sources":["../../../../../src-css/components/Skeleton/LineSkeleton.config.ts"],"sourcesContent":["import { css, skeletonTokens } from '@salutejs/plasma-new-hope/css';\nimport {\n bodyL,\n bodyM,\n bodyS,\n dsplS,\n h1,\n h2,\n h3,\n h4,\n surfaceSkeletonGradient,\n surfaceTransparentSecondary,\n surfaceTransparentTertiary,\n} from '@salutejs-ds/sdds_sbcom/theme/tokens';\n\nexport const config = {\n defaults: {\n size: 'bodyM',\n view: 'default',\n },\n variations: {\n view: {\n default: css`\n ${skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient, ${surfaceSkeletonGradient});\n ${skeletonTokens.fadeInColor}: ${surfaceTransparentSecondary};\n ${skeletonTokens.fadeOutColor}: ${surfaceTransparentTertiary};\n `,\n lighter: css`\n ${skeletonTokens.gradientColor}: var(--plasma-colors-skeleton-gradient-lighter, var(--surface-skeleton-deep-gradient));\n ${skeletonTokens.fadeInColor}: ${surfaceTransparentSecondary};\n ${skeletonTokens.fadeOutColor}: ${surfaceTransparentTertiary};\n `,\n },\n size: {\n bodyL: css`\n ${skeletonTokens.lineHeight}: ${bodyL.lineHeight};\n ${skeletonTokens.visibleLineHeight}: ${bodyL.fontSize};\n `,\n bodyM: css`\n ${skeletonTokens.lineHeight}: ${bodyM.lineHeight};\n ${skeletonTokens.visibleLineHeight}: ${bodyM.fontSize};\n `,\n bodyS: css`\n ${skeletonTokens.lineHeight}: ${bodyS.lineHeight};\n ${skeletonTokens.visibleLineHeight}: ${bodyS.fontSize};\n `,\n bodyXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xs-font-size);\n `,\n bodyXXS: css`\n ${skeletonTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);\n ${skeletonTokens.visibleLineHeight}: var(--plasma-typo-body-xxs-font-size);\n `,\n dsplS: css`\n ${skeletonTokens.lineHeight}: ${dsplS.lineHeight};\n ${skeletonTokens.visibleLineHeight}: ${dsplS.fontSize};\n `,\n h1: css`\n ${skeletonTokens.lineHeight}: ${h1.lineHeight};\n ${skeletonTokens.visibleLineHeight}: ${h1.fontSize};\n `,\n h2: css`\n ${skeletonTokens.lineHeight}: ${h2.lineHeight};\n ${skeletonTokens.visibleLineHeight}: ${h2.fontSize};\n `,\n h3: css`\n ${skeletonTokens.lineHeight}: ${h3.lineHeight};\n ${skeletonTokens.visibleLineHeight}: ${h3.fontSize};\n `,\n h4: css`\n ${skeletonTokens.lineHeight}: ${h4.lineHeight};\n ${skeletonTokens.visibleLineHeight}: ${h4.fontSize};\n `,\n },\n },\n};\n"],"names":["config","defaults","size","view","variations","default","lighter","bodyL","bodyM","bodyS","bodyXS","bodyXXS","dsplS","h1","h2","h3","h4"],"mappings":";;;;AAeO,IAAMA,MAAM,GAAG;AAClBC,EAAAA,QAAQ,EAAE;AACNC,IAAAA,IAAI,EAAE,OAAO;AACbC,IAAAA,IAAI,EAAE;GACT;AACDC,EAAAA,UAAU,EAAE;AACRD,IAAAA,IAAI,EAAE;AACFE,MAAAA,SAAAA,EAAO,UAIN;AACDC,MAAAA,OAAO,EAAA;KAKV;AACDJ,IAAAA,IAAI,EAAE;AACFK,MAAAA,KAAK,EAAA,UAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,KAAK,EAAA,SAGJ;AACDC,MAAAA,MAAM,EAAA,SAGL;AACDC,MAAAA,OAAO,EAAA,SAGN;AACDC,MAAAA,KAAK,EAAA,UAGJ;AACDC,MAAAA,EAAE,EAAA,SAGD;AACDC,MAAAA,EAAE,EAAA,SAGD;AACDC,MAAAA,EAAE,EAAA,SAGD;AACDC,MAAAA,EAAE,EAAA;AAIN;AACJ;AACJ;;;;"}
|