Releases: NVE/Designsystem
Releases · NVE/Designsystem
v4.0.0
4.0.0 (2026-04-09)
Bug Fixes
Features
BREAKING CHANGES
- nve-button:
Bruker ikke shoelace lenger. Slot prefix og suffix ble erstattet med start og end. Gamle varianter støttes ikke lenger. Den støtter nå nye varianter:- primary
- secondary
- tertiary
- ghost
- danger
- Interaktive tokens endrer navn
| Gammelt token navn | Nytt token navn |
|---|---|
| --color-interactive-primary-background-default | --color-interactive-background-primary-enabled |
| --color-interactive-primary-background-hover | --color-interactive-background-primary-hover |
| ny token | --color-interactive-background-primary-pressed |
| --color-interactive-primary-background-disabled | --color-interactive-background-primary-disabled |
| --color-interactive-primary-foreground-default | --color-interactive-foreground-primary-enabled |
| --color-interactive-primary-foreground-hover | --color-interactive-foreground-primary-hover |
| --color-interactive-primary-foreground-disabled | --color-interactive-foreground-primary-disabled |
| --color-interactive-primary-border-focus | --color-interactive-border-accessibility-focus |
| --color-interactive-secondary-background-default | --color-interactive-background-secondary-enabled |
| --color-interactive-secondary-background-hover | --color-interactive-background-secondary-hover |
| ny token | --color-interactive-background-secondary-pressed |
| --color-interactive-secondary-background-disabled | --color-interactive-background-secondary-disabled |
| --color-interactive-secondary-foreground-default | --color-interactive-foreground-secondary-enabled |
| --color-interactive-secondary-foreground-hover | --color-interactive-foreground-secondary-hover |
| --color-interactive-secondary-foreground-disabled | --color-interactive-foreground-secondary-disabled |
| --color-interactive-secondary-border-focus | --color-interactive-border-accessibility-focus |
| --color-interactive-outlined-foreground-default | --color-interactive-foreground-secondary-enabled |
| --color-interactive-outlined-foreground-hover | --color-interactive-foreground-secondary-hover |
| --color-interactive-outlined-foreground-disabled | --color-interactive-foreground-secondary-disabled |
| --color-interactive-outlined-border-default | --color-interactive-border-secondary-enabled |
| --color-interactive-outlined-border-hover | --color-interactive-border-secondary-hover |
| --color-interactive-outlined-border-disabled | --color-interactive-border-secondary-disabled |
| --color-interactive-outlined-border-focus | --color-interactive-border-accessibility-focus |
| --color-interactive-ghost-background-hover | --color-interactive-background-tertiary-hover |
| ny token | --color-interactive-background-tertiary-pressed |
| --color-interactive-ghost-foreground-default | --color-interactive-foreground-secondary-enabled |
| --color-interactive-ghost-foreground-hover | --color-interactive-foreground-secondary-hover |
| --color-interactive-ghost-foreground-disabled | --color-interactive-foreground-secondary-disabled |
| --color-interactive-ghost-border-focus | --color-interactive-border-accessibility-focus |
| --color-interactive-links-default | --color-interactive-foreground-link-enabled |
| --color-interactive-links-hover | --color-interactive-foreground-link-hover |
| --color-interactive-links-focus | (no direct equivalent) |
| --color-interactive-links-visited | --color-interactive-foreground-link-visited |
| --color-interactive-danger-background-default | --color-interactive-background-danger-enabled |
| --color-interactive-danger-background-hover | --color-interactive-background-danger-hover |
| ny token | --color-interactive-background-danger-pressed |
| --color-interactive-danger-background-disabled | --color-interactive-background-danger-disabled |
| --color-interactive-danger-foreground-default | --color-interactive-foreground-danger-enabled |
| --color-interactive-danger-foreground-hover | (same as enabled) |
| --color-interactive-danger-foreground-disabled | --color-interactive-foreground-danger-disabled |
| --color-interactive-danger-border-focus | --color-interactive-border-accessibility-focus |