Skip to content

feat: added semantic token concept interactive surface (refs SFKUI-6500)#1078

Merged
jaken22 merged 1 commit intomainfrom
feat/interactive-surface-tokens
Mar 9, 2026
Merged

feat: added semantic token concept interactive surface (refs SFKUI-6500)#1078
jaken22 merged 1 commit intomainfrom
feat/interactive-surface-tokens

Conversation

@jaken22
Copy link
Contributor

@jaken22 jaken22 commented Mar 6, 2026

Från början använde vi oss av konceptet active på alla interagerbara komponenter. Detta utökades sedan med select för att hantera inmatningskomponenter. För att ytterligare förbättra semantiken inför vi nu konceptet interactive surface som till en början används på expanderbar panel. Detta krävs också för att hantera hover state i dark mode på expandera panelen.

Totalt fyra nya tokens införda:
--fkds-color-interactive-surface-background-primary-default
--fkds-color-interactive-surface-background-primary-hover
--fkds-color-interactive-surface-background-primary-active
--fkds-color-interactive-surface-background-primary-focus

Komponenten FExpandablePanel uppdaterad med nya tokens:
$expandablepanel-heading-color-background-default: var(--fkds-color-interactive-surface-background-primary-default) !default;
$expandablepanel-heading-color-background-hover: var(--fkds-color-interactive-surface-background-primary-hover) !default;

@github-actions
Copy link

github-actions bot commented Mar 6, 2026

CHANGELOG

Based on commits in this Pull Request this will create a minor release and the following entries will be added to the changelog:


Features

  • added semantic token concept interactive surface (refs SFKUI-6500) 28f12ce

If this is not correct you can amend the commit message(s).

Read more about the release process (swedish).

@github-actions
Copy link

github-actions bot commented Mar 6, 2026

Artifact sizes

Artifact sizes in this build (unchanged artifacts collapsed below).

Artifact Files Size Change
@fkui/design 2 file(s) 187.8KiB → 187.8KiB (+37B) +0.02%
@fkui/vue (esm) 1 file(s) 1.0MiB → 1.0MiB (+74B) +0.01%
6 unchanged artifacts
Artifact Files Size
@fkui/date (esm) 1 file(s) 32.2KiB
@fkui/logic (esm) 1 file(s) 162.3KiB
@fkui/vue (FBadge bundle) 1 file(s) 550.5KiB
@fkui/vue/cypress 1 file(s) 56.0KiB
@fkui/vue/selectors 1 file(s) 3.3KiB
@fkui/vue-labs (esm) 1 file(s) 249.9KiB

@github-actions
Copy link

github-actions bot commented Mar 6, 2026

Förhandsgranskning 🐛 🔍

Dokumentation och exampel applikationer finns att förhandsgranska på:

Sida URL
Dokumentation https://Forsakringskassan.github.io/designsystem/pr-preview/pr-1078/
Vue Sandbox https://Forsakringskassan.github.io/designsystem/pr-preview/pr-1078/vue-sandbox
Applikationsmall https://Forsakringskassan.github.io/designsystem/pr-preview/pr-1078/examples/page-layout

Senast uppdaterad 2026-03-09 12:19 UTC i gh-pages.

@jaken22 jaken22 force-pushed the feat/interactive-surface-tokens branch 2 times, most recently from 5c9c332 to f4ce0a0 Compare March 6, 2026 20:26
@jaken22 jaken22 requested a review from johancarnegard March 6, 2026 21:49
Copy link
Contributor

@ext ext left a comment

Choose a reason for hiding this comment

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

Intressant, tycker det låter som en bra idé

@jaken22 jaken22 force-pushed the feat/interactive-surface-tokens branch from 7f4f416 to 5c9c332 Compare March 9, 2026 10:52
@jaken22 jaken22 force-pushed the feat/interactive-surface-tokens branch from 5c9c332 to 28f12ce Compare March 9, 2026 12:09
@jaken22 jaken22 merged commit 22a91fe into main Mar 9, 2026
28 checks passed
@jaken22 jaken22 deleted the feat/interactive-surface-tokens branch March 9, 2026 13:07
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.

6 participants