Skip to content

Commit

Permalink
fixup! feat(spotlight-section-css): add error and ok types
Browse files Browse the repository at this point in the history
  • Loading branch information
Robbert committed Sep 28, 2024
1 parent 150d122 commit 4d56d35
Showing 1 changed file with 18 additions and 31 deletions.
49 changes: 18 additions & 31 deletions .changeset/five-bikes-explain.md
Original file line number Diff line number Diff line change
Expand Up @@ -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`

0 comments on commit 4d56d35

Please sign in to comment.