From 4d56d353662b60a87d7654fb5ba59e6fba688538 Mon Sep 17 00:00:00 2001
From: Robbert Broersma <git@robbertbroersma.nl>
Date: Sat, 28 Sep 2024 12:17:00 +0200
Subject: [PATCH] fixup! feat(spotlight-section-css): add `error` and `ok`
 types

---
 .changeset/five-bikes-explain.md | 49 ++++++++++++--------------------
 1 file changed, 18 insertions(+), 31 deletions(-)

diff --git a/.changeset/five-bikes-explain.md b/.changeset/five-bikes-explain.md
index 7cc1ec5666e..ea23e4c40eb 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: <color>;
---utrecht-spotlight-section-error-border-color: <color>;
---utrecht-spotlight-section-error-border-width: <length>;
---utrecht-spotlight-section-error-color: <color>;
---utrecht-spotlight-section-error-icon-color: <color>;
-/* Ok Type */
---utrecht-spotlight-section-ok-background-color: <color>;
---utrecht-spotlight-section-ok-border-color: <color>;
---utrecht-spotlight-section-ok-border-width: <length>;
---utrecht-spotlight-section-ok-color: <color>;
---utrecht-spotlight-section-ok-icon-color: <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`