feat(note): add announcement connotation (VIV-1829) (#1839)

libs/components/src/lib/note/README.md

@@ -45,7 +45,7 @@ Add a `icon='icon-name'` attribute to set a decorative icon.
 Set the `connotation` attribute to change the note's connotation.
 It accepts a subset of predefined values.
 
-- Type: `'accent'` | `'success'` | `'alert'` | `'warning'` | `'information'`
+- Type: `'accent'` | `'success'` | `'alert'` | `'warning'` | `'information'` | `'announcement'`
 - Default: `'accent'`
 
 ```html preview blocks
@@ -69,6 +69,11 @@ It accepts a subset of predefined values.
 	icon="info-solid"
 	headline="information note"
 ></vwc-note>
+<vwc-note
+	connotation="announcement"
+	icon="sparkles-solid"
+	headline="announcement note"
+></vwc-note>
 <vwc-note
 	connotation="accent"
 	icon="megaphone-solid"

libs/components/src/lib/note/note.scss

@@ -1,6 +1,6 @@
 @use '../../../../../dist/libs/tokens/scss/tokens.constants' as constants;
 @use '../../../../shared/src/lib/sass/mixins/connotation/config' with (
-	$connotations: accent success information alert warning,
+	$connotations: accent success information alert warning announcement,
 	$shades: intermediate faint fierce,
 	$default: accent
 );

libs/components/src/lib/note/note.ts

@@ -8,6 +8,7 @@ export type NoteConnotation =
 	| Connotation.Information
 	| Connotation.Success
 	| Connotation.Warning
+	| Connotation.Announcement
 	| Connotation.Alert;
 /**
  * @public