Skip to content

PLASMA-6584: add SegmentIconItem#2666

Open
TitanKuzmich wants to merge 3 commits intodevfrom
PLASMA-6584
Open

PLASMA-6584: add SegmentIconItem#2666
TitanKuzmich wants to merge 3 commits intodevfrom
PLASMA-6584

Conversation

@TitanKuzmich
Copy link
Copy Markdown
Contributor

@TitanKuzmich TitanKuzmich commented Apr 3, 2026

SDDS-FINAI

Segment

  • добавлен SegmentIconItem

What/why changed

  • добавлен SegmentIconItem
📦 Published PR as canary version: Canary Versions

✨ Test out this PR locally via:

npm install @salutejs/plasma-asdk@0.372.0-canary.2666.24138598838.0
npm install @salutejs/plasma-b2c@1.614.0-canary.2666.24138598838.0
npm install @salutejs/plasma-core@1.223.0-canary.2666.24138598838.0
npm install @salutejs/plasma-giga@0.341.0-canary.2666.24138598838.0
npm install @salutejs/plasma-homeds@0.341.0-canary.2666.24138598838.0
npm install @salutejs/plasma-hope@1.369.0-canary.2666.24138598838.0
npm install @salutejs/plasma-icons@1.235.0-canary.2666.24138598838.0
npm install @salutejs/plasma-new-hope@0.358.0-canary.2666.24138598838.0
npm install @salutejs/plasma-tokens@1.135.0-canary.2666.24138598838.0
npm install @salutejs/plasma-ui@1.345.0-canary.2666.24138598838.0
npm install @salutejs/plasma-web@1.616.0-canary.2666.24138598838.0
npm install @salutejs/sdds-bizcom@0.346.0-canary.2666.24138598838.0
npm install @salutejs/sdds-cs@0.350.0-canary.2666.24138598838.0
npm install @salutejs/sdds-dfa@0.344.0-canary.2666.24138598838.0
npm install @salutejs/sdds-finai@0.337.0-canary.2666.24138598838.0
npm install @salutejs/sdds-insol@0.341.0-canary.2666.24138598838.0
npm install @salutejs/sdds-netology@0.345.0-canary.2666.24138598838.0
npm install @salutejs/sdds-os@0.16.0-canary.2666.24138598838.0
npm install @salutejs/sdds-platform-ai@0.345.0-canary.2666.24138598838.0
npm install @salutejs/sdds-sbcom@0.345.0-canary.2666.24138598838.0
npm install @salutejs/sdds-scan@0.344.0-canary.2666.24138598838.0
npm install @salutejs/sdds-serv@0.345.0-canary.2666.24138598838.0
npm install @salutejs/plasma-themes@0.47.0-canary.2666.24138598838.0
npm install @salutejs/sdds-themes@0.62.0-canary.2666.24138598838.0
npm install @salutejs/sdds-api-tests@0.3.0-canary.2666.24138598838.0
npm install @salutejs/plasma-cy-utils@0.153.0-canary.2666.24138598838.0
npm install @salutejs/plasma-sb-utils@0.223.0-canary.2666.24138598838.0
# or 
yarn add @salutejs/plasma-asdk@0.372.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-b2c@1.614.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-core@1.223.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-giga@0.341.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-homeds@0.341.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-hope@1.369.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-icons@1.235.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-new-hope@0.358.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-tokens@1.135.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-ui@1.345.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-web@1.616.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-bizcom@0.346.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-cs@0.350.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-dfa@0.344.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-finai@0.337.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-insol@0.341.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-netology@0.345.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-os@0.16.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-platform-ai@0.345.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-sbcom@0.345.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-scan@0.344.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-serv@0.345.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-themes@0.47.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-themes@0.62.0-canary.2666.24138598838.0
yarn add @salutejs/sdds-api-tests@0.3.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-cy-utils@0.153.0-canary.2666.24138598838.0
yarn add @salutejs/plasma-sb-utils@0.223.0-canary.2666.24138598838.0

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 3, 2026

Theme Builder app deployed!

https://plasma.sberdevices.ru/pr/plasma-theme-builder-pr-2666/

@github-actions
Copy link
Copy Markdown
Contributor

github-actions bot commented Apr 3, 2026

Documentation preview deployed!

website: https://plasma.sberdevices.ru/pr/pr-2666/
asdk storybook: https://plasma.sberdevices.ru/pr/pr-2666/asdk-storybook/
b2c storybook: https://plasma.sberdevices.ru/pr/pr-2666/b2c-storybook/
giga storybook: https://plasma.sberdevices.ru/pr/pr-2666/giga-storybook/
homeds storybook: https://plasma.sberdevices.ru/pr/pr-2666/homeds-storybook/
new-hope storybook: https://plasma.sberdevices.ru/pr/pr-2666/new-hope-storybook/
ui storybook: https://plasma.sberdevices.ru/pr/pr-2666/ui-storybook/
web storybook: https://plasma.sberdevices.ru/pr/pr-2666/web-storybook/
sdds-bizcom storybook: https://plasma.sberdevices.ru/pr/pr-2666/sdds-bizcom-storybook/
sdds-cs storybook: https://plasma.sberdevices.ru/pr/pr-2666/sdds-cs-storybook/
sdds-dfa storybook: https://plasma.sberdevices.ru/pr/pr-2666/sdds-dfa-storybook/
sdds-finai storybook: https://plasma.sberdevices.ru/pr/pr-2666/sdds-finai-storybook/
sdds-insol storybook: https://plasma.sberdevices.ru/pr/pr-2666/sdds-insol-storybook/
sdds-netology storybook: https://plasma.sberdevices.ru/pr/pr-2666/sdds-netology-storybook/
sdds-os storybook: https://plasma.sberdevices.ru/pr/pr-2666/sdds-os-storybook/
sdds-platform-ai storybook: https://plasma.sberdevices.ru/pr/pr-2666/sdds-platform-ai-storybook/
sdds-sbcom storybook: https://plasma.sberdevices.ru/pr/pr-2666/sdds-sbcom-storybook/
sdds-scan storybook: https://plasma.sberdevices.ru/pr/pr-2666/sdds-scan-storybook/
sdds-serv storybook: https://plasma.sberdevices.ru/pr/pr-2666/sdds-serv-storybook/

@TitanKuzmich TitanKuzmich changed the title PLASMA-6584: add icon-only example for Segment docs PLASMA-6584: add SegmentIconItem Apr 10, 2026
import { classes, tokens } from '../../../../tokens';

export const base = css`
&.${String(classes.segmentPilled)} {
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Разве оборачивать в String еще актуально?

Comment on lines +35 to +50
${addFocus({
outlineSize: '0.063rem',
outlineOffset: 'var(--plasma_private-clip-outline-offset)',
outlineColor: `var(${tokens.outlineFocusColor})`,
outlineRadius: 'calc(var(--plasma_private-outline-radius) + var(--plasma_private-clip-outline-radius))',
customFocusRules: `
&.focus-visible:focus,
&[data-focus-visible-added] {
&::before {
z-index: 1;
outline: none;
box-shadow: 0 0 0 0.063rem var(${tokens.outlineFocusColor});
}
}
`,
})};
Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

было бы неплохо нам наконец отрефакторить addFocus, слишком много в нем логики

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants