diff --git a/package.json b/package.json
index 41c30806e3..2517293411 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,6 @@
"postinstall": "lerna run postinstall --stream",
"prepare": "husky install",
"prettier:test": "prettier --check '**/*.md'",
- "publish-packages": "zx scripts/publish.mjs",
"size:build": "yarn tokens build && yarn tailwind-preset build && yarn components size:build",
"size": "yarn size:build && size-limit",
"test-ci": "jest --ci --maxWorkers=2 && lerna run test",
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct-story.tsx b/packages/orbit-components/src/Accordion/Accordion.ct-story.tsx
new file mode 100644
index 0000000000..20586f4a69
--- /dev/null
+++ b/packages/orbit-components/src/Accordion/Accordion.ct-story.tsx
@@ -0,0 +1,46 @@
+import React from "react";
+
+import Button from "../Button";
+import Text from "../Text";
+
+import Accordion, { AccordionSection } from ".";
+
+/* eslint-disable orbit-components/unique-id */
+
+export default function AccordionVisualTest() {
+ return (
+
+
+ Expandable}>
+ This is a content text
+
+ Static}>
+ This is a content text
+
+ Custom action}
+ actions={}
+ >
+ This is a content text
+
+
+
+
+ Expanded}>
+ This is a content text
+
+
+
+
+ Expanded}
+ footer={Footer}
+ >
+ This is a content text
+
+
+
+ );
+}
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx b/packages/orbit-components/src/Accordion/Accordion.ct.tsx
new file mode 100644
index 0000000000..596ac9be1d
--- /dev/null
+++ b/packages/orbit-components/src/Accordion/Accordion.ct.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import { test, expect } from "@playwright/experimental-ct-react";
+
+import AccordionVisualTest from "./Accordion.ct-story";
+
+test.describe("visual Accordion", () => {
+ test(`Accordion default`, async ({ mount }) => {
+ const component = await mount();
+
+ await expect(component).toHaveScreenshot();
+ });
+});
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Desktop-darwin.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Desktop-darwin.png
new file mode 100644
index 0000000000..ab9e39a44f
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Desktop-linux.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Desktop-linux.png
new file mode 100644
index 0000000000..9e03f1759a
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Desktop-darwin.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Desktop-darwin.png
new file mode 100644
index 0000000000..1d53810531
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Desktop-linux.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Desktop-linux.png
new file mode 100644
index 0000000000..3bf810171a
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Mobile-darwin.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Mobile-darwin.png
new file mode 100644
index 0000000000..bf3c800750
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Mobile-linux.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Mobile-linux.png
new file mode 100644
index 0000000000..199a5128bf
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Large-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Medium-Mobile-darwin.png
new file mode 100644
index 0000000000..c0748f9a21
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Medium-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Medium-Mobile-linux.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Medium-Mobile-linux.png
new file mode 100644
index 0000000000..6c81afcd9a
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Medium-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Small-Mobile-darwin.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Small-Mobile-darwin.png
new file mode 100644
index 0000000000..f964625054
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Small-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Small-Mobile-linux.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Small-Mobile-linux.png
new file mode 100644
index 0000000000..d8b7d3c969
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Small-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Tablet-darwin.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Tablet-darwin.png
new file mode 100644
index 0000000000..af0cf014de
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Tablet-darwin.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Tablet-linux.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Tablet-linux.png
new file mode 100644
index 0000000000..ba7ad2c66e
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Accordion-default-1-Tablet-linux.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Desktop-linux.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Desktop-linux.png
new file mode 100644
index 0000000000..391f53207c
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Large-Desktop-linux.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Large-Desktop-linux.png
new file mode 100644
index 0000000000..3013bfe8da
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Large-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Large-Mobile-linux.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Large-Mobile-linux.png
new file mode 100644
index 0000000000..4e71ca1630
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Large-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Medium-Mobile-linux.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Medium-Mobile-linux.png
new file mode 100644
index 0000000000..c12faf7cf7
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Medium-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Small-Mobile-linux.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Small-Mobile-linux.png
new file mode 100644
index 0000000000..16db826c59
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Small-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Tablet-linux.png b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Tablet-linux.png
new file mode 100644
index 0000000000..54758aa80a
Binary files /dev/null and b/packages/orbit-components/src/Accordion/Accordion.ct.tsx-snapshots/visual-Accordion-Stack-default-1-Tablet-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct-story.tsx b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct-story.tsx
new file mode 100644
index 0000000000..fd69e16678
--- /dev/null
+++ b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct-story.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+
+// eslint-disable-next-line import/extensions
+import { NAMES } from "./consts.mjs";
+
+import AirportIllustration from ".";
+
+export default function AirportIllustrationStory() {
+ return (
+
+ {NAMES.map(illustration => (
+
+
+
+ ))}
+
+ );
+}
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx
new file mode 100644
index 0000000000..bd9020538a
--- /dev/null
+++ b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import { test, expect } from "@playwright/experimental-ct-react";
+
+import AirportIllustration from "./AirportIllustration.ct-story";
+
+test.describe("visual AirportIllustration", () => {
+ test(`AirportIllustration`, async ({ mount }) => {
+ const component = await mount();
+
+ await expect(component).toHaveScreenshot();
+ });
+});
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Desktop-linux.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Desktop-linux.png
new file mode 100644
index 0000000000..38b860c11c
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Large-Desktop-linux.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Large-Desktop-linux.png
new file mode 100644
index 0000000000..c601a8d5b4
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Large-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Large-Mobile-linux.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Large-Mobile-linux.png
new file mode 100644
index 0000000000..b24fc74189
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Large-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Medium-Mobile-linux.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Medium-Mobile-linux.png
new file mode 100644
index 0000000000..4b4df7a4b3
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Medium-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Small-Mobile-linux.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Small-Mobile-linux.png
new file mode 100644
index 0000000000..7f13d4782b
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Small-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Tablet-linux.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Tablet-linux.png
new file mode 100644
index 0000000000..f9e3ffc8c9
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-Accordion-AirportIllustration-1-Tablet-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Desktop-darwin.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Desktop-darwin.png
new file mode 100644
index 0000000000..558bee90e1
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Desktop-linux.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Desktop-linux.png
new file mode 100644
index 0000000000..558bee90e1
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Large-Desktop-darwin.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Large-Desktop-darwin.png
new file mode 100644
index 0000000000..1dad77bc2b
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Large-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Large-Desktop-linux.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Large-Desktop-linux.png
new file mode 100644
index 0000000000..1dad77bc2b
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Large-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Large-Mobile-darwin.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Large-Mobile-darwin.png
new file mode 100644
index 0000000000..de19ea317c
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Large-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Large-Mobile-linux.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Large-Mobile-linux.png
new file mode 100644
index 0000000000..3b0a5bdc21
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Large-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Medium-Mobile-darwin.png
new file mode 100644
index 0000000000..70ee68dba2
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Medium-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Medium-Mobile-linux.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Medium-Mobile-linux.png
new file mode 100644
index 0000000000..272f0825e7
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Medium-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Small-Mobile-darwin.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Small-Mobile-darwin.png
new file mode 100644
index 0000000000..7426082711
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Small-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Small-Mobile-linux.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Small-Mobile-linux.png
new file mode 100644
index 0000000000..63a5072b4c
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Small-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Tablet-darwin.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Tablet-darwin.png
new file mode 100644
index 0000000000..eb5063ed89
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Tablet-darwin.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Tablet-linux.png b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Tablet-linux.png
new file mode 100644
index 0000000000..bd38545de0
Binary files /dev/null and b/packages/orbit-components/src/AirportIllustration/AirportIllustration.ct.tsx-snapshots/visual-AirportIllustration-AirportIllustration-1-Tablet-linux.png differ
diff --git a/packages/orbit-components/src/AirportIllustration/consts.mts b/packages/orbit-components/src/AirportIllustration/consts.mts
index 4bd6f45bb1..f8ae70c1a0 100644
--- a/packages/orbit-components/src/AirportIllustration/consts.mts
+++ b/packages/orbit-components/src/AirportIllustration/consts.mts
@@ -5,4 +5,4 @@ export const NAMES = [
"NCEFastTrack",
"PRGSmartPass",
"VCESmartPass",
-];
+] as const;
diff --git a/packages/orbit-components/src/Badge/Badge.ct-story.tsx b/packages/orbit-components/src/Badge/Badge.ct-story.tsx
new file mode 100644
index 0000000000..3fe09b0e2b
--- /dev/null
+++ b/packages/orbit-components/src/Badge/Badge.ct-story.tsx
@@ -0,0 +1,18 @@
+import React from "react";
+
+import Airplane from "../icons/Airplane";
+import { TYPE_OPTIONS } from "./consts";
+
+import Badge from ".";
+
+export default function BadgeVisualTest() {
+ return (
+
+ }>Button link
+ }>Button link
+ } iconRight={}>
+ Button link
+
+ } />
+
+
+
+ }>
+ Button link
+
+ } />
+
+
+ }>
+ Button link
+
+ }>
+ Button link
+
+ } iconRight={}>
+ Button link
+
+ } iconRight={}>
+ Button link
+
+
+ );
+}
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx
new file mode 100644
index 0000000000..de4f4c96e9
--- /dev/null
+++ b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import { test, expect } from "@playwright/experimental-ct-react";
+
+import ButtonLink from "./ButtonLink.ct-story";
+
+test.describe("visual ButtonLink", () => {
+ test("ButtonLink", async ({ mount }) => {
+ const component = await mount();
+
+ await expect(component).toHaveScreenshot();
+ });
+});
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Desktop-darwin.png b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Desktop-darwin.png
new file mode 100644
index 0000000000..f09230c96e
Binary files /dev/null and b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Desktop-linux.png b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Desktop-linux.png
new file mode 100644
index 0000000000..ec8bde266d
Binary files /dev/null and b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Large-Desktop-darwin.png b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Large-Desktop-darwin.png
new file mode 100644
index 0000000000..6217d71dba
Binary files /dev/null and b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Large-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Large-Desktop-linux.png b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Large-Desktop-linux.png
new file mode 100644
index 0000000000..7dbc344d51
Binary files /dev/null and b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Large-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Large-Mobile-darwin.png b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Large-Mobile-darwin.png
new file mode 100644
index 0000000000..a3d7c2208b
Binary files /dev/null and b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Large-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Large-Mobile-linux.png b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Large-Mobile-linux.png
new file mode 100644
index 0000000000..c96fe7481b
Binary files /dev/null and b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Large-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Medium-Mobile-darwin.png
new file mode 100644
index 0000000000..18e36eabca
Binary files /dev/null and b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Medium-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Medium-Mobile-linux.png b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Medium-Mobile-linux.png
new file mode 100644
index 0000000000..7311668a6b
Binary files /dev/null and b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Medium-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Small-Mobile-darwin.png b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Small-Mobile-darwin.png
new file mode 100644
index 0000000000..9f9bc51cc5
Binary files /dev/null and b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Small-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Small-Mobile-linux.png b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Small-Mobile-linux.png
new file mode 100644
index 0000000000..bd1a50893a
Binary files /dev/null and b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Small-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Tablet-darwin.png b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Tablet-darwin.png
new file mode 100644
index 0000000000..ef154c01b3
Binary files /dev/null and b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Tablet-darwin.png differ
diff --git a/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Tablet-linux.png b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Tablet-linux.png
new file mode 100644
index 0000000000..95de2d5201
Binary files /dev/null and b/packages/orbit-components/src/ButtonLink/ButtonLink.ct.tsx-snapshots/visual-ButtonLink-ButtonLink-1-Tablet-linux.png differ
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct-story.tsx b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct-story.tsx
new file mode 100644
index 0000000000..a97b1b5a0d
--- /dev/null
+++ b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct-story.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+import { LANGUAGE } from "./consts";
+
+import ButtonMobileStore from ".";
+
+export default function ButtonMobileStoreVisualStory() {
+ const languages = Object.values(LANGUAGE);
+
+ return (
+
+ {languages.map(lang => (
+
+
+
+
+ ))}
+
+ );
+}
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx
new file mode 100644
index 0000000000..dc1a34cb21
--- /dev/null
+++ b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import { test, expect } from "@playwright/experimental-ct-react";
+
+import ButtonMobileStoreStory from "./ButtonMobileStore.ct-story";
+
+test.describe("visual ButtonMobileStoreStory", () => {
+ test("ButtonMobileStoreStory", async ({ mount }) => {
+ const component = await mount();
+
+ await expect(component).toHaveScreenshot();
+ });
+});
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Desktop-darwin.png b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Desktop-darwin.png
new file mode 100644
index 0000000000..4749de9c06
Binary files /dev/null and b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Desktop-linux.png b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Desktop-linux.png
new file mode 100644
index 0000000000..4749de9c06
Binary files /dev/null and b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Large-Desktop-darwin.png b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Large-Desktop-darwin.png
new file mode 100644
index 0000000000..077b8bf153
Binary files /dev/null and b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Large-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Large-Desktop-linux.png b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Large-Desktop-linux.png
new file mode 100644
index 0000000000..077b8bf153
Binary files /dev/null and b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Large-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Large-Mobile-darwin.png b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Large-Mobile-darwin.png
new file mode 100644
index 0000000000..5e7015ee91
Binary files /dev/null and b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Large-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Large-Mobile-linux.png b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Large-Mobile-linux.png
new file mode 100644
index 0000000000..13761806ad
Binary files /dev/null and b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Large-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Medium-Mobile-darwin.png
new file mode 100644
index 0000000000..6c27d163bc
Binary files /dev/null and b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Medium-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Medium-Mobile-linux.png b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Medium-Mobile-linux.png
new file mode 100644
index 0000000000..db867c61ff
Binary files /dev/null and b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Medium-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Small-Mobile-darwin.png b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Small-Mobile-darwin.png
new file mode 100644
index 0000000000..f23ac896c9
Binary files /dev/null and b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Small-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Small-Mobile-linux.png b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Small-Mobile-linux.png
new file mode 100644
index 0000000000..973992bc72
Binary files /dev/null and b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Small-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Tablet-darwin.png b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Tablet-darwin.png
new file mode 100644
index 0000000000..2060085496
Binary files /dev/null and b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Tablet-darwin.png differ
diff --git a/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Tablet-linux.png b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Tablet-linux.png
new file mode 100644
index 0000000000..51b3056573
Binary files /dev/null and b/packages/orbit-components/src/ButtonMobileStore/ButtonMobileStore.ct.tsx-snapshots/visual-ButtonMobileStoreStory-ButtonMobileStoreStory-1-Tablet-linux.png differ
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct-story.tsx b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct-story.tsx
new file mode 100644
index 0000000000..0778faa0ee
--- /dev/null
+++ b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct-story.tsx
@@ -0,0 +1,25 @@
+import React from "react";
+
+import Button from "../Button";
+import Illustration from "../Illustration";
+import Text from "../Text";
+import NewWindow from "../icons/NewWindow";
+
+import CallOutBanner from ".";
+
+export default function CallOutBannerVisualStory() {
+ return (
+ }
+ actions={
+ }>
+ Find a Room
+
+ }
+ >
+ Some children
+
+ );
+}
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx
new file mode 100644
index 0000000000..b24f0acbfe
--- /dev/null
+++ b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import { test, expect } from "@playwright/experimental-ct-react";
+
+import CallOutBannerStory from "./CallOutBanner.ct-story";
+
+test.describe("visual CallOutBanner", () => {
+ test("CallOutBannerStory", async ({ mount }) => {
+ const component = await mount();
+
+ await expect(component).toHaveScreenshot();
+ });
+});
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Desktop-darwin.png b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Desktop-darwin.png
new file mode 100644
index 0000000000..7a6112b026
Binary files /dev/null and b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Desktop-linux.png b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Desktop-linux.png
new file mode 100644
index 0000000000..bace43d179
Binary files /dev/null and b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Large-Desktop-darwin.png b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Large-Desktop-darwin.png
new file mode 100644
index 0000000000..6ccae1b9e9
Binary files /dev/null and b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Large-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Large-Desktop-linux.png b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Large-Desktop-linux.png
new file mode 100644
index 0000000000..2d52ac1fb8
Binary files /dev/null and b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Large-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Large-Mobile-darwin.png b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Large-Mobile-darwin.png
new file mode 100644
index 0000000000..39b377a635
Binary files /dev/null and b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Large-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Large-Mobile-linux.png b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Large-Mobile-linux.png
new file mode 100644
index 0000000000..784effdca7
Binary files /dev/null and b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Large-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Medium-Mobile-darwin.png
new file mode 100644
index 0000000000..a8563b915e
Binary files /dev/null and b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Medium-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Medium-Mobile-linux.png b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Medium-Mobile-linux.png
new file mode 100644
index 0000000000..b988d1c0e6
Binary files /dev/null and b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Medium-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Small-Mobile-darwin.png b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Small-Mobile-darwin.png
new file mode 100644
index 0000000000..5fcc4a239a
Binary files /dev/null and b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Small-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Small-Mobile-linux.png b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Small-Mobile-linux.png
new file mode 100644
index 0000000000..1d30e0fcbf
Binary files /dev/null and b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Small-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Tablet-darwin.png b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Tablet-darwin.png
new file mode 100644
index 0000000000..5bea26fcc4
Binary files /dev/null and b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Tablet-darwin.png differ
diff --git a/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Tablet-linux.png b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Tablet-linux.png
new file mode 100644
index 0000000000..5116e9d440
Binary files /dev/null and b/packages/orbit-components/src/CallOutBanner/CallOutBanner.ct.tsx-snapshots/visual-CallOutBanner-CallOutBannerStory-1-Tablet-linux.png differ
diff --git a/packages/orbit-components/src/Card/Card.ct-story.tsx b/packages/orbit-components/src/Card/Card.ct-story.tsx
new file mode 100644
index 0000000000..8cf3265e98
--- /dev/null
+++ b/packages/orbit-components/src/Card/Card.ct-story.tsx
@@ -0,0 +1,61 @@
+import React from "react";
+
+import ButtonLink from "../ButtonLink";
+import Text from "../Text";
+
+import Card, { CardSection } from ".";
+
+export default function CardVisualStory() {
+ return (
+
+
+
+
+ Sharpest tool
+
+ }
+ />
+
+
+ The sharpest tool in the shed
+
+
+
+
+ The sharpest tool in the shed
+
+
+
+
+ The sharpest tool in the shed
+
+
+
+
+ The sharpest tool in the shed
+
+
+ The sharpest tool in the shed
+
+
+ The sharpest tool in the shed
+
+
+ All star
+
+ }
+ >
+ The sharpest tool in the shed
+
+
+
+ );
+}
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx b/packages/orbit-components/src/Card/Card.ct.tsx
new file mode 100644
index 0000000000..96b857e9fe
--- /dev/null
+++ b/packages/orbit-components/src/Card/Card.ct.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import { test, expect } from "@playwright/experimental-ct-react";
+
+import CardStory from "./Card.ct-story";
+
+test.describe("visual Card", () => {
+ test("Card", async ({ mount }) => {
+ const component = await mount();
+
+ await expect(component).toHaveScreenshot();
+ });
+});
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Desktop-darwin.png b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Desktop-darwin.png
new file mode 100644
index 0000000000..a32a07e804
Binary files /dev/null and b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Desktop-linux.png b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Desktop-linux.png
new file mode 100644
index 0000000000..af94fa45ff
Binary files /dev/null and b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Large-Desktop-darwin.png b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Large-Desktop-darwin.png
new file mode 100644
index 0000000000..aa18909595
Binary files /dev/null and b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Large-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Large-Desktop-linux.png b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Large-Desktop-linux.png
new file mode 100644
index 0000000000..5402bff4b1
Binary files /dev/null and b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Large-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Large-Mobile-darwin.png b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Large-Mobile-darwin.png
new file mode 100644
index 0000000000..a2584c6b24
Binary files /dev/null and b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Large-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Large-Mobile-linux.png b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Large-Mobile-linux.png
new file mode 100644
index 0000000000..70f557a7bf
Binary files /dev/null and b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Large-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Medium-Mobile-darwin.png
new file mode 100644
index 0000000000..9540bf97bc
Binary files /dev/null and b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Medium-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Medium-Mobile-linux.png b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Medium-Mobile-linux.png
new file mode 100644
index 0000000000..e992d7ed5c
Binary files /dev/null and b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Medium-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Small-Mobile-darwin.png b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Small-Mobile-darwin.png
new file mode 100644
index 0000000000..d8a669a9e8
Binary files /dev/null and b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Small-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Small-Mobile-linux.png b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Small-Mobile-linux.png
new file mode 100644
index 0000000000..6a096f404e
Binary files /dev/null and b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Small-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Tablet-darwin.png b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Tablet-darwin.png
new file mode 100644
index 0000000000..81cfcf2959
Binary files /dev/null and b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Tablet-darwin.png differ
diff --git a/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Tablet-linux.png b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Tablet-linux.png
new file mode 100644
index 0000000000..727f0543d8
Binary files /dev/null and b/packages/orbit-components/src/Card/Card.ct.tsx-snapshots/visual-Card-Card-1-Tablet-linux.png differ
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct-story.tsx b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct-story.tsx
new file mode 100644
index 0000000000..847db6d862
--- /dev/null
+++ b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct-story.tsx
@@ -0,0 +1,75 @@
+import React from "react";
+
+import { SIZE_OPTIONS } from "./consts";
+
+import CarrierLogo from ".";
+
+export default function CarrierLogoStory() {
+ const single = [{ code: "FR", name: "Ryanair", type: "airline" as const }];
+ const two = [
+ { code: "FR", name: "Ryanair" },
+ { code: "TO", name: "Transavia France" },
+ ];
+ const three = [
+ { code: "FR", name: "Ryanair" },
+ { code: "TO", name: "Transavia France" },
+ { code: "VY", name: "Vueling" },
+ ];
+ const four = [
+ { code: "FR", name: "Ryanair" },
+ { code: "TO", name: "Transavia France" },
+ { code: "VY", name: "Vueling" },
+ { code: "OK", name: "Czech Airlines" },
+ ];
+ const types1 = [
+ { code: "KEK1", name: "Mount", type: "airline" as const },
+ { code: "KEK2", name: "Mount", type: "bus" as const },
+ { code: "KEK3", name: "Mount", type: "train" as const },
+ { code: "KEK4", name: "Mount", type: "ferry" as const },
+ ];
+ const types2 = [
+ { code: "KEK1", name: "Mount", type: "private_transfer" as const },
+ { code: "KEK2", name: "Mount", type: "kiwicom" as const },
+ { code: "KEK3", name: "Mount" },
+ ];
+
+ return (
+
+
+ {Object.values(SIZE_OPTIONS).map(size => (
+
+
+
+
+
+ ))}
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ );
+}
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx
new file mode 100644
index 0000000000..ecc5206d65
--- /dev/null
+++ b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import { test, expect } from "@playwright/experimental-ct-react";
+
+import CarrierLogoStory from "./CarrierLogo.ct-story";
+
+test.describe("visual CarrierLogo", () => {
+ test("CarrierLogo", async ({ mount }) => {
+ const component = await mount();
+
+ await expect(component).toHaveScreenshot();
+ });
+});
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Desktop-darwin.png b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Desktop-darwin.png
new file mode 100644
index 0000000000..aaacc583d6
Binary files /dev/null and b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Desktop-linux.png b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Desktop-linux.png
new file mode 100644
index 0000000000..635cd52a8c
Binary files /dev/null and b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Large-Desktop-darwin.png b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Large-Desktop-darwin.png
new file mode 100644
index 0000000000..f12de4baf0
Binary files /dev/null and b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Large-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Large-Desktop-linux.png b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Large-Desktop-linux.png
new file mode 100644
index 0000000000..f32989f4a9
Binary files /dev/null and b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Large-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Large-Mobile-darwin.png b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Large-Mobile-darwin.png
new file mode 100644
index 0000000000..e3d5985b2c
Binary files /dev/null and b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Large-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Large-Mobile-linux.png b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Large-Mobile-linux.png
new file mode 100644
index 0000000000..b7832638b3
Binary files /dev/null and b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Large-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Medium-Mobile-darwin.png
new file mode 100644
index 0000000000..c12141aa9f
Binary files /dev/null and b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Medium-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Medium-Mobile-linux.png b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Medium-Mobile-linux.png
new file mode 100644
index 0000000000..8cce556c0f
Binary files /dev/null and b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Medium-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Small-Mobile-darwin.png b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Small-Mobile-darwin.png
new file mode 100644
index 0000000000..9f9541b32e
Binary files /dev/null and b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Small-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Small-Mobile-linux.png b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Small-Mobile-linux.png
new file mode 100644
index 0000000000..24b38195df
Binary files /dev/null and b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Small-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Tablet-darwin.png b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Tablet-darwin.png
new file mode 100644
index 0000000000..fad305f4c8
Binary files /dev/null and b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Tablet-darwin.png differ
diff --git a/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Tablet-linux.png b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Tablet-linux.png
new file mode 100644
index 0000000000..77f7ce194e
Binary files /dev/null and b/packages/orbit-components/src/CarrierLogo/CarrierLogo.ct.tsx-snapshots/visual-CarrierLogo-CarrierLogo-1-Tablet-linux.png differ
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct-story.tsx b/packages/orbit-components/src/Checkbox/Checkbox.ct-story.tsx
new file mode 100644
index 0000000000..c674972800
--- /dev/null
+++ b/packages/orbit-components/src/Checkbox/Checkbox.ct-story.tsx
@@ -0,0 +1,19 @@
+import React from "react";
+
+import Text from "../Text";
+
+import Checkbox from ".";
+
+export default function CheckboxStory() {
+ return (
+
+
+
+
+
+
+ Tooltip} />
+
+
+ );
+}
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx
new file mode 100644
index 0000000000..e01e0577f8
--- /dev/null
+++ b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx
@@ -0,0 +1,12 @@
+import * as React from "react";
+import { test, expect } from "@playwright/experimental-ct-react";
+
+import CheckboxStory from "./Checkbox.ct-story";
+
+test.describe("visual Checkbox", () => {
+ test("Checkbox", async ({ mount }) => {
+ const component = await mount();
+
+ await expect(component).toHaveScreenshot();
+ });
+});
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Desktop-darwin.png b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Desktop-darwin.png
new file mode 100644
index 0000000000..ef409e411c
Binary files /dev/null and b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Desktop-linux.png b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Desktop-linux.png
new file mode 100644
index 0000000000..c3f43fa6d4
Binary files /dev/null and b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Large-Desktop-darwin.png b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Large-Desktop-darwin.png
new file mode 100644
index 0000000000..08c849fd6a
Binary files /dev/null and b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Large-Desktop-darwin.png differ
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Large-Desktop-linux.png b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Large-Desktop-linux.png
new file mode 100644
index 0000000000..77ce1e7523
Binary files /dev/null and b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Large-Desktop-linux.png differ
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Large-Mobile-darwin.png b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Large-Mobile-darwin.png
new file mode 100644
index 0000000000..e885f295ae
Binary files /dev/null and b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Large-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Large-Mobile-linux.png b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Large-Mobile-linux.png
new file mode 100644
index 0000000000..3f1e15d7e1
Binary files /dev/null and b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Large-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Medium-Mobile-darwin.png b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Medium-Mobile-darwin.png
new file mode 100644
index 0000000000..5542875784
Binary files /dev/null and b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Medium-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Medium-Mobile-linux.png b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Medium-Mobile-linux.png
new file mode 100644
index 0000000000..cd959c5f7a
Binary files /dev/null and b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Medium-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Small-Mobile-darwin.png b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Small-Mobile-darwin.png
new file mode 100644
index 0000000000..12861657eb
Binary files /dev/null and b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Small-Mobile-darwin.png differ
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Small-Mobile-linux.png b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Small-Mobile-linux.png
new file mode 100644
index 0000000000..d650f68fd2
Binary files /dev/null and b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Small-Mobile-linux.png differ
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Tablet-darwin.png b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Tablet-darwin.png
new file mode 100644
index 0000000000..5cbefad76c
Binary files /dev/null and b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Tablet-darwin.png differ
diff --git a/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Tablet-linux.png b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Tablet-linux.png
new file mode 100644
index 0000000000..8b20c27671
Binary files /dev/null and b/packages/orbit-components/src/Checkbox/Checkbox.ct.tsx-snapshots/visual-Checkbox-Checkbox-1-Tablet-linux.png differ
diff --git a/packages/orbit-components/src/ChoiceGroup/ChoiceGroup.ct-story.tsx b/packages/orbit-components/src/ChoiceGroup/ChoiceGroup.ct-story.tsx
new file mode 100644
index 0000000000..0b71a07bc3
--- /dev/null
+++ b/packages/orbit-components/src/ChoiceGroup/ChoiceGroup.ct-story.tsx
@@ -0,0 +1,38 @@
+import React from "react";
+
+import Radio from "../Radio";
+import { LABEL_SIZES } from "./consts";
+import Checkbox from "../Checkbox";
+
+import ChoiceGroup from ".";
+
+export default function ChoiceGroupStory() {
+ return (
+