diff --git a/.changeset/five-bikes-explain.md b/.changeset/five-bikes-explain.md index 7cc1ec5666..ea23e4c40e 100644 --- a/.changeset/five-bikes-explain.md +++ b/.changeset/five-bikes-explain.md @@ -2,40 +2,27 @@ "@utrecht/spotlight-section-css": minor --- -feat(spotlight-section-css): add `error` and `ok` types +Extend the Spotlight Section component with new features. -**Added CSS classes**: +Add new CSS class names: -```css -.utrecht-spotlight-section--error { -} -.utrecht-spotlight-section--ok { -} -``` +- `utrecht-spotlight-section--error` +- `utrecht-spotlight-section--ok` -**Added mixins**: +Add new SCSS mixins: -```scss -@mixin utrecht-spotlight-section--error { -} +- `utrecht-spotlight-section--error` +- `utrecht-spotlight-section--ok` -@mixin utrecht-spotlight-section--ok { -} -``` +Add new design tokens for spotlight-section component: -**Added CSS design tokens**: - -```css -/* Error Type */ ---utrecht-spotlight-section-error-background-color: ; ---utrecht-spotlight-section-error-border-color: ; ---utrecht-spotlight-section-error-border-width: ; ---utrecht-spotlight-section-error-color: ; ---utrecht-spotlight-section-error-icon-color: ; -/* Ok Type */ ---utrecht-spotlight-section-ok-background-color: ; ---utrecht-spotlight-section-ok-border-color: ; ---utrecht-spotlight-section-ok-border-width: ; ---utrecht-spotlight-section-ok-color: ; ---utrecht-spotlight-section-ok-icon-color: ; -``` +- `utrecht.spotlight-section.error.background-color` +- `utrecht.spotlight-section.error.border-color` +- `utrecht.spotlight-section.error.border-width` +- `utrecht.spotlight-section.error.color` +- `utrecht.spotlight-section.error.icon.color` +- `utrecht.spotlight-section.ok.background-color` +- `utrecht.spotlight-section.ok.border-color` +- `utrecht.spotlight-section.ok.border-width` +- `utrecht.spotlight-section.ok.color` +- `utrecht.spotlight-section.ok.icon.color`