refactor(switch): aligned figma code docs (#5239)

mfranzke · github-actions[bot] · nmerget · web-flow · commit b0cfda494de0 · 2025-10-15T16:47:57.000+02:00
* refactor(switch): aligned figma code docs * auto update snapshots (#5241) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * auto update snapshots (#5262) Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> * refactor: adapted screenreader contents --------- Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com> Co-authored-by: Nicolas Merget <104347736+nmerget@users.noreply.github.com>
diff --git a/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/chromium-highContrast/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
diff --git a/__snapshots__/switch/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/chromium-highContrast/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml
@@ -25,17 +25,17 @@
   - text: "True"
   - status
   - link "Visual Aid"
-  - switch "(Default) False + Unchecked"
-  - text: (Default) False + Unchecked
+  - switch "(Default) False (Unchecked)"
+  - text: (Default) False (Unchecked)
   - status
-  - switch "(Default) False + Checked" [checked]
-  - text: (Default) False + Checked
+  - switch "(Default) False (Checked)" [checked]
+  - text: (Default) False (Checked)
   - status
-  - switch "True + Unchecked"
-  - text: True + Unchecked
+  - switch "True (Unchecked)"
+  - text: True (Unchecked)
   - status
-  - switch "True + Checked" [checked]
-  - text: True + Checked
+  - switch "True (Checked)" [checked]
+  - text: True (Checked)
   - status
   - link "Size"
   - switch "(Default) Medium"
diff --git a/__snapshots__/switch/showcase/chromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/chromium/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
diff --git a/__snapshots__/switch/showcase/chromium/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/chromium/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml
@@ -25,17 +25,17 @@
   - text: "True"
   - status
   - link "Visual Aid"
-  - switch "(Default) False + Unchecked"
-  - text: (Default) False + Unchecked
+  - switch "(Default) False (Unchecked)"
+  - text: (Default) False (Unchecked)
   - status
-  - switch "(Default) False + Checked" [checked]
-  - text: (Default) False + Checked
+  - switch "(Default) False (Checked)" [checked]
+  - text: (Default) False (Checked)
   - status
-  - switch "True + Unchecked"
-  - text: True + Unchecked
+  - switch "True (Unchecked)"
+  - text: True (Unchecked)
   - status
-  - switch "True + Checked" [checked]
-  - text: True + Checked
+  - switch "True (Checked)" [checked]
+  - text: True (Checked)
   - status
   - link "Size"
   - switch "(Default) Medium"
diff --git a/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/firefox/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
diff --git a/__snapshots__/switch/showcase/firefox/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/firefox/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml
@@ -25,17 +25,17 @@
   - text: "True"
   - status
   - link "Visual Aid"
-  - switch "(Default) False + Unchecked"
-  - text: (Default) False + Unchecked
+  - switch "(Default) False (Unchecked)"
+  - text: (Default) False (Unchecked)
   - status
-  - switch "(Default) False + Checked" [checked]
-  - text: (Default) False + Checked
+  - switch "(Default) False (Checked)" [checked]
+  - text: (Default) False (Checked)
   - status
-  - switch "True + Unchecked"
-  - text: True + Unchecked
+  - switch "True (Unchecked)"
+  - text: True (Unchecked)
   - status
-  - switch "True + Checked" [checked]
-  - text: True + Checked
+  - switch "True (Checked)" [checked]
+  - text: True (Checked)
   - status
   - link "Size"
   - switch "(Default) Medium"
diff --git a/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png b/__snapshots__/switch/showcase/mobile-chrome/DBSwitch-should-match-screenshot-1/DBSwitch-should-match-screenshot.png
diff --git a/__snapshots__/switch/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/mobile-chrome/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml
@@ -25,17 +25,17 @@
   - text: "True"
   - status
   - link "Visual Aid"
-  - switch "(Default) False + Unchecked"
-  - text: (Default) False + Unchecked
+  - switch "(Default) False (Unchecked)"
+  - text: (Default) False (Unchecked)
   - status
-  - switch "(Default) False + Checked" [checked]
-  - text: (Default) False + Checked
+  - switch "(Default) False (Checked)" [checked]
+  - text: (Default) False (Checked)
   - status
-  - switch "True + Unchecked"
-  - text: True + Unchecked
+  - switch "True (Unchecked)"
+  - text: True (Unchecked)
   - status
-  - switch "True + Checked" [checked]
-  - text: True + Checked
+  - switch "True (Checked)" [checked]
+  - text: True (Checked)
   - status
   - link "Size"
   - switch "(Default) Medium"
diff --git a/__snapshots__/switch/showcase/mobile-safari/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/mobile-safari/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml
@@ -25,17 +25,17 @@
   - text: "True"
   - status
   - link "Visual Aid"
-  - switch "(Default) False + Unchecked"
-  - text: (Default) False + Unchecked
+  - switch "(Default) False (Unchecked)"
+  - text: (Default) False (Unchecked)
   - status
-  - switch "(Default) False + Checked" [checked]
-  - text: (Default) False + Checked
+  - switch "(Default) False (Checked)" [checked]
+  - text: (Default) False (Checked)
   - status
-  - switch "True + Unchecked"
-  - text: True + Unchecked
+  - switch "True (Unchecked)"
+  - text: True (Unchecked)
   - status
-  - switch "True + Checked" [checked]
-  - text: True + Checked
+  - switch "True (Checked)" [checked]
+  - text: True (Checked)
   - status
   - link "Size"
   - switch "(Default) Medium"
diff --git a/__snapshots__/switch/showcase/webkit/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml b/__snapshots__/switch/showcase/webkit/should-have-same-aria-snapshot/DBSwitch-should-have-same-aria-snapshot.yaml
@@ -25,17 +25,17 @@
   - text: "True"
   - status
   - link "Visual Aid"
-  - switch "(Default) False + Unchecked"
-  - text: (Default) False + Unchecked
+  - switch "(Default) False (Unchecked)"
+  - text: (Default) False (Unchecked)
   - status
-  - switch "(Default) False + Checked" [checked]
-  - text: (Default) False + Checked
+  - switch "(Default) False (Checked)" [checked]
+  - text: (Default) False (Checked)
   - status
-  - switch "True + Unchecked"
-  - text: True + Unchecked
+  - switch "True (Unchecked)"
+  - text: True (Unchecked)
   - status
-  - switch "True + Checked" [checked]
-  - text: True + Checked
+  - switch "True (Checked)" [checked]
+  - text: True (Checked)
   - status
   - link "Size"
   - switch "(Default) Medium"
diff --git a/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-icon-1.txt b/showcases/screen-reader/__snapshots__/windows/chromium/DBSwitch-icon-1.txt
@@ -1 +1 @@
-["check box, not checked, (Default) False plus Unchecked","check box, checked, (Default) False plus Checked","not checked"]
+["check box, not checked, (Default) False (Unchecked)","check box, checked, (Default) False (Checked)","not checked"]
diff --git a/showcases/shared/switch.json b/showcases/shared/switch.json
@@ -57,28 +57,28 @@
 		"name": "Visual Aid",
 		"examples": [
 			{
-				"name": "(Default) False + Unchecked",
+				"name": "(Default) False (Unchecked)",
 				"props": {
 					"visualAid": false
 				}
 			},
 			{
-				"name": "(Default) False + Checked",
+				"name": "(Default) False (Checked)",
 				"props": {
 					"visualAid": false,
 					"checked": true
 				}
 			},
 			{
-				"name": "True + Unchecked",
+				"name": "True (Unchecked)",
 				"props": {
 					"visualAid": true,
 					"iconLeading": "moon",
 					"iconTrailing": "sun"
 				}
 			},
 			{
-				"name": "True + Checked",
+				"name": "True (Checked)",
 				"props": {
 					"visualAid": true,
 					"checked": true,
