fix(chips & tags): missing default:light variant (#691)

* feat: added default:light variant

* refactor: chips and tags are supposed to get a font-weight of 500 instead of the default 400

Author: mfranzke

source/_patterns/01-elements/chips/chip.scss

@@ -6,6 +6,7 @@
 		border: solid 1px $db-color-cool-gray-400;
 		border-radius: $chip---radius;
 		display: inline-flex;
+		font-weight: 500;
 
 		// Link related styles
 		font-size: to-rem($pxValue: 14);
@@ -42,6 +43,12 @@
 			color: $chip-checked--color;
 
 			//*** Variants ***
+			&[data-variant="light"] {
+				background-color: $db-color-cool-gray-200;
+				color: $db-color-cool-gray-700;
+				border: 1px solid $db-color-cool-gray-400;
+			}
+
 			&[data-variant="warning"] {
 				background-color: $db-color-warning;
 			}

source/_patterns/01-elements/chips/chips.json

@@ -1,5 +1,9 @@
 {
 	"variants": [
+		{
+			"label": "Light",
+			"variant": "light"
+		},
 		{
 			"label": "Warning",
 			"variant": "warning"

source/_patterns/01-elements/tags/tag.scss

@@ -6,10 +6,10 @@
 	border-radius: $tag---radius;
 	color: $tag---color;
 	display: inline-flex;
+	font-weight: 500;
 
 	// Link related styles
 	font-size: to-rem($pxValue: 12);
-	font-weight: initial;
 	height: to-rem($pxValue: 24);
 	justify-content: center;
 	padding-left: to-rem($pxValue: 4);
@@ -27,6 +27,12 @@
 	}
 
 	//*** Variants ***
+	&[data-variant="light"] {
+		background-color: $db-color-cool-gray-200;
+		color: $db-color-cool-gray-700;
+		border: 1px solid $db-color-cool-gray-400;
+	}
+
 	&[data-variant="warning"] {
 		background-color: $db-color-warning-small-font;
 	}

source/_patterns/01-elements/tags/tags.json

@@ -1,5 +1,9 @@
 {
 	"variants": [
+		{
+			"label": "Light",
+			"variant": "light"
+		},
 		{
 			"label": "Informative",
 			"variant": "informative"