diff --git a/src/components/atoms/box/__snapshots__/box.spec.tsx.snap b/src/components/atoms/box/__snapshots__/box.spec.tsx.snap
new file mode 100644
index 00000000..a980217d
--- /dev/null
+++ b/src/components/atoms/box/__snapshots__/box.spec.tsx.snap
@@ -0,0 +1,31 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/Box passes the basic snapshot test 1`] = `
+
+
+ asdasd
+
+
+`;
diff --git a/src/components/atoms/center/__snapshots__/center.spec.tsx.snap b/src/components/atoms/center/__snapshots__/center.spec.tsx.snap
new file mode 100644
index 00000000..e16e6501
--- /dev/null
+++ b/src/components/atoms/center/__snapshots__/center.spec.tsx.snap
@@ -0,0 +1,44 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/Center passes the snapshot test 1`] = `
+
+
+ This is centered
+
+
+`;
diff --git a/src/components/atoms/divider/__snapshots__/divider.spec.tsx.snap b/src/components/atoms/divider/__snapshots__/divider.spec.tsx.snap
new file mode 100644
index 00000000..277c02db
--- /dev/null
+++ b/src/components/atoms/divider/__snapshots__/divider.spec.tsx.snap
@@ -0,0 +1,208 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/Divider passes the snapshot test for different length modes 1`] = `
+
+
+
+
+`;
+
+exports[`Atoms/Divider passes the snapshot test in dark mode 1`] = `
+
+
+
+
+`;
+
+exports[`Atoms/Divider passes the snapshot test in light mode 1`] = `
+
+
+
+
+`;
diff --git a/src/components/atoms/grid/__snapshots__/grid.spec.tsx.snap b/src/components/atoms/grid/__snapshots__/grid.spec.tsx.snap
new file mode 100644
index 00000000..065d9d74
--- /dev/null
+++ b/src/components/atoms/grid/__snapshots__/grid.spec.tsx.snap
@@ -0,0 +1,29 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/Grid passes the snapshot test 1`] = `
+
+
+
+`;
diff --git a/src/components/atoms/icon/__snapshots__/icon.spec.tsx.snap b/src/components/atoms/icon/__snapshots__/icon.spec.tsx.snap
new file mode 100644
index 00000000..f29c3a96
--- /dev/null
+++ b/src/components/atoms/icon/__snapshots__/icon.spec.tsx.snap
@@ -0,0 +1,125 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/Icon passes the snapshot test in dark mode 1`] = `
+
+
+
+
+
+`;
+
+exports[`Atoms/Icon passes the snapshot test in light mode 1`] = `
+
+
+
+`;
+
+exports[`Atoms/Icon passes the snapshot test when overriden 1`] = `
+
+
+
+
+
+`;
diff --git a/src/components/atoms/pressable/__snapshots__/pressable.spec.tsx.snap b/src/components/atoms/pressable/__snapshots__/pressable.spec.tsx.snap
new file mode 100644
index 00000000..4a6a4326
--- /dev/null
+++ b/src/components/atoms/pressable/__snapshots__/pressable.spec.tsx.snap
@@ -0,0 +1,175 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/Pressable passes the snapshot test for basic setup 1`] = `
+
+
+
+ Button press
+
+
+
+`;
+
+exports[`Atoms/Pressable passes the snapshot test when using style props 1`] = `
+
+
+
+ Button press
+
+
+
+`;
diff --git a/src/components/atoms/screen/__snapshots__/screen.spec.tsx.snap b/src/components/atoms/screen/__snapshots__/screen.spec.tsx.snap
new file mode 100644
index 00000000..83f72d75
--- /dev/null
+++ b/src/components/atoms/screen/__snapshots__/screen.spec.tsx.snap
@@ -0,0 +1,103 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/Screen passes the snapshot test 1`] = `
+
+
+
+
+
+
+
+
+
+`;
diff --git a/src/components/atoms/skeleton/__snapshots__/skeleton.spec.tsx.snap b/src/components/atoms/skeleton/__snapshots__/skeleton.spec.tsx.snap
new file mode 100644
index 00000000..cc170da8
--- /dev/null
+++ b/src/components/atoms/skeleton/__snapshots__/skeleton.spec.tsx.snap
@@ -0,0 +1,54 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/Skeleton passes the snapshot test 1`] = `
+
+
+
+
+
+`;
diff --git a/src/components/atoms/spacer/__snapshots__/spacer.spec.tsx.snap b/src/components/atoms/spacer/__snapshots__/spacer.spec.tsx.snap
new file mode 100644
index 00000000..4b71adea
--- /dev/null
+++ b/src/components/atoms/spacer/__snapshots__/spacer.spec.tsx.snap
@@ -0,0 +1,202 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/Spacer passes the snapshot test 1`] = `
+
+
+
+
+ Box 1
+
+
+
+
+
+ Box 2
+
+
+
+
+`;
diff --git a/src/components/atoms/spinner/__snapshots__/spinner.spec.tsx.snap b/src/components/atoms/spinner/__snapshots__/spinner.spec.tsx.snap
new file mode 100644
index 00000000..c372753e
--- /dev/null
+++ b/src/components/atoms/spinner/__snapshots__/spinner.spec.tsx.snap
@@ -0,0 +1,4483 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/Spinner passes the snapshot test for different color schemes 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Atoms/Spinner passes the snapshot test for different sizes 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Atoms/Spinner passes the snapshot test for different variants 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Atoms/Spinner passes the snapshot test if the spinner is expanded or not 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
diff --git a/src/components/atoms/stack/__snapshots__/stack.spec.tsx.snap b/src/components/atoms/stack/__snapshots__/stack.spec.tsx.snap
new file mode 100644
index 00000000..df4c0846
--- /dev/null
+++ b/src/components/atoms/stack/__snapshots__/stack.spec.tsx.snap
@@ -0,0 +1,1975 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/HStack passes the snapshot test 1`] = `
+
+ }
+ style={
+ {
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ }
+ }
+ transition={
+ {
+ "dampingRatio": 1,
+ "duration": 100,
+ "type": "spring",
+ }
+ }
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Atoms/Stack passes the snapshot test for horizontal direction 1`] = `
+
+ }
+ style={
+ {
+ "flexDirection": "row",
+ "flexWrap": "wrap",
+ }
+ }
+ transition={
+ {
+ "dampingRatio": 1,
+ "duration": 100,
+ "type": "spring",
+ }
+ }
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Atoms/Stack passes the snapshot test for vertical direction 1`] = `
+
+ }
+ style={
+ {
+ "flexDirection": "column",
+ "flexWrap": "nowrap",
+ "marginTop": "l",
+ }
+ }
+ transition={
+ {
+ "dampingRatio": 1,
+ "duration": 100,
+ "type": "spring",
+ }
+ }
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Atoms/VStack passes the snapshot test 1`] = `
+
+ }
+ style={
+ {
+ "flexDirection": "column",
+ "flexWrap": "nowrap",
+ }
+ }
+ transition={
+ {
+ "dampingRatio": 1,
+ "duration": 100,
+ "type": "spring",
+ }
+ }
+ >
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Atoms/ZStack passes the snapshot test 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
diff --git a/src/components/atoms/text/__snapshots__/text.spec.tsx.snap b/src/components/atoms/text/__snapshots__/text.spec.tsx.snap
new file mode 100644
index 00000000..dc9d0440
--- /dev/null
+++ b/src/components/atoms/text/__snapshots__/text.spec.tsx.snap
@@ -0,0 +1,51 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/Text passes the snapshot test 1`] = `
+
+
+ Hi I am a text
+
+
+`;
diff --git a/src/components/molecules/avatar/__snapshots__/avatar.spec.tsx.snap b/src/components/molecules/avatar/__snapshots__/avatar.spec.tsx.snap
new file mode 100644
index 00000000..fd654148
--- /dev/null
+++ b/src/components/molecules/avatar/__snapshots__/avatar.spec.tsx.snap
@@ -0,0 +1,4275 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Molecules/Avatar passes the snapshot test for different sizes 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ RA
+
+
+
+
+
+
+ J
+
+
+
+
+
+
+ SG
+
+
+
+
+
+
+ Y
+
+
+
+
+
+`;
+
+exports[`Molecules/Avatar passes the snapshot test for fallback support 1`] = `
+
+
+
+
+
+ RA
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Avatar passes the snapshot test when used in a group 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +1
+
+
+
+
+
+`;
+
+exports[`Molecules/Avatar withBadge HOC works as expected 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ RA
+
+
+
+
+
+ 0
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
diff --git a/src/components/molecules/badge/__snapshots__/badge.spec.tsx.snap b/src/components/molecules/badge/__snapshots__/badge.spec.tsx.snap
new file mode 100644
index 00000000..0894813c
--- /dev/null
+++ b/src/components/molecules/badge/__snapshots__/badge.spec.tsx.snap
@@ -0,0 +1,2414 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Molecules/Badge passes the snapshot test for different color schemes 1`] = `
+
+
+
+
+ 2
+
+
+
+
+
+
+ 2
+
+
+
+
+
+
+ 2
+
+
+
+
+
+
+ 2
+
+
+
+
+
+
+ 2
+
+
+
+
+`;
+
+exports[`Molecules/Badge passes the snapshot test for different sizes 1`] = `
+
+
+
+
+ 2
+
+
+
+
+
+
+ 2
+
+
+
+
+
+
+ 2
+
+
+
+
+
+
+ 2
+
+
+
+
+`;
+
+exports[`Molecules/Badge passes the snapshot test for different values types 1`] = `
+
+
+
+
+
+
+
+ 23
+
+
+
+
+
+
+ 2+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Badge passes the snapshot test for different variants 1`] = `
+
+
+
+
+ 2
+
+
+
+
+
+
+ NEW
+
+
+
+
+`;
+
+exports[`Molecules/Badge withBadge HOC works as expected 1`] = `
+
+
+
+
+
+
+ 28
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
diff --git a/src/components/molecules/button/__snapshots__/button.spec.tsx.snap b/src/components/molecules/button/__snapshots__/button.spec.tsx.snap
new file mode 100644
index 00000000..f8adc64c
--- /dev/null
+++ b/src/components/molecules/button/__snapshots__/button.spec.tsx.snap
@@ -0,0 +1,3321 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Molecules/Button passes the snapshot test for basic setup 1`] = `
+
+
+
+
+ Button press
+
+
+
+
+`;
+
+exports[`Molecules/Button passes the snapshot test for different color schemes 1`] = `
+
+
+
+
+ Primary button
+
+
+
+
+
+
+ Secondary button
+
+
+
+
+`;
+
+exports[`Molecules/Button passes the snapshot test for different icons 1`] = `
+
+
+
+
+
+
+ Button with left icon
+
+
+
+
+
+
+
+
+ Button with right icon
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Button passes the snapshot test for different sizes 1`] = `
+
+
+
+
+ Button press
+
+
+
+
+
+
+ Button press
+
+
+
+
+
+
+ Button press
+
+
+
+
+
+
+ Button press
+
+
+
+
+`;
+
+exports[`Molecules/Button passes the snapshot test for different variants 1`] = `
+
+
+
+
+ Button press
+
+
+
+
+
+
+ Button press
+
+
+
+
+
+
+ Button press
+
+
+
+
+`;
+
+exports[`Molecules/Button passes the snapshot test for loading state 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Basic loading button
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Loading
+
+
+
+
+
+
+
+
+ Loading
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Button passes the snapshot test when using style props 1`] = `
+
+
+
+
+ Button press
+
+
+
+
+`;
diff --git a/src/components/molecules/checkbox/__snapshots__/checkbox.spec.tsx.snap b/src/components/molecules/checkbox/__snapshots__/checkbox.spec.tsx.snap
new file mode 100644
index 00000000..90c4ec7c
--- /dev/null
+++ b/src/components/molecules/checkbox/__snapshots__/checkbox.spec.tsx.snap
@@ -0,0 +1,4532 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Molecules/CheckBox passes the snapshot test for basic setup 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+ Check me!
+
+
+
+
+
+
+`;
+
+exports[`Molecules/CheckBox passes the snapshot test for different color schemes 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Primary CheckBox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Secondary CheckBox
+
+
+
+
+
+
+`;
+
+exports[`Molecules/CheckBox passes the snapshot test for different sizes 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Small Checkbox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Regular Checkbox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Large Checkbox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Extra Large Checkbox
+
+
+
+
+
+
+`;
+
+exports[`Molecules/CheckBox passes the snapshot test for different variants 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Filled Checkbox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Outline Checkbox
+
+
+
+
+
+
+`;
+
+exports[`Molecules/CheckBox passes the snapshot test when in a checked/indeterminate state 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Indeterminate Checkbox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Checked Checkbox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Indeterminate Checkbox
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Checked Checkbox
+
+
+
+
+
+
+`;
+
+exports[`Molecules/CheckBox passes the snapshot test when in an error state 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Error Checkbox
+
+
+
+
+
+
+`;
+
+exports[`Molecules/CheckBox passes the snapshot test when using style props 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Button press
+
+
+
+
+
+
+`;
diff --git a/src/components/molecules/icon-button/__snapshots__/icon-button.spec.tsx.snap b/src/components/molecules/icon-button/__snapshots__/icon-button.spec.tsx.snap
new file mode 100644
index 00000000..c7d49a30
--- /dev/null
+++ b/src/components/molecules/icon-button/__snapshots__/icon-button.spec.tsx.snap
@@ -0,0 +1,2427 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Molecules/IconButton passes the snapshot test for basic setup 1`] = `
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/IconButton passes the snapshot test for different color schemes 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/IconButton passes the snapshot test for different icons 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/IconButton passes the snapshot test for different sizes 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/IconButton passes the snapshot test for different variants 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/IconButton passes the snapshot test for loading state 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/IconButton passes the snapshot test when using style props 1`] = `
+
+
+
+
+
+
+
+
+
+`;
diff --git a/src/components/molecules/image/__snapshots__/image.spec.tsx.snap b/src/components/molecules/image/__snapshots__/image.spec.tsx.snap
new file mode 100644
index 00000000..4b4e3cfb
--- /dev/null
+++ b/src/components/molecules/image/__snapshots__/image.spec.tsx.snap
@@ -0,0 +1,3028 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Molecules/Image loads uses the filesystem url for remote images with caching 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Image loads uses the local url for local images 1`] = `
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Image loads uses the target url for remote images without caching 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Image passes the snapshot test for basic setup 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Image passes the snapshot test for the fallback methods if there is an error while fetching the image 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Image passes the snapshot test for the various progressive loading indicators 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Image triggers onError to be triggered and final image to be hidden in when an error occurs while fetching a remote image 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
diff --git a/src/components/molecules/input/__snapshots__/input.spec.tsx.snap b/src/components/molecules/input/__snapshots__/input.spec.tsx.snap
new file mode 100644
index 00000000..2d889f35
--- /dev/null
+++ b/src/components/molecules/input/__snapshots__/input.spec.tsx.snap
@@ -0,0 +1,1249 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Molecules/Input passes the snapshot test for basic setup 1`] = `
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Input passes the snapshot test for different icons 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Input passes the snapshot test for different sizes 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Input passes the snapshot test for different variants 1`] = `
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Input passes the snapshot test when using style props 1`] = `
+
+
+
+
+
+
+`;
diff --git a/src/components/molecules/radio/__snapshots__/radio.spec.tsx.snap b/src/components/molecules/radio/__snapshots__/radio.spec.tsx.snap
new file mode 100644
index 00000000..531afd5a
--- /dev/null
+++ b/src/components/molecules/radio/__snapshots__/radio.spec.tsx.snap
@@ -0,0 +1,3782 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Molecules/Radio passes the snapshot test for basic setup 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+ Check me!
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Radio passes the snapshot test for different color schemes 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+ Primary Radio
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Secondary Radio
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Radio passes the snapshot test for different sizes 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+ Small Radio
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Regular Radio
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Large Radio
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Extra Large Radio
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Radio passes the snapshot test for different variants 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+ Filled Radio
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Outline Radio
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Radio passes the snapshot test when in a checked state 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+ Checked Radio
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Checked Radio
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Radio passes the snapshot test when in an error state 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+ Error Radio
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Radio passes the snapshot test when using style props 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+ Button press
+
+
+
+
+
+
+`;
diff --git a/src/components/molecules/textarea/__snapshots__/textarea.spec.tsx.snap b/src/components/molecules/textarea/__snapshots__/textarea.spec.tsx.snap
new file mode 100644
index 00000000..eede2147
--- /dev/null
+++ b/src/components/molecules/textarea/__snapshots__/textarea.spec.tsx.snap
@@ -0,0 +1,1036 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Molecules/Textarea passes the snapshot test for basic setup 1`] = `
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Textarea passes the snapshot test for different sizes 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Textarea passes the snapshot test for different variants 1`] = `
+
+
+
+
+
+
+
+
+
+
+`;
+
+exports[`Molecules/Textarea passes the snapshot test when using style props 1`] = `
+
+
+
+
+
+
+`;
diff --git a/src/components/molecules/video/__snapshots__/video.spec.tsx.snap b/src/components/molecules/video/__snapshots__/video.spec.tsx.snap
new file mode 100644
index 00000000..20819bc2
--- /dev/null
+++ b/src/components/molecules/video/__snapshots__/video.spec.tsx.snap
@@ -0,0 +1,415 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`Atoms/Video passes the snapshot test 1`] = `
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+`;