docs: adjust naming (#2340)

* docs: adapted naming to Design

* docs: naming adjustments

* chore: update playwright version

* chore: update snapshots

---------

Co-authored-by: NicolasMerget <[email protected]>

showcases/shared/accordion-item.json

@@ -3,35 +3,35 @@
 		"name": "Tonality",
 		"examples": [
 			{
-				"name": "functional",
+				"name": "Functional",
 				"className": "db-ui-functional",
 				"props": {
-					"title": "functional"
+					"title": "Functional"
 				}
 			},
 			{
-				"name": "regular (Default)",
+				"name": "Regular (Default)",
 				"className": "db-ui-regular",
 				"props": {
-					"title": "regular (Default)"
+					"title": "Regular (Default)"
 				}
 			},
 			{
-				"name": "expressive",
+				"name": "Expressive",
 				"className": "db-ui-expressive",
 				"props": {
-					"title": "expressive"
+					"title": "Expressive"
 				}
 			}
 		]
 	},
 	{
-		"name": "States",
+		"name": "Interaction States",
 		"examples": [
 			{
-				"name": "Enabled (Default)",
+				"name": "Enabled (Default)/Hover/Pressed",
 				"props": {
-					"title": "Enabled (Default)"
+					"title": "Enabled (Default)/Hover/Pressed"
 				}
 			},
 			{
@@ -40,20 +40,23 @@
 					"title": "Disabled",
 					"disabled": true
 				}
-			},
+			}
+		]
+	},
+	{
+		"name": "Content States",
+		"examples": [
 			{
-				"name": "Open",
+				"name": "Collapsed (Default)",
 				"props": {
-					"title": "Open",
-					"open": true
+					"title": "Collapsed (Default)"
 				}
 			},
 			{
-				"name": "Open Disabled",
+				"name": "Open",
 				"props": {
-					"title": "Open Disabled",
-					"open": true,
-					"disabled": true
+					"title": "Open",
+					"open": true
 				}
 			}
 		]

showcases/shared/badge.json

@@ -3,17 +3,17 @@
 		"name": "Tonality",
 		"examples": [
 			{
-				"name": "functional",
+				"name": "Functional",
 				"className": "db-ui-functional",
 				"props": {}
 			},
 			{
-				"name": "regular (Default)",
+				"name": "Regular (Default)",
 				"className": "db-ui-regular",
 				"props": {}
 			},
 			{
-				"name": "expressive",
+				"name": "Expressive",
 				"className": "db-ui-expressive",
 				"props": {}
 			}
@@ -35,7 +35,7 @@
 		]
 	},
 	{
-		"name": "Variant",
+		"name": "Semantic",
 		"examples": [
 			{
 				"name": "Adaptive (Default)",
@@ -71,12 +71,6 @@
 					"variant": "warning"
 				}
 			},
-			{
-				"name": "Adaptive Strong",
-				"props": {
-					"emphasis": "strong"
-				}
-			},
 			{
 				"name": "Neutral Strong",
 				"props": {
@@ -118,22 +112,26 @@
 		"name": "Size",
 		"examples": [
 			{
-				"name": "Medium (Default)",
-				"props": {}
-			},
-			{
-				"name": "Small",
+				"name": "Small (Default)",
 				"props": {
 					"size": "small"
 				}
+			},
+			{
+				"name": "Medium",
+				"props": {}
 			}
 		]
 	},
 	{
 		"name": "Content",
 		"examples": [
 			{
-				"name": "Dot (Default)",
+				"name": "Text (Default)",
+				"props": {}
+			},
+			{
+				"name": "Dot",
 				"props": {
 					"noContent": true
 				}
@@ -145,10 +143,6 @@
 					"size": "small"
 				}
 			},
-			{
-				"name": "Text",
-				"props": {}
-			},
 			{
 				"name": "Icon",
 				"props": {

showcases/shared/checkbox.json

@@ -3,21 +3,21 @@
 		"name": "Tonality",
 		"examples": [
 			{
-				"name": "functional",
+				"name": "Functional",
 				"className": "db-ui-functional",
 				"props": {
 					"name": "Tonality"
 				}
 			},
 			{
-				"name": "regular (Default)",
+				"name": "Regular (Default)",
 				"className": "db-ui-regular",
 				"props": {
 					"name": "Tonality"
 				}
 			},
 			{
-				"name": "expressive",
+				"name": "Expressive",
 				"className": "db-ui-expressive",
 				"props": {
 					"name": "Tonality"

showcases/shared/infotext.json

@@ -3,27 +3,27 @@
 		"name": "Tonality",
 		"examples": [
 			{
-				"name": "functional",
+				"name": "Functional",
 				"className": "db-ui-functional",
 				"props": {}
 			},
 			{
-				"name": "regular (Default)",
+				"name": "Regular (Default)",
 				"className": "db-ui-regular",
 				"props": {}
 			},
 			{
-				"name": "expressive",
+				"name": "Expressive",
 				"className": "db-ui-expressive",
 				"props": {}
 			}
 		]
 	},
 	{
-		"name": "Variant",
+		"name": "Semantic",
 		"examples": [
 			{
-				"name": "(Default) Adaptive",
+				"name": "Adaptive (Default)",
 				"props": {}
 			},
 			{
@@ -56,7 +56,7 @@
 		"name": "Size",
 		"examples": [
 			{
-				"name": "(Default) Medium",
+				"name": "Medium (Default)",
 				"props": {}
 			},
 			{

showcases/shared/link.json

@@ -3,21 +3,21 @@
 		"name": "Tonality",
 		"examples": [
 			{
-				"name": "functional",
+				"name": "Functional",
 				"className": "db-ui-functional",
 				"props": {
 					"href": "#"
 				}
 			},
 			{
-				"name": "regular (Default)",
+				"name": "Regular (Default)",
 				"className": "db-ui-regular",
 				"props": {
 					"href": "#"
 				}
 			},
 			{
-				"name": "expressive",
+				"name": "Expressive",
 				"className": "db-ui-expressive",
 				"props": {
 					"href": "#"
@@ -26,16 +26,16 @@
 		]
 	},
 	{
-		"name": "Variant",
+		"name": "Semantic",
 		"examples": [
 			{
-				"name": "(Default) Adaptive",
+				"name": "Adaptive (Default)",
 				"props": {
 					"href": "#"
 				}
 			},
 			{
-				"name": "Primary",
+				"name": "Brand",
 				"props": {
 					"href": "#",
 					"variant": "primary"
@@ -44,10 +44,10 @@
 		]
 	},
 	{
-		"name": "State",
+		"name": "Interaction-States",
 		"examples": [
 			{
-				"name": "Default: (Enabled, Hover, Pressed)",
+				"name": "Enabled (Default)/Hover/Pressed",
 				"props": {
 					"href": "#"
 				}
@@ -65,7 +65,7 @@
 		"name": "Size",
 		"examples": [
 			{
-				"name": "(Default) Medium",
+				"name": "Medium (Default)",
 				"props": {
 					"href": "#"
 				}
@@ -83,7 +83,7 @@
 		"name": "Content",
 		"examples": [
 			{
-				"name": "(Default) Internal",
+				"name": "Internal (Default)",
 				"props": {
 					"href": "#"
 				}