Skip to content

SKIP-CI : Migration progress #2655

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Draft
Yeti-or wants to merge 24 commits into
base: dev
Choose a base branch
from
Draft

SKIP-CI : Migration progress #2655

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
24 commits
Select commit Hold shift + click to select a range
1122dbd
docs: Migration progress
Yeti-or Mar 27, 2026
d58a620
chore(plasma-giga): use theme tokens in component configs
Yeti-or Mar 27, 2026
effe588
chore(plasma-giga): fix shadow tokens usage
Yeti-or Mar 27, 2026
5c7553f
chore(plasma-giga): Breadcrumbs: fix bold styles
Yeti-or Mar 27, 2026
146eba7
chore(sdds-sbcom): use theme tokens in component configs
Yeti-or Mar 27, 2026
826cfe3
chore(plasma-b2c): use theme tokens in component configs
Yeti-or Mar 27, 2026
8b25504
chore(plasma-homeds): use theme tokens in component configs
Yeti-or Mar 27, 2026
7bf57c5
chore(plasma-new-hope): use theme tokens in component configs
Yeti-or Mar 27, 2026
7d42039
chore(plasma-web): use theme tokens in component configs
Yeti-or Mar 27, 2026
3d18a68
chore(sdds-bizcom): use theme tokens in component configs
Yeti-or Mar 27, 2026
cd2511b
chore(sdds-crm): use theme tokens in component configs
Yeti-or Mar 27, 2026
209cfd3
chore(sdds-cs): use theme tokens in component configs
Yeti-or Mar 27, 2026
2159626
chore(sdds-dfa): use theme tokens in component configs
Yeti-or Mar 27, 2026
d05f3b0
chore(sdds-finai): use theme tokens in component configs
Yeti-or Mar 27, 2026
00fc29e
chore(sdds-insol): use theme tokens in component configs
Yeti-or Mar 27, 2026
5fa46ea
chore(sdds-netology): use theme tokens in component configs
Yeti-or Mar 27, 2026
ab24f9c
chore(sdds-os): use theme tokens in component configs
Yeti-or Mar 27, 2026
c5c959b
chore(sdds-platform-ai): use theme tokens in component configs
Yeti-or Mar 27, 2026
c6bb667
chore(sdds-scan): use theme tokens in component configs
Yeti-or Mar 27, 2026
ab4437c
chore(sdds-serv): use theme tokens in component configs
Yeti-or Mar 27, 2026
772dbcd
docs: Improve report
Yeti-or Mar 27, 2026
79abff0
fix(sdds-sbcom): replacing Text Tokens
Yeti-or Mar 27, 2026
2be6648
docs: improve migration
Yeti-or Mar 27, 2026
a316154
feat(token-explorer): created new service
Yeti-or Apr 9, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
The table of contents is too big for display.
Diff view
Diff view
  •  
  •  
  •  
379 changes: 379 additions & 0 deletions TOKEN_MIGRATION_REPORT.md
View file
Open in desktop

Large diffs are not rendered by default.

297 changes: 162 additions & 135 deletions packages/plasma-b2c/src/components/Accordion/Accordion.config.ts
View file
Open in desktop

Large diffs are not rendered by default.

899 changes: 475 additions & 424 deletions packages/plasma-b2c/src/components/Attach/Attach.config.ts
View file
Open in desktop

Large diffs are not rendered by default.

553 changes: 292 additions & 261 deletions packages/plasma-b2c/src/components/Autocomplete/Autocomplete.config.ts
View file
Open in desktop

Large diffs are not rendered by default.

148 changes: 88 additions & 60 deletions packages/plasma-b2c/src/components/Badge/Badge.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,31 @@
import {
bodyS,
bodyXS,
bodyXXS,
inverseTextPrimary,
onDarkSurfaceSolidDefault,
onDarkSurfaceTransparentCard,
onDarkTextPrimary,
onLightSurfaceSolidDefault,
onLightSurfaceTransparentDeep,
onLightTextPrimary,
surfaceAccent,
surfaceClear,
surfaceNegative,
surfacePositive,
surfaceSolidDefault,
surfaceTransparentAccent,
surfaceTransparentNegative,
surfaceTransparentPositive,
surfaceTransparentSecondary,
surfaceTransparentWarning,
surfaceWarning,
textAccent,
textNegative,
textPositive,
textPrimary,
textWarning,
} from '@salutejs/plasma-themes/tokens/plasma_b2c';
import { css, badgeTokens } from '@salutejs/plasma-new-hope/styled-components';

export const config = {
Expand All @@ -8,67 +36,67 @@ export const config = {
variations: {
view: {
default: css`
${badgeTokens.color}: var(--inverse-text-primary);
${badgeTokens.background}: var(--surface-solid-default);
${badgeTokens.color}: ${inverseTextPrimary};
${badgeTokens.background}: ${surfaceSolidDefault};

${badgeTokens.colorTransparent}: var(--text-primary);
${badgeTokens.backgroundTransparent}: var(--surface-transparent-secondary);
${badgeTokens.colorTransparent}: ${textPrimary};
${badgeTokens.backgroundTransparent}: ${surfaceTransparentSecondary};

${badgeTokens.colorClear}: var(--text-primary);
${badgeTokens.colorClear}: ${textPrimary};
`,
accent: css`
${badgeTokens.color}: var(--on-dark-text-primary);
${badgeTokens.background}: var(--surface-accent);
${badgeTokens.color}: ${onDarkTextPrimary};
${badgeTokens.background}: ${surfaceAccent};

${badgeTokens.colorTransparent}: var(--text-accent);
${badgeTokens.backgroundTransparent}: var(--surface-transparent-accent);
${badgeTokens.colorTransparent}: ${textAccent};
${badgeTokens.backgroundTransparent}: ${surfaceTransparentAccent};

${badgeTokens.colorClear}: var(--text-accent);
${badgeTokens.colorClear}: ${textAccent};
`,
positive: css`
${badgeTokens.color}: var(--on-dark-text-primary);
${badgeTokens.background}: var(--surface-positive);
${badgeTokens.color}: ${onDarkTextPrimary};
${badgeTokens.background}: ${surfacePositive};

${badgeTokens.colorTransparent}: var(--text-positive);
${badgeTokens.backgroundTransparent}: var(--surface-transparent-positive);
${badgeTokens.colorTransparent}: ${textPositive};
${badgeTokens.backgroundTransparent}: ${surfaceTransparentPositive};

${badgeTokens.colorClear}: var(--text-positive);
${badgeTokens.colorClear}: ${textPositive};
`,
warning: css`
${badgeTokens.color}: var(--on-dark-text-primary);
${badgeTokens.background}: var(--surface-warning);
${badgeTokens.color}: ${onDarkTextPrimary};
${badgeTokens.background}: ${surfaceWarning};

${badgeTokens.colorTransparent}: var(--text-warning);
${badgeTokens.backgroundTransparent}: var(--surface-transparent-warning);
${badgeTokens.colorTransparent}: ${textWarning};
${badgeTokens.backgroundTransparent}: ${surfaceTransparentWarning};

${badgeTokens.colorClear}: var(--text-warning);
${badgeTokens.colorClear}: ${textWarning};
`,
negative: css`
${badgeTokens.color}: var(--on-dark-text-primary);
${badgeTokens.background}: var(--surface-negative);
${badgeTokens.color}: ${onDarkTextPrimary};
${badgeTokens.background}: ${surfaceNegative};

${badgeTokens.colorTransparent}: var(--text-negative);
${badgeTokens.backgroundTransparent}: var(--surface-transparent-negative);
${badgeTokens.colorTransparent}: ${textNegative};
${badgeTokens.backgroundTransparent}: ${surfaceTransparentNegative};

${badgeTokens.colorClear}: var(--text-negative);
${badgeTokens.colorClear}: ${textNegative};
`,
dark: css`
${badgeTokens.color}: var(--on-dark-text-primary);
${badgeTokens.background}: var(--on-light-surface-solid-default);
${badgeTokens.color}: ${onDarkTextPrimary};
${badgeTokens.background}: ${onLightSurfaceSolidDefault};

${badgeTokens.colorTransparent}: var(--on-dark-text-primary);
${badgeTokens.backgroundTransparent}: var(--on-light-surface-transparent-deep);
${badgeTokens.colorTransparent}: ${onDarkTextPrimary};
${badgeTokens.backgroundTransparent}: ${onLightSurfaceTransparentDeep};

${badgeTokens.colorClear}: var(--on-light-text-primary);
${badgeTokens.colorClear}: ${onLightTextPrimary};
`,
light: css`
${badgeTokens.color}: var(--on-light-text-primary);
${badgeTokens.background}: var(--on-dark-surface-solid-default);
${badgeTokens.color}: ${onLightTextPrimary};
${badgeTokens.background}: ${onDarkSurfaceSolidDefault};

${badgeTokens.colorTransparent}: var(--on-dark-text-primary);
${badgeTokens.backgroundTransparent}: var(--on-dark-surface-transparent-card);
${badgeTokens.colorTransparent}: ${onDarkTextPrimary};
${badgeTokens.backgroundTransparent}: ${onDarkSurfaceTransparentCard};

${badgeTokens.colorClear}: var(--on-dark-text-primary);
${badgeTokens.colorClear}: ${onDarkTextPrimary};
`,
},
size: {
Expand All @@ -78,12 +106,12 @@ export const config = {
${badgeTokens.padding}: 0 0.6875rem;
${badgeTokens.paddingIconOnly}: 0 0.375rem;

${badgeTokens.fontFamily}: var(--plasma-typo-body-s-font-family);
${badgeTokens.fontSize}: var(--plasma-typo-body-s-font-size);
${badgeTokens.fontStyle}: var(--plasma-typo-body-s-font-style);
${badgeTokens.fontWeight}: var(--plasma-typo-body-s-font-weight);
${badgeTokens.letterSpacing}: var(--plasma-typo-body-s-letter-spacing);
${badgeTokens.lineHeight}: var(--plasma-typo-body-s-line-height);
${badgeTokens.fontFamily}: ${bodyS.fontFamily};
${badgeTokens.fontSize}: ${bodyS.fontSize};
${badgeTokens.fontStyle}: ${bodyS.fontStyle};
${badgeTokens.fontWeight}: ${bodyS.fontWeight};
${badgeTokens.letterSpacing}: ${bodyS.letterSpacing};
${badgeTokens.lineHeight}: ${bodyS.lineHeight};

${badgeTokens.leftContentMarginLeft}: -0.0625rem;
${badgeTokens.leftContentMarginRight}: 0.25rem;
Expand All @@ -97,12 +125,12 @@ export const config = {
${badgeTokens.padding}: 0 0.5625rem;
${badgeTokens.paddingIconOnly}: 0 0.375rem;

${badgeTokens.fontFamily}: var(--plasma-typo-body-xs-font-family);
${badgeTokens.fontSize}: var(--plasma-typo-body-xs-font-size);
${badgeTokens.fontStyle}: var(--plasma-typo-body-xs-font-style);
${badgeTokens.fontWeight}: var(--plasma-typo-body-xs-font-weight);
${badgeTokens.letterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${badgeTokens.lineHeight}: var(--plasma-typo-body-xs-line-height);
${badgeTokens.fontFamily}: ${bodyXS.fontFamily};
${badgeTokens.fontSize}: ${bodyXS.fontSize};
${badgeTokens.fontStyle}: ${bodyXS.fontStyle};
${badgeTokens.fontWeight}: ${bodyXS.fontWeight};
${badgeTokens.letterSpacing}: ${bodyXS.letterSpacing};
${badgeTokens.lineHeight}: ${bodyXS.lineHeight};

${badgeTokens.leftContentMarginLeft}: -0.0625rem;
${badgeTokens.leftContentMarginRight}: 0.1875rem;
Expand All @@ -116,12 +144,12 @@ export const config = {
${badgeTokens.padding}: 0 0.4375rem;
${badgeTokens.paddingIconOnly}: 0 0.25rem;

${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);
${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
${badgeTokens.fontFamily}: ${bodyXXS.fontFamily};
${badgeTokens.fontSize}: ${bodyXXS.fontSize};
${badgeTokens.fontStyle}: ${bodyXXS.fontStyle};
${badgeTokens.fontWeight}: ${bodyXXS.fontWeight};
${badgeTokens.letterSpacing}: ${bodyXXS.letterSpacing};
${badgeTokens.lineHeight}: ${bodyXXS.lineHeight};

${badgeTokens.leftContentMarginLeft}: -0.0625rem;
${badgeTokens.leftContentMarginRight}: 0.125rem;
Expand All @@ -135,12 +163,12 @@ export const config = {
${badgeTokens.padding}: 0 0.25rem;
${badgeTokens.paddingIconOnly}: 0 0.188rem;

${badgeTokens.fontFamily}: var(--plasma-typo-body-xxs-font-family);
${badgeTokens.fontSize}: var(--plasma-typo-body-xxs-font-size);
${badgeTokens.fontStyle}: var(--plasma-typo-body-xxs-font-style);
${badgeTokens.fontWeight}: var(--plasma-typo-body-xxs-font-weight);
${badgeTokens.letterSpacing}: var(--plasma-typo-body-xxs-letter-spacing);
${badgeTokens.lineHeight}: var(--plasma-typo-body-xxs-line-height);
${badgeTokens.fontFamily}: ${bodyXXS.fontFamily};
${badgeTokens.fontSize}: ${bodyXXS.fontSize};
${badgeTokens.fontStyle}: ${bodyXXS.fontStyle};
${badgeTokens.fontWeight}: ${bodyXXS.fontWeight};
${badgeTokens.letterSpacing}: ${bodyXXS.letterSpacing};
${badgeTokens.lineHeight}: ${bodyXXS.lineHeight};

${badgeTokens.leftContentMarginLeft}: -0.0625rem;
${badgeTokens.leftContentMarginRight}: 0.125rem;
Expand All @@ -159,7 +187,7 @@ export const config = {
},
clear: {
true: css`
${badgeTokens.backgroundClear}: var(--surface-clear);
${badgeTokens.backgroundClear}: ${surfaceClear};
`,
},
},
Expand Down
68 changes: 40 additions & 28 deletions packages/plasma-b2c/src/components/Breadcrumbs/Breadcrumbs.config.ts
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,3 +1,15 @@
import {
bodyL,
bodyLBold,
bodyM,
bodyMBold,
bodyS,
bodySBold,
bodyXS,
bodyXSBold,
surfaceAccent,
textPrimary,
} from '@salutejs/plasma-themes/tokens/plasma_b2c';
import { css, breadcrumbsTokens } from '@salutejs/plasma-new-hope/styled-components';

export const config = {
Expand All @@ -8,53 +20,53 @@ export const config = {
variations: {
view: {
default: css`
${breadcrumbsTokens.breadcrumbsColor}: var(--text-primary);
${breadcrumbsTokens.breadcrumbsColorText}: var(--text-primary);
${breadcrumbsTokens.breadcrumbsColorSeparator}: var(--text-primary);
${breadcrumbsTokens.breadcrumbsColor}: ${textPrimary};
${breadcrumbsTokens.breadcrumbsColorText}: ${textPrimary};
${breadcrumbsTokens.breadcrumbsColorSeparator}: ${textPrimary};
${breadcrumbsTokens.breadcrumbsOpacity}: 0.4;
${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: var(--surface-accent);
${breadcrumbsTokens.breadcrumbsFocusOutlineColor}: ${surfaceAccent};
`,
},
size: {
l: css`
${breadcrumbsTokens.breadcrumbsGap}: 0.5rem;

${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-l-font-family);
${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-l-font-size);
${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-l-font-style);
${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-l-bold-weight);
${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-l-letter-spacing);
${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-l-line-height);
${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyL.fontFamily};
${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyL.fontSize};
${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyL.fontStyle};
${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyLBold.fontWeight};
${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyL.letterSpacing};
${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyL.lineHeight};
`,
m: css`
${breadcrumbsTokens.breadcrumbsGap}: 0.375rem;

${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-m-font-family);
${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-m-font-size);
${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-m-font-style);
${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-m-bold-weight);
${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-m-letter-spacing);
${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-m-line-height);
${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyM.fontFamily};
${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyM.fontSize};
${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyM.fontStyle};
${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyMBold.fontWeight};
${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyM.letterSpacing};
${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyM.lineHeight};
`,
s: css`
${breadcrumbsTokens.breadcrumbsGap}: 0.25rem;

${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-s-font-family);
${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-s-font-size);
${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-s-font-style);
${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-s-bold-weight);
${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-s-letter-spacing);
${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-s-line-height);
${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyS.fontFamily};
${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyS.fontSize};
${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyS.fontStyle};
${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodySBold.fontWeight};
${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyS.letterSpacing};
${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyS.lineHeight};
`,
xs: css`
${breadcrumbsTokens.breadcrumbsGap}: 0rem;

${breadcrumbsTokens.breadcrumbsFontFamily}: var(--plasma-typo-body-xs-font-family);
${breadcrumbsTokens.breadcrumbsFontSize}: var(--plasma-typo-body-xs-font-size);
${breadcrumbsTokens.breadcrumbsFontStyle}: var(--plasma-typo-body-xs-font-style);
${breadcrumbsTokens.breadcrumbsFontWeight}: var(--plasma-typo-body-xs-bold-weight);
${breadcrumbsTokens.breadcrumbsLetterSpacing}: var(--plasma-typo-body-xs-letter-spacing);
${breadcrumbsTokens.breadcrumbsLineHeight}: var(--plasma-typo-body-xs-line-height);
${breadcrumbsTokens.breadcrumbsFontFamily}: ${bodyXS.fontFamily};
${breadcrumbsTokens.breadcrumbsFontSize}: ${bodyXS.fontSize};
${breadcrumbsTokens.breadcrumbsFontStyle}: ${bodyXS.fontStyle};
${breadcrumbsTokens.breadcrumbsFontWeight}: ${bodyXSBold.fontWeight};
${breadcrumbsTokens.breadcrumbsLetterSpacing}: ${bodyXS.letterSpacing};
${breadcrumbsTokens.breadcrumbsLineHeight}: ${bodyXS.lineHeight};
`,
},
},
Expand Down
Loading
Loading