From 3dcbc60139de1c433155fbdbfd4d3ac5de08dd42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Thu, 20 Oct 2022 14:08:23 +0200
Subject: [PATCH 01/17] chore: cherry-pick

---
 .../Text/__snapshots__/Heading.test.js.snap   | 229 ++++++++++++++++++
 .../src/Text/__snapshots__/Link.test.js.snap  |  79 ++++++
 .../Text/__snapshots__/Paragraph.test.js.snap | 153 ++++++++++++
 packages/store-engine/jasmine.json            |   6 -
 packages/store-engine/jest.config.js          |  27 +++
 packages/store-engine/karma.conf.ts           |  49 ----
 packages/store-engine/package.json            |  19 +-
 .../src/main/engine/MemoryEngine.ts           |   3 +
 ...test.browser.ts => TransientStore.test.ts} |  17 +-
 .../store-engine/src/main/test/createSpec.ts  |   6 +-
 .../store-engine/src/main/test/deleteSpec.ts  |   4 +-
 .../src/main/test/readAllPrimaryKeysSpec.ts   |   6 +-
 .../store-engine/src/main/test/readAllSpec.ts |   2 +-
 .../store-engine/src/main/test/readSpec.ts    |   2 +-
 .../store-engine/src/main/test/updateSpec.ts  |   2 +-
 15 files changed, 518 insertions(+), 86 deletions(-)
 create mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Heading.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Link.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.js.snap
 delete mode 100644 packages/store-engine/jasmine.json
 create mode 100644 packages/store-engine/jest.config.js
 delete mode 100644 packages/store-engine/karma.conf.ts
 rename packages/store-engine/src/main/store/{TransientStore.test.browser.ts => TransientStore.test.ts} (90%)

diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.js.snap
new file mode 100644
index 0000000000..b0392662fd
--- /dev/null
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.js.snap
@@ -0,0 +1,229 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"Heading" renders H! (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-l5qfww-H1{color:#fff;display:block;font-size:48px;font-weight:300;text-align:left;text-transform:none;line-height:56px;margin-bottom:64px;margin-top:0;min-height:48px;}@media (max-width: 639px){.css-l5qfww-H1{font-size:40px;line-height:48px;}}",
+        }
+      }
+      data-emotion="css l5qfww-H1"
+    />
+    <h1
+      className="css-l5qfww-H1"
+    >
+      H1
+    </h1>
+  </div>,
+]
+`;
+
+exports[`"Heading" renders H1 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1mxde5b-H1{color:rgb(29, 30, 31);display:block;font-size:48px;font-weight:300;text-align:left;text-transform:none;line-height:56px;margin-bottom:64px;margin-top:0;min-height:48px;}@media (max-width: 639px){.css-1mxde5b-H1{font-size:40px;line-height:48px;}}",
+        }
+      }
+      data-emotion="css 1mxde5b-H1"
+    />
+    <h1
+      className="css-1mxde5b-H1"
+    >
+      H1
+    </h1>
+  </div>,
+]
+`;
+
+exports[`"Heading" renders H1 2`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1mxde5b-H1{color:rgb(29, 30, 31);display:block;font-size:48px;font-weight:300;text-align:left;text-transform:none;line-height:56px;margin-bottom:64px;margin-top:0;min-height:48px;}@media (max-width: 639px){.css-1mxde5b-H1{font-size:40px;line-height:48px;}}",
+        }
+      }
+      data-emotion="css 1mxde5b-H1"
+    />
+    <h1
+      className="css-1mxde5b-H1"
+    >
+      H1
+    </h1>
+  </div>,
+]
+`;
+
+exports[`"Heading" renders H2 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-7ld864-H2{color:rgb(29, 30, 31);display:block;font-size:20px;font-weight:700;text-align:left;text-transform:none;line-height:28px;margin-bottom:24px;margin-top:32px;}@media (max-width: 639px){.css-7ld864-H2{font-size:18px;line-height:26px;margin-bottom:20px;margin-top:26px;}}",
+        }
+      }
+      data-emotion="css 7ld864-H2"
+    />
+    <h2
+      className="css-7ld864-H2"
+    >
+      H2
+    </h2>
+  </div>,
+]
+`;
+
+exports[`"Heading" renders H3 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1i6ms6d-H3{color:rgb(29, 30, 31);display:block;font-size:16px;font-weight:600;text-align:left;text-transform:none;margin-bottom:16px;}",
+        }
+      }
+      data-emotion="css 1i6ms6d-H3"
+    />
+    <h3
+      className="css-1i6ms6d-H3"
+    >
+      H3
+    </h3>
+  </div>,
+]
+`;
+
+exports[`"Heading" renders H4 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1gksb4j-H4{color:rgb(29, 30, 31);display:block;font-size:11px;font-weight:300;text-align:left;text-transform:none;margin-bottom:5px;margin-top:20px;}",
+        }
+      }
+      data-emotion="css 1gksb4j-H4"
+    />
+    <h3
+      className="css-1gksb4j-H4"
+    >
+      H4
+    </h3>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Link.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Link.test.js.snap
new file mode 100644
index 0000000000..894eea4c3c
--- /dev/null
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Link.test.js.snap
@@ -0,0 +1,79 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"Link" renders (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-50pib5-Link{color:#fff;display:inline;font-size:11px;font-weight:600;text-align:left;text-transform:uppercase;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-50pib5-Link:visited,.css-50pib5-Link:link,.css-50pib5-Link:active{color:#fff;}.css-50pib5-Link:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
+        }
+      }
+      data-emotion="css 50pib5-Link"
+    />
+    <a
+      className="css-50pib5-Link"
+      rel="noopener noreferrer"
+    >
+      Link
+    </a>
+  </div>,
+]
+`;
+
+exports[`"Link" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-g0x2vf-Link{color:rgb(29, 30, 31);display:inline;font-size:11px;font-weight:600;text-align:left;text-transform:uppercase;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-g0x2vf-Link:visited,.css-g0x2vf-Link:link,.css-g0x2vf-Link:active{color:rgb(29, 30, 31);}.css-g0x2vf-Link:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
+        }
+      }
+      data-emotion="css g0x2vf-Link"
+    />
+    <a
+      className="css-g0x2vf-Link"
+      rel="noopener noreferrer"
+    >
+      Link
+    </a>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.js.snap
new file mode 100644
index 0000000000..1545e10df5
--- /dev/null
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.js.snap
@@ -0,0 +1,153 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"Lead" renders (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-bje2y9-Lead{color:#fff;display:block;font-size:24px;font-weight:300;text-align:center;text-transform:none;margin-bottom:56px;margin-top:0;}@media (max-width: 639px){.css-bje2y9-Lead{font-size:20px;}}",
+        }
+      }
+      data-emotion="css bje2y9-Lead"
+    />
+    <p
+      className="css-bje2y9-Lead"
+    >
+      Lead
+    </p>
+  </div>,
+]
+`;
+
+exports[`"Lead" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-h0aqb6-Lead{color:rgb(29, 30, 31);display:block;font-size:24px;font-weight:300;text-align:center;text-transform:none;margin-bottom:56px;margin-top:0;}@media (max-width: 639px){.css-h0aqb6-Lead{font-size:20px;}}",
+        }
+      }
+      data-emotion="css h0aqb6-Lead"
+    />
+    <p
+      className="css-h0aqb6-Lead"
+    >
+      Lead
+    </p>
+  </div>,
+]
+`;
+
+exports[`"Paragraph" renders (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-15evjgv-Paragraph{color:#fff;display:block;font-size:16px;font-weight:300;text-align:left;text-transform:none;margin-bottom:16px;margin-top:0;}",
+        }
+      }
+      data-emotion="css 15evjgv-Paragraph"
+    />
+    <p
+      className="css-15evjgv-Paragraph"
+    >
+      Paragraph
+    </p>
+  </div>,
+]
+`;
+
+exports[`"Paragraph" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1by25mu-Paragraph{color:rgb(29, 30, 31);display:block;font-size:16px;font-weight:300;text-align:left;text-transform:none;margin-bottom:16px;margin-top:0;}",
+        }
+      }
+      data-emotion="css 1by25mu-Paragraph"
+    />
+    <p
+      className="css-1by25mu-Paragraph"
+    >
+      Paragraph
+    </p>
+  </div>,
+]
+`;
diff --git a/packages/store-engine/jasmine.json b/packages/store-engine/jasmine.json
deleted file mode 100644
index c56a09e114..0000000000
--- a/packages/store-engine/jasmine.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "random": true,
-  "spec_dir": "src",
-  "spec_files": ["main/**/*.test.ts", "main/**/*.test.node.ts"],
-  "stopSpecOnExpectationFailure": true
-}
diff --git a/packages/store-engine/jest.config.js b/packages/store-engine/jest.config.js
new file mode 100644
index 0000000000..1aa00636d8
--- /dev/null
+++ b/packages/store-engine/jest.config.js
@@ -0,0 +1,27 @@
+/*
+ * Wire
+ * Copyright (C) 2022 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+module.exports = {
+  clearMocks: true,
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx|js)", "test/**/*.+(ts|tsx|js)",],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest"
+  },
+  testEnvironment: "jsdom"
+};
diff --git a/packages/store-engine/karma.conf.ts b/packages/store-engine/karma.conf.ts
deleted file mode 100644
index 059fa0b9ac..0000000000
--- a/packages/store-engine/karma.conf.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-import {Config} from 'karma';
-
-module.exports = (config: Config): void => {
-  config.set({
-    autoWatch: false,
-    basePath: 'src/main',
-    browserNoActivityTimeout: 90000,
-    browsers: ['ChromeNoSandbox'],
-    client: {
-      useIframe: false,
-    },
-    colors: true,
-    concurrency: Infinity,
-    customLaunchers: {
-      ChromeNoSandbox: {
-        base: 'ChromeHeadless',
-        flags: ['--allow-file-access-from-files', '--no-sandbox', '--unlimited-quota-for-files'],
-      },
-    },
-    files: ['**/!(*.d).ts'],
-    frameworks: ['jasmine', 'karma-typescript'],
-    logLevel: config.LOG_INFO,
-    port: 9876,
-    preprocessors: {
-      '**/*.ts': ['karma-typescript'],
-    },
-    reporters: ['progress', 'karma-typescript'],
-    singleRun: true,
-  });
-};
diff --git a/packages/store-engine/package.json b/packages/store-engine/package.json
index b11ed175ed..fe955fbb19 100644
--- a/packages/store-engine/package.json
+++ b/packages/store-engine/package.json
@@ -1,15 +1,13 @@
 {
   "devDependencies": {
-    "@types/jasmine": "4.3.0",
-    "@types/karma": "6.3.3",
+    "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
-    "jasmine": "4.4.0",
-    "karma": "6.4.1",
-    "karma-chrome-launcher": "3.1.1",
-    "karma-jasmine": "5.1.0",
-    "karma-sourcemap-loader": "0.3.8",
-    "karma-typescript": "^5.5.3",
+    "@types/rimraf": "^3",
+    "jest": "^29.2.1",
+    "jest-environment-jsdom": "^29.2.1",
     "nyc": "15.1.0",
+    "rimraf": "^3.0.2",
+    "ts-jest": "^29.0.3",
     "ts-node": "10.9.1",
     "typescript": "4.8.4",
     "webpack": "4.46.0",
@@ -39,10 +37,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn test:node && yarn test:browser",
-    "test:browser": "karma start",
-    "test:project": "yarn dist && yarn test",
-    "test:node": "yarn build && nyc jasmine --config=jasmine.json"
+    "test": "yarn dist && jest"
   },
   "version": "4.10.10"
 }
diff --git a/packages/store-engine/src/main/engine/MemoryEngine.ts b/packages/store-engine/src/main/engine/MemoryEngine.ts
index d488190384..b18c8e86c8 100644
--- a/packages/store-engine/src/main/engine/MemoryEngine.ts
+++ b/packages/store-engine/src/main/engine/MemoryEngine.ts
@@ -154,6 +154,9 @@ export class MemoryEngine implements CRUDEngine {
   }
 
   private prepareTable(tableName: string): void {
+    if (!this.stores[this.storeName]) {
+      this.stores[this.storeName] = {};
+    }
     if (!this.stores[this.storeName][tableName]) {
       this.stores[this.storeName][tableName] = {};
     }
diff --git a/packages/store-engine/src/main/store/TransientStore.test.browser.ts b/packages/store-engine/src/main/store/TransientStore.test.ts
similarity index 90%
rename from packages/store-engine/src/main/store/TransientStore.test.browser.ts
rename to packages/store-engine/src/main/store/TransientStore.test.ts
index b092ef2fa9..f651afe744 100644
--- a/packages/store-engine/src/main/store/TransientStore.test.browser.ts
+++ b/packages/store-engine/src/main/store/TransientStore.test.ts
@@ -49,7 +49,7 @@ describe('store.TransientStore', () => {
 
     it("saves a record together with it's expiration date.", async () => {
       const bundle = await store.set(primaryKey, entity, ttl);
-      expect(bundle.expires).toEqual(jasmine.any(Number));
+      expect(bundle.expires).toEqual(expect.any(Number));
     });
 
     it("saves a record together with it's timeoutID.", async () => {
@@ -63,7 +63,7 @@ describe('store.TransientStore', () => {
         await store.set(primaryKey, {access_token: 'ABC'}, ttl);
         fail();
       } catch (error) {
-        expect(error).toEqual(jasmine.any(RecordAlreadyExistsError));
+        expect(error).toEqual(expect.any(RecordAlreadyExistsError));
         expect((error as RecordAlreadyExistsError).code).toBe(1);
       }
     });
@@ -125,25 +125,26 @@ describe('store.TransientStore', () => {
     const minuteInMillis = 60000;
 
     beforeEach(() => {
-      jasmine.clock().install();
-      jasmine.clock().mockDate();
+      jest.useFakeTimers();
+      jest.setSystemTime(new Date('20 Aug 2020 00:12:00 GMT').getTime());
     });
 
-    afterEach(() => jasmine.clock().uninstall());
+    afterEach(() => jest.useRealTimers());
 
     it('publishes an event when an entity expires.', async () => {
-      await store.on(TransientStore.TOPIC.EXPIRED, expiredBundle => {
+      expect.assertions(2);
+      store.on(TransientStore.TOPIC.EXPIRED, expiredBundle => {
         expect(expiredBundle.payload).toBe(entity);
         expect(expiredBundle.primaryKey).toBe(primaryKey);
       });
 
       await store.set(primaryKey, entity, minuteInMillis);
-      jasmine.clock().tick(minuteInMillis + 1);
+      jest.advanceTimersByTime(minuteInMillis + 1);
     });
 
     it('deletes expired entities.', async () => {
       await store.set(primaryKey, entity, minuteInMillis);
-      jasmine.clock().tick(minuteInMillis + 1);
+      jest.advanceTimersByTime(minuteInMillis + 1);
 
       const bundle = await store.get(primaryKey);
       expect(bundle).toBeUndefined();
diff --git a/packages/store-engine/src/main/test/createSpec.ts b/packages/store-engine/src/main/test/createSpec.ts
index b4153cbeb5..d2055a8234 100644
--- a/packages/store-engine/src/main/test/createSpec.ts
+++ b/packages/store-engine/src/main/test/createSpec.ts
@@ -32,7 +32,7 @@ export const createSpec = {
       await engine.create(TABLE_NAME, PRIMARY_KEY, entity);
       fail(new Error('Method is supposed to throw an error.'));
     } catch (error) {
-      expect(error).toEqual(jasmine.any(RecordTypeError));
+      expect(error).toEqual(expect.any(RecordTypeError));
     }
   },
   "doesn't save null values.": async (engine: CRUDEngine) => {
@@ -44,7 +44,7 @@ export const createSpec = {
       await engine.create(TABLE_NAME, PRIMARY_KEY, entity);
       fail(new Error('Method is supposed to throw an error.'));
     } catch (error) {
-      expect(error).toEqual(jasmine.any(RecordTypeError));
+      expect(error).toEqual(expect.any(RecordTypeError));
     }
   },
   'saves objects.': async (engine: CRUDEngine) => {
@@ -96,7 +96,7 @@ export const createSpec = {
       await engine.create(TABLE_NAME, PRIMARY_KEY, secondEntity);
       fail();
     } catch (error) {
-      expect(error).toEqual(jasmine.any(RecordAlreadyExistsError));
+      expect(error).toEqual(expect.any(RecordAlreadyExistsError));
     }
   },
 };
diff --git a/packages/store-engine/src/main/test/deleteSpec.ts b/packages/store-engine/src/main/test/deleteSpec.ts
index c877431829..493bb60440 100644
--- a/packages/store-engine/src/main/test/deleteSpec.ts
+++ b/packages/store-engine/src/main/test/deleteSpec.ts
@@ -57,8 +57,8 @@ export const deleteSpec = {
     await engine.delete(TABLE_NAME, lisa.primaryKey);
     const primaryKeys = await engine.readAllPrimaryKeys(TABLE_NAME);
     expect(primaryKeys.length).toBe(expectedRemainingEntities);
-    expect(primaryKeys.includes(homer.primaryKey)).toBeTrue();
-    expect(primaryKeys.includes(marge.primaryKey)).toBeTrue();
+    expect(primaryKeys.includes(homer.primaryKey)).toBeTruthy();
+    expect(primaryKeys.includes(marge.primaryKey)).toBeTruthy();
   },
   'returns the primary key of a deleted record.': async (engine: CRUDEngine) => {
     const PRIMARY_KEY = 'primary-key';
diff --git a/packages/store-engine/src/main/test/readAllPrimaryKeysSpec.ts b/packages/store-engine/src/main/test/readAllPrimaryKeysSpec.ts
index b86d3c52fa..255491c601 100644
--- a/packages/store-engine/src/main/test/readAllPrimaryKeysSpec.ts
+++ b/packages/store-engine/src/main/test/readAllPrimaryKeysSpec.ts
@@ -54,8 +54,8 @@ export const readAllPrimaryKeysSpec = {
     ]);
     const primaryKeys = await engine.readAllPrimaryKeys(TABLE_NAME);
     expect(primaryKeys.length).toBe(3);
-    expect(primaryKeys.includes(homer.primaryKey)).toBeTrue();
-    expect(primaryKeys.includes(lisa.primaryKey)).toBeTrue();
-    expect(primaryKeys.includes(marge.primaryKey)).toBeTrue();
+    expect(primaryKeys.includes(homer.primaryKey)).toBeTruthy();
+    expect(primaryKeys.includes(lisa.primaryKey)).toBeTruthy();
+    expect(primaryKeys.includes(marge.primaryKey)).toBeTruthy();
   },
 };
diff --git a/packages/store-engine/src/main/test/readAllSpec.ts b/packages/store-engine/src/main/test/readAllSpec.ts
index e37422ff52..b3929ed813 100644
--- a/packages/store-engine/src/main/test/readAllSpec.ts
+++ b/packages/store-engine/src/main/test/readAllSpec.ts
@@ -57,6 +57,6 @@ export const readAllSpec = {
     await engine.create(TABLE_NAME, marge.primaryKey, marge.entity);
     const records = await engine.readAll<DomainEntity>(TABLE_NAME);
     expect(records.length).toBe(3);
-    expect(records).toEqual(jasmine.arrayContaining([homer.entity, lisa.entity, marge.entity]));
+    expect(records).toEqual(expect.arrayContaining([homer.entity, lisa.entity, marge.entity]));
   },
 };
diff --git a/packages/store-engine/src/main/test/readSpec.ts b/packages/store-engine/src/main/test/readSpec.ts
index 8cb42cc628..ccdc1b9bab 100644
--- a/packages/store-engine/src/main/test/readSpec.ts
+++ b/packages/store-engine/src/main/test/readSpec.ts
@@ -45,7 +45,7 @@ export const readSpec = {
       await engine.read(TABLE_NAME, PRIMARY_KEY);
       fail(new Error('Method is supposed to throw an error.'));
     } catch (error) {
-      expect(error).toEqual(jasmine.any(RecordNotFoundError));
+      expect(error).toEqual(expect.any(RecordNotFoundError));
     }
   },
 };
diff --git a/packages/store-engine/src/main/test/updateSpec.ts b/packages/store-engine/src/main/test/updateSpec.ts
index 157d5dc8ee..c6140d5538 100644
--- a/packages/store-engine/src/main/test/updateSpec.ts
+++ b/packages/store-engine/src/main/test/updateSpec.ts
@@ -47,7 +47,7 @@ export const updateSpec = {
       await engine.update(TABLE_NAME, PRIMARY_KEY, updates);
       fail();
     } catch (error) {
-      expect(error).toEqual(jasmine.any(RecordNotFoundError));
+      expect(error).toEqual(expect.any(RecordNotFoundError));
     }
   },
   'updates an existing database record.': async (engine: CRUDEngine) => {

From 61f21c636dc69f34f61e2dfd237cc55f3e9d7ae0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Thu, 20 Oct 2022 14:08:33 +0200
Subject: [PATCH 02/17] feat: remove jasmine/karma and use jest

---
 .../Form/__snapshots__/Button.test.js.snap    | 228 ++++++
 .../__snapshots__/ButtonLink.test.js.snap     | 151 ++++
 .../Form/__snapshots__/Checkbox.test.js.snap  | 348 ++++++++++
 .../__snapshots__/ErrorMessage.test.js.snap   |  67 ++
 .../src/Form/__snapshots__/Form.test.js.snap  |  39 ++
 .../src/Form/__snapshots__/Input.test.js.snap | 243 +++++++
 .../Form/__snapshots__/Switch.test.js.snap    | 350 ++++++++++
 .../Form/__snapshots__/TextArea.test.js.snap  | 155 +++++
 .../src/Text/__snapshots__/Label.test.js.snap | 153 +++++
 .../src/Text/__snapshots__/Line.test.js.snap  | 116 ++++
 .../src/Text/__snapshots__/Text.test.js.snap  | 647 ++++++++++++++++++
 .../Text/__snapshots__/TextLink.test.js.snap  |  79 +++
 yarn.lock                                     | 121 +++-
 13 files changed, 2660 insertions(+), 37 deletions(-)
 create mode 100644 packages/react-ui-kit/src/Form/__snapshots__/Button.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Form/__snapshots__/Form.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Form/__snapshots__/Input.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Form/__snapshots__/Switch.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Label.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Line.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Text.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.js.snap

diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Button.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Button.test.js.snap
new file mode 100644
index 0000000000..07b2898715
--- /dev/null
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Button.test.js.snap
@@ -0,0 +1,228 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"Button" renders (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-oxpnoh-Button{color:var(--text-input-background);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-oxpnoh-Button:hover,.css-oxpnoh-Button:focus{background-color:var(--button-primary-hover);}.css-oxpnoh-Button:focus{border:1px solid var(--button-primary-focus-border);}.css-oxpnoh-Button:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
+        }
+      }
+      data-emotion="css oxpnoh-Button"
+    />
+    <button
+      className="css-oxpnoh-Button"
+    >
+      Button
+    </button>
+  </div>,
+]
+`;
+
+exports[`"Button" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-oxpnoh-Button{color:var(--text-input-background);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-oxpnoh-Button:hover,.css-oxpnoh-Button:focus{background-color:var(--button-primary-hover);}.css-oxpnoh-Button:focus{border:1px solid var(--button-primary-focus-border);}.css-oxpnoh-Button:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
+        }
+      }
+      data-emotion="css oxpnoh-Button"
+    />
+    <button
+      className="css-oxpnoh-Button"
+    >
+      Submit
+    </button>
+  </div>,
+]
+`;
+
+exports[`"Button" renders as block 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1vnruwz-Button{color:var(--text-input-background);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:100%;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-1vnruwz-Button:hover,.css-1vnruwz-Button:focus{background-color:var(--button-primary-hover);}.css-1vnruwz-Button:focus{border:1px solid var(--button-primary-focus-border);}.css-1vnruwz-Button:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
+        }
+      }
+      data-emotion="css 1vnruwz-Button"
+    />
+    <button
+      className="css-1vnruwz-Button"
+    >
+      Submit
+    </button>
+  </div>,
+]
+`;
+
+exports[`"Button" renders in loading state 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-oxpnoh-Button{color:var(--text-input-background);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-oxpnoh-Button:hover,.css-oxpnoh-Button:focus{background-color:var(--button-primary-hover);}.css-oxpnoh-Button:focus{border:1px solid var(--button-primary-focus-border);}.css-oxpnoh-Button:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
+        }
+      }
+      data-emotion="css oxpnoh-Button"
+    />
+    <button
+      className="css-oxpnoh-Button"
+    >
+      <svg
+        fill="none"
+        height={30}
+        strokeWidth="3"
+        style={
+          {
+            "display": "flex",
+            "margin": "auto",
+          }
+        }
+        viewBox="0 0 43 43"
+        width={30}
+      >
+        <circle
+          cx="21.5"
+          cy="21.5"
+          r="20"
+          stroke="rgba(255, 255, 255, 0.07999999999999996)"
+        />
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-1ov5q7j-Loading{-webkit-animation:animation-146xkpe 2400ms ease-in-out infinite,animation-siltbl 2400ms linear -1800ms infinite;animation:animation-146xkpe 2400ms ease-in-out infinite,animation-siltbl 2400ms linear -1800ms infinite;stroke-dasharray:125.68;transform-origin:50% 50%;}@-webkit-keyframes animation-146xkpe{0%{stroke-dashoffset:251.36;}100%{stroke-dashoffset:0;}}@keyframes animation-146xkpe{0%{stroke-dashoffset:251.36;}100%{stroke-dashoffset:0;}}@-webkit-keyframes animation-siltbl{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes animation-siltbl{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}",
+            }
+          }
+          data-emotion="css 1ov5q7j-Loading animation-146xkpe animation-siltbl"
+        />
+        <circle
+          className="css-1ov5q7j-Loading"
+          cx="21.5"
+          cy="21.5"
+          r="20"
+          stroke="#fff"
+          strokeDasharray={125.68}
+          strokeLinecap="round"
+        />
+      </svg>
+    </button>
+  </div>,
+]
+`;
+
+exports[`"Button" renders when disabled 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-18l2jnr-Button{color:var(--button-primary-disabled-text);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:default;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--button-primary-disabled-bg);}.css-18l2jnr-Button:hover,.css-18l2jnr-Button:focus{-webkit-text-decoration:none;text-decoration:none;}",
+        }
+      }
+      data-emotion="css 18l2jnr-Button"
+    />
+    <button
+      className="css-18l2jnr-Button"
+      disabled={true}
+    >
+      Submit
+    </button>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.js.snap
new file mode 100644
index 0000000000..0282058832
--- /dev/null
+++ b/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.js.snap
@@ -0,0 +1,151 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"ButtonLink" renders (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-kjqv3l-ButtonLink{color:var(--text-input-background);display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-kjqv3l-ButtonLink:hover,.css-kjqv3l-ButtonLink:focus{background-color:var(--button-primary-hover);}.css-kjqv3l-ButtonLink:focus{border:1px solid var(--button-primary-focus-border);}.css-kjqv3l-ButtonLink:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
+        }
+      }
+      data-emotion="css kjqv3l-ButtonLink"
+    />
+    <a
+      className="css-kjqv3l-ButtonLink"
+    >
+      ButtonLink
+    </a>
+  </div>,
+]
+`;
+
+exports[`"ButtonLink" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-kjqv3l-ButtonLink{color:var(--text-input-background);display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-kjqv3l-ButtonLink:hover,.css-kjqv3l-ButtonLink:focus{background-color:var(--button-primary-hover);}.css-kjqv3l-ButtonLink:focus{border:1px solid var(--button-primary-focus-border);}.css-kjqv3l-ButtonLink:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
+        }
+      }
+      data-emotion="css kjqv3l-ButtonLink"
+    />
+    <a
+      className="css-kjqv3l-ButtonLink"
+    >
+      Submit
+    </a>
+  </div>,
+]
+`;
+
+exports[`"ButtonLink" renders in loading state 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-kjqv3l-ButtonLink{color:var(--text-input-background);display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-kjqv3l-ButtonLink:hover,.css-kjqv3l-ButtonLink:focus{background-color:var(--button-primary-hover);}.css-kjqv3l-ButtonLink:focus{border:1px solid var(--button-primary-focus-border);}.css-kjqv3l-ButtonLink:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
+        }
+      }
+      data-emotion="css kjqv3l-ButtonLink"
+    />
+    <a
+      className="css-kjqv3l-ButtonLink"
+    >
+      <svg
+        fill="none"
+        height={30}
+        strokeWidth="3"
+        style={
+          {
+            "display": "flex",
+            "margin": "auto",
+          }
+        }
+        viewBox="0 0 43 43"
+        width={30}
+      >
+        <circle
+          cx="21.5"
+          cy="21.5"
+          r="20"
+          stroke="rgba(255, 255, 255, 0.07999999999999996)"
+        />
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-1ov5q7j-Loading{-webkit-animation:animation-146xkpe 2400ms ease-in-out infinite,animation-siltbl 2400ms linear -1800ms infinite;animation:animation-146xkpe 2400ms ease-in-out infinite,animation-siltbl 2400ms linear -1800ms infinite;stroke-dasharray:125.68;transform-origin:50% 50%;}@-webkit-keyframes animation-146xkpe{0%{stroke-dashoffset:251.36;}100%{stroke-dashoffset:0;}}@keyframes animation-146xkpe{0%{stroke-dashoffset:251.36;}100%{stroke-dashoffset:0;}}@-webkit-keyframes animation-siltbl{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes animation-siltbl{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}",
+            }
+          }
+          data-emotion="css 1ov5q7j-Loading animation-146xkpe animation-siltbl"
+        />
+        <circle
+          className="css-1ov5q7j-Loading"
+          cx="21.5"
+          cy="21.5"
+          r="20"
+          stroke="#fff"
+          strokeDasharray={125.68}
+          strokeLinecap="round"
+        />
+      </svg>
+    </a>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.js.snap
new file mode 100644
index 0000000000..44da68edd9
--- /dev/null
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.js.snap
@@ -0,0 +1,348 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"Checkbox" renders (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-168b0g9{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;position:relative;left:-0.3rem;}.css-168b0g9 .wireinput:focus-visible+label{outline:1px solid #0667c8;outline-offset:0.4rem;}",
+        }
+      }
+      data-emotion="css 168b0g9"
+    />
+    <div
+      className="css-168b0g9"
+    >
+      <input
+        className="wireinput"
+        id="1"
+        style={
+          {
+            "cursor": "pointer",
+            "height": "22px",
+            "marginBottom": "0",
+            "opacity": 0,
+            "width": "22px",
+          }
+        }
+        type="checkbox"
+      />
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-1td0kch-StyledLabel{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 0 0 -16px;width:100%;line-height:1.4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:1;cursor:pointer;border-radius:4px;}.wireinput:checked+.css-1td0kch-StyledLabel::before{background:#0667c8;border-color:#0667c8;}.wireinput:checked+.css-1td0kch-StyledLabel>svg{fill:#000;}.wireinput+.css-1td0kch-StyledLabel>svg{fill:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.25rem;}.wireinput:hover+.css-1td0kch-StyledLabel::before{border-color:#0667c8;}.wireinput+.css-1td0kch-StyledLabel::before{background:#edeff0;border:2px solid #9fa1a7;border-radius:3px;box-sizing:border-box;content:"";display:inline-block;width:22px;height:22px;line-height:1.4;margin:0 8px 0 0px;color:#fff;}",
+          }
+        }
+        data-emotion="css 1td0kch-StyledLabel"
+      />
+      <label
+        className="css-1td0kch-StyledLabel"
+        htmlFor="1"
+      >
+        Checkbox
+        <svg
+          height="13"
+          viewBox="0 0 16 13"
+          width="15"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
+          />
+        </svg>
+      </label>
+    </div>
+  </div>,
+]
+`;
+
+exports[`"Checkbox" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-168b0g9{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;position:relative;left:-0.3rem;}.css-168b0g9 .wireinput:focus-visible+label{outline:1px solid #0667c8;outline-offset:0.4rem;}",
+        }
+      }
+      data-emotion="css 168b0g9"
+    />
+    <div
+      className="css-168b0g9"
+    >
+      <input
+        className="wireinput"
+        id="1"
+        style={
+          {
+            "cursor": "pointer",
+            "height": "22px",
+            "marginBottom": "0",
+            "opacity": 0,
+            "width": "22px",
+          }
+        }
+        type="checkbox"
+      />
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-1503j3x-StyledLabel{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 0 0 -16px;width:100%;line-height:1.4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:1;cursor:pointer;border-radius:4px;}.wireinput:checked+.css-1503j3x-StyledLabel::before{background:#0667c8;border-color:#0667c8;}.wireinput:checked+.css-1503j3x-StyledLabel>svg{fill:#edeff0;}.wireinput+.css-1503j3x-StyledLabel>svg{fill:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.25rem;}.wireinput:hover+.css-1503j3x-StyledLabel::before{border-color:#0667c8;}.wireinput+.css-1503j3x-StyledLabel::before{background:#edeff0;border:2px solid #54585f;border-radius:3px;box-sizing:border-box;content:"";display:inline-block;width:22px;height:22px;line-height:1.4;margin:0 8px 0 0px;color:rgb(29, 30, 31);}",
+          }
+        }
+        data-emotion="css 1503j3x-StyledLabel"
+      />
+      <label
+        className="css-1503j3x-StyledLabel"
+        htmlFor="1"
+      >
+        Check
+        <svg
+          height="13"
+          viewBox="0 0 16 13"
+          width="15"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
+          />
+        </svg>
+      </label>
+    </div>
+  </div>,
+]
+`;
+
+exports[`"Checkbox" renders as invalid 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-168b0g9{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;position:relative;left:-0.3rem;}.css-168b0g9 .wireinput:focus-visible+label{outline:1px solid #0667c8;outline-offset:0.4rem;}",
+        }
+      }
+      data-emotion="css 168b0g9"
+    />
+    <div
+      className="css-168b0g9"
+    >
+      <input
+        className="wireinput"
+        id="1"
+        style={
+          {
+            "cursor": "pointer",
+            "height": "22px",
+            "marginBottom": "0",
+            "opacity": 0,
+            "width": "22px",
+          }
+        }
+        type="checkbox"
+      />
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-1are297-StyledLabel{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 0 0 -16px;width:100%;line-height:1.4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:1;cursor:pointer;border-radius:4px;}.wireinput:checked+.css-1are297-StyledLabel::before{background:#0667c8;border-color:#0667c8;}.wireinput:checked+.css-1are297-StyledLabel>svg{fill:#edeff0;}.wireinput+.css-1are297-StyledLabel>svg{fill:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.25rem;}.wireinput:hover+.css-1are297-StyledLabel::before{border-color:#0667c8;}.wireinput+.css-1are297-StyledLabel::before{background:#edeff0;border:2px solid #c20013;border-radius:3px;box-sizing:border-box;content:"";display:inline-block;width:22px;height:22px;line-height:1.4;margin:0 8px 0 0px;color:rgb(29, 30, 31);}",
+          }
+        }
+        data-emotion="css 1are297-StyledLabel"
+      />
+      <label
+        className="css-1are297-StyledLabel"
+        htmlFor="1"
+      >
+        Check
+        <svg
+          height="13"
+          viewBox="0 0 16 13"
+          width="15"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
+          />
+        </svg>
+      </label>
+    </div>
+  </div>,
+]
+`;
+
+exports[`"Checkbox" renders disabled 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-168b0g9{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;position:relative;left:-0.3rem;}.css-168b0g9 .wireinput:focus-visible+label{outline:1px solid #0667c8;outline-offset:0.4rem;}",
+        }
+      }
+      data-emotion="css 168b0g9"
+    />
+    <div
+      className="css-168b0g9"
+    >
+      <input
+        className="wireinput"
+        disabled={true}
+        id="1"
+        style={
+          {
+            "cursor": "not-allowed",
+            "height": "22px",
+            "marginBottom": "0",
+            "opacity": 0,
+            "width": "22px",
+          }
+        }
+        type="checkbox"
+      />
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-1jgztc1-StyledLabel{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 0 0 -16px;width:100%;line-height:1.4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:0.56;cursor:not-allowed;border-radius:4px;}.wireinput:checked+.css-1jgztc1-StyledLabel::before{background:#edeff0;border-color:#0667c8;}.wireinput:checked+.css-1jgztc1-StyledLabel>svg{fill:#edeff0;}.wireinput+.css-1jgztc1-StyledLabel>svg{fill:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.25rem;}.wireinput+.css-1jgztc1-StyledLabel::before{background:#edeff0;border:2px solid #9fa1a7;border-radius:3px;box-sizing:border-box;content:"";display:inline-block;width:22px;height:22px;line-height:1.4;margin:0 8px 0 0px;color:rgb(29, 30, 31);}",
+          }
+        }
+        data-emotion="css 1jgztc1-StyledLabel"
+      />
+      <label
+        className="css-1jgztc1-StyledLabel"
+        htmlFor="1"
+      >
+        Check
+        <svg
+          height="13"
+          viewBox="0 0 16 13"
+          width="15"
+          xmlns="http://www.w3.org/2000/svg"
+        >
+          <path
+            d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
+          />
+        </svg>
+      </label>
+    </div>
+  </div>,
+]
+`;
+
+exports[`"CheckboxLabel" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1bpeftn-CheckboxLabel{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css 1bpeftn-CheckboxLabel"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1md0civ-CheckboxLabel{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css 1md0civ-CheckboxLabel"
+    />
+    <span
+      className="css-1md0civ-CheckboxLabel"
+    >
+      Label
+    </span>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.js.snap
new file mode 100644
index 0000000000..00003f33ca
--- /dev/null
+++ b/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.js.snap
@@ -0,0 +1,67 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"ErrorMessage" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-9zdk0v-ErrorMessage{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:12px;}.css-9zdk0v-ErrorMessage a{color:rgb(29, 30, 31);display:inline;font-size:12px;font-weight:300;text-align:left;text-transform:none;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-9zdk0v-ErrorMessage a:visited,.css-9zdk0v-ErrorMessage a:link,.css-9zdk0v-ErrorMessage a:active{color:rgb(29, 30, 31);}.css-9zdk0v-ErrorMessage a:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
+        }
+      }
+      data-emotion="css 9zdk0v-ErrorMessage"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1nm7o2l-ErrorMessage{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:12px;}.css-1nm7o2l-ErrorMessage a{color:rgb(29, 30, 31);display:inline;font-size:12px;font-weight:300;text-align:left;text-transform:none;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-1nm7o2l-ErrorMessage a:visited,.css-1nm7o2l-ErrorMessage a:link,.css-1nm7o2l-ErrorMessage a:active{color:rgb(29, 30, 31);}.css-1nm7o2l-ErrorMessage a:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
+        }
+      }
+      data-emotion="css 1nm7o2l-ErrorMessage"
+    />
+    <div
+      className="css-1nm7o2l-ErrorMessage"
+    >
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-z4bxhs-ErrorMessage{font-weight:400;}",
+          }
+        }
+        data-emotion="css z4bxhs-ErrorMessage"
+      />
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-1fgik08-ErrorMessage{color:#c20013;display:inline;font-size:12px;font-weight:300;text-align:left;text-transform:none;font-weight:400;}",
+          }
+        }
+        data-emotion="css 1fgik08-ErrorMessage"
+      />
+      <span
+        className="css-1fgik08-ErrorMessage"
+      >
+        ErrorMessage
+      </span>
+    </div>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Form.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Form.test.js.snap
new file mode 100644
index 0000000000..431730d35f
--- /dev/null
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Form.test.js.snap
@@ -0,0 +1,39 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"Form" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-u7s9rg-Form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:0;width:100%;}",
+        }
+      }
+      data-emotion="css u7s9rg-Form"
+    />
+    <form
+      className="css-u7s9rg-Form"
+    >
+      Form
+    </form>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Input.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Input.test.js.snap
new file mode 100644
index 0000000000..8669cdf547
--- /dev/null
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Input.test.js.snap
@@ -0,0 +1,243 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"Input" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-txgkx1{margin-bottom:20px;width:100%;}.css-txgkx1:focus-within label{color:#0667c8;}",
+        }
+      }
+      data-emotion="css txgkx1"
+    />
+    <div
+      className="input-group css-txgkx1"
+    >
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-4qql51-Input{position:relative;}",
+          }
+        }
+        data-emotion="css 4qql51-Input"
+      />
+      <div
+        className="css-4qql51-Input"
+      >
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-1aqzzyv{background:#fff;border:none;border-radius:12px;box-shadow:0 0 0 1px #dce0e3;caret-color:#0667c8;color:rgb(29, 30, 31);font-weight:300;height:48px;line-height:24px;outline:none;padding:0 16px;width:100%;}.css-1aqzzyv::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;opacity:1;}.css-1aqzzyv::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1aqzzyv::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1aqzzyv:hover{box-shadow:0 0 0 1px var(--text-input-border-hover);}.css-1aqzzyv:focus-visible,.css-1aqzzyv:focus,.css-1aqzzyv:active{box-shadow:0 0 0 1px #0667c8;}.css-1aqzzyv:invalid:not(:focus, :hover){box-shadow:0 0 0 1px #dce0e3;}",
+            }
+          }
+          data-emotion="css 1aqzzyv"
+        />
+        <input
+          className="wireinput css-1aqzzyv"
+        />
+      </div>
+    </div>
+  </div>,
+]
+`;
+
+exports[`"Input" renders as disabled 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-txgkx1{margin-bottom:20px;width:100%;}.css-txgkx1:focus-within label{color:#0667c8;}",
+        }
+      }
+      data-emotion="css txgkx1"
+    />
+    <div
+      className="input-group css-txgkx1"
+    >
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-4qql51-Input{position:relative;}",
+          }
+        }
+        data-emotion="css 4qql51-Input"
+      />
+      <div
+        className="css-4qql51-Input"
+      >
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-1rvq0cq{background:#edeff0;border:none;border-radius:12px;box-shadow:0 0 0 1px #dce0e3;caret-color:#0667c8;color:rgb(29, 30, 31);font-weight:300;height:48px;line-height:24px;outline:none;padding:0 16px;width:100%;}.css-1rvq0cq::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;opacity:1;}.css-1rvq0cq::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1rvq0cq::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1rvq0cq:focus-visible,.css-1rvq0cq:focus,.css-1rvq0cq:active{box-shadow:0 0 0 1px #0667c8;}.css-1rvq0cq:invalid:not(:focus, :hover){box-shadow:0 0 0 1px #dce0e3;}",
+            }
+          }
+          data-emotion="css 1rvq0cq"
+        />
+        <input
+          className="wireinput css-1rvq0cq"
+          disabled={true}
+        />
+      </div>
+    </div>
+  </div>,
+]
+`;
+
+exports[`"Input" renders as invalid 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-txgkx1{margin-bottom:20px;width:100%;}.css-txgkx1:focus-within label{color:#0667c8;}",
+        }
+      }
+      data-emotion="css txgkx1"
+    />
+    <div
+      className="input-group css-txgkx1"
+    >
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-4qql51-Input{position:relative;}",
+          }
+        }
+        data-emotion="css 4qql51-Input"
+      />
+      <div
+        className="css-4qql51-Input"
+      >
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-ofh3qg{background:#fff;border:none;border-radius:12px;box-shadow:0 0 0 1px #c20013;caret-color:#0667c8;color:rgb(29, 30, 31);font-weight:300;height:48px;line-height:24px;outline:none;padding:0 16px;width:100%;}.css-ofh3qg::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;opacity:1;}.css-ofh3qg::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-ofh3qg::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-ofh3qg:hover{box-shadow:0 0 0 1px var(--text-input-border-hover);}.css-ofh3qg:focus-visible,.css-ofh3qg:focus,.css-ofh3qg:active{box-shadow:0 0 0 1px #0667c8;}",
+            }
+          }
+          data-emotion="css ofh3qg"
+        />
+        <input
+          className="wireinput css-ofh3qg"
+        />
+      </div>
+    </div>
+  </div>,
+]
+`;
+
+exports[`"Input" renders with placeholderTextTransform 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-txgkx1{margin-bottom:20px;width:100%;}.css-txgkx1:focus-within label{color:#0667c8;}",
+        }
+      }
+      data-emotion="css txgkx1"
+    />
+    <div
+      className="input-group css-txgkx1"
+    >
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-4qql51-Input{position:relative;}",
+          }
+        }
+        data-emotion="css 4qql51-Input"
+      />
+      <div
+        className="css-4qql51-Input"
+      >
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-uxyw8l{background:#fff;border:none;border-radius:12px;box-shadow:0 0 0 1px #dce0e3;caret-color:#0667c8;color:rgb(29, 30, 31);font-weight:300;height:48px;line-height:24px;outline:none;padding:0 16px;width:100%;}.css-uxyw8l::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:uppercase;opacity:1;}.css-uxyw8l::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:uppercase;}.css-uxyw8l::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:uppercase;}.css-uxyw8l:hover{box-shadow:0 0 0 1px var(--text-input-border-hover);}.css-uxyw8l:focus-visible,.css-uxyw8l:focus,.css-uxyw8l:active{box-shadow:0 0 0 1px #0667c8;}.css-uxyw8l:invalid:not(:focus, :hover){box-shadow:0 0 0 1px #dce0e3;}",
+            }
+          }
+          data-emotion="css uxyw8l"
+        />
+        <input
+          className="wireinput css-uxyw8l"
+          placeholder="Input"
+        />
+      </div>
+    </div>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.js.snap
new file mode 100644
index 0000000000..98ca1ca8de
--- /dev/null
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.js.snap
@@ -0,0 +1,350 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"Switch" renders (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-vlapzy-Switch{display:inline-block;position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:42px;}",
+        }
+      }
+      data-emotion="css vlapzy-Switch"
+    />
+    <div
+      className="css-vlapzy-Switch"
+    >
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-1mmu7i4-Switch{display:none;}",
+          }
+        }
+        data-emotion="css 1mmu7i4-Switch"
+      />
+      <input
+        checked={false}
+        className="css-1mmu7i4-Switch"
+        id="3"
+        onChange={[Function]}
+        type="checkbox"
+      />
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-m9in6d-Switch{border-radius:20px;cursor:pointer;display:block;margin:0;overflow:hidden;}",
+          }
+        }
+        data-emotion="css m9in6d-Switch"
+      />
+      <label
+        className="css-m9in6d-Switch"
+        htmlFor="3"
+      >
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-edcbmt-Switch{display:block;margin-left:-100%;-webkit-transition:margin 0.1s ease-in 0s;transition:margin 0.1s ease-in 0s;width:200%;}.css-edcbmt-Switch:after{content:" ";padding-right:10px;text-align:right;}.css-edcbmt-Switch:before{content:" ";padding-left:10px;}.css-edcbmt-Switch:before,.css-edcbmt-Switch:after{background-color:#d2d2d2;box-sizing:border-box;display:block;float:left;height:25px;line-height:25px;padding:0;width:50%;}",
+            }
+          }
+          data-emotion="css edcbmt-Switch"
+        />
+        <span
+          className="css-edcbmt-Switch"
+        />
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-dm4yw9-Switch{background:#fff;border-radius:100%;bottom:0;box-shadow:0px 0px 2px -1px gray;display:block;height:23px;margin:1px;position:absolute;right:17px;top:0;-webkit-transition:all 0.15s ease-in 0s;transition:all 0.15s ease-in 0s;width:23px;}",
+            }
+          }
+          data-emotion="css dm4yw9-Switch"
+        />
+        <span
+          className="css-dm4yw9-Switch"
+        />
+      </label>
+    </div>
+  </div>,
+]
+`;
+
+exports[`"Switch" renders checked 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-vlapzy-Switch{display:inline-block;position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:42px;}",
+        }
+      }
+      data-emotion="css vlapzy-Switch"
+    />
+    <div
+      className="css-vlapzy-Switch"
+    >
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-1mmu7i4-Switch{display:none;}",
+          }
+        }
+        data-emotion="css 1mmu7i4-Switch"
+      />
+      <input
+        checked={true}
+        className="css-1mmu7i4-Switch"
+        id="2"
+        onChange={[Function]}
+        type="checkbox"
+      />
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-m9in6d-Switch{border-radius:20px;cursor:pointer;display:block;margin:0;overflow:hidden;}",
+          }
+        }
+        data-emotion="css m9in6d-Switch"
+      />
+      <label
+        className="css-m9in6d-Switch"
+        htmlFor="2"
+      >
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-1cbbamx-Switch{display:block;margin-left:0;-webkit-transition:margin 0.1s ease-in 0s;transition:margin 0.1s ease-in 0s;width:200%;}.css-1cbbamx-Switch:after{content:" ";padding-right:10px;text-align:right;}.css-1cbbamx-Switch:before{content:" ";padding-left:10px;}.css-1cbbamx-Switch:before,.css-1cbbamx-Switch:after{background-color:#0772de;box-sizing:border-box;display:block;float:left;height:25px;line-height:25px;padding:0;width:50%;}",
+            }
+          }
+          data-emotion="css 1cbbamx-Switch"
+        />
+        <span
+          className="css-1cbbamx-Switch"
+        />
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-xjd1wz-Switch{background:#fff;border-radius:100%;bottom:0;box-shadow:0px 0px 2px -1px gray;display:block;height:23px;margin:1px;position:absolute;right:0px;top:0;-webkit-transition:all 0.15s ease-in 0s;transition:all 0.15s ease-in 0s;width:23px;}",
+            }
+          }
+          data-emotion="css xjd1wz-Switch"
+        />
+        <span
+          className="css-xjd1wz-Switch"
+        />
+      </label>
+    </div>
+  </div>,
+]
+`;
+
+exports[`"Switch" renders disabled 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-vlapzy-Switch{display:inline-block;position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:42px;}",
+        }
+      }
+      data-emotion="css vlapzy-Switch"
+    />
+    <div
+      className="css-vlapzy-Switch"
+    >
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-1mmu7i4-Switch{display:none;}",
+          }
+        }
+        data-emotion="css 1mmu7i4-Switch"
+      />
+      <input
+        checked={false}
+        className="css-1mmu7i4-Switch"
+        disabled={true}
+        id="4"
+        onChange={[Function]}
+        type="checkbox"
+      />
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-vjtkxv-Switch{border-radius:20px;display:block;margin:0;overflow:hidden;}",
+          }
+        }
+        data-emotion="css vjtkxv-Switch"
+      />
+      <label
+        className="css-vjtkxv-Switch"
+        htmlFor="4"
+      >
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-ryu7iu-Switch{display:block;margin-left:-100%;-webkit-transition:margin 0.1s ease-in 0s;transition:margin 0.1s ease-in 0s;width:200%;}.css-ryu7iu-Switch:after{content:" ";padding-right:10px;text-align:right;}.css-ryu7iu-Switch:before{content:" ";padding-left:10px;}.css-ryu7iu-Switch:before,.css-ryu7iu-Switch:after{background-color:rgb(228, 228, 228);box-sizing:border-box;display:block;float:left;height:25px;line-height:25px;padding:0;width:50%;}",
+            }
+          }
+          data-emotion="css ryu7iu-Switch"
+        />
+        <span
+          className="css-ryu7iu-Switch"
+        />
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-1ywitsw-Switch{background:#fff;border-radius:100%;bottom:0;box-shadow:0px 0px 2px -1px gray;display:block;height:23px;margin:1px;opacity:0.7;position:absolute;right:17px;top:0;-webkit-transition:all 0.15s ease-in 0s;transition:all 0.15s ease-in 0s;width:23px;}",
+            }
+          }
+          data-emotion="css 1ywitsw-Switch"
+        />
+        <span
+          className="css-1ywitsw-Switch"
+        />
+      </label>
+    </div>
+  </div>,
+]
+`;
+
+exports[`"Switch" renders unchecked 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-vlapzy-Switch{display:inline-block;position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:42px;}",
+        }
+      }
+      data-emotion="css vlapzy-Switch"
+    />
+    <div
+      className="css-vlapzy-Switch"
+    >
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-1mmu7i4-Switch{display:none;}",
+          }
+        }
+        data-emotion="css 1mmu7i4-Switch"
+      />
+      <input
+        checked={false}
+        className="css-1mmu7i4-Switch"
+        id="1"
+        onChange={[Function]}
+        type="checkbox"
+      />
+      <style
+        dangerouslySetInnerHTML={
+          {
+            "__html": ".css-m9in6d-Switch{border-radius:20px;cursor:pointer;display:block;margin:0;overflow:hidden;}",
+          }
+        }
+        data-emotion="css m9in6d-Switch"
+      />
+      <label
+        className="css-m9in6d-Switch"
+        htmlFor="1"
+      >
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-edcbmt-Switch{display:block;margin-left:-100%;-webkit-transition:margin 0.1s ease-in 0s;transition:margin 0.1s ease-in 0s;width:200%;}.css-edcbmt-Switch:after{content:" ";padding-right:10px;text-align:right;}.css-edcbmt-Switch:before{content:" ";padding-left:10px;}.css-edcbmt-Switch:before,.css-edcbmt-Switch:after{background-color:#d2d2d2;box-sizing:border-box;display:block;float:left;height:25px;line-height:25px;padding:0;width:50%;}",
+            }
+          }
+          data-emotion="css edcbmt-Switch"
+        />
+        <span
+          className="css-edcbmt-Switch"
+        />
+        <style
+          dangerouslySetInnerHTML={
+            {
+              "__html": ".css-dm4yw9-Switch{background:#fff;border-radius:100%;bottom:0;box-shadow:0px 0px 2px -1px gray;display:block;height:23px;margin:1px;position:absolute;right:17px;top:0;-webkit-transition:all 0.15s ease-in 0s;transition:all 0.15s ease-in 0s;width:23px;}",
+            }
+          }
+          data-emotion="css dm4yw9-Switch"
+        />
+        <span
+          className="css-dm4yw9-Switch"
+        />
+      </label>
+    </div>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.js.snap
new file mode 100644
index 0000000000..7edea4a655
--- /dev/null
+++ b/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.js.snap
@@ -0,0 +1,155 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"TextArea" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1lmm8uy{background:#fff;border:none;border-radius:4px;box-shadow:0 0 0 1px #696c6e;caret-color:#0772de;color:rgb(29, 30, 31);font-weight:300;line-height:24px;margin:0 0 16px;outline:none;padding:16px 16px;resize:none;width:100%;}.css-1lmm8uy::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;opacity:1;}.css-1lmm8uy::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1lmm8uy::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1lmm8uy:focus{box-shadow:0 0 0 1px #0772de;}.css-1lmm8uy:invalid{box-shadow:0 0 0 1px #696c6e;}",
+        }
+      }
+      data-emotion="css 1lmm8uy"
+    />
+    <textarea
+      className="textarea css-1lmm8uy"
+    >
+      TextArea
+    </textarea>
+  </div>,
+]
+`;
+
+exports[`"TextArea" renders as disabled 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1lu21pm{background:#edeff0;border:none;border-radius:4px;box-shadow:0 0 0 1px #696c6e;caret-color:#0772de;color:rgb(29, 30, 31);font-weight:300;line-height:24px;margin:0 0 16px;outline:none;padding:16px 16px;resize:none;width:100%;}.css-1lu21pm::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;opacity:1;}.css-1lu21pm::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1lu21pm::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1lu21pm:focus{box-shadow:0 0 0 1px #0772de;}.css-1lu21pm:invalid{box-shadow:0 0 0 1px #696c6e;}",
+        }
+      }
+      data-emotion="css 1lu21pm"
+    />
+    <textarea
+      className="textarea css-1lu21pm"
+      disabled={true}
+    >
+      TextArea
+    </textarea>
+  </div>,
+]
+`;
+
+exports[`"TextArea" renders as invalid 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1xpn2km{background:#fff;border:none;border-radius:4px;box-shadow:0 0 0 1px #e02020;caret-color:#0772de;color:rgb(29, 30, 31);font-weight:300;line-height:24px;margin:0 0 16px;outline:none;padding:16px 16px;resize:none;width:100%;}.css-1xpn2km::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;opacity:1;}.css-1xpn2km::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1xpn2km::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1xpn2km:focus{box-shadow:0 0 0 1px #0772de;}",
+        }
+      }
+      data-emotion="css 1xpn2km"
+    />
+    <textarea
+      className="textarea css-1xpn2km"
+    >
+      TextArea
+    </textarea>
+  </div>,
+]
+`;
+
+exports[`"TextArea" renders with placeholderTextTransform 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-v6j4u8{background:#fff;border:none;border-radius:4px;box-shadow:0 0 0 1px #696c6e;caret-color:#0772de;color:rgb(29, 30, 31);font-weight:300;line-height:24px;margin:0 0 16px;outline:none;padding:16px 16px;resize:none;width:100%;}.css-v6j4u8::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:uppercase;opacity:1;}.css-v6j4u8::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:uppercase;}.css-v6j4u8::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:uppercase;}.css-v6j4u8:focus{box-shadow:0 0 0 1px #0772de;}.css-v6j4u8:invalid{box-shadow:0 0 0 1px #696c6e;}",
+        }
+      }
+      data-emotion="css v6j4u8"
+    />
+    <textarea
+      className="textarea css-v6j4u8"
+      placeholder="TextArea"
+    >
+      TextArea
+    </textarea>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Label.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Label.test.js.snap
new file mode 100644
index 0000000000..3e649c7f67
--- /dev/null
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Label.test.js.snap
@@ -0,0 +1,153 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"InputLabel" renders (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-evu342-Label{color:initial;display:inline;font-size:12px;font-weight:300;text-align:left;text-transform:none;width:100%;}.css-evu342-Label:focus-within{color:#0772de;}",
+        }
+      }
+      data-emotion="css evu342-Label"
+    />
+    <label
+      className="css-evu342-Label"
+    >
+      Label
+    </label>
+  </div>,
+]
+`;
+
+exports[`"InputLabel" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-evu342-Label{color:initial;display:inline;font-size:12px;font-weight:300;text-align:left;text-transform:none;width:100%;}.css-evu342-Label:focus-within{color:#0772de;}",
+        }
+      }
+      data-emotion="css evu342-Label"
+    />
+    <label
+      className="css-evu342-Label"
+    >
+      Label
+    </label>
+  </div>,
+]
+`;
+
+exports[`"LabelLink" renders (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-yrhris-LabelLink{color:#fff;display:inline;font-size:12px;font-weight:600;text-align:left;text-transform:uppercase;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-yrhris-LabelLink:visited,.css-yrhris-LabelLink:link,.css-yrhris-LabelLink:active{color:#fff;}.css-yrhris-LabelLink:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
+        }
+      }
+      data-emotion="css yrhris-LabelLink"
+    />
+    <a
+      className="css-yrhris-LabelLink"
+    >
+      LabelLink
+    </a>
+  </div>,
+]
+`;
+
+exports[`"LabelLink" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1jufn2v-LabelLink{color:rgb(29, 30, 31);display:inline;font-size:12px;font-weight:600;text-align:left;text-transform:uppercase;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-1jufn2v-LabelLink:visited,.css-1jufn2v-LabelLink:link,.css-1jufn2v-LabelLink:active{color:rgb(29, 30, 31);}.css-1jufn2v-LabelLink:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
+        }
+      }
+      data-emotion="css 1jufn2v-LabelLink"
+    />
+    <a
+      className="css-1jufn2v-LabelLink"
+    >
+      LabelLink
+    </a>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Line.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Line.test.js.snap
new file mode 100644
index 0000000000..534a15985c
--- /dev/null
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Line.test.js.snap
@@ -0,0 +1,116 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"Line" renders (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-6n7l8x-Line{border:none;border-bottom:1px solid rgb(213, 214, 214);margin-bottom:16px;margin-top:16px;}",
+        }
+      }
+      data-emotion="css 6n7l8x-Line"
+    />
+    <hr
+      className="css-6n7l8x-Line"
+    >
+      Line
+    </hr>
+  </div>,
+]
+`;
+
+exports[`"Line" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-6n7l8x-Line{border:none;border-bottom:1px solid rgb(213, 214, 214);margin-bottom:16px;margin-top:16px;}",
+        }
+      }
+      data-emotion="css 6n7l8x-Line"
+    />
+    <hr
+      className="css-6n7l8x-Line"
+    >
+      Line
+    </hr>
+  </div>,
+]
+`;
+
+exports[`"Line" renders with color 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-hqylb4-Line{border:none;border-bottom:1px solid #e02020;margin-bottom:16px;margin-top:16px;}",
+        }
+      }
+      data-emotion="css hqylb4-Line"
+    />
+    <hr
+      className="css-hqylb4-Line"
+      color="#e02020"
+    >
+      Line
+    </hr>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Text.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Text.test.js.snap
new file mode 100644
index 0000000000..5bae2e1784
--- /dev/null
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Text.test.js.snap
@@ -0,0 +1,647 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"Text" renders (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1xniryu{color:#fff;display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css 1xniryu"
+    />
+    <span
+      className="css-1xniryu"
+    >
+      Text
+    </span>
+  </div>,
+]
+`;
+
+exports[`"Text" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-nm0i8o{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css nm0i8o"
+    />
+    <span
+      className="css-nm0i8o"
+    >
+      Text
+    </span>
+  </div>,
+]
+`;
+
+exports[`"Text" renders as block 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-16vxtwd{color:rgb(29, 30, 31);display:block;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css 16vxtwd"
+    />
+    <span
+      className="css-16vxtwd"
+    >
+      Text
+    </span>
+  </div>,
+]
+`;
+
+exports[`"Text" renders bold 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-k4tiab{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:600;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css k4tiab"
+    />
+    <span
+      className="css-k4tiab"
+    >
+      Text
+    </span>
+  </div>,
+]
+`;
+
+exports[`"Text" renders centered 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1aut1m8{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:center;text-transform:none;}",
+        }
+      }
+      data-emotion="css 1aut1m8"
+    />
+    <span
+      className="css-1aut1m8"
+    >
+      Text
+    </span>
+  </div>,
+]
+`;
+
+exports[`"Text" renders light 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-nurxuk{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:200;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css nurxuk"
+    />
+    <span
+      className="css-nurxuk"
+    >
+      Text
+    </span>
+  </div>,
+]
+`;
+
+exports[`"Text" renders muted 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-9fs502{color:#696c6e;display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css 9fs502"
+    />
+    <span
+      className="css-9fs502"
+    >
+      Text
+    </span>
+  </div>,
+]
+`;
+
+exports[`"Text" renders no wrap 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1hzwasr{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;white-space:nowrap;}",
+        }
+      }
+      data-emotion="css 1hzwasr"
+    />
+    <span
+      className="css-1hzwasr"
+    >
+      Text
+    </span>
+  </div>,
+]
+`;
+
+exports[`"Text" renders with color 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1om3prj{color:#0772de;display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css 1om3prj"
+    />
+    <span
+      className="css-1om3prj"
+    >
+      Text
+    </span>
+  </div>,
+]
+`;
+
+exports[`"Text" renders with size 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-veh1h2{color:rgb(29, 30, 31);display:inline;font-size:2px;font-weight:300;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css veh1h2"
+    />
+    <span
+      className="css-veh1h2"
+    >
+      Text
+    </span>
+  </div>,
+]
+`;
+
+exports[`"Text" renders with textTransform 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-17oerc2{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:uppercase;}",
+        }
+      }
+      data-emotion="css 17oerc2"
+    />
+    <span
+      className="css-17oerc2"
+    >
+      Text
+    </span>
+  </div>,
+]
+`;
+
+exports[`"Text" renders with truncation 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-17oerc2{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:uppercase;}",
+        }
+      }
+      data-emotion="css 17oerc2"
+    />
+    <span
+      className="css-17oerc2"
+    >
+      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
+    </span>
+  </div>,
+]
+`;
+
+exports[`Utility components renders Bold 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-k4tiab{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:600;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css k4tiab"
+    />
+    <span
+      className="css-k4tiab"
+    >
+      Bold
+    </span>
+  </div>,
+]
+`;
+
+exports[`Utility components renders Large 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-m3p6w3{color:rgb(29, 30, 31);display:inline;font-size:48px;font-weight:200;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css m3p6w3"
+    />
+    <span
+      className="css-m3p6w3"
+    >
+      Large
+    </span>
+  </div>,
+]
+`;
+
+exports[`Utility components renders Muted 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-9fs502{color:#696c6e;display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css 9fs502"
+    />
+    <span
+      className="css-9fs502"
+    >
+      Muted
+    </span>
+  </div>,
+]
+`;
+
+exports[`Utility components renders Small 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-1mag67q{color:rgb(29, 30, 31);display:inline;font-size:12px;font-weight:300;text-align:left;text-transform:none;}",
+        }
+      }
+      data-emotion="css 1mag67q"
+    />
+    <span
+      className="css-1mag67q"
+    >
+      Small
+    </span>
+  </div>,
+]
+`;
+
+exports[`Utility components renders Uppercase 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-17oerc2{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:uppercase;}",
+        }
+      }
+      data-emotion="css 17oerc2"
+    />
+    <span
+      className="css-17oerc2"
+    >
+      Uppercase
+    </span>
+  </div>,
+]
+`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.js.snap
new file mode 100644
index 0000000000..3067f6823b
--- /dev/null
+++ b/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.js.snap
@@ -0,0 +1,79 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"TextLink" renders (dark theme) 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 1mc7zwm-StyledAppContainer"
+  />,
+  <div
+    className="css-1mc7zwm-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-207ys5-TextLink{color:#0667c8;display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-207ys5-TextLink:visited,.css-207ys5-TextLink:link,.css-207ys5-TextLink:active{color:#0667c8;}.css-207ys5-TextLink:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
+        }
+      }
+      data-emotion="css 207ys5-TextLink"
+    />
+    <a
+      className="css-207ys5-TextLink"
+      rel="noopener noreferrer"
+    >
+      TextLink
+    </a>
+  </div>,
+]
+`;
+
+exports[`"TextLink" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": ".css-207ys5-TextLink{color:#0667c8;display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-207ys5-TextLink:visited,.css-207ys5-TextLink:link,.css-207ys5-TextLink:active{color:#0667c8;}.css-207ys5-TextLink:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
+        }
+      }
+      data-emotion="css 207ys5-TextLink"
+    />
+    <a
+      className="css-207ys5-TextLink"
+      rel="noopener noreferrer"
+    >
+      TextLink
+    </a>
+  </div>,
+]
+`;
diff --git a/yarn.lock b/yarn.lock
index aafc95e7b1..0bc72b781e 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4006,7 +4006,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/jest@npm:29.2.0":
+"@types/jest@npm:29.2.0, @types/jest@npm:^29.2.0":
   version: 29.2.0
   resolution: "@types/jest@npm:29.2.0"
   dependencies:
@@ -4284,7 +4284,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/rimraf@npm:3.0.2":
+"@types/rimraf@npm:3.0.2, @types/rimraf@npm:^3":
   version: 3.0.2
   resolution: "@types/rimraf@npm:3.0.2"
   dependencies:
@@ -5310,16 +5310,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/store-engine@workspace:packages/store-engine"
   dependencies:
-    "@types/jasmine": 4.3.0
-    "@types/karma": 6.3.3
+    "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
-    jasmine: 4.4.0
-    karma: 6.4.1
-    karma-chrome-launcher: 3.1.1
-    karma-jasmine: 5.1.0
-    karma-sourcemap-loader: 0.3.8
-    karma-typescript: ^5.5.3
+    "@types/rimraf": ^3
+    jest: ^29.2.1
+    jest-environment-jsdom: ^29.2.1
     nyc: 15.1.0
+    rimraf: ^3.0.2
+    ts-jest: ^29.0.3
     ts-node: 10.9.1
     typescript: 4.8.4
     webpack: 4.46.0
@@ -6824,6 +6822,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"bs-logger@npm:0.x":
+  version: 0.2.6
+  resolution: "bs-logger@npm:0.2.6"
+  dependencies:
+    fast-json-stable-stringify: 2.x
+  checksum: d34bdaf68c64bd099ab97c3ea608c9ae7d3f5faa1178b3f3f345acd94e852e608b2d4f9103fb2e503f5e69780e98293df41691b84be909b41cf5045374d54606
+  languageName: node
+  linkType: hard
+
 "bs-recipes@npm:1.3.4":
   version: 1.3.4
   resolution: "bs-recipes@npm:1.3.4"
@@ -10252,7 +10259,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-json-stable-stringify@npm:^2.0.0, fast-json-stable-stringify@npm:^2.1.0":
+"fast-json-stable-stringify@npm:2.x, fast-json-stable-stringify@npm:^2.0.0, fast-json-stable-stringify@npm:^2.1.0":
   version: 2.1.0
   resolution: "fast-json-stable-stringify@npm:2.1.0"
   checksum: b191531e36c607977e5b1c47811158733c34ccb3bfde92c44798929e9b4154884378536d26ad90dfecd32e1ffc09c545d23535ad91b3161a27ddbb8ebe0cbecb
@@ -13312,7 +13319,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-environment-jsdom@npm:29.2.1":
+"jest-environment-jsdom@npm:29.2.1, jest-environment-jsdom@npm:^29.2.1":
   version: 29.2.1
   resolution: "jest-environment-jsdom@npm:29.2.1"
   dependencies:
@@ -13644,31 +13651,31 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-util@npm:^29.0.3":
-  version: 29.0.3
-  resolution: "jest-util@npm:29.0.3"
+"jest-util@npm:^29.0.0, jest-util@npm:^29.2.1":
+  version: 29.2.1
+  resolution: "jest-util@npm:29.2.1"
   dependencies:
-    "@jest/types": ^29.0.3
+    "@jest/types": ^29.2.1
     "@types/node": "*"
     chalk: ^4.0.0
     ci-info: ^3.2.0
     graceful-fs: ^4.2.9
     picomatch: ^2.2.3
-  checksum: 39c31e75ba5bcb4c3ccdf0895f9fdbb83f839c432e7c6639a688beb414d681b5d50282da017c723ea1f2a7033e74a4938fd33dcff231c3e90f903173919991d5
+  checksum: 781bd14a65599d24b7449877020f4da32e8cb8fbc31c4e849c589ffde58f0eec27de9f690dba182e3ca369fe651c0bb9c307de29a0927d12777677ded56bafb8
   languageName: node
   linkType: hard
 
-"jest-util@npm:^29.2.1":
-  version: 29.2.1
-  resolution: "jest-util@npm:29.2.1"
+"jest-util@npm:^29.0.3":
+  version: 29.0.3
+  resolution: "jest-util@npm:29.0.3"
   dependencies:
-    "@jest/types": ^29.2.1
+    "@jest/types": ^29.0.3
     "@types/node": "*"
     chalk: ^4.0.0
     ci-info: ^3.2.0
     graceful-fs: ^4.2.9
     picomatch: ^2.2.3
-  checksum: 781bd14a65599d24b7449877020f4da32e8cb8fbc31c4e849c589ffde58f0eec27de9f690dba182e3ca369fe651c0bb9c307de29a0927d12777677ded56bafb8
+  checksum: 39c31e75ba5bcb4c3ccdf0895f9fdbb83f839c432e7c6639a688beb414d681b5d50282da017c723ea1f2a7033e74a4938fd33dcff231c3e90f903173919991d5
   languageName: node
   linkType: hard
 
@@ -13735,7 +13742,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest@npm:29.2.1, jest@npm:^29.0.3":
+"jest@npm:29.2.1, jest@npm:^29.0.3, jest@npm:^29.2.1":
   version: 29.2.1
   resolution: "jest@npm:29.2.1"
   dependencies:
@@ -14175,7 +14182,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"karma-typescript@npm:5.5.3, karma-typescript@npm:^5.5.3":
+"karma-typescript@npm:5.5.3":
   version: 5.5.3
   resolution: "karma-typescript@npm:5.5.3"
   dependencies:
@@ -14691,6 +14698,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"lodash.memoize@npm:4.x":
+  version: 4.1.2
+  resolution: "lodash.memoize@npm:4.1.2"
+  checksum: 9ff3942feeccffa4f1fafa88d32f0d24fdc62fd15ded5a74a5f950ff5f0c6f61916157246744c620173dddf38d37095a92327d5fd3861e2063e736a5c207d089
+  languageName: node
+  linkType: hard
+
 "lodash.memoize@npm:~3.0.3":
   version: 3.0.4
   resolution: "lodash.memoize@npm:3.0.4"
@@ -14876,7 +14890,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"make-error@npm:^1.1.1":
+"make-error@npm:1.x, make-error@npm:^1.1.1":
   version: 1.3.6
   resolution: "make-error@npm:1.3.6"
   checksum: b86e5e0e25f7f777b77fabd8e2cbf15737972869d852a22b7e73c17623928fccb826d8e46b9951501d3f20e51ad74ba8c59ed584f610526a48f8ccf88aaec402
@@ -19351,6 +19365,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"semver@npm:7.x, semver@npm:^7.3.8":
+  version: 7.3.8
+  resolution: "semver@npm:7.3.8"
+  dependencies:
+    lru-cache: ^6.0.0
+  bin:
+    semver: bin/semver.js
+  checksum: ba9c7cbbf2b7884696523450a61fee1a09930d888b7a8d7579025ad93d459b2d1949ee5bbfeb188b2be5f4ac163544c5e98491ad6152df34154feebc2cc337c1
+  languageName: node
+  linkType: hard
+
 "semver@npm:^6.0.0, semver@npm:^6.1.1, semver@npm:^6.1.2, semver@npm:^6.3.0":
   version: 6.3.0
   resolution: "semver@npm:6.3.0"
@@ -19382,17 +19407,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:^7.3.8":
-  version: 7.3.8
-  resolution: "semver@npm:7.3.8"
-  dependencies:
-    lru-cache: ^6.0.0
-  bin:
-    semver: bin/semver.js
-  checksum: ba9c7cbbf2b7884696523450a61fee1a09930d888b7a8d7579025ad93d459b2d1949ee5bbfeb188b2be5f4ac163544c5e98491ad6152df34154feebc2cc337c1
-  languageName: node
-  linkType: hard
-
 "send@npm:0.16.2":
   version: 0.16.2
   resolution: "send@npm:0.16.2"
@@ -21127,6 +21141,39 @@ __metadata:
   languageName: node
   linkType: hard
 
+"ts-jest@npm:^29.0.3":
+  version: 29.0.3
+  resolution: "ts-jest@npm:29.0.3"
+  dependencies:
+    bs-logger: 0.x
+    fast-json-stable-stringify: 2.x
+    jest-util: ^29.0.0
+    json5: ^2.2.1
+    lodash.memoize: 4.x
+    make-error: 1.x
+    semver: 7.x
+    yargs-parser: ^21.0.1
+  peerDependencies:
+    "@babel/core": ">=7.0.0-beta.0 <8"
+    "@jest/types": ^29.0.0
+    babel-jest: ^29.0.0
+    jest: ^29.0.0
+    typescript: ">=4.3"
+  peerDependenciesMeta:
+    "@babel/core":
+      optional: true
+    "@jest/types":
+      optional: true
+    babel-jest:
+      optional: true
+    esbuild:
+      optional: true
+  bin:
+    ts-jest: cli.js
+  checksum: 541e51776d367fa2279af47f75af94b03e0538f1839ea9983de0f4ad7f188002f6eb1fc72440651d96daa62d25a7bc679a129c14e6ef291277eea9346751d56b
+  languageName: node
+  linkType: hard
+
 "ts-node@npm:10.9.1, ts-node@npm:^10.9.1":
   version: 10.9.1
   resolution: "ts-node@npm:10.9.1"
@@ -22923,7 +22970,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs-parser@npm:^21.0.0":
+"yargs-parser@npm:^21.0.0, yargs-parser@npm:^21.0.1":
   version: 21.1.1
   resolution: "yargs-parser@npm:21.1.1"
   checksum: ed2d96a616a9e3e1cc7d204c62ecc61f7aaab633dcbfab2c6df50f7f87b393993fe6640d017759fe112d0cb1e0119f2b4150a87305cc873fd90831c6a58ccf1c

From 2ceec1c6b18ee9bed94da266f92ea1d44cd21cf8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Thu, 20 Oct 2022 22:04:57 +0200
Subject: [PATCH 03/17] chore: remove jasmine from store-engines

---
 .prettierrc                                   |   1 +
 package.json                                  |   2 +-
 packages/api-client/package.json              |   5 +-
 packages/core/package.json                    |   1 +
 .../jest.config.js}                           |  14 +-
 packages/react-ui-kit/package.json            |   2 +-
 .../__snapshots__/GlobalStyle.test.js.snap    |  34 ++
 packages/store-engine-dexie/jasmine.json      |   6 -
 packages/store-engine-dexie/jest.config.js    |  39 +++
 packages/store-engine-dexie/karma.conf.ts     |  51 ---
 packages/store-engine-dexie/package.json      |  15 +-
 packages/store-engine-dexie/src/index.test.ts |   6 +-
 packages/store-engine-fs/jest.config.js       |  27 ++
 packages/store-engine-fs/package.json         |   8 +-
 packages/store-engine/package.json            |   2 +-
 .../src/main/store/TransientStore.test.ts     |   1 +
 yarn.lock                                     | 311 ++----------------
 17 files changed, 163 insertions(+), 362 deletions(-)
 create mode 100644 .prettierrc
 rename packages/{store-engine-dexie/babel.config.js => priority-queue/jest.config.js} (74%)
 create mode 100644 packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.js.snap
 delete mode 100644 packages/store-engine-dexie/jasmine.json
 create mode 100644 packages/store-engine-dexie/jest.config.js
 delete mode 100644 packages/store-engine-dexie/karma.conf.ts
 create mode 100644 packages/store-engine-fs/jest.config.js

diff --git a/.prettierrc b/.prettierrc
new file mode 100644
index 0000000000..9e26dfeeb6
--- /dev/null
+++ b/.prettierrc
@@ -0,0 +1 @@
+{}
\ No newline at end of file
diff --git a/package.json b/package.json
index 1b3020f6e1..47d5019737 100644
--- a/package.json
+++ b/package.json
@@ -21,7 +21,7 @@
     "eslint-plugin-simple-import-sort": "8.0.0",
     "eslint-plugin-unused-imports": "2.0.0",
     "husky": "8.0.1",
-    "jest": "^29.0.3",
+    "jest": "^29.2.1",
     "lint-staged": "13.0.3",
     "prettier": "2.7.1",
     "rimraf": "3.0.2",
diff --git a/packages/api-client/package.json b/packages/api-client/package.json
index b8e4a3b3b9..c5d4908a2b 100644
--- a/packages/api-client/package.json
+++ b/packages/api-client/package.json
@@ -23,7 +23,7 @@
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.18.6",
     "@types/babel__preset-env": "^7",
-    "@types/jest": "^29.0.3",
+    "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
     "@types/spark-md5": "3.0.2",
     "@types/tough-cookie": "4.0.1",
@@ -35,7 +35,8 @@
     "concurrently": "7.4.0",
     "cross-env": "7.0.3",
     "dotenv": "16.0.3",
-    "jest": "^29.0.3",
+    "jest": "^29.2.1",
+    "jest-environment-jsdom": "^29.2.1",
     "nock": "13.2.9",
     "nyc": "15.1.0",
     "react": "18.2.0",
diff --git a/packages/core/package.json b/packages/core/package.json
index ff00ebd051..a738f0d46f 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -36,6 +36,7 @@
     "dotenv-defaults": "5.0.2",
     "fake-indexeddb": "4.0.0",
     "jest": "29.2.1",
+    "jest-environment-jsdom": "^29.2.1",
     "jest-jasmine2": "29.2.1",
     "jest-websocket-mock": "2.4.0",
     "mock-socket": "9.1.5",
diff --git a/packages/store-engine-dexie/babel.config.js b/packages/priority-queue/jest.config.js
similarity index 74%
rename from packages/store-engine-dexie/babel.config.js
rename to packages/priority-queue/jest.config.js
index 882f0e2ade..1aa00636d8 100644
--- a/packages/store-engine-dexie/babel.config.js
+++ b/packages/priority-queue/jest.config.js
@@ -1,6 +1,6 @@
 /*
  * Wire
- * Copyright (C) 2021 Wire Swiss GmbH
+ * Copyright (C) 2022 Wire Swiss GmbH
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
@@ -18,10 +18,10 @@
  */
 
 module.exports = {
-  plugins: [
-    '@babel/plugin-proposal-class-properties',
-    '@babel/plugin-proposal-object-rest-spread',
-    '@babel/plugin-proposal-optional-chaining',
-  ],
-  presets: ['@babel/preset-typescript'],
+  clearMocks: true,
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx|js)", "test/**/*.+(ts|tsx|js)",],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest"
+  },
+  testEnvironment: "jsdom"
 };
diff --git a/packages/react-ui-kit/package.json b/packages/react-ui-kit/package.json
index c14c7146d1..9a04a0718c 100644
--- a/packages/react-ui-kit/package.json
+++ b/packages/react-ui-kit/package.json
@@ -18,7 +18,7 @@
     "@hot-loader/react-dom": "17.0.2",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.4.0",
-    "@types/jest": "^29.1.1",
+    "@types/jest": "^29.2.0",
     "@types/react": "18.0.21",
     "@types/webpack-env": "1.18.0",
     "babel-jest": "29.2.1",
diff --git a/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.js.snap b/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.js.snap
new file mode 100644
index 0000000000..e518371687
--- /dev/null
+++ b/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.js.snap
@@ -0,0 +1,34 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"GlobalStyle" renders 1`] = `
+[
+  <style
+    dangerouslySetInnerHTML={
+      {
+        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
+      }
+    }
+    data-emotion="css 7uml9n-StyledAppContainer"
+  />,
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+    <style
+      dangerouslySetInnerHTML={
+        {
+          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+        }
+      }
+      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    />
+  </div>,
+]
+`;
diff --git a/packages/store-engine-dexie/jasmine.json b/packages/store-engine-dexie/jasmine.json
deleted file mode 100644
index 91c285af5b..0000000000
--- a/packages/store-engine-dexie/jasmine.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "random": true,
-  "spec_dir": "src",
-  "spec_files": ["**/*.test.ts"],
-  "stopSpecOnExpectationFailure": true
-}
diff --git a/packages/store-engine-dexie/jest.config.js b/packages/store-engine-dexie/jest.config.js
new file mode 100644
index 0000000000..385e08094c
--- /dev/null
+++ b/packages/store-engine-dexie/jest.config.js
@@ -0,0 +1,39 @@
+/*
+ * Wire
+ * Copyright (C) 2022 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+const { TextDecoder, TextEncoder } = require('util')
+
+module.exports = {
+  clearMocks: true,
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx|js)", "test/**/*.+(ts|tsx|js)",],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest"
+  },
+  testEnvironment: "jsdom",
+  moduleNameMapper: {
+    '^dexie$': require.resolve('dexie'),
+  },
+  setupFiles: [
+    "fake-indexeddb/auto"
+  ],
+  globals: {
+    TextDecoder,
+    TextEncoder,
+  }
+};
diff --git a/packages/store-engine-dexie/karma.conf.ts b/packages/store-engine-dexie/karma.conf.ts
deleted file mode 100644
index 2216e2f037..0000000000
--- a/packages/store-engine-dexie/karma.conf.ts
+++ /dev/null
@@ -1,51 +0,0 @@
-/*
- * Wire
- * Copyright (C) 2019 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-import {Config} from 'karma';
-
-const jasmineConfig = require('./jasmine.json');
-
-module.exports = (config: Config): void => {
-  config.set({
-    autoWatch: false,
-    basePath: jasmineConfig.spec_dir,
-    browserNoActivityTimeout: 90000,
-    browsers: ['ChromeNoSandbox'],
-    client: {
-      useIframe: false,
-    },
-    colors: true,
-    concurrency: Infinity,
-    customLaunchers: {
-      ChromeNoSandbox: {
-        base: 'ChromeHeadless',
-        flags: ['--no-sandbox'],
-      },
-    },
-    files: ['**/!(*.d).ts'],
-    frameworks: ['jasmine', 'karma-typescript'],
-    logLevel: config.LOG_INFO,
-    port: 9876,
-    preprocessors: {
-      '**/*.ts': ['karma-typescript'],
-    },
-    reporters: ['progress', 'karma-typescript'],
-    singleRun: true,
-  });
-};
diff --git a/packages/store-engine-dexie/package.json b/packages/store-engine-dexie/package.json
index f14137d56f..47c89847e1 100644
--- a/packages/store-engine-dexie/package.json
+++ b/packages/store-engine-dexie/package.json
@@ -3,16 +3,14 @@
     "dexie": "3.2.2"
   },
   "devDependencies": {
-    "@types/jasmine": "4.3.0",
-    "@types/karma": "6.3.3",
+    "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
     "@wireapp/store-engine": "workspace:^",
-    "jasmine": "4.4.0",
-    "karma": "6.4.1",
-    "karma-chrome-launcher": "3.1.1",
-    "karma-jasmine": "5.1.0",
-    "karma-typescript": "5.5.3",
+    "fake-indexeddb": "^4.0.0",
+    "jest": "^29.2.1",
+    "jest-environment-jsdom": "^29.2.1",
     "logdown": "3.3.1",
+    "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1",
     "typescript": "4.8.4",
     "uuidjs": "4.2.12"
@@ -35,8 +33,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(test*).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn build && karma start",
-    "test:project": "yarn build && yarn test"
+    "test": "yarn build && jest --coverage"
   },
   "version": "1.7.10"
 }
diff --git a/packages/store-engine-dexie/src/index.test.ts b/packages/store-engine-dexie/src/index.test.ts
index ac15d43b35..57a5a5cc18 100644
--- a/packages/store-engine-dexie/src/index.test.ts
+++ b/packages/store-engine-dexie/src/index.test.ts
@@ -129,7 +129,7 @@ describe('IndexedDBEngine', () => {
     });
   });
 
-  describe('readAllPrimaryKeys', async () => {
+  describe('readAllPrimaryKeys', () => {
     beforeEach(async () => (engine = await initEngine()));
 
     Object.entries(readAllPrimaryKeysSpec).map(([description, testFunction]) => {
@@ -198,7 +198,7 @@ describe('IndexedDBEngine', () => {
 
       type ExpectedResult = typeof entity & {primaryKey: number};
 
-      const primaryKey = await engine.updateOrCreate<number>(TABLE_NAME, undefined, entity);
+      const primaryKey = await engine.updateOrCreate<number>(TABLE_NAME, -1, entity);
       expect(primaryKey).toBe(1);
       const record = await engine.read<ExpectedResult, number>(TABLE_NAME, primaryKey);
       expect(record.primaryKey).toBe(1);
@@ -206,7 +206,7 @@ describe('IndexedDBEngine', () => {
     });
   });
 
-  describe('updateOrCreate', async () => {
+  describe('updateOrCreate', () => {
     it(Object.keys(updateOrCreateSpec)[0], async () => {
       /**
        * For tests that are based on records without primary keys, we need to use an IndexedDB schema with out-of-line
diff --git a/packages/store-engine-fs/jest.config.js b/packages/store-engine-fs/jest.config.js
new file mode 100644
index 0000000000..1aa00636d8
--- /dev/null
+++ b/packages/store-engine-fs/jest.config.js
@@ -0,0 +1,27 @@
+/*
+ * Wire
+ * Copyright (C) 2022 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+module.exports = {
+  clearMocks: true,
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx|js)", "test/**/*.+(ts|tsx|js)",],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest"
+  },
+  testEnvironment: "jsdom"
+};
diff --git a/packages/store-engine-fs/package.json b/packages/store-engine-fs/package.json
index 079fd8c924..9c81a93ecf 100644
--- a/packages/store-engine-fs/package.json
+++ b/packages/store-engine-fs/package.json
@@ -4,11 +4,13 @@
   },
   "devDependencies": {
     "@types/fs-extra": "9.0.13",
-    "@types/jasmine": "4.3.0",
+    "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
     "@wireapp/store-engine": "workspace:^",
-    "jasmine": "4.4.0",
+    "jest": "^29.2.1",
+    "jest-environment-jsdom": "^29.2.1",
     "nyc": "15.1.0",
+    "ts-jest": "^29.0.3",
     "ts-node": "10.9.1",
     "typescript": "4.8.4"
   },
@@ -30,7 +32,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(test*).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn build && nyc jasmine --config=jasmine.json",
+    "test": "yarn build && jest --coverage",
     "test:project": "yarn build && yarn test"
   },
   "version": "2.5.10"
diff --git a/packages/store-engine/package.json b/packages/store-engine/package.json
index fe955fbb19..06990781d4 100644
--- a/packages/store-engine/package.json
+++ b/packages/store-engine/package.json
@@ -37,7 +37,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn dist && jest"
+    "test": "yarn dist && jest --coverage"
   },
   "version": "4.10.10"
 }
diff --git a/packages/store-engine/src/main/store/TransientStore.test.ts b/packages/store-engine/src/main/store/TransientStore.test.ts
index f651afe744..aa4dce7672 100644
--- a/packages/store-engine/src/main/store/TransientStore.test.ts
+++ b/packages/store-engine/src/main/store/TransientStore.test.ts
@@ -58,6 +58,7 @@ describe('store.TransientStore', () => {
     });
 
     it("doesn't overwrite an existing record.", async () => {
+      expect.assertions(2);
       try {
         await store.set(primaryKey, entity, ttl);
         await store.set(primaryKey, {access_token: 'ABC'}, ttl);
diff --git a/yarn.lock b/yarn.lock
index 0bc72b781e..fc3b9a0b92 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -4016,16 +4016,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/jest@npm:^29.0.3, @types/jest@npm:^29.1.1":
-  version: 29.1.1
-  resolution: "@types/jest@npm:29.1.1"
-  dependencies:
-    expect: ^29.0.0
-    pretty-format: ^29.0.0
-  checksum: d9e6f7d6ab64cf45535369d0a3dc4640cbe6b37ab6f8927e874eacc199581338ebf6ff544f7c2cd188c5fc7cd0b3197aa72cb2b826f0a1352b93b89993711413
-  languageName: node
-  linkType: hard
-
 "@types/jsdom@npm:^20.0.0":
   version: 20.0.0
   resolution: "@types/jsdom@npm:20.0.0"
@@ -4924,7 +4914,7 @@ __metadata:
     "@babel/preset-react": 7.18.6
     "@babel/preset-typescript": 7.18.6
     "@types/babel__preset-env": ^7
-    "@types/jest": ^29.0.3
+    "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
     "@types/spark-md5": 3.0.2
     "@types/tough-cookie": 4.0.1
@@ -4942,7 +4932,8 @@ __metadata:
     cross-env: 7.0.3
     dotenv: 16.0.3
     http-status-codes: 2.2.0
-    jest: ^29.0.3
+    jest: ^29.2.1
+    jest-environment-jsdom: ^29.2.1
     logdown: 3.3.1
     nock: 13.2.9
     nyc: 15.1.0
@@ -5073,6 +5064,7 @@ __metadata:
     http-status-codes: 2.2.0
     idb: 7.1.0
     jest: 29.2.1
+    jest-environment-jsdom: ^29.2.1
     jest-jasmine2: 29.2.1
     jest-websocket-mock: 2.4.0
     logdown: 3.3.1
@@ -5227,7 +5219,7 @@ __metadata:
     "@testing-library/jest-dom": 5.16.5
     "@testing-library/react": 13.4.0
     "@types/color": 3.0.3
-    "@types/jest": ^29.1.1
+    "@types/jest": ^29.2.0
     "@types/react": 18.0.21
     "@types/webpack-env": 1.18.0
     babel-jest: 29.2.1
@@ -5260,17 +5252,15 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/store-engine-dexie@workspace:packages/store-engine-dexie"
   dependencies:
-    "@types/jasmine": 4.3.0
-    "@types/karma": 6.3.3
+    "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
     "@wireapp/store-engine": "workspace:^"
     dexie: 3.2.2
-    jasmine: 4.4.0
-    karma: 6.4.1
-    karma-chrome-launcher: 3.1.1
-    karma-jasmine: 5.1.0
-    karma-typescript: 5.5.3
+    fake-indexeddb: ^4.0.0
+    jest: ^29.2.1
+    jest-environment-jsdom: ^29.2.1
     logdown: 3.3.1
+    ts-jest: ^29.0.3
     ts-node: ^10.9.1
     typescript: 4.8.4
     uuidjs: 4.2.12
@@ -5284,12 +5274,14 @@ __metadata:
   resolution: "@wireapp/store-engine-fs@workspace:packages/store-engine-fs"
   dependencies:
     "@types/fs-extra": 9.0.13
-    "@types/jasmine": 4.3.0
+    "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
     "@wireapp/store-engine": "workspace:^"
     fs-extra: 10.1.0
-    jasmine: 4.4.0
+    jest: ^29.2.1
+    jest-environment-jsdom: ^29.2.1
     nyc: 15.1.0
+    ts-jest: ^29.0.3
     ts-node: 10.9.1
     typescript: 4.8.4
   peerDependencies:
@@ -5455,13 +5447,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-walk@npm:^8.0.2":
-  version: 8.0.2
-  resolution: "acorn-walk@npm:8.0.2"
-  checksum: 0e26d2830be32b41418426f2f5550e715360810d5e89d226c1e109abd3d8ae182bd15cc053d84bc1e230bbc9a6f6932192f1e55bb99f472fe2078d4dc9558969
-  languageName: node
-  linkType: hard
-
 "acorn-walk@npm:^8.1.1":
   version: 8.2.0
   resolution: "acorn-walk@npm:8.2.0"
@@ -5487,15 +5472,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^8.1.0":
-  version: 8.7.1
-  resolution: "acorn@npm:8.7.1"
-  bin:
-    acorn: bin/acorn
-  checksum: aca0aabf98826717920ac2583fdcad0a6fbe4e583fdb6e843af2594e907455aeafe30b1e14f1757cd83ce1776773cf8296ffc3a4acf13f0bd3dfebcf1db6ae80
-  languageName: node
-  linkType: hard
-
 "acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.7.1, acorn@npm:^8.8.0":
   version: 8.8.0
   resolution: "acorn@npm:8.8.0"
@@ -6049,18 +6025,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"assert@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "assert@npm:2.0.0"
-  dependencies:
-    es6-object-assign: ^1.1.0
-    is-nan: ^1.2.1
-    object-is: ^1.0.1
-    util: ^0.12.0
-  checksum: bb91f181a86d10588ee16c5e09c280f9811373974c29974cbe401987ea34e966699d7989a812b0e19377b511ea0bc627f5905647ce569311824848ede382cae8
-  languageName: node
-  linkType: hard
-
 "assign-symbols@npm:^1.0.0":
   version: 1.0.0
   resolution: "assign-symbols@npm:1.0.0"
@@ -6128,13 +6092,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"async@npm:^3.0.1":
-  version: 3.1.0
-  resolution: "async@npm:3.1.0"
-  checksum: 2602938fbd317c7311807934ab49e3f26ef88d71d2c19f7bbd84bcaadd4c98f564c57caa6b4a4563527ffc6929b0be8142cca7240def8bf4e946bce376d2cade
-  languageName: node
-  linkType: hard
-
 "asynckit@npm:^0.4.0":
   version: 0.4.0
   resolution: "asynckit@npm:0.4.0"
@@ -6631,15 +6588,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browser-resolve@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "browser-resolve@npm:2.0.0"
-  dependencies:
-    resolve: ^1.17.0
-  checksum: 69225e73b555bd6d2a08fb93c7342cfcf3b5058b975099c52649cd5c3cec84c2066c5385084d190faedfb849684d9dabe10129f0cd401d1883572f2e6650f440
-  languageName: node
-  linkType: hard
-
 "browser-sync-client@npm:^2.27.10":
   version: 2.27.10
   resolution: "browser-sync-client@npm:2.27.10"
@@ -6906,16 +6854,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"buffer@npm:^5.4.3":
-  version: 5.5.0
-  resolution: "buffer@npm:5.5.0"
-  dependencies:
-    base64-js: ^1.0.2
-    ieee754: ^1.1.4
-  checksum: 8c14fa2cd8767f4bfc025d3988fe9e2b488c9103bddbd028e57fad16a65d5183fbf23b629385206c9be887119fc7184d9132604936155af5127c82d31dbe3a55
-  languageName: node
-  linkType: hard
-
 "buffer@npm:^5.5.0":
   version: 5.7.1
   resolution: "buffer@npm:5.7.1"
@@ -7641,18 +7579,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"combine-source-map@npm:^0.8.0":
-  version: 0.8.0
-  resolution: "combine-source-map@npm:0.8.0"
-  dependencies:
-    convert-source-map: ~1.1.0
-    inline-source-map: ~0.6.0
-    lodash.memoize: ~3.0.3
-    source-map: ~0.5.3
-  checksum: 26b3064a4e58400e04089acbf5c8741c47db079706bb2fcd79a7768f99d68de9baf1eb48081cdfbc568e308633105af2aeaf52c73e388619ba1f56463fb73a2e
-  languageName: node
-  linkType: hard
-
 "combined-stream@npm:^1.0.8":
   version: 1.0.8
   resolution: "combined-stream@npm:1.0.8"
@@ -7898,7 +7824,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"console-browserify@npm:^1.1.0, console-browserify@npm:^1.2.0":
+"console-browserify@npm:^1.1.0":
   version: 1.2.0
   resolution: "console-browserify@npm:1.2.0"
   checksum: 226591eeff8ed68e451dffb924c1fb750c654d54b9059b3b261d360f369d1f8f70650adecf2c7136656236a4bfeb55c39281b5d8a55d792ebbb99efd3d848d52
@@ -8060,13 +7986,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"convert-source-map@npm:~1.1.0":
-  version: 1.1.3
-  resolution: "convert-source-map@npm:1.1.3"
-  checksum: 0ed6bdecd330fd05941b417b63ebc9001b438f6d6681cd9a068617c3d4b649794dc35c95ba239d0a01f0b9499912b9e0d0d1b7c612e3669c57c65ce4bbc8fdd8
-  languageName: node
-  linkType: hard
-
 "cookie-signature@npm:1.0.6":
   version: 1.0.6
   resolution: "cookie-signature@npm:1.0.6"
@@ -8298,7 +8217,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"crypto-browserify@npm:^3.11.0, crypto-browserify@npm:^3.12.0":
+"crypto-browserify@npm:^3.11.0":
   version: 3.12.0
   resolution: "crypto-browserify@npm:3.12.0"
   dependencies:
@@ -8591,7 +8510,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"define-properties@npm:^1.1.1, define-properties@npm:^1.1.2, define-properties@npm:^1.1.3":
+"define-properties@npm:^1.1.2, define-properties@npm:^1.1.3":
   version: 1.1.3
   resolution: "define-properties@npm:1.1.3"
   dependencies:
@@ -8941,13 +8860,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"domain-browser@npm:^4.16.0":
-  version: 4.19.0
-  resolution: "domain-browser@npm:4.19.0"
-  checksum: 1b77fa2a85f1531b8bdfcc42c2a2706016aeaddeed12ce4851f9d6a17135588e05120e380c6b5b645290522684f9311a6e0a3e68b46f864f864ed89620d4bdd7
-  languageName: node
-  linkType: hard
-
 "domexception@npm:^1.0.1":
   version: 1.0.1
   resolution: "domexception@npm:1.0.1"
@@ -9473,7 +9385,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es6-object-assign@npm:^1.1.0, es6-object-assign@npm:~1.1.0":
+"es6-object-assign@npm:~1.1.0":
   version: 1.1.0
   resolution: "es6-object-assign@npm:1.1.0"
   checksum: 8d4fdf63484d78b5c64cacc2c2e1165bc7b6a64b739d2a9db6a4dc8641d99cc9efb433cdd4dc3d3d6b00bfa6ce959694e4665e3255190339945c5f33b692b5d8
@@ -10210,7 +10122,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fake-indexeddb@npm:4.0.0":
+"fake-indexeddb@npm:4.0.0, fake-indexeddb@npm:^4.0.0":
   version: 4.0.0
   resolution: "fake-indexeddb@npm:4.0.0"
   dependencies:
@@ -12063,7 +11975,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inherits@npm:2, inherits@npm:2.0.4, inherits@npm:^2.0.1, inherits@npm:^2.0.3, inherits@npm:^2.0.4, inherits@npm:~2.0.1, inherits@npm:~2.0.3, inherits@npm:~2.0.4":
+"inherits@npm:2, inherits@npm:2.0.4, inherits@npm:^2.0.1, inherits@npm:^2.0.3, inherits@npm:^2.0.4, inherits@npm:~2.0.1, inherits@npm:~2.0.3":
   version: 2.0.4
   resolution: "inherits@npm:2.0.4"
   checksum: 4a48a733847879d6cf6691860a6b1e3f0f4754176e4d71494c41f3475553768b10f84b5ce1d40fbd0e34e6bfbb864ee35858ad4dd2cf31e02fc4a154b724d7f1
@@ -12098,15 +12010,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"inline-source-map@npm:~0.6.0":
-  version: 0.6.2
-  resolution: "inline-source-map@npm:0.6.2"
-  dependencies:
-    source-map: ~0.5.3
-  checksum: 1f7fa2ad1764d03a0a525d5c47993f9e3d0445f29c2e2413d2878deecb6ecb1e6f9137a6207e3db8dc129565bde15de88c1ba2665407e753e7f3ec768ca29262
-  languageName: node
-  linkType: hard
-
 "inquirer@npm:^8.2.4":
   version: 8.2.4
   resolution: "inquirer@npm:8.2.4"
@@ -12214,13 +12117,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-arguments@npm:^1.0.4":
-  version: 1.0.4
-  resolution: "is-arguments@npm:1.0.4"
-  checksum: a40ce1580cbb28b67790afe91d9c39a9016f165e724021f2c61da016d7382a1b04a202d9d4ea1c8b5d7fda7c15144aa5c4e92ea4ed0896e2b95f4f665a966cd5
-  languageName: node
-  linkType: hard
-
 "is-arrayish@npm:^0.2.1":
   version: 0.2.1
   resolution: "is-arrayish@npm:0.2.1"
@@ -12502,13 +12398,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-generator-function@npm:^1.0.7":
-  version: 1.0.7
-  resolution: "is-generator-function@npm:1.0.7"
-  checksum: 05fa270375be3d2e4564ae8bcdcdb41e208d6f68f5390130a7beecaf7661d4d192ca139a029ea49f101686160eb976fabee4cdf591ee2ded08d7dc1b36897673
-  languageName: node
-  linkType: hard
-
 "is-glob@npm:^2.0.0, is-glob@npm:^2.0.1":
   version: 2.0.1
   resolution: "is-glob@npm:2.0.1"
@@ -12573,15 +12462,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"is-nan@npm:^1.2.1":
-  version: 1.2.1
-  resolution: "is-nan@npm:1.2.1"
-  dependencies:
-    define-properties: ^1.1.1
-  checksum: 18c6b174e26b2cc1a00ac5fb3347371654f85f32bd2d8f67cc4c4618df33aa5dbf865bbcd7def787dffec79768103d52c893163c341820c7b0577cf4ab96d12a
-  languageName: node
-  linkType: hard
-
 "is-negative-zero@npm:^2.0.0":
   version: 2.0.0
   resolution: "is-negative-zero@npm:2.0.0"
@@ -13101,7 +12981,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-reports@npm:^3.0.0, istanbul-reports@npm:^3.0.2":
+"istanbul-reports@npm:^3.0.2":
   version: 3.0.2
   resolution: "istanbul-reports@npm:3.0.2"
   dependencies:
@@ -13742,7 +13622,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest@npm:29.2.1, jest@npm:^29.0.3, jest@npm:^29.2.1":
+"jest@npm:29.2.1, jest@npm:^29.2.1":
   version: 29.2.1
   resolution: "jest@npm:29.2.1"
   dependencies:
@@ -14182,60 +14062,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"karma-typescript@npm:5.5.3":
-  version: 5.5.3
-  resolution: "karma-typescript@npm:5.5.3"
-  dependencies:
-    acorn: ^8.1.0
-    acorn-walk: ^8.0.2
-    assert: ^2.0.0
-    async: ^3.0.1
-    browser-resolve: ^2.0.0
-    browserify-zlib: ^0.2.0
-    buffer: ^5.4.3
-    combine-source-map: ^0.8.0
-    console-browserify: ^1.2.0
-    constants-browserify: ^1.0.0
-    convert-source-map: ^1.7.0
-    crypto-browserify: ^3.12.0
-    diff: ^4.0.1
-    domain-browser: ^4.16.0
-    events: ^3.2.0
-    glob: ^7.1.6
-    https-browserify: ^1.0.0
-    istanbul-lib-coverage: ^3.0.0
-    istanbul-lib-instrument: ^4.0.0
-    istanbul-lib-report: ^3.0.0
-    istanbul-lib-source-maps: ^4.0.0
-    istanbul-reports: ^3.0.0
-    json-stringify-safe: ^5.0.1
-    lodash: ^4.17.19
-    log4js: ^6.3.0
-    minimatch: ^3.0.4
-    os-browserify: ^0.3.0
-    pad: ^3.2.0
-    path-browserify: ^1.0.0
-    process: ^0.11.10
-    punycode: ^2.1.1
-    querystring-es3: ^0.2.1
-    readable-stream: ^3.1.1
-    source-map: ^0.7.3
-    stream-browserify: ^3.0.0
-    stream-http: ^3.1.0
-    string_decoder: ^1.3.0
-    timers-browserify: ^2.0.11
-    tmp: ^0.2.1
-    tty-browserify: ^0.0.1
-    url: ^0.11.0
-    util: ^0.12.1
-    vm-browserify: ^1.1.2
-  peerDependencies:
-    karma: 1 || 2 || 3 || 4 || 5 || 6
-    typescript: 1 || 2 || 3 || 4
-  checksum: 0474336d20926a7c6172565ceff694b8e43c2b09a3c25624d18de76f8a9b933c49032326ca7d7b39094cf4766ba9b06bb2a00c1bc701aad6d1e437e6e165a66f
-  languageName: node
-  linkType: hard
-
 "karma@npm:6.4.1":
   version: 6.4.1
   resolution: "karma@npm:6.4.1"
@@ -14705,13 +14531,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.memoize@npm:~3.0.3":
-  version: 3.0.4
-  resolution: "lodash.memoize@npm:3.0.4"
-  checksum: fc52e0916b896fa79d6b85fbeaa0e44a381b70f1fcab7acab10188aaeeb2107e21b9b992bff560f405696e0a6e3bb5c08af18955d628a1e8ab6b11df14ff6172
-  languageName: node
-  linkType: hard
-
 "lodash.merge@npm:^4.6.2":
   version: 4.6.2
   resolution: "lodash.merge@npm:4.6.2"
@@ -14719,7 +14538,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash@npm:^4.17.10, lodash@npm:^4.17.14, lodash@npm:^4.17.15, lodash@npm:^4.17.19, lodash@npm:^4.17.21, lodash@npm:^4.7.0":
+"lodash@npm:^4.17.10, lodash@npm:^4.17.14, lodash@npm:^4.17.15, lodash@npm:^4.17.21, lodash@npm:^4.7.0":
   version: 4.17.21
   resolution: "lodash@npm:4.17.21"
   checksum: eb835a2e51d381e561e508ce932ea50a8e5a68f4ebdd771ea240d3048244a8d13658acbd502cd4829768c56f2e16bdd4340b9ea141297d472517b83868e677f7
@@ -14767,7 +14586,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"log4js@npm:^6.3.0, log4js@npm:^6.4.1":
+"log4js@npm:^6.4.1":
   version: 6.4.1
   resolution: "log4js@npm:6.4.1"
   dependencies:
@@ -16445,13 +16264,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"object-is@npm:^1.0.1":
-  version: 1.0.1
-  resolution: "object-is@npm:1.0.1"
-  checksum: 7c6c2131e3386950e930e2ec28c284784ea94e8a77c8b3afebe03077a33f85c78c29011231721626b09d2983eb8eac9480dad70b07f5deb2d8a7121ab5bc7bd1
-  languageName: node
-  linkType: hard
-
 "object-keys@npm:^1.0.11, object-keys@npm:^1.0.12, object-keys@npm:^1.0.9, object-keys@npm:^1.1.1":
   version: 1.1.1
   resolution: "object-keys@npm:1.1.1"
@@ -16989,15 +16801,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pad@npm:^3.2.0":
-  version: 3.2.0
-  resolution: "pad@npm:3.2.0"
-  dependencies:
-    wcwidth: ^1.0.1
-  checksum: c681c974613c3681058344d56090883260ba82401e507f11a21676a5cd5e4a9364b24fcaf9063d402311b7a8f1c38563a38c986b390595337f66c278a1d96698
-  languageName: node
-  linkType: hard
-
 "pako@npm:~1.0.2, pako@npm:~1.0.5":
   version: 1.0.10
   resolution: "pako@npm:1.0.10"
@@ -17162,13 +16965,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"path-browserify@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "path-browserify@npm:1.0.0"
-  checksum: 7752575d05f58961cc455d82cecb156e56b7a09756e0acfb15a4840d7e49667a71d3469fe065b6b297b02f1f0bdffc90312dd038a2e1182e7f400b4cdff9b932
-  languageName: node
-  linkType: hard
-
 "path-dirname@npm:^1.0.0":
   version: 1.0.2
   resolution: "path-dirname@npm:1.0.2"
@@ -17853,7 +17649,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"querystring-es3@npm:^0.2.0, querystring-es3@npm:^0.2.1":
+"querystring-es3@npm:^0.2.0":
   version: 0.2.1
   resolution: "querystring-es3@npm:0.2.1"
   checksum: 691e8d6b8b157e7cd49ae8e83fcf86de39ab3ba948c25abaa94fba84c0986c641aa2f597770848c64abce290ed17a39c9df6df737dfa7e87c3b63acc7d225d61
@@ -18489,7 +18285,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"readable-stream@npm:3, readable-stream@npm:^3.0.0, readable-stream@npm:^3.0.2, readable-stream@npm:^3.0.6, readable-stream@npm:^3.1.1, readable-stream@npm:^3.4.0, readable-stream@npm:^3.5.0, readable-stream@npm:^3.6.0":
+"readable-stream@npm:3, readable-stream@npm:^3.0.0, readable-stream@npm:^3.0.2, readable-stream@npm:^3.0.6, readable-stream@npm:^3.4.0, readable-stream@npm:^3.6.0":
   version: 3.6.0
   resolution: "readable-stream@npm:3.6.0"
   dependencies:
@@ -18955,7 +18751,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@npm:^1.10.0, resolve@npm:^1.12.0, resolve@npm:^1.14.2, resolve@npm:^1.17.0, resolve@npm:^1.20.0, resolve@npm:^1.9.0":
+"resolve@npm:^1.10.0, resolve@npm:^1.12.0, resolve@npm:^1.14.2, resolve@npm:^1.20.0, resolve@npm:^1.9.0":
   version: 1.20.0
   resolution: "resolve@npm:1.20.0"
   dependencies:
@@ -18988,7 +18784,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.12.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.17.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.9.0#~builtin<compat/resolve>":
+"resolve@patch:resolve@^1.10.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.12.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.14.2#~builtin<compat/resolve>, resolve@patch:resolve@^1.20.0#~builtin<compat/resolve>, resolve@patch:resolve@^1.9.0#~builtin<compat/resolve>":
   version: 1.20.0
   resolution: "resolve@patch:resolve@npm%3A1.20.0#~builtin<compat/resolve>::version=1.20.0&hash=07638b"
   dependencies:
@@ -19133,7 +18929,7 @@ __metadata:
     eslint-plugin-simple-import-sort: 8.0.0
     eslint-plugin-unused-imports: 2.0.0
     husky: 8.0.1
-    jest: ^29.0.3
+    jest: ^29.2.1
     lint-staged: 13.0.3
     prettier: 2.7.1
     rimraf: 3.0.2
@@ -19962,7 +19758,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"source-map@npm:^0.5.0, source-map@npm:^0.5.6, source-map@npm:^0.5.7, source-map@npm:~0.5.3":
+"source-map@npm:^0.5.0, source-map@npm:^0.5.6, source-map@npm:^0.5.7":
   version: 0.5.7
   resolution: "source-map@npm:0.5.7"
   checksum: 5dc2043b93d2f194142c7f38f74a24670cd7a0063acdaf4bf01d2964b402257ae843c2a8fa822ad5b71013b5fcafa55af7421383da919752f22ff488bc553f4d
@@ -20213,16 +20009,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stream-browserify@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "stream-browserify@npm:3.0.0"
-  dependencies:
-    inherits: ~2.0.4
-    readable-stream: ^3.5.0
-  checksum: 4c47ef64d6f03815a9ca3874e2319805e8e8a85f3550776c47ce523b6f4c6cd57f40e46ec6a9ab8ad260fde61863c2718f250d3bedb3fe9052444eb9abfd9921
-  languageName: node
-  linkType: hard
-
 "stream-each@npm:^1.1.0":
   version: 1.2.3
   resolution: "stream-each@npm:1.2.3"
@@ -20246,18 +20032,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"stream-http@npm:^3.1.0":
-  version: 3.1.0
-  resolution: "stream-http@npm:3.1.0"
-  dependencies:
-    builtin-status-codes: ^3.0.0
-    inherits: ^2.0.1
-    readable-stream: ^3.0.6
-    xtend: ^4.0.0
-  checksum: e6898451a0b0156bac9cd86196173d96b896b38bc186c5847a933183b1bacd4c594899ffa1a82f695aa9b1333699f6292121ecf4360b3ca21680c328818c3051
-  languageName: node
-  linkType: hard
-
 "stream-shift@npm:^1.0.0":
   version: 1.0.0
   resolution: "stream-shift@npm:1.0.0"
@@ -20468,7 +20242,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"string_decoder@npm:^1.0.0, string_decoder@npm:^1.1.1, string_decoder@npm:^1.3.0":
+"string_decoder@npm:^1.0.0, string_decoder@npm:^1.1.1":
   version: 1.3.0
   resolution: "string_decoder@npm:1.3.0"
   dependencies:
@@ -20912,7 +20686,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"timers-browserify@npm:^2.0.11, timers-browserify@npm:^2.0.4":
+"timers-browserify@npm:^2.0.4":
   version: 2.0.11
   resolution: "timers-browserify@npm:2.0.11"
   dependencies:
@@ -21274,13 +21048,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tty-browserify@npm:^0.0.1":
-  version: 0.0.1
-  resolution: "tty-browserify@npm:0.0.1"
-  checksum: 93b745d43fa5a7d2b948fa23be8d313576d1d884b48acd957c07710bac1c0d8ac34c0556ad4c57c73d36e11741763ef66b3fb4fb97b06b7e4d525315a3cd45f5
-  languageName: node
-  linkType: hard
-
 "type-check@npm:^0.4.0, type-check@npm:~0.4.0":
   version: 0.4.0
   resolution: "type-check@npm:0.4.0"
@@ -21858,18 +21625,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"util@npm:^0.12.0, util@npm:^0.12.1":
-  version: 0.12.2
-  resolution: "util@npm:0.12.2"
-  dependencies:
-    inherits: ^2.0.3
-    is-arguments: ^1.0.4
-    is-generator-function: ^1.0.7
-    safe-buffer: ^5.1.2
-  checksum: 03b9d525dc82cca8bcb271c5f0e2edc6039544edffbb82f723221d72226c58e48ad47a8c12ed523751827d9656005e572cad60edf3fae37b63a89a2cce455d31
-  languageName: node
-  linkType: hard
-
 "utils-copy-error@npm:^1.0.0":
   version: 1.0.1
   resolution: "utils-copy-error@npm:1.0.1"
@@ -22182,7 +21937,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"vm-browserify@npm:^1.0.1, vm-browserify@npm:^1.1.2":
+"vm-browserify@npm:^1.0.1":
   version: 1.1.2
   resolution: "vm-browserify@npm:1.1.2"
   checksum: 10a1c50aab54ff8b4c9042c15fc64aefccce8d2fb90c0640403242db0ee7fb269f9b102bdb69cfb435d7ef3180d61fd4fb004a043a12709abaf9056cfd7e039d

From 77d39b4793a2c1f2e289034586d12bcc67346cdd Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Fri, 21 Oct 2022 12:19:01 +0200
Subject: [PATCH 04/17] chore: remove jasmine + karma globally

---
 .eslintrc.json                                |   3 +-
 bin/testUpdated.js                            |   8 +-
 package.json                                  |   3 +-
 packages/api-client/package.json              |   5 +-
 .../api-client/src/http/HttpClient.test.ts    |   2 -
 packages/archive/bot-api/src/Bot.test.node.ts |   4 +-
 .../bot-api/src/MessageHandler.test.node.ts   |  60 +-
 .../src/SQLeetEngine.test.ts                  |   3 -
 packages/bazinga64/jasmine.json               |   6 -
 packages/bazinga64/jest.config.js             |  27 +
 packages/bazinga64/package.json               |  12 +-
 packages/certificate-check/.nycrc.json        |   9 -
 packages/certificate-check/jasmine.json       |   7 -
 packages/certificate-check/jest.config.js     |  27 +
 packages/certificate-check/package.json       |  10 +-
 packages/commons/babel.config.js              |   3 -
 packages/commons/jest.config.js               |  10 +-
 packages/commons/package.json                 |  14 +-
 ...ory.test.browser.ts => LogFactory.test.ts} |   0
 ...rayUtil.test.node.ts => ArrayUtil.test.ts} |   0
 ...DateUtil.test.node.ts => DateUtil.test.ts} |   0
 ...omUtil.test.node.ts => RandomUtil.test.ts} |   6 +-
 ...untime.test.browser.ts => Runtime.test.ts} |   0
 ...ngUtil.test.node.ts => StringUtil.test.ts} |   0
 .../{TypeUtil.test.ts => TypeUtil.mock.ts}    |   0
 ...rlUtil.test.browser.ts => UrlUtil.test.ts} |   0
 ...il.test.node.ts => ValidationUtil.test.ts} |   2 +-
 packages/copy-config/jasmine.json             |   7 -
 packages/copy-config/jest.config.js           |  27 +
 packages/copy-config/package.json             |   9 +-
 .../copy-config/src/main/CopyConfig.test.js   | 343 ++++-----
 .../copy-config/src/main/CopyConfig.test.ts   | 203 +++++
 packages/core/.nycrc.json                     |   9 -
 packages/core/babel.config.js                 |   3 -
 packages/core/jest.config.js                  |  13 +-
 packages/core/package.json                    |  15 +-
 .../{Account.test.node.ts => Account.test.ts} |  11 +-
 ...er.test.node.ts => LoginSanitizer.test.ts} |   2 +-
 ...vice.test.node.ts => AssetService.test.ts} |   6 +-
 ...est.node.ts => ConversationMapper.test.ts} |   0
 ...st.node.ts => ConversationService.test.ts} |  44 +-
 ...imer.test.node.ts => MessageTimer.test.ts} |   0
 ...ce.test.node.ts => MessageService.test.ts} |   0
 ....test.node.ts => UserClientsUtils.test.ts} |   0
 ...st.node.ts => CryptographyService.test.ts} |   2 +-
 ...est.node.ts => MessageHashService.test.ts} |   0
 .../src/main/mls/MLSService/MLSService.ts     |   3 +-
 ...ode.ts => keyMaterialUpdatesStore.test.ts} |   0
 ...st.node.ts => NotificationService.test.ts} |   0
 ...Mapper.test.node.ts => UserMapper.test.ts} |   0
 ...e.ts => LowPrecisionTaskScheduler.test.ts} |   0
 ...test.node.ts => TypePredicateUtil.test.ts} |   0
 ...ts => fullyQualifiedClientIdUtils.test.ts} |   0
 packages/license-collector/package.json       |   4 +-
 packages/priority-queue/karma.conf.ts         |  54 --
 packages/priority-queue/package.json          |  13 +-
 ...ityQueue.test.js => PriorityQueue.test.ts} |  99 +--
 ...ityQueue.test.js => PriorityQueue.test.ts} |  88 ++-
 .../src/test/node/support/jasmine.json        |   7 -
 packages/promise-queue/package.json           |   5 +-
 packages/react-ui-kit/jest.config.js          |  11 +-
 packages/react-ui-kit/package.json            |   6 +-
 .../react-ui-kit/src/Form/Select.test.tsx     |  26 +-
 .../Form/__snapshots__/Button.test.js.snap    | 268 ++-----
 .../Form/__snapshots__/Button.test.tsx.snap   | 351 +--------
 .../__snapshots__/ButtonLink.test.js.snap     | 182 ++---
 .../__snapshots__/ButtonLink.test.tsx.snap    | 230 +-----
 .../Form/__snapshots__/Checkbox.test.js.snap  | 428 ++++-------
 .../Form/__snapshots__/Checkbox.test.tsx.snap | 381 +---------
 .../__snapshots__/DropFileInput.test.js.snap  |  71 ++
 .../__snapshots__/DropFileInput.test.tsx.snap | 120 +--
 .../__snapshots__/ErrorMessage.test.js.snap   |  70 +-
 .../__snapshots__/ErrorMessage.test.tsx.snap  |  89 +--
 .../src/Form/__snapshots__/Form.test.js.snap  |  42 +-
 .../src/Form/__snapshots__/Form.test.tsx.snap |  25 +-
 .../src/Form/__snapshots__/Input.test.js.snap | 244 +-----
 .../Form/__snapshots__/Input.test.tsx.snap    | 292 +------
 .../__snapshots__/RangeInput.test.js.snap     |  47 ++
 .../__snapshots__/RangeInput.test.tsx.snap    | 119 +--
 .../Form/__snapshots__/Select.test.js.snap    | 271 +++++++
 .../Form/__snapshots__/Select.test.tsx.snap   | 669 ++--------------
 .../Form/__snapshots__/Switch.test.js.snap    | 394 ++--------
 .../Form/__snapshots__/Switch.test.tsx.snap   | 356 +--------
 .../Form/__snapshots__/TextArea.test.js.snap  | 172 +----
 .../Form/__snapshots__/TextArea.test.tsx.snap | 208 +----
 .../Text/__snapshots__/Heading.test.js.snap   | 252 ++----
 .../Text/__snapshots__/Heading.test.tsx.snap  | 162 +---
 .../src/Text/__snapshots__/Label.test.js.snap | 168 +---
 .../Text/__snapshots__/Label.test.tsx.snap    | 118 +--
 .../src/Text/__snapshots__/Line.test.js.snap  | 128 +---
 .../src/Text/__snapshots__/Line.test.tsx.snap |  51 +-
 .../src/Text/__snapshots__/Link.test.js.snap  |  88 +--
 .../src/Text/__snapshots__/Link.test.tsx.snap |  70 +-
 .../Text/__snapshots__/Paragraph.test.js.snap | 168 +---
 .../__snapshots__/Paragraph.test.tsx.snap     |  96 +--
 .../src/Text/__snapshots__/Text.test.js.snap  | 716 ++++--------------
 .../src/Text/__snapshots__/Text.test.tsx.snap | 324 +-------
 .../Text/__snapshots__/TextLink.test.js.snap  |  88 +--
 .../Text/__snapshots__/TextLink.test.tsx.snap |  70 +-
 .../src/Text/__snapshots__/Title.test.js.snap |  25 +
 .../Text/__snapshots__/Title.test.tsx.snap    |  40 +-
 .../__snapshots__/GlobalStyle.test.js.snap    |  33 +-
 .../__snapshots__/GlobalStyle.test.tsx.snap   |   8 +-
 packages/store-engine-dexie/jest.config.js    |   2 +-
 packages/store-engine-dexie/package.json      |   2 +-
 packages/store-engine-fs/.nycrc.json          |  14 -
 packages/store-engine-fs/jasmine.json         |   6 -
 packages/store-engine-fs/jest.config.js       |   2 +-
 packages/store-engine-fs/package.json         |   3 +-
 packages/store-engine-fs/src/index.test.ts    |   2 +-
 packages/store-engine/.nycrc.json             |   9 -
 packages/store-engine/jest.config.js          |   2 +-
 packages/store-engine/package.json            |   3 +-
 .../src/main/store/TransientStore.test.ts     |   5 +-
 .../store-engine/src/main/test/createSpec.ts  |   5 +-
 .../store-engine/src/main/test/readSpec.ts    |   2 +-
 .../store-engine/src/main/test/updateSpec.ts  |   1 -
 yarn.lock                                     | 402 ++--------
 118 files changed, 2144 insertions(+), 7181 deletions(-)
 delete mode 100644 packages/bazinga64/jasmine.json
 create mode 100644 packages/bazinga64/jest.config.js
 delete mode 100644 packages/certificate-check/.nycrc.json
 delete mode 100644 packages/certificate-check/jasmine.json
 create mode 100644 packages/certificate-check/jest.config.js
 delete mode 100644 packages/commons/babel.config.js
 rename packages/commons/src/main/{LogFactory.test.browser.ts => LogFactory.test.ts} (100%)
 rename packages/commons/src/main/util/{ArrayUtil.test.node.ts => ArrayUtil.test.ts} (100%)
 rename packages/commons/src/main/util/{DateUtil.test.node.ts => DateUtil.test.ts} (100%)
 rename packages/commons/src/main/util/{RandomUtil.test.node.ts => RandomUtil.test.ts} (92%)
 rename packages/commons/src/main/util/{Runtime.test.browser.ts => Runtime.test.ts} (100%)
 rename packages/commons/src/main/util/{StringUtil.test.node.ts => StringUtil.test.ts} (100%)
 rename packages/commons/src/main/util/{TypeUtil.test.ts => TypeUtil.mock.ts} (100%)
 rename packages/commons/src/main/util/{UrlUtil.test.browser.ts => UrlUtil.test.ts} (100%)
 rename packages/commons/src/main/util/{ValidationUtil.test.node.ts => ValidationUtil.test.ts} (98%)
 delete mode 100644 packages/copy-config/jasmine.json
 create mode 100644 packages/copy-config/jest.config.js
 create mode 100644 packages/copy-config/src/main/CopyConfig.test.ts
 delete mode 100644 packages/core/.nycrc.json
 delete mode 100644 packages/core/babel.config.js
 rename packages/core/src/main/{Account.test.node.ts => Account.test.ts} (98%)
 rename packages/core/src/main/auth/{LoginSanitizer.test.node.ts => LoginSanitizer.test.ts} (98%)
 rename packages/core/src/main/conversation/AssetService/{AssetService.test.node.ts => AssetService.test.ts} (95%)
 rename packages/core/src/main/conversation/ConversationMapper/{ConversationMapper.test.node.ts => ConversationMapper.test.ts} (100%)
 rename packages/core/src/main/conversation/ConversationService/{ConversationService.test.node.ts => ConversationService.test.ts} (93%)
 rename packages/core/src/main/conversation/MessageTimer/{MessageTimer.test.node.ts => MessageTimer.test.ts} (100%)
 rename packages/core/src/main/conversation/message/{MessageService.test.node.ts => MessageService.test.ts} (100%)
 rename packages/core/src/main/conversation/message/{UserClientsUtils.test.node.ts => UserClientsUtils.test.ts} (100%)
 rename packages/core/src/main/cryptography/{CryptographyService.test.node.ts => CryptographyService.test.ts} (99%)
 rename packages/core/src/main/cryptography/{MessageHashService.test.node.ts => MessageHashService.test.ts} (100%)
 rename packages/core/src/main/mls/keyMaterialUpdatesStore/{keyMaterialUpdatesStore.test.node.ts => keyMaterialUpdatesStore.test.ts} (100%)
 rename packages/core/src/main/notification/{NotificationService.test.node.ts => NotificationService.test.ts} (100%)
 rename packages/core/src/main/user/{UserMapper.test.node.ts => UserMapper.test.ts} (100%)
 rename packages/core/src/main/util/LowPrecisionTaskScheduler/{LowPrecisionTaskScheduler.test.node.ts => LowPrecisionTaskScheduler.test.ts} (100%)
 rename packages/core/src/main/util/{TypePredicateUtil.test.node.ts => TypePredicateUtil.test.ts} (100%)
 rename packages/core/src/main/util/{fullyQualifiedClientIdUtils.test.node.ts => fullyQualifiedClientIdUtils.test.ts} (100%)
 delete mode 100644 packages/priority-queue/karma.conf.ts
 rename packages/priority-queue/src/test/browser/{PriorityQueue.test.js => PriorityQueue.test.ts} (75%)
 rename packages/priority-queue/src/test/node/spec/{PriorityQueue.test.js => PriorityQueue.test.ts} (64%)
 delete mode 100644 packages/priority-queue/src/test/node/support/jasmine.json
 create mode 100644 packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Form/__snapshots__/Select.test.js.snap
 create mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Title.test.js.snap
 delete mode 100644 packages/store-engine-fs/.nycrc.json
 delete mode 100644 packages/store-engine-fs/jasmine.json
 delete mode 100644 packages/store-engine/.nycrc.json

diff --git a/.eslintrc.json b/.eslintrc.json
index 274ab41d4f..2cf49a772f 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -1,6 +1,5 @@
 {
   "env": {
-    "jasmine": true,
     "jest/globals": true
   },
   "extends": ["./packages/eslint-config/eslintrc.js", "plugin:jest/recommended"],
@@ -32,7 +31,7 @@
     "no-dupe-class-members": "off",
     "no-magic-numbers": "off",
     "valid-jsdoc": "off",
-    "jest/no-jasmine-globals": "off",
+    "jest/no-jasmine-globals": "error",
     "jest/no-identical-title": "warn",
     "jest/no-done-callback": "warn",
     "jest/no-disabled-tests": "warn",
diff --git a/bin/testUpdated.js b/bin/testUpdated.js
index 59280099f4..8f6cb01553 100644
--- a/bin/testUpdated.js
+++ b/bin/testUpdated.js
@@ -17,7 +17,7 @@
  *
  */
 
-const {execSync} = require('child_process');
+const { execSync } = require('child_process');
 
 let output;
 console.info('Checking for changed packages...');
@@ -35,7 +35,9 @@ const packageNames = changedPackages.map(project => project.name);
 const scopes = packageNames.map(packageName => `--scope ${packageName}`).join(' ');
 
 console.info(`Building packages "${scopes}"`);
-execSync(`npx lerna run dist --include-dependencies ${scopes}`, {stdio: [0, 1]});
+execSync(`npx lerna run dist --include-dependencies ${scopes}`, { stdio: [0, 1] });
 
 console.info(`Running tests for packages "${packageNames}"...`);
-execSync(`npx lerna run test ${scopes}`, {stdio: [0, 1]});
+execSync(`npx lerna run test ${scopes}`, { stdio: [0, 1] });
+
+
diff --git a/package.json b/package.json
index 47d5019737..89a162f6a8 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,8 @@
     "@lerna-lite/changed": "^1.11.3",
     "@lerna-lite/cli": "^1.11.3",
     "@lerna-lite/run": "^1.11.3",
+    "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.3",
     "@types/rimraf": "3.0.2",
     "@typescript-eslint/eslint-plugin": "5.40.1",
     "@typescript-eslint/parser": "5.40.1",
@@ -21,7 +23,6 @@
     "eslint-plugin-simple-import-sort": "8.0.0",
     "eslint-plugin-unused-imports": "2.0.0",
     "husky": "8.0.1",
-    "jest": "^29.2.1",
     "lint-staged": "13.0.3",
     "prettier": "2.7.1",
     "rimraf": "3.0.2",
diff --git a/packages/api-client/package.json b/packages/api-client/package.json
index c5d4908a2b..3a1b74d293 100644
--- a/packages/api-client/package.json
+++ b/packages/api-client/package.json
@@ -24,7 +24,6 @@
     "@babel/preset-typescript": "7.18.6",
     "@types/babel__preset-env": "^7",
     "@types/jest": "^29.2.0",
-    "@types/node": "^18.11.2",
     "@types/spark-md5": "3.0.2",
     "@types/tough-cookie": "4.0.1",
     "@types/ws": "8.5.3",
@@ -38,11 +37,11 @@
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
     "nock": "13.2.9",
-    "nyc": "15.1.0",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "sinon": "14.0.1",
     "sinon-har-server": "0.3.0",
+    "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1",
     "ws": "8.9.0"
   },
@@ -65,7 +64,7 @@
     "dist": "yarn clean && yarn build",
     "start": "concurrently \"tsc -w\" \"webpack -w\" \"browser-sync start -c bs-config.js\"",
     "start:node": "cross-env NODE_DEBUG='@wireapp*' node --inspect -r ts-node/register demo.ts",
-    "test": "jest",
+    "test": "jest --coverage",
     "watch": "webpack serve --config webpack.browser.js",
     "prepare": "yarn dist"
   },
diff --git a/packages/api-client/src/http/HttpClient.test.ts b/packages/api-client/src/http/HttpClient.test.ts
index 6b94cb8abc..77fa4d67f6 100644
--- a/packages/api-client/src/http/HttpClient.test.ts
+++ b/packages/api-client/src/http/HttpClient.test.ts
@@ -70,7 +70,6 @@ describe('HttpClient', () => {
 
       try {
         await client._sendRequest({method: 'GET', baseURL: testConfig.urls.rest, url: AuthAPI.URL.ACCESS});
-        fail();
       } catch (error) {
         expect((error as BackendError).message).toBe('Authentication failed because the token is invalid.');
       }
@@ -92,7 +91,6 @@ describe('HttpClient', () => {
 
     try {
       await client._sendRequest({method: 'GET', baseURL: testConfig.urls.rest, url: AuthAPI.URL.ACCESS});
-      fail();
     } catch (error) {
       expect((error as BackendError).message).toBe('Authentication failed because the cookie is missing.');
     }
diff --git a/packages/archive/bot-api/src/Bot.test.node.ts b/packages/archive/bot-api/src/Bot.test.node.ts
index c09d1c23c4..31d2747d04 100644
--- a/packages/archive/bot-api/src/Bot.test.node.ts
+++ b/packages/archive/bot-api/src/Bot.test.node.ts
@@ -40,8 +40,8 @@ describe('Bot', () => {
 
       const bot2 = new Bot(credentials, config);
 
-      expect(bot['config']).not.toEqual(jasmine.objectContaining(config));
-      expect(bot2['config']).toEqual(jasmine.objectContaining(config));
+      expect(bot['config']).not.toEqual(expect.objectContaining(config));
+      expect(bot2['config']).toEqual(expect.objectContaining(config));
     });
   });
 });
diff --git a/packages/archive/bot-api/src/MessageHandler.test.node.ts b/packages/archive/bot-api/src/MessageHandler.test.node.ts
index d61ddf7486..6777585dcb 100644
--- a/packages/archive/bot-api/src/MessageHandler.test.node.ts
+++ b/packages/archive/bot-api/src/MessageHandler.test.node.ts
@@ -45,9 +45,11 @@ describe('MessageHandler', () => {
     await mainHandler.account!.initServices({userId: 'user-id', clientType: ClientType.NONE});
     await mainHandler.account!['apiClient']['createContext']('user-id', ClientType.NONE);
 
-    spyOn(mainHandler.account!.service!.conversation, 'send').and.returnValue(
-      Promise.resolve({state: PayloadBundleState.OUTGOING_SENT, sentAt: new Date().toISOString(), id: createId()}),
-    );
+    jest
+      .spyOn(mainHandler.account!.service!.conversation, 'send')
+      .and.returnValue(
+        Promise.resolve({state: PayloadBundleState.OUTGOING_SENT, sentAt: new Date().toISOString(), id: createId()}),
+      );
   });
 
   describe('sendConnectionResponse', () => {
@@ -55,12 +57,12 @@ describe('MessageHandler', () => {
       const userId = UUID.genV4().toString();
       const acceptConnection = true;
 
-      spyOn(mainHandler.account!.service!.connection, 'acceptConnection').and.returnValue(
-        Promise.resolve({} as Connection),
-      );
-      spyOn(mainHandler.account!.service!.connection, 'ignoreConnection').and.returnValue(
-        Promise.resolve({} as Connection),
-      );
+      jest
+        .spyOn(mainHandler.account!.service!.connection, 'acceptConnection')
+        .and.returnValue(Promise.resolve({} as Connection));
+      jest
+        .spyOn(mainHandler.account!.service!.connection, 'ignoreConnection')
+        .and.returnValue(Promise.resolve({} as Connection));
 
       await mainHandler.sendConnectionResponse(userId, acceptConnection);
       expect(mainHandler.account!.service!.connection.acceptConnection).toHaveBeenCalledWith(userId);
@@ -71,12 +73,12 @@ describe('MessageHandler', () => {
       const userId = UUID.genV4().toString();
       const acceptConnection = false;
 
-      spyOn(mainHandler.account!.service!.connection, 'acceptConnection').and.returnValue(
-        Promise.resolve({} as Connection),
-      );
-      spyOn(mainHandler.account!.service!.connection, 'ignoreConnection').and.returnValue(
-        Promise.resolve({} as Connection),
-      );
+      jest
+        .spyOn(mainHandler.account!.service!.connection, 'acceptConnection')
+        .and.returnValue(Promise.resolve({} as Connection));
+      jest
+        .spyOn(mainHandler.account!.service!.connection, 'ignoreConnection')
+        .and.returnValue(Promise.resolve({} as Connection));
 
       await mainHandler.sendConnectionResponse(userId, acceptConnection);
       expect(mainHandler.account!.service!.connection.ignoreConnection).toHaveBeenCalledWith(userId);
@@ -96,7 +98,7 @@ describe('MessageHandler', () => {
         },
       ];
 
-      spyOn(MessageBuilder, 'buildTextMessage').and.callThrough();
+      jest.spyOn(MessageBuilder, 'buildTextMessage');
 
       await mainHandler.sendText(conversationId, messageText, mentionData);
 
@@ -104,10 +106,10 @@ describe('MessageHandler', () => {
         text: messageText,
       });
       expect(mainHandler.account!.service!.conversation.send).toHaveBeenCalledWith(
-        jasmine.objectContaining({
+        expect.objectContaining({
           protocol: ConversationProtocol.PROTEUS,
-          payload: jasmine.objectContaining({
-            content: jasmine.objectContaining({mentions: mentionData, text: messageText}),
+          payload: expect.objectContaining({
+            content: expect.objectContaining({mentions: mentionData, text: messageText}),
           }),
         }),
       );
@@ -117,7 +119,7 @@ describe('MessageHandler', () => {
       const conversationId = UUID.genV4().toString();
       const message = UUID.genV4().toString();
 
-      spyOn(MessageBuilder, 'buildTextMessage').and.callThrough();
+      jest.spyOn(MessageBuilder, 'buildTextMessage');
 
       await mainHandler.sendText(conversationId, message);
 
@@ -125,9 +127,9 @@ describe('MessageHandler', () => {
         text: message,
       });
       expect(mainHandler.account!.service!.conversation.send).toHaveBeenCalledWith(
-        jasmine.objectContaining({
+        expect.objectContaining({
           protocol: ConversationProtocol.PROTEUS,
-          payload: jasmine.objectContaining({content: jasmine.objectContaining({text: message})}),
+          payload: expect.objectContaining({content: expect.objectContaining({text: message})}),
         }),
       );
     });
@@ -137,7 +139,7 @@ describe('MessageHandler', () => {
       const message = UUID.genV4().toString();
       const userIds = [UUID.genV4().toString(), UUID.genV4().toString()];
 
-      spyOn(MessageBuilder, 'buildTextMessage').and.callThrough();
+      jest.spyOn(MessageBuilder, 'buildTextMessage');
 
       await mainHandler.sendText(conversationId, message, undefined, undefined, userIds);
 
@@ -145,9 +147,9 @@ describe('MessageHandler', () => {
         text: message,
       });
       expect(mainHandler.account!.service!.conversation.send).toHaveBeenCalledWith(
-        jasmine.objectContaining({
+        expect.objectContaining({
           protocol: ConversationProtocol.PROTEUS,
-          payload: jasmine.objectContaining({content: jasmine.objectContaining({text: message})}),
+          payload: expect.objectContaining({content: expect.objectContaining({text: message})}),
           userIds,
         }),
       );
@@ -158,8 +160,8 @@ describe('MessageHandler', () => {
     it('sends the correct data when typing started', async () => {
       const conversationId = UUID.genV4().toString();
 
-      spyOn(mainHandler.account!.service!.conversation, 'sendTypingStart').and.returnValue(Promise.resolve());
-      spyOn(mainHandler.account!.service!.conversation, 'sendTypingStop').and.returnValue(Promise.resolve());
+      jest.spyOn(mainHandler.account!.service!.conversation, 'sendTypingStart').mockReturnValue(Promise.resolve());
+      jest.spyOn(mainHandler.account!.service!.conversation, 'sendTypingStop').mockReturnValue(Promise.resolve());
 
       await mainHandler.sendTyping(conversationId, CONVERSATION_TYPING.STARTED);
 
@@ -170,8 +172,8 @@ describe('MessageHandler', () => {
     it('sends the correct data when typing stopped', async () => {
       const conversationId = UUID.genV4().toString();
 
-      spyOn(mainHandler.account!.service!.conversation, 'sendTypingStart').and.returnValue(Promise.resolve());
-      spyOn(mainHandler.account!.service!.conversation, 'sendTypingStop').and.returnValue(Promise.resolve());
+      jest.spyOn(mainHandler.account!.service!.conversation, 'sendTypingStart').mockReturnValue(Promise.resolve());
+      jest.spyOn(mainHandler.account!.service!.conversation, 'sendTypingStop').mockReturnValue(Promise.resolve());
 
       await mainHandler.sendTyping(conversationId, CONVERSATION_TYPING.STOPPED);
 
diff --git a/packages/archive/store-engine-sqleet/src/SQLeetEngine.test.ts b/packages/archive/store-engine-sqleet/src/SQLeetEngine.test.ts
index 586fccd52b..59ea37e588 100644
--- a/packages/archive/store-engine-sqleet/src/SQLeetEngine.test.ts
+++ b/packages/archive/store-engine-sqleet/src/SQLeetEngine.test.ts
@@ -148,7 +148,6 @@ describe('SQLeetEngine', () => {
       try {
         const entity = {'name\'"`': 'Otto'};
         await engine.create('users', '1', entity);
-        fail();
       } catch (error) {
         expect(error.message).toBe(
           'Entity is empty for table "users". Are you sure you set the right scheme / column names?',
@@ -331,7 +330,6 @@ describe('SQLeetEngine', () => {
 
       try {
         await engine.updateOrCreate('ffff', '1', {name: 'Otto'});
-        fail();
       } catch (error) {
         expect(error.message).toBe('Table "ffff" does not exist.');
       }
@@ -382,7 +380,6 @@ describe('SQLeetEngine', () => {
 
       try {
         await engine.export();
-        fail();
       } catch (error) {
         expect(error.message).toBe('Database closed');
       }
diff --git a/packages/bazinga64/jasmine.json b/packages/bazinga64/jasmine.json
deleted file mode 100644
index 41d1509165..0000000000
--- a/packages/bazinga64/jasmine.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "random": true,
-  "spec_dir": "src",
-  "spec_files": ["**/*.test.ts"],
-  "stopSpecOnExpectationFailure": false
-}
diff --git a/packages/bazinga64/jest.config.js b/packages/bazinga64/jest.config.js
new file mode 100644
index 0000000000..ea4b9a2219
--- /dev/null
+++ b/packages/bazinga64/jest.config.js
@@ -0,0 +1,27 @@
+/*
+ * Wire
+ * Copyright (C) 2022 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+module.exports = {
+  clearMocks: true,
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest"
+  },
+  testEnvironment: "jsdom"
+};
diff --git a/packages/bazinga64/package.json b/packages/bazinga64/package.json
index d4e16c8cd4..9f46968fa9 100644
--- a/packages/bazinga64/package.json
+++ b/packages/bazinga64/package.json
@@ -1,13 +1,13 @@
 {
   "description": "Base64 encoding and decoding with ASCII string representation.",
   "devDependencies": {
-    "@types/jasmine": "4.3.0",
+    "@types/jest": "^29.2.0",
     "@types/libsodium-wrappers-sumo": "0.7.5",
-    "@types/node": "^18.11.2",
     "cross-env": "7.0.3",
-    "jasmine": "4.4.0",
+    "jest": "^29.2.1",
+    "jest-environment-jsdom": "^29.2.1",
     "libsodium-wrappers-sumo": "0.7.10",
-    "nyc": "15.1.0",
+    "ts-jest": "^29.0.3",
     "ts-node": "10.9.1"
   },
   "files": [
@@ -34,11 +34,11 @@
   "name": "bazinga64",
   "repository": "https://github.com/wireapp/wire-web-packages/tree/main/packages/bazinga64",
   "scripts": {
-    "build": "yarn build:node",
+    "build": "tsc",
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "nyc --nycrc-path=../../nyc.config.js jasmine --config=jasmine.json"
+    "test": "jest --coverage"
   },
   "version": "5.11.10"
 }
diff --git a/packages/certificate-check/.nycrc.json b/packages/certificate-check/.nycrc.json
deleted file mode 100644
index 8c8b6c5a24..0000000000
--- a/packages/certificate-check/.nycrc.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "all": false,
-  "exclude": ["**/*.d.ts", "**/*.test*.ts"],
-  "extension": [".ts"],
-  "include": ["src/**/*.ts"],
-  "per-file": false,
-  "reporter": ["html"],
-  "require": ["ts-node/register"]
-}
diff --git a/packages/certificate-check/jasmine.json b/packages/certificate-check/jasmine.json
deleted file mode 100644
index da442ee58e..0000000000
--- a/packages/certificate-check/jasmine.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "helpers": ["test/helpers/**/*.js"],
-  "random": true,
-  "spec_dir": "src",
-  "spec_files": ["**/*test.ts"],
-  "stopSpecOnExpectationFailure": true
-}
diff --git a/packages/certificate-check/jest.config.js b/packages/certificate-check/jest.config.js
new file mode 100644
index 0000000000..ea4b9a2219
--- /dev/null
+++ b/packages/certificate-check/jest.config.js
@@ -0,0 +1,27 @@
+/*
+ * Wire
+ * Copyright (C) 2022 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+module.exports = {
+  clearMocks: true,
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest"
+  },
+  testEnvironment: "jsdom"
+};
diff --git a/packages/certificate-check/package.json b/packages/certificate-check/package.json
index 941e43dd27..2f2737f5bf 100644
--- a/packages/certificate-check/package.json
+++ b/packages/certificate-check/package.json
@@ -4,11 +4,11 @@
   },
   "description": "Utilities to check that Wire's domains use the expected certificate.",
   "devDependencies": {
-    "@types/jasmine": "4.3.0",
+    "@types/jest": "^29.2.0",
     "@types/jsrsasign": "10.5.4",
-    "@types/node": "^18.11.2",
-    "jasmine": "4.4.0",
-    "nyc": "15.1.0",
+    "jest": "^29.2.1",
+    "jest-environment-jsdom": "^29.2.1",
+    "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1"
   },
   "files": [
@@ -25,7 +25,7 @@
     "dist": "yarn clean && yarn build",
     "test": "yarn build && yarn test:node",
     "test:project": "yarn dist && yarn test",
-    "test:node": "nyc jasmine --config=jasmine.json"
+    "test:node": "jest --coverage"
   },
   "version": "0.5.9"
 }
diff --git a/packages/commons/babel.config.js b/packages/commons/babel.config.js
deleted file mode 100644
index ac714d22dd..0000000000
--- a/packages/commons/babel.config.js
+++ /dev/null
@@ -1,3 +0,0 @@
-module.exports = {
-  presets: ['@babel/preset-typescript', ['@babel/preset-env', {targets: {node: 'current'}}]],
-};
diff --git a/packages/commons/jest.config.js b/packages/commons/jest.config.js
index 510b3f035c..14259628f7 100644
--- a/packages/commons/jest.config.js
+++ b/packages/commons/jest.config.js
@@ -18,9 +18,11 @@
  */
 
 module.exports = {
-  setupFilesAfterEnv: [],
+  clearMocks: true,
   testEnvironment: 'jsdom',
-  testPathIgnorePatterns: ['node_modules'],
-  testRegex: '.*.test(.browser|.node).[t]s$',
-  verbose: true,
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest"
+  },
+
 };
diff --git a/packages/commons/package.json b/packages/commons/package.json
index 6ab18f3af8..4fc16be5ce 100644
--- a/packages/commons/package.json
+++ b/packages/commons/package.json
@@ -1,9 +1,13 @@
 {
   "dependencies": {
+    "@types/jest": "^29.2.0",
     "ansi-regex": "5.0.1",
     "fs-extra": "10.1.0",
+    "jest": "^29.2.1",
+    "jest-environment-jsdom": "^29.2.1",
     "logdown": "3.3.1",
-    "platform": "1.3.6"
+    "platform": "1.3.6",
+    "ts-jest": "^29.0.3"
   },
   "devDependencies": {
     "@babel/core": "^7.19.1",
@@ -12,11 +16,9 @@
     "@types/babel__core": "^7",
     "@types/babel__preset-env": "^7",
     "@types/fs-extra": "9.0.13",
-    "@types/jest": "29.2.0",
-    "@types/node": "^18.11.2",
     "@types/platform": "1.3.4",
-    "jest": "29.2.1",
-    "jest-environment-jsdom": "29.2.1"
+    "@types/rimraf": "^3",
+    "rimraf": "^3.0.2"
   },
   "description": "Collection of common components that are used across Wire web applications.",
   "files": [
@@ -37,7 +39,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/!(test)/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest",
+    "test": "jest --coverage",
     "test:coverage": "yarn test --coverage",
     "test:watch": "yarn test --watch"
   },
diff --git a/packages/commons/src/main/LogFactory.test.browser.ts b/packages/commons/src/main/LogFactory.test.ts
similarity index 100%
rename from packages/commons/src/main/LogFactory.test.browser.ts
rename to packages/commons/src/main/LogFactory.test.ts
diff --git a/packages/commons/src/main/util/ArrayUtil.test.node.ts b/packages/commons/src/main/util/ArrayUtil.test.ts
similarity index 100%
rename from packages/commons/src/main/util/ArrayUtil.test.node.ts
rename to packages/commons/src/main/util/ArrayUtil.test.ts
diff --git a/packages/commons/src/main/util/DateUtil.test.node.ts b/packages/commons/src/main/util/DateUtil.test.ts
similarity index 100%
rename from packages/commons/src/main/util/DateUtil.test.node.ts
rename to packages/commons/src/main/util/DateUtil.test.ts
diff --git a/packages/commons/src/main/util/RandomUtil.test.node.ts b/packages/commons/src/main/util/RandomUtil.test.ts
similarity index 92%
rename from packages/commons/src/main/util/RandomUtil.test.node.ts
rename to packages/commons/src/main/util/RandomUtil.test.ts
index da06d9e960..1dfbdb2448 100644
--- a/packages/commons/src/main/util/RandomUtil.test.node.ts
+++ b/packages/commons/src/main/util/RandomUtil.test.ts
@@ -19,6 +19,8 @@
 
 const {RandomUtil} = require('@wireapp/commons');
 
+jest.useRealTimers();
+
 /**
  * @testEnvironment node
  */
@@ -29,10 +31,10 @@ describe('RandomUtil', () => {
       const randomLimit = 10;
       for (let index = 0; index < iterations; index++) {
         if (RandomUtil.randomInt(randomLimit) > randomLimit) {
-          fail(`randomInt() exeeded limit "${randomLimit}"`);
+          throw new Error(`randomInt() exeeded limit "${randomLimit}"`);
         }
       }
-    });
+    }, 100000);
   });
 
   describe('"randomArrayElement"', () => {
diff --git a/packages/commons/src/main/util/Runtime.test.browser.ts b/packages/commons/src/main/util/Runtime.test.ts
similarity index 100%
rename from packages/commons/src/main/util/Runtime.test.browser.ts
rename to packages/commons/src/main/util/Runtime.test.ts
diff --git a/packages/commons/src/main/util/StringUtil.test.node.ts b/packages/commons/src/main/util/StringUtil.test.ts
similarity index 100%
rename from packages/commons/src/main/util/StringUtil.test.node.ts
rename to packages/commons/src/main/util/StringUtil.test.ts
diff --git a/packages/commons/src/main/util/TypeUtil.test.ts b/packages/commons/src/main/util/TypeUtil.mock.ts
similarity index 100%
rename from packages/commons/src/main/util/TypeUtil.test.ts
rename to packages/commons/src/main/util/TypeUtil.mock.ts
diff --git a/packages/commons/src/main/util/UrlUtil.test.browser.ts b/packages/commons/src/main/util/UrlUtil.test.ts
similarity index 100%
rename from packages/commons/src/main/util/UrlUtil.test.browser.ts
rename to packages/commons/src/main/util/UrlUtil.test.ts
diff --git a/packages/commons/src/main/util/ValidationUtil.test.node.ts b/packages/commons/src/main/util/ValidationUtil.test.ts
similarity index 98%
rename from packages/commons/src/main/util/ValidationUtil.test.node.ts
rename to packages/commons/src/main/util/ValidationUtil.test.ts
index b79fd83dbf..3b178c681b 100644
--- a/packages/commons/src/main/util/ValidationUtil.test.node.ts
+++ b/packages/commons/src/main/util/ValidationUtil.test.ts
@@ -17,7 +17,7 @@
  *
  */
 
-const {ValidationUtil} = require('@wireapp/commons');
+import {ValidationUtil} from '@wireapp/commons';
 
 /**
  * @testEnvironment node
diff --git a/packages/copy-config/jasmine.json b/packages/copy-config/jasmine.json
deleted file mode 100644
index 459f2d6d9c..0000000000
--- a/packages/copy-config/jasmine.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "helpers": ["test/helpers/**/*.js"],
-  "random": true,
-  "spec_dir": "src",
-  "spec_files": ["main/**/*test.js"],
-  "stopSpecOnExpectationFailure": true
-}
diff --git a/packages/copy-config/jest.config.js b/packages/copy-config/jest.config.js
new file mode 100644
index 0000000000..ea4b9a2219
--- /dev/null
+++ b/packages/copy-config/jest.config.js
@@ -0,0 +1,27 @@
+/*
+ * Wire
+ * Copyright (C) 2022 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+module.exports = {
+  clearMocks: true,
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest"
+  },
+  testEnvironment: "jsdom"
+};
diff --git a/packages/copy-config/package.json b/packages/copy-config/package.json
index 057604b364..202525e501 100644
--- a/packages/copy-config/package.json
+++ b/packages/copy-config/package.json
@@ -12,7 +12,12 @@
   "devDependencies": {
     "@types/copy": "0.3.2",
     "@types/fs-extra": "9.0.13",
-    "jasmine": "4.4.0"
+    "@types/jest": "^29.2.0",
+    "@types/rimraf": "^3",
+    "jest": "^29.2.1",
+    "jest-environment-jsdom": "^29.2.1",
+    "rimraf": "^3.0.2",
+    "ts-jest": "^29.0.3"
   },
   "files": [
     "src",
@@ -29,7 +34,7 @@
     "clean": "rimraf \"src/**/{!(*.test).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
     "test": "yarn test:node",
-    "test:node": "yarn build && jasmine --config=jasmine.json"
+    "test:node": "jest --coverage"
   },
   "version": "1.3.9"
 }
diff --git a/packages/copy-config/src/main/CopyConfig.test.js b/packages/copy-config/src/main/CopyConfig.test.js
index 8d983ec9e9..ecb6b42b6e 100644
--- a/packages/copy-config/src/main/CopyConfig.test.js
+++ b/packages/copy-config/src/main/CopyConfig.test.js
@@ -1,3 +1,4 @@
+"use strict";
 /*
  * Wire
  * Copyright (C) 2019 Wire Swiss GmbH
@@ -16,188 +17,176 @@
  * along with this program. If not, see http://www.gnu.org/licenses/.
  *
  */
-
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
 //@ts-check
-
-const path = require('path');
-const fs = require('fs-extra');
-
-const {CopyConfig} = require('./');
-const utils = require('./utils');
-const TEMP_DIR = path.resolve(__dirname, '..', '..', '.temp');
-
+const path_1 = __importDefault(require("path"));
+const fs_extra_1 = __importDefault(require("fs-extra"));
+const _1 = require(".");
+const utils = __importStar(require("./utils"));
+const TEMP_DIR = path_1.default.resolve(__dirname, '..', '..', '.temp');
 describe('CopyConfig', () => {
-  afterEach(() => fs.remove(TEMP_DIR));
-
-  describe('constructor', () => {
-    it('can be configured using environment variables', async () => {
-      process.env.WIRE_CONFIGURATION_EXTERNAL_DIR = 'externalDir';
-      process.env.WIRE_CONFIGURATION_FILES = `./spec/helpers/**:${TEMP_DIR};./spec/helpers/test1.txt:[${TEMP_DIR}/test1.txt,${TEMP_DIR}/test2.txt]`;
-
-      const copyConfig = new CopyConfig({
-        files: {},
-        repositoryUrl: '',
-      });
-
-      // @ts-ignore
-      expect(copyConfig.options.externalDir.endsWith('externalDir')).toBe(true);
-      // @ts-ignore
-      expect(copyConfig.options.files).toEqual({
-        './spec/helpers/**': TEMP_DIR,
-        './spec/helpers/test1.txt': [`${TEMP_DIR}/test1.txt`, `${TEMP_DIR}/test2.txt`],
-      });
-
-      delete process.env.WIRE_CONFIGURATION_EXTERNAL_DIR;
-      delete process.env.WIRE_CONFIGURATION_FILES;
-    });
-  });
-
-  describe('copy', () => {
-    it('copies a single file', async () => {
-      const copyConfig = new CopyConfig({
-        externalDir: '.',
-        files: {
-          './spec/helpers/test1.txt': `${TEMP_DIR}/test1.txt`,
-        },
-        repositoryUrl: '',
-      });
-
-      const copiedResult = await copyConfig.copy();
-
-      expect(copiedResult.length).toBe(1);
-
-      const copiedFiles = fs.readdirSync(TEMP_DIR);
-      expect(copiedFiles.includes('test1.txt')).toBe(true);
-    });
-
-    it('copies dot files', async () => {
-      const copyConfig = new CopyConfig({
-        externalDir: '.',
-        files: {
-          './spec/helpers/.env.test': `${TEMP_DIR}/.env`,
-        },
-        repositoryUrl: '',
-      });
-
-      const copiedResult = await copyConfig.copy();
-
-      expect(copiedResult.length).toBe(1);
+    afterEach(() => fs_extra_1.default.remove(TEMP_DIR));
+    describe('constructor', () => {
+        it('can be configured using environment variables', async () => {
+            process.env.WIRE_CONFIGURATION_EXTERNAL_DIR = 'externalDir';
+            process.env.WIRE_CONFIGURATION_FILES = `./spec/helpers/**:${TEMP_DIR};./spec/helpers/test1.txt:[${TEMP_DIR}/test1.txt,${TEMP_DIR}/test2.txt]`;
+            const copyConfig = new _1.CopyConfig({
+                files: {},
+                repositoryUrl: '',
+            });
+            // @ts-ignore
+            expect(copyConfig.options.externalDir.endsWith('externalDir')).toBe(true);
+            // @ts-ignore
+            expect(copyConfig.options.files).toEqual({
+                './spec/helpers/**': TEMP_DIR,
+                './spec/helpers/test1.txt': [`${TEMP_DIR}/test1.txt`, `${TEMP_DIR}/test2.txt`],
+            });
+            delete process.env.WIRE_CONFIGURATION_EXTERNAL_DIR;
+            delete process.env.WIRE_CONFIGURATION_FILES;
+        });
     });
-
-    it('copies all files', async () => {
-      const copyConfig = new CopyConfig({
-        externalDir: '.',
-        files: {
-          './spec/helpers/**': TEMP_DIR,
-        },
-        repositoryUrl: '',
-      });
-
-      const copiedResult = await copyConfig.copy();
-
-      expect(copiedResult.length).toBe(1 + 1);
-
-      const copiedFiles = fs.readdirSync(TEMP_DIR);
-
-      expect(copiedFiles.includes('test1.txt')).toBe(true);
-      expect(copiedFiles.includes('test2.txt')).toBe(true);
+    describe('copy', () => {
+        it('copies a single file', async () => {
+            const copyConfig = new _1.CopyConfig({
+                externalDir: '.',
+                files: {
+                    './spec/helpers/test1.txt': `${TEMP_DIR}/test1.txt`,
+                },
+                repositoryUrl: '',
+            });
+            const copiedResult = await copyConfig.copy();
+            expect(copiedResult.length).toBe(1);
+            const copiedFiles = fs_extra_1.default.readdirSync(TEMP_DIR);
+            expect(copiedFiles.includes('test1.txt')).toBe(true);
+        });
+        it('copies dot files', async () => {
+            const copyConfig = new _1.CopyConfig({
+                externalDir: '.',
+                files: {
+                    './spec/helpers/.env.test': `${TEMP_DIR}/.env`,
+                },
+                repositoryUrl: '',
+            });
+            const copiedResult = await copyConfig.copy();
+            expect(copiedResult.length).toBe(1);
+        });
+        it('copies all files', async () => {
+            const copyConfig = new _1.CopyConfig({
+                externalDir: '.',
+                files: {
+                    './spec/helpers/**': TEMP_DIR,
+                },
+                repositoryUrl: '',
+            });
+            const copiedResult = await copyConfig.copy();
+            expect(copiedResult.length).toBe(1 + 1);
+            const copiedFiles = fs_extra_1.default.readdirSync(TEMP_DIR);
+            expect(copiedFiles.includes('test1.txt')).toBe(true);
+            expect(copiedFiles.includes('test2.txt')).toBe(true);
+        });
+        it('reports errors', async () => {
+            const copyConfig = new _1.CopyConfig({
+                externalDir: '.',
+                files: {
+                    'non-existant': TEMP_DIR,
+                },
+                repositoryUrl: '',
+            });
+            try {
+                await copyConfig.copy();
+                throw new Error('Should throw');
+            }
+            catch (error) {
+                expect(error.code).toBe('ENOENT');
+            }
+        });
+        it('overwrites destination files', async () => {
+            await fs_extra_1.default.ensureDir(TEMP_DIR);
+            await fs_extra_1.default.writeFile(path_1.default.join(TEMP_DIR, 'test1.txt'), '');
+            const copyConfig = new _1.CopyConfig({
+                externalDir: '.',
+                files: {
+                    './spec/helpers/test1.txt': `${TEMP_DIR}/test1.txt`,
+                },
+                repositoryUrl: '',
+            });
+            const copiedResult = await copyConfig.copy();
+            expect(copiedResult.length).toBe(1);
+        });
+        it('downloads zip archives from an https url', async () => {
+            await fs_extra_1.default.ensureDir(TEMP_DIR);
+            await fs_extra_1.default.writeFile(path_1.default.join(TEMP_DIR, 'test1.txt'), '');
+            const HTTPS_URL = 'https://github.com/wireapp/wire-web-config-default#master';
+            const ZIP_URL = 'https://github.com/wireapp/wire-web-config-default/archive/master.zip';
+            const copyConfig = new _1.CopyConfig({
+                files: {
+                    './package.json': TEMP_DIR,
+                },
+                forceDownload: true,
+                repositoryUrl: HTTPS_URL,
+            });
+            jest.spyOn(utils, 'downloadFileAsync').mockReturnValue(Promise.resolve());
+            jest.spyOn(copyConfig, 'copyDirOrFile').mockReturnValue(Promise.resolve([]));
+            await copyConfig.copy();
+            expect(utils.downloadFileAsync).toHaveBeenCalledWith(ZIP_URL, expect.any(String));
+        });
     });
-
-    it('reports errors', async () => {
-      const copyConfig = new CopyConfig({
-        externalDir: '.',
-        files: {
-          'non-existant': TEMP_DIR,
-        },
-        repositoryUrl: '',
-      });
-
-      try {
+    it('downloads zip archives from a git url', async () => {
+        await fs_extra_1.default.ensureDir(TEMP_DIR);
+        await fs_extra_1.default.writeFile(path_1.default.join(TEMP_DIR, 'test1.txt'), '');
+        const GIT_URL = 'git@github.com:wireapp/wire-web-config-default#master';
+        const ZIP_URL = 'https://github.com/wireapp/wire-web-config-default/archive/master.zip';
+        const copyConfig = new _1.CopyConfig({
+            files: {
+                './package.json': TEMP_DIR,
+            },
+            forceDownload: true,
+            repositoryUrl: GIT_URL,
+        });
+        jest.spyOn(utils, 'downloadFileAsync').mockReturnValue(Promise.resolve());
+        jest.spyOn(copyConfig, 'copyDirOrFile').mockReturnValue(Promise.resolve([]));
         await copyConfig.copy();
-        fail('Should throw');
-      } catch (error) {
-        expect(error.code).toBe('ENOENT');
-      }
-    });
-
-    it('overwrites destination files', async () => {
-      await fs.ensureDir(TEMP_DIR);
-      await fs.writeFile(path.join(TEMP_DIR, 'test1.txt'), '');
-
-      const copyConfig = new CopyConfig({
-        externalDir: '.',
-        files: {
-          './spec/helpers/test1.txt': `${TEMP_DIR}/test1.txt`,
-        },
-        repositoryUrl: '',
-      });
-
-      const copiedResult = await copyConfig.copy();
-
-      expect(copiedResult.length).toBe(1);
-    });
-
-    it('downloads zip archives from an https url', async () => {
-      await fs.ensureDir(TEMP_DIR);
-      await fs.writeFile(path.join(TEMP_DIR, 'test1.txt'), '');
-
-      const HTTPS_URL = 'https://github.com/wireapp/wire-web-config-default#master';
-      const ZIP_URL = 'https://github.com/wireapp/wire-web-config-default/archive/master.zip';
-
-      const copyConfig = new CopyConfig({
-        files: {
-          './package.json': TEMP_DIR,
-        },
-        forceDownload: true,
-        repositoryUrl: HTTPS_URL,
-      });
-
-      spyOn(utils, 'downloadFileAsync').and.returnValue(Promise.resolve());
-      spyOn(copyConfig, 'copyDirOrFile').and.returnValue(Promise.resolve([]));
-
-      await copyConfig.copy();
-
-      expect(utils.downloadFileAsync).toHaveBeenCalledWith(ZIP_URL, jasmine.any(String));
-    });
-  });
-
-  it('downloads zip archives from a git url', async () => {
-    await fs.ensureDir(TEMP_DIR);
-    await fs.writeFile(path.join(TEMP_DIR, 'test1.txt'), '');
-
-    const GIT_URL = 'git@github.com:wireapp/wire-web-config-default#master';
-    const ZIP_URL = 'https://github.com/wireapp/wire-web-config-default/archive/master.zip';
-
-    const copyConfig = new CopyConfig({
-      files: {
-        './package.json': TEMP_DIR,
-      },
-      forceDownload: true,
-      repositoryUrl: GIT_URL,
+        expect(utils.downloadFileAsync).toHaveBeenCalledWith(ZIP_URL, expect.any(String));
     });
-
-    spyOn(utils, 'downloadFileAsync').and.returnValue(Promise.resolve());
-    spyOn(copyConfig, 'copyDirOrFile').and.returnValue(Promise.resolve([]));
-
-    await copyConfig.copy();
-
-    expect(utils.downloadFileAsync).toHaveBeenCalledWith(ZIP_URL, jasmine.any(String));
-  });
-
-  describe('getFilesFromString', () => {
-    it('is compatible with Windows paths', () => {
-      const copyString = 'C:\\source:D:\\target';
-
-      const copyConfig = new CopyConfig({
-        externalDir: '.',
-        files: {},
-        repositoryUrl: '',
-      });
-
-      // @ts-ignore
-      const resolvedPaths = copyConfig.getFilesFromString(copyString);
-      expect(Object.keys(resolvedPaths)[0]).toBe('C:\\source');
-      expect(Object.values(resolvedPaths)[0]).toBe('D:\\target');
+    describe('getFilesFromString', () => {
+        it('is compatible with Windows paths', () => {
+            const copyString = 'C:\\source:D:\\target';
+            const copyConfig = new _1.CopyConfig({
+                externalDir: '.',
+                files: {},
+                repositoryUrl: '',
+            });
+            // @ts-ignore
+            const resolvedPaths = copyConfig.getFilesFromString(copyString);
+            expect(Object.keys(resolvedPaths)[0]).toBe('C:\\source');
+            expect(Object.values(resolvedPaths)[0]).toBe('D:\\target');
+        });
     });
-  });
 });
+//# sourceMappingURL=CopyConfig.test.js.map
\ No newline at end of file
diff --git a/packages/copy-config/src/main/CopyConfig.test.ts b/packages/copy-config/src/main/CopyConfig.test.ts
new file mode 100644
index 0000000000..0c058faafe
--- /dev/null
+++ b/packages/copy-config/src/main/CopyConfig.test.ts
@@ -0,0 +1,203 @@
+/*
+ * Wire
+ * Copyright (C) 2019 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+//@ts-check
+
+import path from 'path';
+import fs from 'fs-extra';
+
+import {CopyConfig} from '.';
+import * as utils from './utils';
+const TEMP_DIR = path.resolve(__dirname, '..', '..', '.temp');
+
+describe('CopyConfig', () => {
+  afterEach(() => fs.remove(TEMP_DIR));
+
+  describe('constructor', () => {
+    it('can be configured using environment variables', async () => {
+      process.env.WIRE_CONFIGURATION_EXTERNAL_DIR = 'externalDir';
+      process.env.WIRE_CONFIGURATION_FILES = `./spec/helpers/**:${TEMP_DIR};./spec/helpers/test1.txt:[${TEMP_DIR}/test1.txt,${TEMP_DIR}/test2.txt]`;
+
+      const copyConfig = new CopyConfig({
+        files: {},
+        repositoryUrl: '',
+      });
+
+      // @ts-ignore
+      expect(copyConfig.options.externalDir.endsWith('externalDir')).toBe(true);
+      // @ts-ignore
+      expect(copyConfig.options.files).toEqual({
+        './spec/helpers/**': TEMP_DIR,
+        './spec/helpers/test1.txt': [`${TEMP_DIR}/test1.txt`, `${TEMP_DIR}/test2.txt`],
+      });
+
+      delete process.env.WIRE_CONFIGURATION_EXTERNAL_DIR;
+      delete process.env.WIRE_CONFIGURATION_FILES;
+    });
+  });
+
+  describe('copy', () => {
+    it('copies a single file', async () => {
+      const copyConfig = new CopyConfig({
+        externalDir: '.',
+        files: {
+          './spec/helpers/test1.txt': `${TEMP_DIR}/test1.txt`,
+        },
+        repositoryUrl: '',
+      });
+
+      const copiedResult = await copyConfig.copy();
+
+      expect(copiedResult.length).toBe(1);
+
+      const copiedFiles = fs.readdirSync(TEMP_DIR);
+      expect(copiedFiles.includes('test1.txt')).toBe(true);
+    });
+
+    it('copies dot files', async () => {
+      const copyConfig = new CopyConfig({
+        externalDir: '.',
+        files: {
+          './spec/helpers/.env.test': `${TEMP_DIR}/.env`,
+        },
+        repositoryUrl: '',
+      });
+
+      const copiedResult = await copyConfig.copy();
+
+      expect(copiedResult.length).toBe(1);
+    });
+
+    it('copies all files', async () => {
+      const copyConfig = new CopyConfig({
+        externalDir: '.',
+        files: {
+          './spec/helpers/**': TEMP_DIR,
+        },
+        repositoryUrl: '',
+      });
+
+      const copiedResult = await copyConfig.copy();
+
+      expect(copiedResult.length).toBe(1 + 1);
+
+      const copiedFiles = fs.readdirSync(TEMP_DIR);
+
+      expect(copiedFiles.includes('test1.txt')).toBe(true);
+      expect(copiedFiles.includes('test2.txt')).toBe(true);
+    });
+
+    it('reports errors', async () => {
+      const copyConfig = new CopyConfig({
+        externalDir: '.',
+        files: {
+          'non-existant': TEMP_DIR,
+        },
+        repositoryUrl: '',
+      });
+
+      try {
+        await copyConfig.copy();
+        throw new Error('Should throw');
+      } catch (error) {
+        expect((error as {code: string}).code).toBe('ENOENT');
+      }
+    });
+
+    it('overwrites destination files', async () => {
+      await fs.ensureDir(TEMP_DIR);
+      await fs.writeFile(path.join(TEMP_DIR, 'test1.txt'), '');
+
+      const copyConfig = new CopyConfig({
+        externalDir: '.',
+        files: {
+          './spec/helpers/test1.txt': `${TEMP_DIR}/test1.txt`,
+        },
+        repositoryUrl: '',
+      });
+
+      const copiedResult = await copyConfig.copy();
+
+      expect(copiedResult.length).toBe(1);
+    });
+
+    it('downloads zip archives from an https url', async () => {
+      await fs.ensureDir(TEMP_DIR);
+      await fs.writeFile(path.join(TEMP_DIR, 'test1.txt'), '');
+
+      const HTTPS_URL = 'https://github.com/wireapp/wire-web-config-default#master';
+      const ZIP_URL = 'https://github.com/wireapp/wire-web-config-default/archive/master.zip';
+
+      const copyConfig = new CopyConfig({
+        files: {
+          './package.json': TEMP_DIR,
+        },
+        forceDownload: true,
+        repositoryUrl: HTTPS_URL,
+      });
+
+      jest.spyOn(utils, 'downloadFileAsync').mockReturnValue(Promise.resolve());
+      jest.spyOn(copyConfig, 'copyDirOrFile').mockReturnValue(Promise.resolve([]));
+
+      await copyConfig.copy();
+
+      expect(utils.downloadFileAsync).toHaveBeenCalledWith(ZIP_URL, expect.any(String));
+    });
+  });
+
+  it('downloads zip archives from a git url', async () => {
+    await fs.ensureDir(TEMP_DIR);
+    await fs.writeFile(path.join(TEMP_DIR, 'test1.txt'), '');
+
+    const GIT_URL = 'git@github.com:wireapp/wire-web-config-default#master';
+    const ZIP_URL = 'https://github.com/wireapp/wire-web-config-default/archive/master.zip';
+
+    const copyConfig = new CopyConfig({
+      files: {
+        './package.json': TEMP_DIR,
+      },
+      forceDownload: true,
+      repositoryUrl: GIT_URL,
+    });
+
+    jest.spyOn(utils, 'downloadFileAsync').mockReturnValue(Promise.resolve());
+    jest.spyOn(copyConfig, 'copyDirOrFile').mockReturnValue(Promise.resolve([]));
+
+    await copyConfig.copy();
+
+    expect(utils.downloadFileAsync).toHaveBeenCalledWith(ZIP_URL, expect.any(String));
+  });
+
+  describe('getFilesFromString', () => {
+    it('is compatible with Windows paths', () => {
+      const copyString = 'C:\\source:D:\\target';
+
+      const copyConfig = new CopyConfig({
+        externalDir: '.',
+        files: {},
+        repositoryUrl: '',
+      });
+
+      // @ts-ignore
+      const resolvedPaths = copyConfig.getFilesFromString(copyString);
+      expect(Object.keys(resolvedPaths)[0]).toBe('C:\\source');
+      expect(Object.values(resolvedPaths)[0]).toBe('D:\\target');
+    });
+  });
+});
diff --git a/packages/core/.nycrc.json b/packages/core/.nycrc.json
deleted file mode 100644
index 8c8b6c5a24..0000000000
--- a/packages/core/.nycrc.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "all": false,
-  "exclude": ["**/*.d.ts", "**/*.test*.ts"],
-  "extension": [".ts"],
-  "include": ["src/**/*.ts"],
-  "per-file": false,
-  "reporter": ["html"],
-  "require": ["ts-node/register"]
-}
diff --git a/packages/core/babel.config.js b/packages/core/babel.config.js
deleted file mode 100644
index d94dbc639e..0000000000
--- a/packages/core/babel.config.js
+++ /dev/null
@@ -1,3 +0,0 @@
-module.exports = {
-  presets: [['@babel/preset-env', {targets: {node: 'current'}}], '@babel/preset-typescript'],
-};
diff --git a/packages/core/jest.config.js b/packages/core/jest.config.js
index 63c9ad8509..bf1c63ddb4 100644
--- a/packages/core/jest.config.js
+++ b/packages/core/jest.config.js
@@ -17,8 +17,17 @@
  *
  */
 
+const { TextDecoder, TextEncoder } = require('util')
+
 module.exports = {
   clearMocks: true,
-  testMatch: ['**/?(*.)+(spec|test).node.[t]s?(x)'],
-  testRunner: 'jest-jasmine2',
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest"
+  },
+  testEnvironment: "node",
+  globals: {
+    TextDecoder,
+    TextEncoder,
+  }
 };
diff --git a/packages/core/package.json b/packages/core/package.json
index a738f0d46f..8e9dd2ad30 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -8,7 +8,7 @@
     "@wireapp/core-crypto": "0.5.2",
     "@wireapp/cryptobox": "12.8.0",
     "@wireapp/promise-queue": "workspace:^",
-    "@wireapp/protocol-messaging": "1.39.0",
+    "@wireapp/protocol-messaging": "^1.39.0",
     "@wireapp/store-engine-dexie": "workspace:^",
     "axios": "^0.27.2",
     "bazinga64": "5.11.10",
@@ -25,9 +25,8 @@
     "@babel/preset-typescript": "^7.18.6",
     "@faker-js/faker": "^7.6.0",
     "@types/babel__core": "^7",
-    "@types/jest": "29.2.0",
+    "@types/jest": "^29.2.0",
     "@types/long": "4.0.1",
-    "@types/node": "^18.11.2",
     "@types/tough-cookie": "4.0.2",
     "@wireapp/commons": "workspace:^",
     "@wireapp/store-engine-dexie": "workspace:^",
@@ -35,12 +34,12 @@
     "cross-env": "7.0.3",
     "dotenv-defaults": "5.0.2",
     "fake-indexeddb": "4.0.0",
-    "jest": "29.2.1",
+    "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
-    "jest-jasmine2": "29.2.1",
     "jest-websocket-mock": "2.4.0",
     "mock-socket": "9.1.5",
-    "nock": "13.2.9"
+    "nock": "13.2.9",
+    "ts-jest": "^29.0.3"
   },
   "description": "Wire for Web's communication core.",
   "files": [
@@ -62,8 +61,8 @@
     "start": "yarn dist && node index.js",
     "start:echo": "cross-env NODE_DEBUG='@wireapp/core*' node src/demo/echo.js",
     "start:sender": "cross-env NODE_DEBUG='@wireapp/core*' node src/demo/sender.js",
-    "test": "jest",
-    "watch": "tsc ---watch"
+    "test": "jest --coverage",
+    "watch": "tsc --watch"
   },
   "version": "34.0.2",
   "gitHead": "5339f01fe01ef0871da8c8bc8662fbe9e604754a"
diff --git a/packages/core/src/main/Account.test.node.ts b/packages/core/src/main/Account.test.ts
similarity index 98%
rename from packages/core/src/main/Account.test.node.ts
rename to packages/core/src/main/Account.test.ts
index d5cd6d1a3b..e984128381 100644
--- a/packages/core/src/main/Account.test.node.ts
+++ b/packages/core/src/main/Account.test.ts
@@ -151,6 +151,10 @@ describe('Account', () => {
       } as Self);
   });
 
+  afterEach(() => {
+    nock.cleanAll();
+  });
+
   describe('"createText"', () => {
     it('creates a text payload', async () => {
       const {account} = await createAccount();
@@ -218,7 +222,7 @@ describe('Account', () => {
           password: 'wrong',
         });
 
-        fail('Should not be logged in');
+        throw new Error('Should not be logged in');
       } catch (error) {
         const backendError = error as BackendError;
         expect(backendError.code).toBe(HTTP_STATUS.FORBIDDEN);
@@ -428,8 +432,7 @@ describe('Account', () => {
                   break;
                 case ConnectionState.LIVE:
                   reject(new Error());
-                  fail('should not go to `live` state');
-                  break;
+                  throw new Error('should not go to `live` state');
                 case ConnectionState.CLOSED:
                   expect(onNotificationStreamProgress).toHaveBeenCalledTimes(2);
                   expect(onEvent).toHaveBeenCalledTimes(2);
@@ -469,7 +472,7 @@ describe('Account', () => {
                   expect(onEvent).toHaveBeenCalledTimes(2);
                   expect(onEvent).toHaveBeenCalledWith(expect.any(Object), PayloadBundleSource.NOTIFICATION_STREAM);
                 } catch (error) {
-                  fail(error);
+                  throw error;
                 }
                 resolve();
               },
diff --git a/packages/core/src/main/auth/LoginSanitizer.test.node.ts b/packages/core/src/main/auth/LoginSanitizer.test.ts
similarity index 98%
rename from packages/core/src/main/auth/LoginSanitizer.test.node.ts
rename to packages/core/src/main/auth/LoginSanitizer.test.ts
index 08d529c271..b11ee5990e 100644
--- a/packages/core/src/main/auth/LoginSanitizer.test.node.ts
+++ b/packages/core/src/main/auth/LoginSanitizer.test.ts
@@ -62,7 +62,7 @@ describe('LoginSanitizer', () => {
       };
 
       LoginSanitizer.removeNonPrintableCharacters(loginData);
-      expect(loginData.password).toEqual(jasmine.any(String));
+      expect(loginData.password).toEqual(expect.any(String));
     });
   });
 });
diff --git a/packages/core/src/main/conversation/AssetService/AssetService.test.node.ts b/packages/core/src/main/conversation/AssetService/AssetService.test.ts
similarity index 95%
rename from packages/core/src/main/conversation/AssetService/AssetService.test.node.ts
rename to packages/core/src/main/conversation/AssetService/AssetService.test.ts
index 7b4816c913..980d9341cc 100644
--- a/packages/core/src/main/conversation/AssetService/AssetService.test.node.ts
+++ b/packages/core/src/main/conversation/AssetService/AssetService.test.ts
@@ -41,10 +41,10 @@ describe('AssetService', () => {
       const asset = await (await assetService.uploadAsset(Buffer.from([1, 2, 3]))).response;
 
       expect(asset).toEqual(
-        jasmine.objectContaining({
+        expect.objectContaining({
           key: assetServerData.key,
-          keyBytes: jasmine.any(Buffer),
-          sha256: jasmine.any(Buffer),
+          keyBytes: expect.any(Buffer),
+          sha256: expect.any(Buffer),
           token: assetServerData.token,
         }),
       );
diff --git a/packages/core/src/main/conversation/ConversationMapper/ConversationMapper.test.node.ts b/packages/core/src/main/conversation/ConversationMapper/ConversationMapper.test.ts
similarity index 100%
rename from packages/core/src/main/conversation/ConversationMapper/ConversationMapper.test.node.ts
rename to packages/core/src/main/conversation/ConversationMapper/ConversationMapper.test.ts
diff --git a/packages/core/src/main/conversation/ConversationService/ConversationService.test.node.ts b/packages/core/src/main/conversation/ConversationService/ConversationService.test.ts
similarity index 93%
rename from packages/core/src/main/conversation/ConversationService/ConversationService.test.node.ts
rename to packages/core/src/main/conversation/ConversationService/ConversationService.test.ts
index 3671c44d5c..6a37f6a3cc 100644
--- a/packages/core/src/main/conversation/ConversationService/ConversationService.test.node.ts
+++ b/packages/core/src/main/conversation/ConversationService/ConversationService.test.ts
@@ -22,7 +22,7 @@ import {ClientClassification, ClientType} from '@wireapp/api-client/src/client';
 import {ConversationProtocol} from '@wireapp/api-client/src/conversation';
 import {GenericMessage} from '@wireapp/protocol-messaging';
 import {MemoryEngine} from '@wireapp/store-engine';
-import {ConversationService, PayloadBundleState} from '../';
+import {ConversationService, PayloadBundleState} from '..';
 
 import {CryptographyService} from '../../cryptography';
 import * as PayloadHelper from '../../test/PayloadHelper';
@@ -143,10 +143,10 @@ describe('ConversationService', () => {
           });
 
           expect(conversationService['messageService'].sendMessage).toHaveBeenCalledWith(
-            jasmine.any(String),
-            jasmine.any(Object),
-            jasmine.any(Uint8Array),
-            jasmine.objectContaining({reportMissing: ['user1', 'user2']}),
+            expect.any(String),
+            expect.any(Object),
+            expect.any(Uint8Array),
+            expect.objectContaining({reportMissing: ['user1', 'user2']}),
           );
         });
       });
@@ -176,10 +176,10 @@ describe('ConversationService', () => {
           });
 
           expect(conversationService['messageService'].sendFederatedMessage).toHaveBeenCalledWith(
-            jasmine.any(String),
-            jasmine.any(Object),
-            jasmine.any(Uint8Array),
-            jasmine.objectContaining({
+            expect.any(String),
+            expect.any(Object),
+            expect.any(Uint8Array),
+            expect.objectContaining({
               reportMissing: [
                 {id: 'user1', domain: 'domain1'},
                 {id: 'user2', domain: 'domain1'},
@@ -206,10 +206,10 @@ describe('ConversationService', () => {
           });
 
           expect(conversationService['messageService'].sendMessage).toHaveBeenCalledWith(
-            jasmine.any(String),
-            jasmine.any(Object),
-            jasmine.any(Uint8Array),
-            jasmine.objectContaining({reportMissing: false}),
+            expect.any(String),
+            expect.any(Object),
+            expect.any(Uint8Array),
+            expect.objectContaining({reportMissing: false}),
           );
         });
       });
@@ -239,10 +239,10 @@ describe('ConversationService', () => {
           });
 
           expect(conversationService['messageService'].sendFederatedMessage).toHaveBeenCalledWith(
-            jasmine.any(String),
-            jasmine.any(Object),
-            jasmine.any(Uint8Array),
-            jasmine.objectContaining({
+            expect.any(String),
+            expect.any(Object),
+            expect.any(Uint8Array),
+            expect.objectContaining({
               reportMissing: false,
             }),
           );
@@ -322,7 +322,7 @@ describe('ConversationService', () => {
       jest
         .spyOn(conversationService['messageService'], 'sendMessage')
         .mockImplementation((_client, _recipients, _text, options) => {
-          options?.onClientMismatch?.({missing: members, deleted: {}, redundant: {}, time: ''});
+          void options?.onClientMismatch?.({missing: members, deleted: {}, redundant: {}, time: ''});
           return {} as any;
         });
       const fetchedMembers = await conversationService.getAllParticipantsClients({id: 'convid', domain: ''});
@@ -339,7 +339,13 @@ describe('ConversationService', () => {
       jest
         .spyOn(conversationService['messageService'], 'sendFederatedMessage')
         .mockImplementation((_client, _recipients, _text, options) => {
-          options?.onClientMismatch?.({missing: members, deleted: {}, redundant: {}, failed_to_send: {}, time: ''});
+          void options?.onClientMismatch?.({
+            missing: members,
+            deleted: {},
+            redundant: {},
+            failed_to_send: {},
+            time: '',
+          });
           return {} as any;
         });
       const fetchedMembers = await conversationService.getAllParticipantsClients({id: 'convid', domain: 'domain1'});
diff --git a/packages/core/src/main/conversation/MessageTimer/MessageTimer.test.node.ts b/packages/core/src/main/conversation/MessageTimer/MessageTimer.test.ts
similarity index 100%
rename from packages/core/src/main/conversation/MessageTimer/MessageTimer.test.node.ts
rename to packages/core/src/main/conversation/MessageTimer/MessageTimer.test.ts
diff --git a/packages/core/src/main/conversation/message/MessageService.test.node.ts b/packages/core/src/main/conversation/message/MessageService.test.ts
similarity index 100%
rename from packages/core/src/main/conversation/message/MessageService.test.node.ts
rename to packages/core/src/main/conversation/message/MessageService.test.ts
diff --git a/packages/core/src/main/conversation/message/UserClientsUtils.test.node.ts b/packages/core/src/main/conversation/message/UserClientsUtils.test.ts
similarity index 100%
rename from packages/core/src/main/conversation/message/UserClientsUtils.test.node.ts
rename to packages/core/src/main/conversation/message/UserClientsUtils.test.ts
diff --git a/packages/core/src/main/cryptography/CryptographyService.test.node.ts b/packages/core/src/main/cryptography/CryptographyService.test.ts
similarity index 99%
rename from packages/core/src/main/cryptography/CryptographyService.test.node.ts
rename to packages/core/src/main/cryptography/CryptographyService.test.ts
index 0118410aae..82a4985a2b 100644
--- a/packages/core/src/main/cryptography/CryptographyService.test.node.ts
+++ b/packages/core/src/main/cryptography/CryptographyService.test.ts
@@ -199,7 +199,7 @@ describe('CryptographyService', () => {
       expect(Object.keys(encrypted).length).toBe(2);
       expect(Object.keys(encrypted[firstUserID]).length).toBe(3);
       expect(Object.keys(encrypted[secondUserID]).length).toBe(2);
-      expect(encrypted[firstUserID][firstClientId]).toEqual(jasmine.any(Uint8Array));
+      expect(encrypted[firstUserID][firstClientId]).toEqual(expect.any(Uint8Array));
       expect(encrypted[firstUserID][noPrekeyClient]).not.toBeDefined();
     });
 
diff --git a/packages/core/src/main/cryptography/MessageHashService.test.node.ts b/packages/core/src/main/cryptography/MessageHashService.test.ts
similarity index 100%
rename from packages/core/src/main/cryptography/MessageHashService.test.node.ts
rename to packages/core/src/main/cryptography/MessageHashService.test.ts
diff --git a/packages/core/src/main/mls/MLSService/MLSService.ts b/packages/core/src/main/mls/MLSService/MLSService.ts
index 904f43cd9a..07fe3c58da 100644
--- a/packages/core/src/main/mls/MLSService/MLSService.ts
+++ b/packages/core/src/main/mls/MLSService/MLSService.ts
@@ -38,6 +38,7 @@ import {Converter, Decoder, Encoder} from 'bazinga64';
 import {MLSCallbacks, MLSConfig} from '../types';
 import {sendMessage} from '../../conversation/message/messageSender';
 import {parseFullQualifiedClientId} from '../../util/fullyQualifiedClientIdUtils';
+import {PostMlsMessageResponse} from '@wireapp/api-client/src/conversation';
 //@todo: this function is temporary, we wait for the update from core-crypto side
 //they are returning regular array instead of Uint8Array for commit and welcome messages
 export const optionalToUint8Array = (array: Uint8Array | []): Uint8Array => {
@@ -168,7 +169,7 @@ export class MLSService {
    * @param generateCommit The function that will generate a coreCrypto CommitBundle
    */
   private async processCommitAction(groupId: ConversationId, generateCommit: () => Promise<CommitBundle>) {
-    return sendMessage(async () => {
+    return sendMessage<PostMlsMessageResponse | null>(async () => {
       await this.commitPendingProposals(groupId);
       const commitBundle = await generateCommit();
       return this.uploadCommitBundle(groupId, commitBundle);
diff --git a/packages/core/src/main/mls/keyMaterialUpdatesStore/keyMaterialUpdatesStore.test.node.ts b/packages/core/src/main/mls/keyMaterialUpdatesStore/keyMaterialUpdatesStore.test.ts
similarity index 100%
rename from packages/core/src/main/mls/keyMaterialUpdatesStore/keyMaterialUpdatesStore.test.node.ts
rename to packages/core/src/main/mls/keyMaterialUpdatesStore/keyMaterialUpdatesStore.test.ts
diff --git a/packages/core/src/main/notification/NotificationService.test.node.ts b/packages/core/src/main/notification/NotificationService.test.ts
similarity index 100%
rename from packages/core/src/main/notification/NotificationService.test.node.ts
rename to packages/core/src/main/notification/NotificationService.test.ts
diff --git a/packages/core/src/main/user/UserMapper.test.node.ts b/packages/core/src/main/user/UserMapper.test.ts
similarity index 100%
rename from packages/core/src/main/user/UserMapper.test.node.ts
rename to packages/core/src/main/user/UserMapper.test.ts
diff --git a/packages/core/src/main/util/LowPrecisionTaskScheduler/LowPrecisionTaskScheduler.test.node.ts b/packages/core/src/main/util/LowPrecisionTaskScheduler/LowPrecisionTaskScheduler.test.ts
similarity index 100%
rename from packages/core/src/main/util/LowPrecisionTaskScheduler/LowPrecisionTaskScheduler.test.node.ts
rename to packages/core/src/main/util/LowPrecisionTaskScheduler/LowPrecisionTaskScheduler.test.ts
diff --git a/packages/core/src/main/util/TypePredicateUtil.test.node.ts b/packages/core/src/main/util/TypePredicateUtil.test.ts
similarity index 100%
rename from packages/core/src/main/util/TypePredicateUtil.test.node.ts
rename to packages/core/src/main/util/TypePredicateUtil.test.ts
diff --git a/packages/core/src/main/util/fullyQualifiedClientIdUtils.test.node.ts b/packages/core/src/main/util/fullyQualifiedClientIdUtils.test.ts
similarity index 100%
rename from packages/core/src/main/util/fullyQualifiedClientIdUtils.test.node.ts
rename to packages/core/src/main/util/fullyQualifiedClientIdUtils.test.ts
diff --git a/packages/license-collector/package.json b/packages/license-collector/package.json
index 1329ebb7b9..1ca00035c6 100644
--- a/packages/license-collector/package.json
+++ b/packages/license-collector/package.json
@@ -11,7 +11,6 @@
   "description": "Wire's internal license collection tool",
   "devDependencies": {
     "@types/fs-extra": "9.0.13",
-    "@types/node": "^18.11.2",
     "@types/npm-registry-package-info": "1.0.1"
   },
   "files": [
@@ -27,8 +26,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "start": "ts-node -r tsconfig-paths/register ./src/cli.ts",
-    "test": "exit 0"
+    "start": "ts-node -r tsconfig-paths/register ./src/cli.ts"
   },
   "version": "0.10.10"
 }
diff --git a/packages/priority-queue/karma.conf.ts b/packages/priority-queue/karma.conf.ts
deleted file mode 100644
index f459e855bb..0000000000
--- a/packages/priority-queue/karma.conf.ts
+++ /dev/null
@@ -1,54 +0,0 @@
-/*
- * Wire
- * Copyright (C) 2018 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
-import {Config} from 'karma';
-import * as path from 'path';
-
-const distDir = 'dist/';
-
-const preprocessors = {
-  '**/*.js': ['sourcemap'],
-};
-
-module.exports = (config: Config): void => {
-  config.set({
-    autoWatch: false,
-    basePath: '',
-    browserNoActivityTimeout: 10000,
-    browsers: ['ChromeNoSandbox'],
-    client: {
-      useIframe: false,
-    },
-    colors: true,
-    concurrency: Infinity,
-    customLaunchers: {
-      ChromeNoSandbox: {
-        base: 'ChromeHeadless',
-        flags: ['--no-sandbox'],
-      },
-    },
-    files: [path.join(distDir, 'priority-queue.test.bundle.js')],
-    frameworks: ['jasmine'],
-    logLevel: config.LOG_INFO,
-    port: 9876,
-    preprocessors,
-    reporters: ['jasmine-diff', 'spec'],
-    singleRun: true,
-  });
-};
diff --git a/packages/priority-queue/package.json b/packages/priority-queue/package.json
index 313f51e970..12eb290743 100644
--- a/packages/priority-queue/package.json
+++ b/packages/priority-queue/package.json
@@ -30,10 +30,13 @@
     "build:node": "tsc",
     "clean": "rimraf .tmp \"src/main/{!(*.test*).js,*.js.map,*.d.ts}\" \"src/main/test/{*.js.map,*.d.ts}\" \"src/main/!(test)/{!(*.test*).js,*.js.map,*.d.ts}\" \"src/main/**/{!(*.test*|AccountHelper|StoreHelper).js,*.js.map,*.d.ts}\" \"src/main/**/*.node.js\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn build && yarn test:node && yarn test:browser",
-    "test:browser": "webpack && karma start",
-    "test:project": "yarn dist && yarn test",
-    "test:node": "cross-env JASMINE_CONFIG_PATH=src/test/node/support/jasmine.json jasmine"
+    "test": "jest --coverage"
   },
-  "version": "1.8.10"
+  "version": "1.8.10",
+  "dependencies": {
+    "@types/jest": "^29.2.0",
+    "jest": "^29.2.1",
+    "jest-environment-jsdom": "^29.2.1",
+    "ts-jest": "^29.0.3"
+  }
 }
diff --git a/packages/priority-queue/src/test/browser/PriorityQueue.test.js b/packages/priority-queue/src/test/browser/PriorityQueue.test.ts
similarity index 75%
rename from packages/priority-queue/src/test/browser/PriorityQueue.test.js
rename to packages/priority-queue/src/test/browser/PriorityQueue.test.ts
index ab51ca3c06..258cb36c92 100644
--- a/packages/priority-queue/src/test/browser/PriorityQueue.test.js
+++ b/packages/priority-queue/src/test/browser/PriorityQueue.test.ts
@@ -19,9 +19,9 @@
 
 /* eslint-disable no-magic-numbers */
 
-import {Priority, PriorityQueue} from '@wireapp/priority-queue';
+import {Item, Priority, PriorityQueue} from '@wireapp/priority-queue';
 
-beforeAll(() => (jasmine.DEFAULT_TIMEOUT_INTERVAL = 10000));
+beforeAll(() => jest.setTimeout(10000));
 
 describe('PriorityQueue', () => {
   describe('"constructor"', () => {
@@ -41,18 +41,18 @@ describe('PriorityQueue', () => {
 
       setTimeout(() => (isLocked = false), 1500);
       const queue = new PriorityQueue({maxRetries: Infinity, retryDelay: 3000});
-      queue.add(businessLogic);
+      void queue.add(businessLogic);
     });
 
     it('supports limiting the amount of retries', async () => {
-      const businessLogic = jasmine.createSpy().and.returnValue(Promise.reject(new Error('Error')));
+      const businessLogic = jest.fn().mockReturnValue(Promise.reject(new Error('Error')));
       const queue = new PriorityQueue({maxRetries: 1});
       try {
         await queue.add(businessLogic);
-        fail();
       } catch (error) {
+      } finally {
         expect(queue.size).toBe(0);
-        expect(businessLogic.calls.count()).toBe(2);
+        expect(businessLogic).toHaveBeenCalledTimes(2);
       }
     });
   });
@@ -60,24 +60,23 @@ describe('PriorityQueue', () => {
   describe('"add"', () => {
     it('adds objects', () => {
       const queue = new PriorityQueue();
-      queue.isPending = true;
 
-      queue.add(() => 'ape');
-      queue.add(() => 'cat');
-      queue.add(() => 'dog');
-      queue.add(() => 'zebra');
+      void queue.add(() => 'ape');
+      void queue.add(() => 'cat');
+      void queue.add(() => 'dog');
+      void queue.add(() => 'zebra');
 
-      expect(queue.size).withContext('When adding four items, three are in the queue and one is in progress.').toBe(3);
+      // When adding four items, three are in the queue and one is in progress.
+      expect(queue.size).toBe(3);
     });
 
     it('adds objects with priorities', async () => {
       const queue = new PriorityQueue();
-      queue.isPending = true;
 
-      queue.add(() => 'ape');
-      queue.add(() => 'cat', Priority.LOW);
-      queue.add(() => 'dog', Priority.HIGH);
-      queue.add(() => 'zebra');
+      void queue.add(() => 'ape');
+      void queue.add(() => 'cat', Priority.LOW);
+      void queue.add(() => 'dog', Priority.HIGH);
+      void queue.add(() => 'zebra');
 
       const dog = await queue.first.fn();
       expect(dog).toBe('dog');
@@ -107,13 +106,14 @@ describe('PriorityQueue', () => {
       const queue = new PriorityQueue();
       const ape = () => Promise.resolve('ape').then(done());
 
-      queue.add(ape);
-      queue.add(() => 'cat');
-      queue.add(() => 'dog');
-      queue.add(() => 'zebra');
+      void queue.add(ape);
+      void queue.add(() => 'cat');
+      void queue.add(() => 'dog');
+      void queue.add(() => 'zebra');
     });
 
     it('executes an item from the queue with different priorities', done => {
+      expect.assertions(3);
       const queue = new PriorityQueue();
 
       const promise1 = () =>
@@ -134,9 +134,9 @@ describe('PriorityQueue', () => {
           done();
         });
 
-      queue.add(promise1, Priority.HIGH);
-      queue.add(promise2, Priority.MEDIUM);
-      queue.add(promise3, Priority.LOW);
+      void queue.add(promise1, Priority.HIGH);
+      void queue.add(promise2, Priority.MEDIUM);
+      void queue.add(promise3, Priority.LOW);
     });
 
     it('retries on error until the error gets resolved', done => {
@@ -154,21 +154,22 @@ describe('PriorityQueue', () => {
       };
 
       const unlock = () => {
-        return new Promise(resolve => {
+        return new Promise<void>(resolve => {
           isLocked = false;
           resolve();
         });
       };
 
       const queue = new PriorityQueue({maxRetries: Infinity});
-      queue.add(businessLogic);
+      void queue.add(businessLogic);
       setTimeout(() => queue.add(unlock, Priority.HIGH), 200);
     });
 
     it('works with error-catching Promises', done => {
       const queue = new PriorityQueue();
+      expect.assertions(2);
 
-      function businessLogic(param) {
+      function businessLogic(param: any) {
         return new Promise((resolve, reject) => {
           if (isNaN(param)) {
             reject(new TypeError('Not a Number'));
@@ -185,9 +186,9 @@ describe('PriorityQueue', () => {
       const promise2 = () => Promise.resolve('two').then(item => expect(item).toBe('two'));
       const promise3 = () => Promise.resolve('three').then(() => done());
 
-      queue.add(promise1, Priority.HIGH);
-      queue.add(promise2, Priority.MEDIUM);
-      queue.add(promise3, Priority.LOW);
+      void queue.add(promise1, Priority.HIGH);
+      void queue.add(promise2, Priority.MEDIUM);
+      void queue.add(promise3, Priority.LOW);
     });
 
     it('executes a high priority element prior to other running elements', done => {
@@ -204,9 +205,9 @@ describe('PriorityQueue', () => {
         done();
       };
 
-      queue.add(promise1);
-      queue.add(promise2);
-      queue.add(promise3, Priority.HIGH);
+      void queue.add(promise1);
+      void queue.add(promise2);
+      void queue.add(promise3, Priority.HIGH);
     });
   });
 
@@ -225,7 +226,7 @@ describe('PriorityQueue', () => {
       };
 
       const unlock = () => {
-        return new Promise(resolve => {
+        return new Promise<void>(resolve => {
           isLocked = false;
           resolve();
         });
@@ -233,7 +234,7 @@ describe('PriorityQueue', () => {
 
       const queue = new PriorityQueue({maxRetries: Infinity, retryDelay: 100});
       setTimeout(() => queue.add(unlock, Priority.HIGH), 1000);
-      queue.add(businessLogic).then(() => {
+      void queue.add(businessLogic).then(() => {
         expect(queue.size).toBe(0);
         done();
       });
@@ -244,12 +245,12 @@ describe('PriorityQueue', () => {
     it('uses a descending priority order by default', async () => {
       const queue = new PriorityQueue();
       // prevents item processing
-      queue.isRunning = true;
+      queue['isRunning'] = true;
 
-      queue.add(() => 'ape', Priority.HIGH);
-      queue.add(() => 'cat');
-      queue.add(() => 'dog');
-      queue.add(() => 'zebra', Priority.LOW);
+      void queue.add(() => 'ape', Priority.HIGH);
+      void queue.add(() => 'cat');
+      void queue.add(() => 'dog');
+      void queue.add(() => 'zebra', Priority.LOW);
 
       const zebra = await queue.last.fn();
       expect(zebra).toBe('zebra');
@@ -258,15 +259,15 @@ describe('PriorityQueue', () => {
     });
 
     it('supports a custom comparator', async () => {
-      const ascendingPriority = (first, second) => first.priority - second.priority;
+      const ascendingPriority = (first: Item, second: Item) => first.priority - second.priority;
       const queue = new PriorityQueue({comparator: ascendingPriority});
       // prevents item processing
-      queue.isRunning = true;
+      queue['isRunning'] = true;
 
-      queue.add(() => 'ape', Priority.HIGH);
-      queue.add(() => 'cat');
-      queue.add(() => 'dog');
-      queue.add(() => 'zebra', Priority.LOW);
+      void queue.add(() => 'ape', Priority.HIGH);
+      void queue.add(() => 'cat');
+      void queue.add(() => 'dog');
+      void queue.add(() => 'zebra', Priority.LOW);
 
       const zebra = await queue.first.fn();
       expect(zebra).toBe('zebra');
@@ -291,9 +292,9 @@ describe('PriorityQueue', () => {
           done();
         });
 
-      queue.add(promise1);
-      queue.add(promise2).catch(() => {});
-      queue.add(promise3);
+      void queue.add(promise1);
+      void queue.add(promise2).catch(() => {});
+      void queue.add(promise3);
     });
   });
 });
diff --git a/packages/priority-queue/src/test/node/spec/PriorityQueue.test.js b/packages/priority-queue/src/test/node/spec/PriorityQueue.test.ts
similarity index 64%
rename from packages/priority-queue/src/test/node/spec/PriorityQueue.test.js
rename to packages/priority-queue/src/test/node/spec/PriorityQueue.test.ts
index e6fbe27f79..4f22b7047e 100644
--- a/packages/priority-queue/src/test/node/spec/PriorityQueue.test.js
+++ b/packages/priority-queue/src/test/node/spec/PriorityQueue.test.ts
@@ -17,14 +17,16 @@
  *
  */
 
-/* eslint-disable no-magic-numbers */
+import {PriorityQueue as PQType} from '../../../main';
 
-const {PriorityQueue} = require('@wireapp/priority-queue');
+import {PriorityQueue} from '@wireapp/priority-queue';
 
-beforeAll(() => (jasmine.DEFAULT_TIMEOUT_INTERVAL = 5000));
+beforeAll(() => {
+  jest.useRealTimers();
+});
 
 describe('PriorityQueue', () => {
-  let queue = undefined;
+  let queue: PQType;
 
   afterEach(() => {
     if (queue) {
@@ -88,96 +90,98 @@ describe('PriorityQueue', () => {
       queue = new PriorityQueue({maxRetries: 3, retryDelay: 100});
       try {
         await queue.add(() => notHappyFn());
-        fail();
       } catch (error) {
-        expect(error.message).toBe('not so happy');
+        // eslint-disable-next-line jest/no-conditional-expect
+        expect((error as Error).message).toBe('not so happy');
       }
     });
 
-    it('supports adding a label', () => {
-      const promise = new Promise(resolve => setTimeout(() => resolve(), 200000));
+    it('supports adding a label', async () => {
+      const promise = new Promise<void>(resolve => setTimeout(() => resolve(), 10000));
 
       queue = new PriorityQueue();
-      queue.add(() => promise, 1, 'get request');
-      queue.add(() => promise, 1, 'put request');
-      queue.add(() => promise, 5, 'access token refresh');
-      queue.add(() => promise, 1, 'another get request');
+
+      void queue.add(() => promise, 1, 'get request');
+      void queue.add(() => promise, 1, 'put request');
+      void queue.add(() => promise, 5, 'access token refresh');
+      void queue.add(() => promise, 1, 'another get request');
 
       const promisesByPriority = queue.all;
       expect(promisesByPriority[0].label).toBe('access token refresh');
-    });
+    }, 10000);
 
     it('does not retry execution with maxRetries set to 0', async () => {
-      const task = jasmine.createSpy().and.returnValue(Promise.reject(new Error('nope')));
+      const task = jest.fn().mockReturnValue(Promise.reject(new Error('nope')));
 
       queue = new PriorityQueue({maxRetries: 0});
       try {
         await queue.add(task);
       } catch (error) {
-        expect(task.calls.count()).toBe(1);
+      } finally {
+        expect(task).toHaveBeenCalledTimes(1);
       }
     });
 
     it('does retry execution with maxRetries set to 1', async () => {
-      const task = jasmine.createSpy().and.returnValue(Promise.reject(new Error('nope')));
+      const task = jest.fn().mockReturnValue(Promise.reject(new Error('nope')));
 
       queue = new PriorityQueue({maxRetries: 1});
       try {
         await queue.add(task);
       } catch (error) {
-        expect(task.calls.count()).toBe(2);
+      } finally {
+        expect(task).toHaveBeenCalledTimes(2);
       }
     });
   });
 
   describe('"delete"', () => {
     it("deletes a Promise from the queue by it's UUID", () => {
-      const promise = new Promise(resolve => setTimeout(() => resolve(), 200000));
+      const promise = new Promise<void>(resolve => setTimeout(() => resolve(), 10000));
 
       queue = new PriorityQueue();
-      queue.add(() => promise, 1);
-      queue.add(() => promise, 1);
-      queue.add(() => promise, 1, 'delete-me');
-      queue.add(() => promise, 1);
+      void queue.add(() => promise, 1);
+      void queue.add(() => promise, 1);
+      void queue.add(() => promise, 1, 'delete-me');
+      void queue.add(() => promise, 1);
 
-      expect(queue.all.length)
-        .withContext('When adding four items, three are in the queue and one is in progress.')
-        .toBe(3);
+      // When adding four items, three are in the queue and one is in progress.
+      expect(queue.all.length).toBe(3);
 
       queue.delete('delete-me');
 
-      expect(queue.all.length)
-        .withContext('After deleting one item, two are in the queue and one is in progress.')
-        .toBe(2);
-    });
+      // After deleting one item, two are in the queue and one is in progress.
+      expect(queue.all.length).toBe(2);
+    }, 10000);
   });
 
   describe('"deleteAll"', () => {
     it('deletes all queued Promises', () => {
-      const promise = new Promise(resolve => setTimeout(() => resolve(), 200000));
+      const promise = new Promise<void>(resolve => setTimeout(() => resolve(), 10000));
 
       queue = new PriorityQueue();
-      queue.add(() => promise);
-      queue.add(() => promise);
-      queue.add(() => promise);
+      void queue.add(() => promise);
+      void queue.add(() => promise);
+      void queue.add(() => promise);
 
-      expect(queue.all.length)
-        .withContext('When adding three items, two are in the queue and one is in progress.')
-        .toBe(2);
+      // When adding three items, two are in the queue and one is in progress.
+      expect(queue.all.length).toBe(2);
 
       queue.deleteAll();
 
       expect(queue.all.length).toBe(0);
-    });
+    }, 10000);
   });
 
   describe('"getGrowingDelay"', () => {
     it('delay is growing exponentially', () => {
       queue = new PriorityQueue({maxRetries: 3, retryDelay: 1000, retryGrowthFactor: 1.3});
-
-      expect(queue.getGrowingDelay(0)).withContext('first try').toBe(1000);
-      expect(queue.getGrowingDelay(1)).withContext('one try left').toBe(1300);
-      expect(queue.getGrowingDelay(2)).withContext('last try').toBe(2600);
+      // first try
+      expect(queue['getGrowingDelay'](0)).toBe(1000);
+      // one try lef
+      expect(queue['getGrowingDelay'](1)).toBe(1300);
+      // last try
+      expect(queue['getGrowingDelay'](2)).toBe(2600);
     });
 
     it('does not exceed maxRetryDelay', () => {
@@ -189,7 +193,7 @@ describe('PriorityQueue', () => {
       };
       queue = new PriorityQueue(config);
 
-      expect(queue.getGrowingDelay(1)).toBe(config.maxRetryDelay);
+      expect(queue['getGrowingDelay'](1)).toBe(config.maxRetryDelay);
     });
   });
 });
diff --git a/packages/priority-queue/src/test/node/support/jasmine.json b/packages/priority-queue/src/test/node/support/jasmine.json
deleted file mode 100644
index 0a8140886b..0000000000
--- a/packages/priority-queue/src/test/node/support/jasmine.json
+++ /dev/null
@@ -1,7 +0,0 @@
-{
-  "helpers": ["helpers/**/*.js"],
-  "random": true,
-  "spec_dir": "src/test/node/spec",
-  "spec_files": ["**/*.test.js"],
-  "stopSpecOnExpectationFailure": true
-}
diff --git a/packages/promise-queue/package.json b/packages/promise-queue/package.json
index cd9aa6c3fb..27bdb2c0c1 100644
--- a/packages/promise-queue/package.json
+++ b/packages/promise-queue/package.json
@@ -12,13 +12,16 @@
   "description": "A Promise-based dynamic queue runner.",
   "license": "GPL-3.0",
   "main": "lib/index",
+  "files": [
+    "lib"
+  ],
   "name": "@wireapp/promise-queue",
   "repository": "https://github.com/wireapp/wire-web-packages/tree/main/packages/promise-queue",
   "scripts": {
     "build": "tsc",
     "clean": "rimraf lib",
     "dist": "yarn clean && yarn build",
-    "test": "jest"
+    "test": "jest --coverage"
   },
   "version": "1.3.4"
 }
diff --git a/packages/react-ui-kit/jest.config.js b/packages/react-ui-kit/jest.config.js
index a3af4366be..39db6edb6e 100644
--- a/packages/react-ui-kit/jest.config.js
+++ b/packages/react-ui-kit/jest.config.js
@@ -18,9 +18,10 @@
  */
 
 module.exports = {
-  setupFilesAfterEnv: [],
-  snapshotSerializers: ['@emotion/jest/serializer'],
-  testPathIgnorePatterns: ['[a-z]+.test.js', 'node_modules'],
-  verbose: true,
-    testEnvironment: 'jest-environment-jsdom',
+  clearMocks: true,
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest"
+  },
+  testEnvironment: "jsdom"
 };
diff --git a/packages/react-ui-kit/package.json b/packages/react-ui-kit/package.json
index 9a04a0718c..779687bf63 100644
--- a/packages/react-ui-kit/package.json
+++ b/packages/react-ui-kit/package.json
@@ -31,6 +31,7 @@
     "react-hot-loader": "4.13.0",
     "react-styleguidist": "13.0.0",
     "react-test-renderer": "18.2.0",
+    "ts-jest": "^29.0.3",
     "webpack": "^5.74.0"
   },
   "homepage": "https://wire-react-ui-kit.netlify.app/",
@@ -62,11 +63,10 @@
     "clean": "rimraf \"src/**/*{.js,.js.map,.d.ts}\"",
     "dist": "yarn clean && yarn build",
     "start": "styleguidist server",
-    "test": "jest --config=./jest.config.js",
-    "test:coverage": "yarn test --coverage",
+    "test": "jest --coverage",
     "test:watch": "yarn test --watch",
     "test:update": "yarn test --updateSnapshot",
-    "test:project": "yarn dist && yarn test"
+    "test:project": "yarn test"
   },
   "version": "8.17.4"
 }
diff --git a/packages/react-ui-kit/src/Form/Select.test.tsx b/packages/react-ui-kit/src/Form/Select.test.tsx
index d579dd3a64..edb3492a53 100644
--- a/packages/react-ui-kit/src/Form/Select.test.tsx
+++ b/packages/react-ui-kit/src/Form/Select.test.tsx
@@ -17,30 +17,26 @@
  *
  */
 
+/* eslint-disable jest/expect-expect */
+
 import React from 'react';
 import {matchComponent} from '../test/testUtil';
 import {Select} from './Select';
 
+const props: React.ComponentProps<typeof Select> = {
+  options: [],
+  id: 'test',
+  dataUieName: 'test',
+};
+
 describe('"Select"', () => {
   it('renders', () =>
     matchComponent(
-      <Select>
-        <option>a</option>
-        <option>b</option>
-      </Select>,
-    ));
-  it('renders as disabled', () =>
-    matchComponent(
-      <Select disabled>
-        <option>a</option>
-        <option>b</option>
-      </Select>,
-    ));
-  it('renders as invalid', () =>
-    matchComponent(
-      <Select markInvalid>
+      <Select {...props}>
         <option>a</option>
         <option>b</option>
       </Select>,
     ));
+  it('renders as disabled', () => matchComponent(<Select {...props} disabled></Select>));
+  it('renders as invalid', () => matchComponent(<Select {...props} markInvalid></Select>));
 });
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Button.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Button.test.js.snap
index 07b2898715..2ced1d74ab 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Button.test.js.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Button.test.js.snap
@@ -1,228 +1,90 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Button" renders (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
-  <div
-    className="css-1mc7zwm-StyledAppContainer"
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
+  <button
+    className="css-oxpnoh-Button"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-oxpnoh-Button{color:var(--text-input-background);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-oxpnoh-Button:hover,.css-oxpnoh-Button:focus{background-color:var(--button-primary-hover);}.css-oxpnoh-Button:focus{border:1px solid var(--button-primary-focus-border);}.css-oxpnoh-Button:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
-        }
-      }
-      data-emotion="css oxpnoh-Button"
-    />
-    <button
-      className="css-oxpnoh-Button"
-    >
-      Button
-    </button>
-  </div>,
-]
+    Button
+  </button>
+</div>
 `;
 
 exports[`"Button" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <button
+    className="css-oxpnoh-Button"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-oxpnoh-Button{color:var(--text-input-background);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-oxpnoh-Button:hover,.css-oxpnoh-Button:focus{background-color:var(--button-primary-hover);}.css-oxpnoh-Button:focus{border:1px solid var(--button-primary-focus-border);}.css-oxpnoh-Button:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
-        }
-      }
-      data-emotion="css oxpnoh-Button"
-    />
-    <button
-      className="css-oxpnoh-Button"
-    >
-      Submit
-    </button>
-  </div>,
-]
+    Submit
+  </button>
+</div>
 `;
 
 exports[`"Button" renders as block 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <button
+    className="css-1vnruwz-Button"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1vnruwz-Button{color:var(--text-input-background);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:100%;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-1vnruwz-Button:hover,.css-1vnruwz-Button:focus{background-color:var(--button-primary-hover);}.css-1vnruwz-Button:focus{border:1px solid var(--button-primary-focus-border);}.css-1vnruwz-Button:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
-        }
-      }
-      data-emotion="css 1vnruwz-Button"
-    />
-    <button
-      className="css-1vnruwz-Button"
-    >
-      Submit
-    </button>
-  </div>,
-]
+    Submit
+  </button>
+</div>
 `;
 
 exports[`"Button" renders in loading state 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <button
+    className="css-oxpnoh-Button"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
+    <svg
+      fill="none"
+      height={30}
+      strokeWidth="3"
+      style={
         {
-          "__html": ".css-oxpnoh-Button{color:var(--text-input-background);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-oxpnoh-Button:hover,.css-oxpnoh-Button:focus{background-color:var(--button-primary-hover);}.css-oxpnoh-Button:focus{border:1px solid var(--button-primary-focus-border);}.css-oxpnoh-Button:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
+          "display": "flex",
+          "margin": "auto",
         }
       }
-      data-emotion="css oxpnoh-Button"
-    />
-    <button
-      className="css-oxpnoh-Button"
+      viewBox="0 0 43 43"
+      width={30}
     >
-      <svg
-        fill="none"
-        height={30}
-        strokeWidth="3"
-        style={
-          {
-            "display": "flex",
-            "margin": "auto",
-          }
-        }
-        viewBox="0 0 43 43"
-        width={30}
-      >
-        <circle
-          cx="21.5"
-          cy="21.5"
-          r="20"
-          stroke="rgba(255, 255, 255, 0.07999999999999996)"
-        />
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-1ov5q7j-Loading{-webkit-animation:animation-146xkpe 2400ms ease-in-out infinite,animation-siltbl 2400ms linear -1800ms infinite;animation:animation-146xkpe 2400ms ease-in-out infinite,animation-siltbl 2400ms linear -1800ms infinite;stroke-dasharray:125.68;transform-origin:50% 50%;}@-webkit-keyframes animation-146xkpe{0%{stroke-dashoffset:251.36;}100%{stroke-dashoffset:0;}}@keyframes animation-146xkpe{0%{stroke-dashoffset:251.36;}100%{stroke-dashoffset:0;}}@-webkit-keyframes animation-siltbl{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes animation-siltbl{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}",
-            }
-          }
-          data-emotion="css 1ov5q7j-Loading animation-146xkpe animation-siltbl"
-        />
-        <circle
-          className="css-1ov5q7j-Loading"
-          cx="21.5"
-          cy="21.5"
-          r="20"
-          stroke="#fff"
-          strokeDasharray={125.68}
-          strokeLinecap="round"
-        />
-      </svg>
-    </button>
-  </div>,
-]
+      <circle
+        cx="21.5"
+        cy="21.5"
+        r="20"
+        stroke="rgba(255, 255, 255, 0.07999999999999996)"
+      />
+      <circle
+        className="css-1ov5q7j-Loading"
+        cx="21.5"
+        cy="21.5"
+        r="20"
+        stroke="#fff"
+        strokeDasharray={125.68}
+        strokeLinecap="round"
+      />
+    </svg>
+  </button>
+</div>
 `;
 
 exports[`"Button" renders when disabled 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <button
+    className="css-18l2jnr-Button"
+    disabled={true}
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-18l2jnr-Button{color:var(--button-primary-disabled-text);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:default;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--button-primary-disabled-bg);}.css-18l2jnr-Button:hover,.css-18l2jnr-Button:focus{-webkit-text-decoration:none;text-decoration:none;}",
-        }
-      }
-      data-emotion="css 18l2jnr-Button"
-    />
-    <button
-      className="css-18l2jnr-Button"
-      disabled={true}
-    >
-      Submit
-    </button>
-  </div>,
-]
+    Submit
+  </button>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Button.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/Button.test.tsx.snap
index 4bef8697e3..2ced1d74ab 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Button.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Button.test.tsx.snap
@@ -1,72 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Button" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: var(--text-input-background);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 16px;
-  font-weight: 600;
-  overflow: hidden;
-  text-align: center;
-  text-overflow: ellipsis;
-  text-transform: none;
-  white-space: nowrap;
-  border: 0;
-  cursor: pointer;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  margin-bottom: 16px;
-  padding: 0 16px;
-  outline: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  touch-action: manipulation;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-  width: auto;
-  border-radius: 16px;
-  height: 48px;
-  line-height: 48px;
-  max-width: 100%;
-  min-width: 125px;
-  background-color: var(--accent-color);
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  background-color: var(--button-primary-hover);
-}
-
-.emotion-1:focus {
-  border: 1px solid var(--button-primary-focus-border);
-}
-
-.emotion-1:active {
-  background-color: var(--button-primary-active);
-  border: 1px solid var(--button-primary-active-border);
-  color: #fff;
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <button
-    className="emotion-1"
+    className="css-oxpnoh-Button"
   >
     Button
   </button>
@@ -74,72 +13,11 @@ exports[`"Button" renders (dark theme) 1`] = `
 `;
 
 exports[`"Button" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: var(--text-input-background);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 16px;
-  font-weight: 600;
-  overflow: hidden;
-  text-align: center;
-  text-overflow: ellipsis;
-  text-transform: none;
-  white-space: nowrap;
-  border: 0;
-  cursor: pointer;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  margin-bottom: 16px;
-  padding: 0 16px;
-  outline: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  touch-action: manipulation;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-  width: auto;
-  border-radius: 16px;
-  height: 48px;
-  line-height: 48px;
-  max-width: 100%;
-  min-width: 125px;
-  background-color: var(--accent-color);
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  background-color: var(--button-primary-hover);
-}
-
-.emotion-1:focus {
-  border: 1px solid var(--button-primary-focus-border);
-}
-
-.emotion-1:active {
-  background-color: var(--button-primary-active);
-  border: 1px solid var(--button-primary-active-border);
-  color: #fff;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <button
-    className="emotion-1"
+    className="css-oxpnoh-Button"
   >
     Submit
   </button>
@@ -147,72 +25,11 @@ exports[`"Button" renders 1`] = `
 `;
 
 exports[`"Button" renders as block 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: var(--text-input-background);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 16px;
-  font-weight: 600;
-  overflow: hidden;
-  text-align: center;
-  text-overflow: ellipsis;
-  text-transform: none;
-  white-space: nowrap;
-  border: 0;
-  cursor: pointer;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  margin-bottom: 16px;
-  padding: 0 16px;
-  outline: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  touch-action: manipulation;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-  width: 100%;
-  border-radius: 16px;
-  height: 48px;
-  line-height: 48px;
-  max-width: 100%;
-  min-width: 125px;
-  background-color: var(--accent-color);
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  background-color: var(--button-primary-hover);
-}
-
-.emotion-1:focus {
-  border: 1px solid var(--button-primary-focus-border);
-}
-
-.emotion-1:active {
-  background-color: var(--button-primary-active);
-  border: 1px solid var(--button-primary-active-border);
-  color: #fff;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <button
-    className="emotion-1"
+    className="css-1vnruwz-Button"
   >
     Submit
   </button>
@@ -220,105 +37,11 @@ exports[`"Button" renders as block 1`] = `
 `;
 
 exports[`"Button" renders in loading state 1`] = `
-@keyframes animation-0 {
-  0% {
-    stroke-dashoffset: 251.36;
-  }
-
-  100% {
-    stroke-dashoffset: 0;
-  }
-}
-
-@keyframes animation-1 {
-  0% {
-    -webkit-transform: rotate(0);
-    -moz-transform: rotate(0);
-    -ms-transform: rotate(0);
-    transform: rotate(0);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: var(--text-input-background);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 16px;
-  font-weight: 600;
-  overflow: hidden;
-  text-align: center;
-  text-overflow: ellipsis;
-  text-transform: none;
-  white-space: nowrap;
-  border: 0;
-  cursor: pointer;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  margin-bottom: 16px;
-  padding: 0 16px;
-  outline: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  touch-action: manipulation;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-  width: auto;
-  border-radius: 16px;
-  height: 48px;
-  line-height: 48px;
-  max-width: 100%;
-  min-width: 125px;
-  background-color: var(--accent-color);
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  background-color: var(--button-primary-hover);
-}
-
-.emotion-1:focus {
-  border: 1px solid var(--button-primary-focus-border);
-}
-
-.emotion-1:active {
-  background-color: var(--button-primary-active);
-  border: 1px solid var(--button-primary-active-border);
-  color: #fff;
-}
-
-.emotion-2 {
-  -webkit-animation: animation-0 2400ms ease-in-out infinite,animation-1 2400ms linear -1800ms infinite;
-  animation: animation-0 2400ms ease-in-out infinite,animation-1 2400ms linear -1800ms infinite;
-  stroke-dasharray: 125.68;
-  transform-origin: 50% 50%;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <button
-    className="emotion-1"
+    className="css-oxpnoh-Button"
   >
     <svg
       fill="none"
@@ -340,7 +63,7 @@ exports[`"Button" renders in loading state 1`] = `
         stroke="rgba(255, 255, 255, 0.07999999999999996)"
       />
       <circle
-        className="emotion-2"
+        className="css-1ov5q7j-Loading"
         cx="21.5"
         cy="21.5"
         r="20"
@@ -354,63 +77,11 @@ exports[`"Button" renders in loading state 1`] = `
 `;
 
 exports[`"Button" renders when disabled 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: var(--button-primary-disabled-text);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  font-size: 16px;
-  font-weight: 600;
-  overflow: hidden;
-  text-align: center;
-  text-overflow: ellipsis;
-  text-transform: none;
-  white-space: nowrap;
-  border: 0;
-  cursor: default;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  margin-bottom: 16px;
-  padding: 0 16px;
-  outline: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  touch-action: manipulation;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-  width: auto;
-  border-radius: 16px;
-  height: 48px;
-  line-height: 48px;
-  max-width: 100%;
-  min-width: 125px;
-  background-color: var(--button-primary-disabled-bg);
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  -webkit-text-decoration: none;
-  text-decoration: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <button
-    className="emotion-1"
+    className="css-18l2jnr-Button"
     disabled={true}
   >
     Submit
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.js.snap
index 0282058832..355db2bc3a 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.js.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.js.snap
@@ -1,151 +1,65 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"ButtonLink" renders (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
-  <div
-    className="css-1mc7zwm-StyledAppContainer"
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
+  <a
+    className="css-kjqv3l-ButtonLink"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-kjqv3l-ButtonLink{color:var(--text-input-background);display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-kjqv3l-ButtonLink:hover,.css-kjqv3l-ButtonLink:focus{background-color:var(--button-primary-hover);}.css-kjqv3l-ButtonLink:focus{border:1px solid var(--button-primary-focus-border);}.css-kjqv3l-ButtonLink:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
-        }
-      }
-      data-emotion="css kjqv3l-ButtonLink"
-    />
-    <a
-      className="css-kjqv3l-ButtonLink"
-    >
-      ButtonLink
-    </a>
-  </div>,
-]
+    ButtonLink
+  </a>
+</div>
 `;
 
 exports[`"ButtonLink" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <a
+    className="css-kjqv3l-ButtonLink"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-kjqv3l-ButtonLink{color:var(--text-input-background);display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-kjqv3l-ButtonLink:hover,.css-kjqv3l-ButtonLink:focus{background-color:var(--button-primary-hover);}.css-kjqv3l-ButtonLink:focus{border:1px solid var(--button-primary-focus-border);}.css-kjqv3l-ButtonLink:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
-        }
-      }
-      data-emotion="css kjqv3l-ButtonLink"
-    />
-    <a
-      className="css-kjqv3l-ButtonLink"
-    >
-      Submit
-    </a>
-  </div>,
-]
+    Submit
+  </a>
+</div>
 `;
 
 exports[`"ButtonLink" renders in loading state 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <a
+    className="css-kjqv3l-ButtonLink"
   >
-    <style
-      dangerouslySetInnerHTML={
+    <svg
+      fill="none"
+      height={30}
+      strokeWidth="3"
+      style={
         {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+          "display": "flex",
+          "margin": "auto",
         }
       }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-kjqv3l-ButtonLink{color:var(--text-input-background);display:-webkit-inline-box!important;display:-webkit-inline-flex!important;display:-ms-inline-flexbox!important;display:inline-flex!important;font-size:16px;font-weight:600;overflow:hidden;text-align:center;text-overflow:ellipsis;text-transform:none;white-space:nowrap;border:0;cursor:pointer;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;margin-bottom:16px;padding:0 16px;outline:none;-webkit-text-decoration:none;text-decoration:none;touch-action:manipulation;-webkit-transition:all 0.24s;transition:all 0.24s;width:auto;border-radius:16px;height:48px;line-height:48px;max-width:100%;min-width:125px;background-color:var(--accent-color);}.css-kjqv3l-ButtonLink:hover,.css-kjqv3l-ButtonLink:focus{background-color:var(--button-primary-hover);}.css-kjqv3l-ButtonLink:focus{border:1px solid var(--button-primary-focus-border);}.css-kjqv3l-ButtonLink:active{background-color:var(--button-primary-active);border:1px solid var(--button-primary-active-border);color:#fff;}",
-        }
-      }
-      data-emotion="css kjqv3l-ButtonLink"
-    />
-    <a
-      className="css-kjqv3l-ButtonLink"
+      viewBox="0 0 43 43"
+      width={30}
     >
-      <svg
-        fill="none"
-        height={30}
-        strokeWidth="3"
-        style={
-          {
-            "display": "flex",
-            "margin": "auto",
-          }
-        }
-        viewBox="0 0 43 43"
-        width={30}
-      >
-        <circle
-          cx="21.5"
-          cy="21.5"
-          r="20"
-          stroke="rgba(255, 255, 255, 0.07999999999999996)"
-        />
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-1ov5q7j-Loading{-webkit-animation:animation-146xkpe 2400ms ease-in-out infinite,animation-siltbl 2400ms linear -1800ms infinite;animation:animation-146xkpe 2400ms ease-in-out infinite,animation-siltbl 2400ms linear -1800ms infinite;stroke-dasharray:125.68;transform-origin:50% 50%;}@-webkit-keyframes animation-146xkpe{0%{stroke-dashoffset:251.36;}100%{stroke-dashoffset:0;}}@keyframes animation-146xkpe{0%{stroke-dashoffset:251.36;}100%{stroke-dashoffset:0;}}@-webkit-keyframes animation-siltbl{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}@keyframes animation-siltbl{0%{-webkit-transform:rotate(0);-moz-transform:rotate(0);-ms-transform:rotate(0);transform:rotate(0);}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg);}}",
-            }
-          }
-          data-emotion="css 1ov5q7j-Loading animation-146xkpe animation-siltbl"
-        />
-        <circle
-          className="css-1ov5q7j-Loading"
-          cx="21.5"
-          cy="21.5"
-          r="20"
-          stroke="#fff"
-          strokeDasharray={125.68}
-          strokeLinecap="round"
-        />
-      </svg>
-    </a>
-  </div>,
-]
+      <circle
+        cx="21.5"
+        cy="21.5"
+        r="20"
+        stroke="rgba(255, 255, 255, 0.07999999999999996)"
+      />
+      <circle
+        className="css-1ov5q7j-Loading"
+        cx="21.5"
+        cy="21.5"
+        r="20"
+        stroke="#fff"
+        strokeDasharray={125.68}
+        strokeLinecap="round"
+      />
+    </svg>
+  </a>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.tsx.snap
index 17b8e16393..355db2bc3a 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.tsx.snap
@@ -1,72 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"ButtonLink" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: var(--text-input-background);
-  display: -webkit-inline-box!important;
-  display: -webkit-inline-flex!important;
-  display: -ms-inline-flexbox!important;
-  display: inline-flex!important;
-  font-size: 16px;
-  font-weight: 600;
-  overflow: hidden;
-  text-align: center;
-  text-overflow: ellipsis;
-  text-transform: none;
-  white-space: nowrap;
-  border: 0;
-  cursor: pointer;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  margin-bottom: 16px;
-  padding: 0 16px;
-  outline: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  touch-action: manipulation;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-  width: auto;
-  border-radius: 16px;
-  height: 48px;
-  line-height: 48px;
-  max-width: 100%;
-  min-width: 125px;
-  background-color: var(--accent-color);
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  background-color: var(--button-primary-hover);
-}
-
-.emotion-1:focus {
-  border: 1px solid var(--button-primary-focus-border);
-}
-
-.emotion-1:active {
-  background-color: var(--button-primary-active);
-  border: 1px solid var(--button-primary-active-border);
-  color: #fff;
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <a
-    className="emotion-1"
+    className="css-kjqv3l-ButtonLink"
   >
     ButtonLink
   </a>
@@ -74,72 +13,11 @@ exports[`"ButtonLink" renders (dark theme) 1`] = `
 `;
 
 exports[`"ButtonLink" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: var(--text-input-background);
-  display: -webkit-inline-box!important;
-  display: -webkit-inline-flex!important;
-  display: -ms-inline-flexbox!important;
-  display: inline-flex!important;
-  font-size: 16px;
-  font-weight: 600;
-  overflow: hidden;
-  text-align: center;
-  text-overflow: ellipsis;
-  text-transform: none;
-  white-space: nowrap;
-  border: 0;
-  cursor: pointer;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  margin-bottom: 16px;
-  padding: 0 16px;
-  outline: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  touch-action: manipulation;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-  width: auto;
-  border-radius: 16px;
-  height: 48px;
-  line-height: 48px;
-  max-width: 100%;
-  min-width: 125px;
-  background-color: var(--accent-color);
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  background-color: var(--button-primary-hover);
-}
-
-.emotion-1:focus {
-  border: 1px solid var(--button-primary-focus-border);
-}
-
-.emotion-1:active {
-  background-color: var(--button-primary-active);
-  border: 1px solid var(--button-primary-active-border);
-  color: #fff;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <a
-    className="emotion-1"
+    className="css-kjqv3l-ButtonLink"
   >
     Submit
   </a>
@@ -147,105 +25,11 @@ exports[`"ButtonLink" renders 1`] = `
 `;
 
 exports[`"ButtonLink" renders in loading state 1`] = `
-@keyframes animation-0 {
-  0% {
-    stroke-dashoffset: 251.36;
-  }
-
-  100% {
-    stroke-dashoffset: 0;
-  }
-}
-
-@keyframes animation-1 {
-  0% {
-    -webkit-transform: rotate(0);
-    -moz-transform: rotate(0);
-    -ms-transform: rotate(0);
-    transform: rotate(0);
-  }
-
-  100% {
-    -webkit-transform: rotate(360deg);
-    -moz-transform: rotate(360deg);
-    -ms-transform: rotate(360deg);
-    transform: rotate(360deg);
-  }
-}
-
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: var(--text-input-background);
-  display: -webkit-inline-box!important;
-  display: -webkit-inline-flex!important;
-  display: -ms-inline-flexbox!important;
-  display: inline-flex!important;
-  font-size: 16px;
-  font-weight: 600;
-  overflow: hidden;
-  text-align: center;
-  text-overflow: ellipsis;
-  text-transform: none;
-  white-space: nowrap;
-  border: 0;
-  cursor: pointer;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  margin-bottom: 16px;
-  padding: 0 16px;
-  outline: none;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  touch-action: manipulation;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-  width: auto;
-  border-radius: 16px;
-  height: 48px;
-  line-height: 48px;
-  max-width: 100%;
-  min-width: 125px;
-  background-color: var(--accent-color);
-}
-
-.emotion-1:hover,
-.emotion-1:focus {
-  background-color: var(--button-primary-hover);
-}
-
-.emotion-1:focus {
-  border: 1px solid var(--button-primary-focus-border);
-}
-
-.emotion-1:active {
-  background-color: var(--button-primary-active);
-  border: 1px solid var(--button-primary-active-border);
-  color: #fff;
-}
-
-.emotion-2 {
-  -webkit-animation: animation-0 2400ms ease-in-out infinite,animation-1 2400ms linear -1800ms infinite;
-  animation: animation-0 2400ms ease-in-out infinite,animation-1 2400ms linear -1800ms infinite;
-  stroke-dasharray: 125.68;
-  transform-origin: 50% 50%;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <a
-    className="emotion-1"
+    className="css-kjqv3l-ButtonLink"
   >
     <svg
       fill="none"
@@ -267,7 +51,7 @@ exports[`"ButtonLink" renders in loading state 1`] = `
         stroke="rgba(255, 255, 255, 0.07999999999999996)"
       />
       <circle
-        className="emotion-2"
+        className="css-1ov5q7j-Loading"
         cx="21.5"
         cy="21.5"
         r="20"
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.js.snap
index 44da68edd9..0b89dc9edc 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.js.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.js.snap
@@ -1,348 +1,178 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Checkbox" renders (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
   <div
-    className="css-1mc7zwm-StyledAppContainer"
+    className="css-168b0g9"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
+    <input
+      className="wireinput"
+      id="1"
+      style={
         {
-          "__html": ".css-168b0g9{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;position:relative;left:-0.3rem;}.css-168b0g9 .wireinput:focus-visible+label{outline:1px solid #0667c8;outline-offset:0.4rem;}",
+          "cursor": "pointer",
+          "height": "22px",
+          "marginBottom": "0",
+          "opacity": 0,
+          "width": "22px",
         }
       }
-      data-emotion="css 168b0g9"
+      type="checkbox"
     />
-    <div
-      className="css-168b0g9"
+    <label
+      className="css-1td0kch-StyledLabel"
+      htmlFor="1"
     >
-      <input
-        className="wireinput"
-        id="1"
-        style={
-          {
-            "cursor": "pointer",
-            "height": "22px",
-            "marginBottom": "0",
-            "opacity": 0,
-            "width": "22px",
-          }
-        }
-        type="checkbox"
-      />
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-1td0kch-StyledLabel{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 0 0 -16px;width:100%;line-height:1.4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:1;cursor:pointer;border-radius:4px;}.wireinput:checked+.css-1td0kch-StyledLabel::before{background:#0667c8;border-color:#0667c8;}.wireinput:checked+.css-1td0kch-StyledLabel>svg{fill:#000;}.wireinput+.css-1td0kch-StyledLabel>svg{fill:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.25rem;}.wireinput:hover+.css-1td0kch-StyledLabel::before{border-color:#0667c8;}.wireinput+.css-1td0kch-StyledLabel::before{background:#edeff0;border:2px solid #9fa1a7;border-radius:3px;box-sizing:border-box;content:"";display:inline-block;width:22px;height:22px;line-height:1.4;margin:0 8px 0 0px;color:#fff;}",
-          }
-        }
-        data-emotion="css 1td0kch-StyledLabel"
-      />
-      <label
-        className="css-1td0kch-StyledLabel"
-        htmlFor="1"
+      Checkbox
+      <svg
+        height="13"
+        viewBox="0 0 16 13"
+        width="15"
+        xmlns="http://www.w3.org/2000/svg"
       >
-        Checkbox
-        <svg
-          height="13"
-          viewBox="0 0 16 13"
-          width="15"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
-          />
-        </svg>
-      </label>
-    </div>
-  </div>,
-]
+        <path
+          d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
+        />
+      </svg>
+    </label>
+  </div>
+</div>
 `;
 
 exports[`"Checkbox" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="css-168b0g9"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
+    <input
+      className="wireinput"
+      id="1"
+      style={
         {
-          "__html": ".css-168b0g9{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;position:relative;left:-0.3rem;}.css-168b0g9 .wireinput:focus-visible+label{outline:1px solid #0667c8;outline-offset:0.4rem;}",
+          "cursor": "pointer",
+          "height": "22px",
+          "marginBottom": "0",
+          "opacity": 0,
+          "width": "22px",
         }
       }
-      data-emotion="css 168b0g9"
+      type="checkbox"
     />
-    <div
-      className="css-168b0g9"
+    <label
+      className="css-1503j3x-StyledLabel"
+      htmlFor="1"
     >
-      <input
-        className="wireinput"
-        id="1"
-        style={
-          {
-            "cursor": "pointer",
-            "height": "22px",
-            "marginBottom": "0",
-            "opacity": 0,
-            "width": "22px",
-          }
-        }
-        type="checkbox"
-      />
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-1503j3x-StyledLabel{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 0 0 -16px;width:100%;line-height:1.4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:1;cursor:pointer;border-radius:4px;}.wireinput:checked+.css-1503j3x-StyledLabel::before{background:#0667c8;border-color:#0667c8;}.wireinput:checked+.css-1503j3x-StyledLabel>svg{fill:#edeff0;}.wireinput+.css-1503j3x-StyledLabel>svg{fill:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.25rem;}.wireinput:hover+.css-1503j3x-StyledLabel::before{border-color:#0667c8;}.wireinput+.css-1503j3x-StyledLabel::before{background:#edeff0;border:2px solid #54585f;border-radius:3px;box-sizing:border-box;content:"";display:inline-block;width:22px;height:22px;line-height:1.4;margin:0 8px 0 0px;color:rgb(29, 30, 31);}",
-          }
-        }
-        data-emotion="css 1503j3x-StyledLabel"
-      />
-      <label
-        className="css-1503j3x-StyledLabel"
-        htmlFor="1"
+      Check
+      <svg
+        height="13"
+        viewBox="0 0 16 13"
+        width="15"
+        xmlns="http://www.w3.org/2000/svg"
       >
-        Check
-        <svg
-          height="13"
-          viewBox="0 0 16 13"
-          width="15"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
-          />
-        </svg>
-      </label>
-    </div>
-  </div>,
-]
+        <path
+          d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
+        />
+      </svg>
+    </label>
+  </div>
+</div>
 `;
 
 exports[`"Checkbox" renders as invalid 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="css-168b0g9"
   >
-    <style
-      dangerouslySetInnerHTML={
+    <input
+      className="wireinput"
+      id="1"
+      style={
         {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+          "cursor": "pointer",
+          "height": "22px",
+          "marginBottom": "0",
+          "opacity": 0,
+          "width": "22px",
         }
       }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+      type="checkbox"
     />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-168b0g9{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;position:relative;left:-0.3rem;}.css-168b0g9 .wireinput:focus-visible+label{outline:1px solid #0667c8;outline-offset:0.4rem;}",
-        }
-      }
-      data-emotion="css 168b0g9"
-    />
-    <div
-      className="css-168b0g9"
+    <label
+      className="css-1are297-StyledLabel"
+      htmlFor="1"
     >
-      <input
-        className="wireinput"
-        id="1"
-        style={
-          {
-            "cursor": "pointer",
-            "height": "22px",
-            "marginBottom": "0",
-            "opacity": 0,
-            "width": "22px",
-          }
-        }
-        type="checkbox"
-      />
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-1are297-StyledLabel{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 0 0 -16px;width:100%;line-height:1.4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:1;cursor:pointer;border-radius:4px;}.wireinput:checked+.css-1are297-StyledLabel::before{background:#0667c8;border-color:#0667c8;}.wireinput:checked+.css-1are297-StyledLabel>svg{fill:#edeff0;}.wireinput+.css-1are297-StyledLabel>svg{fill:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.25rem;}.wireinput:hover+.css-1are297-StyledLabel::before{border-color:#0667c8;}.wireinput+.css-1are297-StyledLabel::before{background:#edeff0;border:2px solid #c20013;border-radius:3px;box-sizing:border-box;content:"";display:inline-block;width:22px;height:22px;line-height:1.4;margin:0 8px 0 0px;color:rgb(29, 30, 31);}",
-          }
-        }
-        data-emotion="css 1are297-StyledLabel"
-      />
-      <label
-        className="css-1are297-StyledLabel"
-        htmlFor="1"
+      Check
+      <svg
+        height="13"
+        viewBox="0 0 16 13"
+        width="15"
+        xmlns="http://www.w3.org/2000/svg"
       >
-        Check
-        <svg
-          height="13"
-          viewBox="0 0 16 13"
-          width="15"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
-          />
-        </svg>
-      </label>
-    </div>
-  </div>,
-]
+        <path
+          d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
+        />
+      </svg>
+    </label>
+  </div>
+</div>
 `;
 
 exports[`"Checkbox" renders disabled 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="css-168b0g9"
   >
-    <style
-      dangerouslySetInnerHTML={
+    <input
+      className="wireinput"
+      disabled={true}
+      id="1"
+      style={
         {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
+          "cursor": "not-allowed",
+          "height": "22px",
+          "marginBottom": "0",
+          "opacity": 0,
+          "width": "22px",
         }
       }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+      type="checkbox"
     />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-168b0g9{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;position:relative;left:-0.3rem;}.css-168b0g9 .wireinput:focus-visible+label{outline:1px solid #0667c8;outline-offset:0.4rem;}",
-        }
-      }
-      data-emotion="css 168b0g9"
-    />
-    <div
-      className="css-168b0g9"
+    <label
+      className="css-1jgztc1-StyledLabel"
+      htmlFor="1"
     >
-      <input
-        className="wireinput"
-        disabled={true}
-        id="1"
-        style={
-          {
-            "cursor": "not-allowed",
-            "height": "22px",
-            "marginBottom": "0",
-            "opacity": 0,
-            "width": "22px",
-          }
-        }
-        type="checkbox"
-      />
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-1jgztc1-StyledLabel{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;margin:0 0 0 -16px;width:100%;line-height:1.4;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;opacity:0.56;cursor:not-allowed;border-radius:4px;}.wireinput:checked+.css-1jgztc1-StyledLabel::before{background:#edeff0;border-color:#0667c8;}.wireinput:checked+.css-1jgztc1-StyledLabel>svg{fill:#edeff0;}.wireinput+.css-1jgztc1-StyledLabel>svg{fill:none;position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);left:0.25rem;}.wireinput+.css-1jgztc1-StyledLabel::before{background:#edeff0;border:2px solid #9fa1a7;border-radius:3px;box-sizing:border-box;content:"";display:inline-block;width:22px;height:22px;line-height:1.4;margin:0 8px 0 0px;color:rgb(29, 30, 31);}",
-          }
-        }
-        data-emotion="css 1jgztc1-StyledLabel"
-      />
-      <label
-        className="css-1jgztc1-StyledLabel"
-        htmlFor="1"
+      Check
+      <svg
+        height="13"
+        viewBox="0 0 16 13"
+        width="15"
+        xmlns="http://www.w3.org/2000/svg"
       >
-        Check
-        <svg
-          height="13"
-          viewBox="0 0 16 13"
-          width="15"
-          xmlns="http://www.w3.org/2000/svg"
-        >
-          <path
-            d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
-          />
-        </svg>
-      </label>
-    </div>
-  </div>,
-]
+        <path
+          d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
+        />
+      </svg>
+    </label>
+  </div>
+</div>
 `;
 
 exports[`"CheckboxLabel" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-1md0civ-CheckboxLabel"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1bpeftn-CheckboxLabel{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css 1bpeftn-CheckboxLabel"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1md0civ-CheckboxLabel{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css 1md0civ-CheckboxLabel"
-    />
-    <span
-      className="css-1md0civ-CheckboxLabel"
-    >
-      Label
-    </span>
-  </div>,
-]
+    Label
+  </span>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.tsx.snap
index d1b020c7f2..0b89dc9edc 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.tsx.snap
@@ -1,95 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Checkbox" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  position: relative;
-  left: -0.3rem;
-}
-
-.emotion-1 .wireinput:focus-visible+label {
-  outline: 1px solid #0667c8;
-  outline-offset: 0.4rem;
-}
-
-.emotion-2 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  margin: 0 0 0 -16px;
-  width: 100%;
-  line-height: 1.4;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  opacity: 1;
-  cursor: pointer;
-  border-radius: 4px;
-}
-
-.wireinput:checked+.emotion-2::before {
-  background: #0667c8;
-  border-color: #0667c8;
-}
-
-.wireinput:checked+.emotion-2>svg {
-  fill: #000;
-}
-
-.wireinput+.emotion-2>svg {
-  fill: none;
-  position: absolute;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-  -moz-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  transform: translateY(-50%);
-  left: 0.25rem;
-}
-
-.wireinput:hover+.emotion-2::before {
-  border-color: #0667c8;
-}
-
-.wireinput+.emotion-2::before {
-  background: #edeff0;
-  border: 2px solid #9fa1a7;
-  border-radius: 3px;
-  box-sizing: border-box;
-  content: "";
-  display: inline-block;
-  width: 22px;
-  height: 22px;
-  line-height: 1.4;
-  margin: 0 8px 0 0px;
-  color: #fff;
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-168b0g9"
   >
     <input
       className="wireinput"
@@ -106,7 +22,7 @@ exports[`"Checkbox" renders (dark theme) 1`] = `
       type="checkbox"
     />
     <label
-      className="emotion-2"
+      className="css-1td0kch-StyledLabel"
       htmlFor="1"
     >
       Checkbox
@@ -126,95 +42,11 @@ exports[`"Checkbox" renders (dark theme) 1`] = `
 `;
 
 exports[`"Checkbox" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  position: relative;
-  left: -0.3rem;
-}
-
-.emotion-1 .wireinput:focus-visible+label {
-  outline: 1px solid #0667c8;
-  outline-offset: 0.4rem;
-}
-
-.emotion-2 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  margin: 0 0 0 -16px;
-  width: 100%;
-  line-height: 1.4;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  opacity: 1;
-  cursor: pointer;
-  border-radius: 4px;
-}
-
-.wireinput:checked+.emotion-2::before {
-  background: #0667c8;
-  border-color: #0667c8;
-}
-
-.wireinput:checked+.emotion-2>svg {
-  fill: #edeff0;
-}
-
-.wireinput+.emotion-2>svg {
-  fill: none;
-  position: absolute;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-  -moz-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  transform: translateY(-50%);
-  left: 0.25rem;
-}
-
-.wireinput:hover+.emotion-2::before {
-  border-color: #0667c8;
-}
-
-.wireinput+.emotion-2::before {
-  background: #edeff0;
-  border: 2px solid #54585f;
-  border-radius: 3px;
-  box-sizing: border-box;
-  content: "";
-  display: inline-block;
-  width: 22px;
-  height: 22px;
-  line-height: 1.4;
-  margin: 0 8px 0 0px;
-  color: rgb(29, 30, 31);
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-168b0g9"
   >
     <input
       className="wireinput"
@@ -231,7 +63,7 @@ exports[`"Checkbox" renders 1`] = `
       type="checkbox"
     />
     <label
-      className="emotion-2"
+      className="css-1503j3x-StyledLabel"
       htmlFor="1"
     >
       Check
@@ -251,95 +83,11 @@ exports[`"Checkbox" renders 1`] = `
 `;
 
 exports[`"Checkbox" renders as invalid 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  position: relative;
-  left: -0.3rem;
-}
-
-.emotion-1 .wireinput:focus-visible+label {
-  outline: 1px solid #0667c8;
-  outline-offset: 0.4rem;
-}
-
-.emotion-2 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  margin: 0 0 0 -16px;
-  width: 100%;
-  line-height: 1.4;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  opacity: 1;
-  cursor: pointer;
-  border-radius: 4px;
-}
-
-.wireinput:checked+.emotion-2::before {
-  background: #0667c8;
-  border-color: #0667c8;
-}
-
-.wireinput:checked+.emotion-2>svg {
-  fill: #edeff0;
-}
-
-.wireinput+.emotion-2>svg {
-  fill: none;
-  position: absolute;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-  -moz-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  transform: translateY(-50%);
-  left: 0.25rem;
-}
-
-.wireinput:hover+.emotion-2::before {
-  border-color: #0667c8;
-}
-
-.wireinput+.emotion-2::before {
-  background: #edeff0;
-  border: 2px solid #c20013;
-  border-radius: 3px;
-  box-sizing: border-box;
-  content: "";
-  display: inline-block;
-  width: 22px;
-  height: 22px;
-  line-height: 1.4;
-  margin: 0 8px 0 0px;
-  color: rgb(29, 30, 31);
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-168b0g9"
   >
     <input
       className="wireinput"
@@ -356,7 +104,7 @@ exports[`"Checkbox" renders as invalid 1`] = `
       type="checkbox"
     />
     <label
-      className="emotion-2"
+      className="css-1are297-StyledLabel"
       htmlFor="1"
     >
       Check
@@ -376,91 +124,11 @@ exports[`"Checkbox" renders as invalid 1`] = `
 `;
 
 exports[`"Checkbox" renders disabled 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  position: relative;
-  left: -0.3rem;
-}
-
-.emotion-1 .wireinput:focus-visible+label {
-  outline: 1px solid #0667c8;
-  outline-offset: 0.4rem;
-}
-
-.emotion-2 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  position: relative;
-  margin: 0 0 0 -16px;
-  width: 100%;
-  line-height: 1.4;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  opacity: 0.56;
-  cursor: not-allowed;
-  border-radius: 4px;
-}
-
-.wireinput:checked+.emotion-2::before {
-  background: #edeff0;
-  border-color: #0667c8;
-}
-
-.wireinput:checked+.emotion-2>svg {
-  fill: #edeff0;
-}
-
-.wireinput+.emotion-2>svg {
-  fill: none;
-  position: absolute;
-  top: 50%;
-  -webkit-transform: translateY(-50%);
-  -moz-transform: translateY(-50%);
-  -ms-transform: translateY(-50%);
-  transform: translateY(-50%);
-  left: 0.25rem;
-}
-
-.wireinput+.emotion-2::before {
-  background: #edeff0;
-  border: 2px solid #9fa1a7;
-  border-radius: 3px;
-  box-sizing: border-box;
-  content: "";
-  display: inline-block;
-  width: 22px;
-  height: 22px;
-  line-height: 1.4;
-  margin: 0 8px 0 0px;
-  color: rgb(29, 30, 31);
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-168b0g9"
   >
     <input
       className="wireinput"
@@ -478,7 +146,7 @@ exports[`"Checkbox" renders disabled 1`] = `
       type="checkbox"
     />
     <label
-      className="emotion-2"
+      className="css-1jgztc1-StyledLabel"
       htmlFor="1"
     >
       Check
@@ -498,32 +166,11 @@ exports[`"Checkbox" renders disabled 1`] = `
 `;
 
 exports[`"CheckboxLabel" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-1md0civ-CheckboxLabel"
   >
     Label
   </span>
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.js.snap
new file mode 100644
index 0000000000..2184300870
--- /dev/null
+++ b/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.js.snap
@@ -0,0 +1,71 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"DropFileInput" matches snapshot 1`] = `
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <div
+      className="css-1y7m5n0"
+    >
+      <div
+        className="css-qtc2fr"
+        data-testid="dropzone"
+        onDragLeave={[Function]}
+        onDragOver={[Function]}
+        onDrop={[Function]}
+      >
+        <div
+          className="css-c9hw9m-DropFileInput"
+        >
+          <svg
+            className="css-t97fbx-DropFileInput"
+            height={16}
+            viewBox="0 0 16 16"
+            width={16}
+          >
+            <g>
+              <path
+                d="M0 14H16V16H0V14ZM7 11H9V4H13L8 0L3 4H7V11Z"
+              />
+            </g>
+          </svg>
+          <div
+            className="css-r5lgab-DropFileInput"
+          >
+            <span
+              className="css-1kr0aza"
+            >
+              Drag & Drop an image 
+or
+            </span>
+            <label
+              aria-label="Drag & Drop an image 
+or select one from your device (Image (JPG/PNG) size up to 1 MB, minimum 200 x 600 px)"
+              className="css-ylkvue"
+            >
+              <span>
+                select one from your device
+              </span>
+              <input
+                accept="image/png, image/jpeg"
+                className="css-5ur8x"
+                data-testid="file-input"
+                onChange={[Function]}
+                type="file"
+              />
+            </label>
+          </div>
+        </div>
+      </div>
+      <p
+        className="css-14vo0st"
+      >
+        Image (JPG/PNG) size up to 1 MB, minimum 200 x 600 px
+      </p>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.tsx.snap
index d8396107b9..2184300870 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.tsx.snap
@@ -1,125 +1,27 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"DropFileInput" matches snapshot 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-2 {
-  max-width: 330px;
-}
-
-.emotion-3 {
-  width: 100%;
-  padding: 28px 12px;
-  border: 1px dashed #0667c8;
-  border-bottom-width: 2px;
-  border-radius: 6px;
-  text-align: center;
-  background-color: #fff;
-  font-weight: 400;
-  font-size: 12px;
-  line-height: 13px;
-  color: #696c6e;
-}
-
-.emotion-4 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  -webkit-box-pack: center;
-  -ms-flex-pack: center;
-  -webkit-justify-content: center;
-  justify-content: center;
-  max-width: 280px;
-  margin: 0 auto;
-}
-
-.emotion-5 {
-  fill: rgb(29, 30, 31);
-  overflow: visible;
-  margin: 12px 0;
-}
-
-.emotion-6 {
-  max-width: 160px;
-  margin: 0 25px;
-}
-
-.emotion-7 {
-  display: block;
-  white-space: pre-line;
-}
-
-.emotion-8 {
-  color: #0667c8;
-  cursor: pointer;
-}
-
-.emotion-8:focus-within {
-  outline: 1px solid #0667c8;
-}
-
-.emotion-8:hover {
-  -webkit-text-decoration: underline;
-  text-decoration: underline;
-}
-
-.emotion-9 {
-  clip: rect(0 0 0 0);
-  -webkit-clip-path: inset(50%);
-  clip-path: inset(50%);
-  height: 1px;
-  overflow: hidden;
-  position: absolute;
-  white-space: nowrap;
-  width: 1px;
-}
-
-.emotion-10 {
-  margin-top: 12px;
-  font-weight: 400;
-  font-size: 10px;
-  line-height: 13px;
-  color: #696c6e;
-  white-space: pre-line;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-0"
+    className="css-7uml9n-StyledAppContainer"
   >
     <div
-      className="emotion-2"
+      className="css-1y7m5n0"
     >
       <div
-        className="emotion-3"
+        className="css-qtc2fr"
         data-testid="dropzone"
         onDragLeave={[Function]}
         onDragOver={[Function]}
         onDrop={[Function]}
       >
         <div
-          className="emotion-4"
+          className="css-c9hw9m-DropFileInput"
         >
           <svg
-            className="emotion-5"
+            className="css-t97fbx-DropFileInput"
             height={16}
             viewBox="0 0 16 16"
             width={16}
@@ -131,10 +33,10 @@ exports[`"DropFileInput" matches snapshot 1`] = `
             </g>
           </svg>
           <div
-            className="emotion-6"
+            className="css-r5lgab-DropFileInput"
           >
             <span
-              className="emotion-7"
+              className="css-1kr0aza"
             >
               Drag & Drop an image 
 or
@@ -142,14 +44,14 @@ or
             <label
               aria-label="Drag & Drop an image 
 or select one from your device (Image (JPG/PNG) size up to 1 MB, minimum 200 x 600 px)"
-              className="emotion-8"
+              className="css-ylkvue"
             >
               <span>
                 select one from your device
               </span>
               <input
                 accept="image/png, image/jpeg"
-                className="emotion-9"
+                className="css-5ur8x"
                 data-testid="file-input"
                 onChange={[Function]}
                 type="file"
@@ -159,7 +61,7 @@ or select one from your device (Image (JPG/PNG) size up to 1 MB, minimum 200 x 6
         </div>
       </div>
       <p
-        className="emotion-10"
+        className="css-14vo0st"
       >
         Image (JPG/PNG) size up to 1 MB, minimum 200 x 600 px
       </p>
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.js.snap
index 00003f33ca..6b8b78ecdf 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.js.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.js.snap
@@ -1,67 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"ErrorMessage" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="css-1nm7o2l-ErrorMessage"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-9zdk0v-ErrorMessage{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:12px;}.css-9zdk0v-ErrorMessage a{color:rgb(29, 30, 31);display:inline;font-size:12px;font-weight:300;text-align:left;text-transform:none;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-9zdk0v-ErrorMessage a:visited,.css-9zdk0v-ErrorMessage a:link,.css-9zdk0v-ErrorMessage a:active{color:rgb(29, 30, 31);}.css-9zdk0v-ErrorMessage a:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
-        }
-      }
-      data-emotion="css 9zdk0v-ErrorMessage"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1nm7o2l-ErrorMessage{-webkit-align-items:flex-start;-webkit-box-align:flex-start;-ms-flex-align:flex-start;align-items:flex-start;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:row;-ms-flex-direction:row;flex-direction:row;-webkit-box-flex-wrap:nowrap;-webkit-flex-wrap:nowrap;-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:start;-ms-flex-pack:start;-webkit-justify-content:flex-start;justify-content:flex-start;margin-bottom:12px;}.css-1nm7o2l-ErrorMessage a{color:rgb(29, 30, 31);display:inline;font-size:12px;font-weight:300;text-align:left;text-transform:none;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-1nm7o2l-ErrorMessage a:visited,.css-1nm7o2l-ErrorMessage a:link,.css-1nm7o2l-ErrorMessage a:active{color:rgb(29, 30, 31);}.css-1nm7o2l-ErrorMessage a:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
-        }
-      }
-      data-emotion="css 1nm7o2l-ErrorMessage"
-    />
-    <div
-      className="css-1nm7o2l-ErrorMessage"
+    <span
+      className="css-1fgik08-ErrorMessage"
     >
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-z4bxhs-ErrorMessage{font-weight:400;}",
-          }
-        }
-        data-emotion="css z4bxhs-ErrorMessage"
-      />
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-1fgik08-ErrorMessage{color:#c20013;display:inline;font-size:12px;font-weight:300;text-align:left;text-transform:none;font-weight:400;}",
-          }
-        }
-        data-emotion="css 1fgik08-ErrorMessage"
-      />
-      <span
-        className="css-1fgik08-ErrorMessage"
-      >
-        ErrorMessage
-      </span>
-    </div>
-  </div>,
-]
+      ErrorMessage
+    </span>
+  </div>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.tsx.snap
index 6c78beac4c..6b8b78ecdf 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.tsx.snap
@@ -1,97 +1,14 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"ErrorMessage" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  -webkit-align-items: flex-start;
-  -webkit-box-align: flex-start;
-  -ms-flex-align: flex-start;
-  align-items: flex-start;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-flex-wrap: nowrap;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: row;
-  -ms-flex-direction: row;
-  flex-direction: row;
-  -webkit-box-flex-wrap: nowrap;
-  -webkit-flex-wrap: nowrap;
-  -ms-flex-wrap: nowrap;
-  flex-wrap: nowrap;
-  -webkit-box-pack: start;
-  -ms-flex-pack: start;
-  -webkit-justify-content: flex-start;
-  justify-content: flex-start;
-  margin-bottom: 12px;
-}
-
-.emotion-1 a {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 12px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-}
-
-.emotion-1 a:visited,
-.emotion-1 a:link,
-.emotion-1 a:active {
-  color: rgb(29, 30, 31);
-}
-
-.emotion-1 a:hover {
-  -webkit-filter: brightness(70%);
-  filter: brightness(70%);
-}
-
-.emotion-2 {
-  color: #c20013;
-  display: inline;
-  font-size: 12px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  font-weight: 400;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-1nm7o2l-ErrorMessage"
   >
     <span
-      className="emotion-2"
+      className="css-1fgik08-ErrorMessage"
     >
       ErrorMessage
     </span>
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Form.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Form.test.js.snap
index 431730d35f..f0e505af54 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Form.test.js.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Form.test.js.snap
@@ -1,39 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Form" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <form
+    className="css-u7s9rg-Form"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-u7s9rg-Form{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:justify;-webkit-justify-content:space-between;justify-content:space-between;margin-bottom:0;width:100%;}",
-        }
-      }
-      data-emotion="css u7s9rg-Form"
-    />
-    <form
-      className="css-u7s9rg-Form"
-    >
-      Form
-    </form>
-  </div>,
-]
+    Form
+  </form>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Form.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/Form.test.tsx.snap
index dd0ba57467..f0e505af54 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Form.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Form.test.tsx.snap
@@ -1,32 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Form" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-direction: column;
-  -ms-flex-direction: column;
-  flex-direction: column;
-  -webkit-box-pack: justify;
-  -webkit-justify-content: space-between;
-  justify-content: space-between;
-  margin-bottom: 0;
-  width: 100%;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <form
-    className="emotion-1"
+    className="css-u7s9rg-Form"
   >
     Form
   </form>
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Input.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Input.test.js.snap
index 8669cdf547..f248053e88 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Input.test.js.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Input.test.js.snap
@@ -1,243 +1,75 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Input" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="input-group css-txgkx1"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-txgkx1{margin-bottom:20px;width:100%;}.css-txgkx1:focus-within label{color:#0667c8;}",
-        }
-      }
-      data-emotion="css txgkx1"
-    />
     <div
-      className="input-group css-txgkx1"
+      className="css-4qql51-Input"
     >
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-4qql51-Input{position:relative;}",
-          }
-        }
-        data-emotion="css 4qql51-Input"
+      <input
+        className="wireinput css-1aqzzyv"
       />
-      <div
-        className="css-4qql51-Input"
-      >
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-1aqzzyv{background:#fff;border:none;border-radius:12px;box-shadow:0 0 0 1px #dce0e3;caret-color:#0667c8;color:rgb(29, 30, 31);font-weight:300;height:48px;line-height:24px;outline:none;padding:0 16px;width:100%;}.css-1aqzzyv::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;opacity:1;}.css-1aqzzyv::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1aqzzyv::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1aqzzyv:hover{box-shadow:0 0 0 1px var(--text-input-border-hover);}.css-1aqzzyv:focus-visible,.css-1aqzzyv:focus,.css-1aqzzyv:active{box-shadow:0 0 0 1px #0667c8;}.css-1aqzzyv:invalid:not(:focus, :hover){box-shadow:0 0 0 1px #dce0e3;}",
-            }
-          }
-          data-emotion="css 1aqzzyv"
-        />
-        <input
-          className="wireinput css-1aqzzyv"
-        />
-      </div>
     </div>
-  </div>,
-]
+  </div>
+</div>
 `;
 
 exports[`"Input" renders as disabled 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="input-group css-txgkx1"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-txgkx1{margin-bottom:20px;width:100%;}.css-txgkx1:focus-within label{color:#0667c8;}",
-        }
-      }
-      data-emotion="css txgkx1"
-    />
     <div
-      className="input-group css-txgkx1"
+      className="css-4qql51-Input"
     >
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-4qql51-Input{position:relative;}",
-          }
-        }
-        data-emotion="css 4qql51-Input"
+      <input
+        className="wireinput css-1rvq0cq"
+        disabled={true}
       />
-      <div
-        className="css-4qql51-Input"
-      >
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-1rvq0cq{background:#edeff0;border:none;border-radius:12px;box-shadow:0 0 0 1px #dce0e3;caret-color:#0667c8;color:rgb(29, 30, 31);font-weight:300;height:48px;line-height:24px;outline:none;padding:0 16px;width:100%;}.css-1rvq0cq::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;opacity:1;}.css-1rvq0cq::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1rvq0cq::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1rvq0cq:focus-visible,.css-1rvq0cq:focus,.css-1rvq0cq:active{box-shadow:0 0 0 1px #0667c8;}.css-1rvq0cq:invalid:not(:focus, :hover){box-shadow:0 0 0 1px #dce0e3;}",
-            }
-          }
-          data-emotion="css 1rvq0cq"
-        />
-        <input
-          className="wireinput css-1rvq0cq"
-          disabled={true}
-        />
-      </div>
     </div>
-  </div>,
-]
+  </div>
+</div>
 `;
 
 exports[`"Input" renders as invalid 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="input-group css-txgkx1"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-txgkx1{margin-bottom:20px;width:100%;}.css-txgkx1:focus-within label{color:#0667c8;}",
-        }
-      }
-      data-emotion="css txgkx1"
-    />
     <div
-      className="input-group css-txgkx1"
+      className="css-4qql51-Input"
     >
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-4qql51-Input{position:relative;}",
-          }
-        }
-        data-emotion="css 4qql51-Input"
+      <input
+        className="wireinput css-ofh3qg"
       />
-      <div
-        className="css-4qql51-Input"
-      >
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-ofh3qg{background:#fff;border:none;border-radius:12px;box-shadow:0 0 0 1px #c20013;caret-color:#0667c8;color:rgb(29, 30, 31);font-weight:300;height:48px;line-height:24px;outline:none;padding:0 16px;width:100%;}.css-ofh3qg::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;opacity:1;}.css-ofh3qg::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-ofh3qg::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-ofh3qg:hover{box-shadow:0 0 0 1px var(--text-input-border-hover);}.css-ofh3qg:focus-visible,.css-ofh3qg:focus,.css-ofh3qg:active{box-shadow:0 0 0 1px #0667c8;}",
-            }
-          }
-          data-emotion="css ofh3qg"
-        />
-        <input
-          className="wireinput css-ofh3qg"
-        />
-      </div>
     </div>
-  </div>,
-]
+  </div>
+</div>
 `;
 
 exports[`"Input" renders with placeholderTextTransform 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="input-group css-txgkx1"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-txgkx1{margin-bottom:20px;width:100%;}.css-txgkx1:focus-within label{color:#0667c8;}",
-        }
-      }
-      data-emotion="css txgkx1"
-    />
     <div
-      className="input-group css-txgkx1"
+      className="css-4qql51-Input"
     >
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-4qql51-Input{position:relative;}",
-          }
-        }
-        data-emotion="css 4qql51-Input"
+      <input
+        className="wireinput css-uxyw8l"
+        placeholder="Input"
       />
-      <div
-        className="css-4qql51-Input"
-      >
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-uxyw8l{background:#fff;border:none;border-radius:12px;box-shadow:0 0 0 1px #dce0e3;caret-color:#0667c8;color:rgb(29, 30, 31);font-weight:300;height:48px;line-height:24px;outline:none;padding:0 16px;width:100%;}.css-uxyw8l::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:uppercase;opacity:1;}.css-uxyw8l::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:uppercase;}.css-uxyw8l::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:uppercase;}.css-uxyw8l:hover{box-shadow:0 0 0 1px var(--text-input-border-hover);}.css-uxyw8l:focus-visible,.css-uxyw8l:focus,.css-uxyw8l:active{box-shadow:0 0 0 1px #0667c8;}.css-uxyw8l:invalid:not(:focus, :hover){box-shadow:0 0 0 1px #dce0e3;}",
-            }
-          }
-          data-emotion="css uxyw8l"
-        />
-        <input
-          className="wireinput css-uxyw8l"
-          placeholder="Input"
-        />
-      </div>
     </div>
-  </div>,
-]
+  </div>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Input.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/Input.test.tsx.snap
index cd02190da7..f248053e88 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Input.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Input.test.tsx.snap
@@ -1,84 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Input" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  margin-bottom: 20px;
-  width: 100%;
-}
-
-.emotion-1:focus-within label {
-  color: #0667c8;
-}
-
-.emotion-2 {
-  position: relative;
-}
-
-.emotion-3 {
-  background: #fff;
-  border: none;
-  border-radius: 12px;
-  box-shadow: 0 0 0 1px #dce0e3;
-  caret-color: #0667c8;
-  color: rgb(29, 30, 31);
-  font-weight: 300;
-  height: 48px;
-  line-height: 24px;
-  outline: none;
-  padding: 0 16px;
-  width: 100%;
-}
-
-.emotion-3::-moz-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-  opacity: 1;
-}
-
-.emotion-3::-ms-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-3::-webkit-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-3:hover {
-  box-shadow: 0 0 0 1px var(--text-input-border-hover);
-}
-
-.emotion-3:focus-visible,
-.emotion-3:focus,
-.emotion-3:active {
-  box-shadow: 0 0 0 1px #0667c8;
-}
-
-.emotion-3:invalid:not(:focus, :hover) {
-  box-shadow: 0 0 0 1px #dce0e3;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="input-group emotion-1"
+    className="input-group css-txgkx1"
   >
     <div
-      className="emotion-2"
+      className="css-4qql51-Input"
     >
       <input
-        className="wireinput emotion-3"
+        className="wireinput css-1aqzzyv"
       />
     </div>
   </div>
@@ -86,80 +19,17 @@ exports[`"Input" renders 1`] = `
 `;
 
 exports[`"Input" renders as disabled 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  margin-bottom: 20px;
-  width: 100%;
-}
-
-.emotion-1:focus-within label {
-  color: #0667c8;
-}
-
-.emotion-2 {
-  position: relative;
-}
-
-.emotion-3 {
-  background: #edeff0;
-  border: none;
-  border-radius: 12px;
-  box-shadow: 0 0 0 1px #dce0e3;
-  caret-color: #0667c8;
-  color: rgb(29, 30, 31);
-  font-weight: 300;
-  height: 48px;
-  line-height: 24px;
-  outline: none;
-  padding: 0 16px;
-  width: 100%;
-}
-
-.emotion-3::-moz-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-  opacity: 1;
-}
-
-.emotion-3::-ms-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-3::-webkit-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-3:focus-visible,
-.emotion-3:focus,
-.emotion-3:active {
-  box-shadow: 0 0 0 1px #0667c8;
-}
-
-.emotion-3:invalid:not(:focus, :hover) {
-  box-shadow: 0 0 0 1px #dce0e3;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="input-group emotion-1"
+    className="input-group css-txgkx1"
   >
     <div
-      className="emotion-2"
+      className="css-4qql51-Input"
     >
       <input
-        className="wireinput emotion-3"
+        className="wireinput css-1rvq0cq"
         disabled={true}
       />
     </div>
@@ -168,80 +38,17 @@ exports[`"Input" renders as disabled 1`] = `
 `;
 
 exports[`"Input" renders as invalid 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  margin-bottom: 20px;
-  width: 100%;
-}
-
-.emotion-1:focus-within label {
-  color: #0667c8;
-}
-
-.emotion-2 {
-  position: relative;
-}
-
-.emotion-3 {
-  background: #fff;
-  border: none;
-  border-radius: 12px;
-  box-shadow: 0 0 0 1px #c20013;
-  caret-color: #0667c8;
-  color: rgb(29, 30, 31);
-  font-weight: 300;
-  height: 48px;
-  line-height: 24px;
-  outline: none;
-  padding: 0 16px;
-  width: 100%;
-}
-
-.emotion-3::-moz-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-  opacity: 1;
-}
-
-.emotion-3::-ms-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-3::-webkit-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-3:hover {
-  box-shadow: 0 0 0 1px var(--text-input-border-hover);
-}
-
-.emotion-3:focus-visible,
-.emotion-3:focus,
-.emotion-3:active {
-  box-shadow: 0 0 0 1px #0667c8;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="input-group emotion-1"
+    className="input-group css-txgkx1"
   >
     <div
-      className="emotion-2"
+      className="css-4qql51-Input"
     >
       <input
-        className="wireinput emotion-3"
+        className="wireinput css-ofh3qg"
       />
     </div>
   </div>
@@ -249,84 +56,17 @@ exports[`"Input" renders as invalid 1`] = `
 `;
 
 exports[`"Input" renders with placeholderTextTransform 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  margin-bottom: 20px;
-  width: 100%;
-}
-
-.emotion-1:focus-within label {
-  color: #0667c8;
-}
-
-.emotion-2 {
-  position: relative;
-}
-
-.emotion-3 {
-  background: #fff;
-  border: none;
-  border-radius: 12px;
-  box-shadow: 0 0 0 1px #dce0e3;
-  caret-color: #0667c8;
-  color: rgb(29, 30, 31);
-  font-weight: 300;
-  height: 48px;
-  line-height: 24px;
-  outline: none;
-  padding: 0 16px;
-  width: 100%;
-}
-
-.emotion-3::-moz-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: uppercase;
-  opacity: 1;
-}
-
-.emotion-3::-ms-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: uppercase;
-}
-
-.emotion-3::-webkit-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: uppercase;
-}
-
-.emotion-3:hover {
-  box-shadow: 0 0 0 1px var(--text-input-border-hover);
-}
-
-.emotion-3:focus-visible,
-.emotion-3:focus,
-.emotion-3:active {
-  box-shadow: 0 0 0 1px #0667c8;
-}
-
-.emotion-3:invalid:not(:focus, :hover) {
-  box-shadow: 0 0 0 1px #dce0e3;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="input-group emotion-1"
+    className="input-group css-txgkx1"
   >
     <div
-      className="emotion-2"
+      className="css-4qql51-Input"
     >
       <input
-        className="wireinput emotion-3"
+        className="wireinput css-uxyw8l"
         placeholder="Input"
       />
     </div>
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.js.snap
new file mode 100644
index 0000000000..6e0baa6c5f
--- /dev/null
+++ b/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.js.snap
@@ -0,0 +1,47 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"RangeInput" matches snapshot 1`] = `
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <div
+    className="css-7uml9n-StyledAppContainer"
+  >
+    <div
+      className="css-0"
+    >
+      <label
+        className="css-180k17q-InputLabel"
+        htmlFor="zoom-input"
+      >
+        Zoom
+      </label>
+      <div
+        className="css-irx2dz"
+      >
+        <span
+          className="css-1xle7h4"
+        >
+          -
+        </span>
+        <span
+          className="css-7g2ml5"
+        >
+          +
+        </span>
+        <input
+          className="css-5xbpwv"
+          id="zoom-input"
+          max={3}
+          min={1}
+          name="zoom-input"
+          onChange={[MockFunction]}
+          step={0.1}
+          type="range"
+          value={0}
+        />
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.tsx.snap
index a608609093..6e0baa6c5f 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.tsx.snap
@@ -1,139 +1,36 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"RangeInput" matches snapshot 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-3 {
-  font-size: 14px;
-  font-weight: 400;
-  line-height: 16px;
-  color: #54585f;
-}
-
-.emotion-4 {
-  position: relative;
-  margin-top: 19px;
-}
-
-.emotion-5 {
-  pointer-events: none;
-  bottom: 100%;
-  font-size: 16px;
-  font-weight: 300;
-  position: absolute;
-  left: 4px;
-}
-
-.emotion-6 {
-  pointer-events: none;
-  bottom: 100%;
-  font-size: 16px;
-  font-weight: 300;
-  position: absolute;
-  right: 4px;
-}
-
-.emotion-7 {
-  display: block;
-  -webkit-appearance: none;
-  width: 100%;
-  height: 8px;
-  background: #9fa1a7;
-  border-radius: 4px;
-  background-image: linear-gradient(#0667c8, #0667c8);
-  -webkit-background-size: -50% 100%;
-  background-size: -50% 100%;
-  background-repeat: no-repeat;
-}
-
-.emotion-7::-webkit-slider-thumb {
-  -webkit-appearance: none;
-  height: 18px;
-  width: 18px;
-  border-radius: 50%;
-  background: #54585f;
-  cursor: pointer;
-  border: none;
-  box-shadow: none;
-}
-
-.emotion-7::-moz-range-thumb {
-  -webkit-appearance: none;
-  height: 18px;
-  width: 18px;
-  border-radius: 50%;
-  background: #54585f;
-  cursor: pointer;
-  border: none;
-  box-shadow: none;
-}
-
-.emotion-7::-ms-thumb {
-  -webkit-appearance: none;
-  height: 18px;
-  width: 18px;
-  border-radius: 50%;
-  background: #54585f;
-  cursor: pointer;
-  border: none;
-  box-shadow: none;
-}
-
-.emotion-7::-webkit-slider-runnable-track {
-  -webkit-appearance: none;
-  box-shadow: none;
-  border: none;
-  background: transparent;
-}
-
-.emotion-7::-moz-range-track {
-  -webkit-appearance: none;
-  box-shadow: none;
-  border: none;
-  background: transparent;
-}
-
-.emotion-7::-ms-track {
-  -webkit-appearance: none;
-  box-shadow: none;
-  border: none;
-  background: transparent;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-0"
+    className="css-7uml9n-StyledAppContainer"
   >
     <div
-      className="emotion-2"
+      className="css-0"
     >
       <label
-        className="emotion-3"
+        className="css-180k17q-InputLabel"
         htmlFor="zoom-input"
       >
         Zoom
       </label>
       <div
-        className="emotion-4"
+        className="css-irx2dz"
       >
         <span
-          className="emotion-5"
+          className="css-1xle7h4"
         >
           -
         </span>
         <span
-          className="emotion-6"
+          className="css-7g2ml5"
         >
           +
         </span>
         <input
-          className="emotion-7"
+          className="css-5xbpwv"
           id="zoom-input"
           max={3}
           min={1}
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Select.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Select.test.js.snap
new file mode 100644
index 0000000000..3997243f69
--- /dev/null
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Select.test.js.snap
@@ -0,0 +1,271 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"Select" renders 1`] = `
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <div
+    className="css-2ocyf0-Select"
+  >
+    <div
+      className=" css-dkntwv-SelectContainer"
+      onKeyDown={[Function]}
+    >
+      <div
+        tabIndex={0}
+      >
+        <span
+          className="css-1f43avz-a11yText-A11yText"
+          id="react-select-2-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          className="css-1f43avz-a11yText-A11yText"
+        />
+        <div
+          className=" css-6smaub-Control"
+          onMouseDown={[Function]}
+          onTouchEnd={[Function]}
+        >
+          <div
+            className=" css-16ieua5-ValueContainer"
+          >
+            <div
+              className=" css-14el2xx-placeholder"
+              id="react-select-2-placeholder"
+            >
+              Select...
+            </div>
+             
+            <input
+              aria-autocomplete="list"
+              aria-describedby="react-select-2-placeholder"
+              aria-expanded={false}
+              aria-haspopup={true}
+              aria-readonly={true}
+              className="css-mohuvp-dummyInput-DummyInput"
+              disabled={false}
+              id="react-select-2-input"
+              inputMode="none"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              role="combobox"
+              tabIndex={-1}
+              value=""
+            />
+          </div>
+          <div
+            className=" css-1hb7zxy-IndicatorsContainer"
+          >
+            <span
+              className=" css-1xjgjl1-IndicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              className=" css-1186e7r-indicatorContainer"
+              onMouseDown={[Function]}
+              onTouchEnd={[Function]}
+            >
+              <svg
+                className="css-1tuya7p-DropdownIndicator"
+                height={16}
+                viewBox="0 0 16 16"
+                width={16}
+              >
+                <g>
+                  <path
+                    d="M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`"Select" renders as disabled 1`] = `
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <div
+    className="css-2ocyf0-Select"
+  >
+    <div
+      className=" css-19vi2h5-SelectContainer"
+      onKeyDown={[Function]}
+    >
+      <div
+        tabIndex={0}
+      >
+        <span
+          className="css-1f43avz-a11yText-A11yText"
+          id="react-select-3-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          className="css-1f43avz-a11yText-A11yText"
+        />
+        <div
+          className=" css-6smaub-Control"
+          onMouseDown={[Function]}
+          onTouchEnd={[Function]}
+        >
+          <div
+            className=" css-16ieua5-ValueContainer"
+          >
+            <div
+              className=" css-14el2xx-placeholder"
+              id="react-select-3-placeholder"
+            >
+              Select...
+            </div>
+             
+            <input
+              aria-autocomplete="list"
+              aria-describedby="react-select-3-placeholder"
+              aria-expanded={false}
+              aria-haspopup={true}
+              aria-readonly={true}
+              className="css-mohuvp-dummyInput-DummyInput"
+              disabled={true}
+              id="react-select-3-input"
+              inputMode="none"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              role="combobox"
+              tabIndex={-1}
+              value=""
+            />
+          </div>
+          <div
+            className=" css-1hb7zxy-IndicatorsContainer"
+          >
+            <span
+              className=" css-1xjgjl1-IndicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              className=" css-zbce0a-indicatorContainer"
+              onMouseDown={[Function]}
+              onTouchEnd={[Function]}
+            >
+              <svg
+                className="css-1tuya7p-DropdownIndicator"
+                height={16}
+                viewBox="0 0 16 16"
+                width={16}
+              >
+                <g>
+                  <path
+                    d="M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
+
+exports[`"Select" renders as invalid 1`] = `
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <div
+    className="css-yrzhnj-Select"
+  >
+    <div
+      className=" css-g607jh-SelectContainer"
+      onKeyDown={[Function]}
+    >
+      <div
+        tabIndex={0}
+      >
+        <span
+          className="css-1f43avz-a11yText-A11yText"
+          id="react-select-4-live-region"
+        />
+        <span
+          aria-atomic="false"
+          aria-live="polite"
+          aria-relevant="additions text"
+          className="css-1f43avz-a11yText-A11yText"
+        />
+        <div
+          className=" css-6smaub-Control"
+          onMouseDown={[Function]}
+          onTouchEnd={[Function]}
+        >
+          <div
+            className=" css-16ieua5-ValueContainer"
+          >
+            <div
+              className=" css-14el2xx-placeholder"
+              id="react-select-4-placeholder"
+            >
+              Select...
+            </div>
+             
+            <input
+              aria-autocomplete="list"
+              aria-describedby="react-select-4-placeholder"
+              aria-expanded={false}
+              aria-haspopup={true}
+              aria-readonly={true}
+              className="css-mohuvp-dummyInput-DummyInput"
+              disabled={false}
+              id="react-select-4-input"
+              inputMode="none"
+              onBlur={[Function]}
+              onChange={[Function]}
+              onFocus={[Function]}
+              role="combobox"
+              tabIndex={-1}
+              value=""
+            />
+          </div>
+          <div
+            className=" css-1hb7zxy-IndicatorsContainer"
+          >
+            <span
+              className=" css-1xjgjl1-IndicatorSeparator"
+            />
+            <div
+              aria-hidden="true"
+              className=" css-1186e7r-indicatorContainer"
+              onMouseDown={[Function]}
+              onTouchEnd={[Function]}
+            >
+              <svg
+                className="css-1tuya7p-DropdownIndicator"
+                height={16}
+                viewBox="0 0 16 16"
+                width={16}
+              >
+                <g>
+                  <path
+                    d="M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z"
+                  />
+                </g>
+              </svg>
+            </div>
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</div>
+`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Select.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/Select.test.tsx.snap
index d3a914e120..8958b799aa 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Select.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Select.test.tsx.snap
@@ -1,237 +1,41 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Select" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  margin-bottom: 20px;
-  width: 100%;
-}
-
-.emotion-1:focus-within label {
-  color: #0667c8;
-}
-
-.emotion-2>div {
-  background: #fff;
-  border: none;
-  border-radius: 12px;
-  box-shadow: 0 0 0 1px #dce0e3;
-  caret-color: #0667c8;
-  color: rgb(29, 30, 31);
-  font-weight: 300;
-  height: auto;
-  line-height: 24px;
-  outline: none;
-  padding: 0;
-  width: 100%;
-  min-height: 48px;
-  position: relative;
-  cursor: pointer;
-}
-
-.emotion-2>div::-moz-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-  opacity: 1;
-}
-
-.emotion-2>div::-ms-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-2>div::-webkit-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-2>div:hover {
-  box-shadow: 0 0 0 1px var(--text-input-border-hover);
-}
-
-.emotion-2>div:focus-visible,
-.emotion-2>div:focus,
-.emotion-2>div:active {
-  box-shadow: 0 0 0 1px #0667c8;
-}
-
-.emotion-2>div:invalid:not(:focus, :hover) {
-  box-shadow: 0 0 0 1px #dce0e3;
-}
-
-.emotion-2>div:-moz-focusring {
-  color: transparent;
-  text-shadow: 0 0 0 #000;
-}
-
-.emotion-2>div:focus:visible,
-.emotion-2>div active {
-  box-shadow: 0 0 0 1px #0667c8;
-}
-
-.emotion-3 {
-  z-index: 9999;
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  height: 1px;
-  width: 1px;
-  position: absolute;
-  overflow: hidden;
-  padding: 0;
-  white-space: nowrap;
-}
-
-.emotion-5 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  appearance: none;
-  padding: 0 8px 0 16px;
-  height: auto;
-  min-height: 48px;
-}
-
-.emotion-6 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: grid;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  padding: 0;
-  -webkit-overflow-scrolling: touch;
-  position: relative;
-  overflow: hidden;
-  box-sizing: border-box;
-  width: 100%;
-}
-
-.emotion-7 {
-  color: hsl(0, 0%, 50%);
-  grid-area: 1/1/2/3;
-  margin-left: 2px;
-  margin-right: 2px;
-  box-sizing: border-box;
-}
-
-.emotion-8 {
-  background: 0;
-  border: 0;
-  caret-color: transparent;
-  font-size: inherit;
-  grid-area: 1/1/2/3;
-  outline: 0;
-  padding: 0;
-  width: 1px;
-  color: transparent;
-  left: -100px;
-  opacity: 0;
-  position: relative;
-  -webkit-transform: scale(.01);
-  -moz-transform: scale(.01);
-  -ms-transform: scale(.01);
-  transform: scale(.01);
-}
-
-.emotion-9 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-sizing: border-box;
-}
-
-.emotion-10 {
-  display: none;
-}
-
-.emotion-11 {
-  color: hsl(0, 0%, 80%);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 8px;
-  -webkit-transition: color 150ms;
-  transition: color 150ms;
-  box-sizing: border-box;
-}
-
-.emotion-11:hover {
-  color: hsl(0, 0%, 60%);
-}
-
-.emotion-12 {
-  fill: rgb(29, 30, 31);
-  overflow: visible;
-  margin-top: 4px;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-2ocyf0-Select"
+    data-uie-name="test"
   >
     <div
-      className=" emotion-2"
+      className=" css-dkntwv-SelectContainer"
+      id="test"
       onKeyDown={[Function]}
     >
       <div
         tabIndex={0}
       >
         <span
-          className="emotion-3"
+          className="css-1f43avz-a11yText-A11yText"
           id="react-select-2-live-region"
         />
         <span
           aria-atomic="false"
           aria-live="polite"
           aria-relevant="additions text"
-          className="emotion-3"
+          className="css-1f43avz-a11yText-A11yText"
         />
         <div
-          className=" emotion-5"
+          className=" css-6smaub-Control"
           onMouseDown={[Function]}
           onTouchEnd={[Function]}
         >
           <div
-            className=" emotion-6"
+            className=" css-16ieua5-ValueContainer"
           >
             <div
-              className=" emotion-7"
+              className=" css-14el2xx-placeholder"
               id="react-select-2-placeholder"
             >
               Select...
@@ -243,7 +47,7 @@ exports[`"Select" renders 1`] = `
               aria-expanded={false}
               aria-haspopup={true}
               aria-readonly={true}
-              className="emotion-8"
+              className="css-mohuvp-dummyInput-DummyInput"
               disabled={false}
               id="react-select-2-input"
               inputMode="none"
@@ -256,19 +60,19 @@ exports[`"Select" renders 1`] = `
             />
           </div>
           <div
-            className=" emotion-9"
+            className=" css-1hb7zxy-IndicatorsContainer"
           >
             <span
-              className=" emotion-10"
+              className=" css-1xjgjl1-IndicatorSeparator"
             />
             <div
               aria-hidden="true"
-              className=" emotion-11"
+              className=" css-1186e7r-indicatorContainer"
               onMouseDown={[Function]}
               onTouchEnd={[Function]}
             >
               <svg
-                className="emotion-12"
+                className="css-1tuya7p-DropdownIndicator"
                 height={16}
                 viewBox="0 0 16 16"
                 width={16}
@@ -289,232 +93,41 @@ exports[`"Select" renders 1`] = `
 `;
 
 exports[`"Select" renders as disabled 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  margin-bottom: 20px;
-  width: 100%;
-}
-
-.emotion-1:focus-within label {
-  color: #0667c8;
-}
-
-.emotion-2>div {
-  background: #edeff0;
-  border: none;
-  border-radius: 12px;
-  box-shadow: 0 0 0 1px #dce0e3;
-  caret-color: #0667c8;
-  color: #676b71;
-  font-weight: 300;
-  height: auto;
-  line-height: 24px;
-  outline: none;
-  padding: 0;
-  width: 100%;
-  min-height: 48px;
-  position: relative;
-  background-color: #edeff0;
-}
-
-.emotion-2>div::-moz-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-  opacity: 1;
-}
-
-.emotion-2>div::-ms-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-2>div::-webkit-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-2>div:focus-visible,
-.emotion-2>div:focus,
-.emotion-2>div:active {
-  box-shadow: 0 0 0 1px #0667c8;
-}
-
-.emotion-2>div:invalid:not(:focus, :hover) {
-  box-shadow: 0 0 0 1px #dce0e3;
-}
-
-.emotion-2>div:-moz-focusring {
-  color: transparent;
-  text-shadow: 0 0 0 #000;
-}
-
-.emotion-3 {
-  z-index: 9999;
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  height: 1px;
-  width: 1px;
-  position: absolute;
-  overflow: hidden;
-  padding: 0;
-  white-space: nowrap;
-}
-
-.emotion-5 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  appearance: none;
-  padding: 0 8px 0 16px;
-  height: auto;
-  min-height: 48px;
-}
-
-.emotion-6 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: grid;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  padding: 0;
-  -webkit-overflow-scrolling: touch;
-  position: relative;
-  overflow: hidden;
-  box-sizing: border-box;
-  width: 100%;
-}
-
-.emotion-7 {
-  color: hsl(0, 0%, 50%);
-  grid-area: 1/1/2/3;
-  margin-left: 2px;
-  margin-right: 2px;
-  box-sizing: border-box;
-}
-
-.emotion-8 {
-  background: 0;
-  border: 0;
-  caret-color: transparent;
-  font-size: inherit;
-  grid-area: 1/1/2/3;
-  outline: 0;
-  padding: 0;
-  width: 1px;
-  color: transparent;
-  left: -100px;
-  opacity: 0;
-  position: relative;
-  -webkit-transform: scale(.01);
-  -moz-transform: scale(.01);
-  -ms-transform: scale(.01);
-  transform: scale(.01);
-}
-
-.emotion-9 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-sizing: border-box;
-}
-
-.emotion-10 {
-  display: none;
-}
-
-.emotion-11 {
-  color: hsl(0, 0%, 80%);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 8px;
-  -webkit-transition: color 150ms;
-  transition: color 150ms;
-  box-sizing: border-box;
-}
-
-.emotion-11:hover {
-  color: hsl(0, 0%, 60%);
-}
-
-.emotion-11>svg {
-  fill: rgb(80, 82, 84);
-}
-
-.emotion-12 {
-  fill: rgb(29, 30, 31);
-  overflow: visible;
-  margin-top: 4px;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-2ocyf0-Select"
+    data-uie-name="test"
   >
     <div
-      className=" emotion-2"
+      className=" css-19vi2h5-SelectContainer"
+      id="test"
       onKeyDown={[Function]}
     >
       <div
         tabIndex={0}
       >
         <span
-          className="emotion-3"
+          className="css-1f43avz-a11yText-A11yText"
           id="react-select-3-live-region"
         />
         <span
           aria-atomic="false"
           aria-live="polite"
           aria-relevant="additions text"
-          className="emotion-3"
+          className="css-1f43avz-a11yText-A11yText"
         />
         <div
-          className=" emotion-5"
+          className=" css-6smaub-Control"
           onMouseDown={[Function]}
           onTouchEnd={[Function]}
         >
           <div
-            className=" emotion-6"
+            className=" css-16ieua5-ValueContainer"
           >
             <div
-              className=" emotion-7"
+              className=" css-14el2xx-placeholder"
               id="react-select-3-placeholder"
             >
               Select...
@@ -526,7 +139,7 @@ exports[`"Select" renders as disabled 1`] = `
               aria-expanded={false}
               aria-haspopup={true}
               aria-readonly={true}
-              className="emotion-8"
+              className="css-mohuvp-dummyInput-DummyInput"
               disabled={true}
               id="react-select-3-input"
               inputMode="none"
@@ -539,19 +152,19 @@ exports[`"Select" renders as disabled 1`] = `
             />
           </div>
           <div
-            className=" emotion-9"
+            className=" css-1hb7zxy-IndicatorsContainer"
           >
             <span
-              className=" emotion-10"
+              className=" css-1xjgjl1-IndicatorSeparator"
             />
             <div
               aria-hidden="true"
-              className=" emotion-11"
+              className=" css-zbce0a-indicatorContainer"
               onMouseDown={[Function]}
               onTouchEnd={[Function]}
             >
               <svg
-                className="emotion-12"
+                className="css-1tuya7p-DropdownIndicator"
                 height={16}
                 viewBox="0 0 16 16"
                 width={16}
@@ -572,233 +185,41 @@ exports[`"Select" renders as disabled 1`] = `
 `;
 
 exports[`"Select" renders as invalid 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  margin-bottom: 2px;
-  width: 100%;
-}
-
-.emotion-1:focus-within label {
-  color: #0667c8;
-}
-
-.emotion-2>div {
-  background: #fff;
-  border: none;
-  border-radius: 12px;
-  box-shadow: 0 0 0 1px #c20013;
-  caret-color: #0667c8;
-  color: rgb(29, 30, 31);
-  font-weight: 300;
-  height: auto;
-  line-height: 24px;
-  outline: none;
-  padding: 0;
-  width: 100%;
-  min-height: 48px;
-  position: relative;
-  cursor: pointer;
-}
-
-.emotion-2>div::-moz-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-  opacity: 1;
-}
-
-.emotion-2>div::-ms-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-2>div::-webkit-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-2>div:hover {
-  box-shadow: 0 0 0 1px var(--text-input-border-hover);
-}
-
-.emotion-2>div:focus-visible,
-.emotion-2>div:focus,
-.emotion-2>div:active {
-  box-shadow: 0 0 0 1px #0667c8;
-}
-
-.emotion-2>div:-moz-focusring {
-  color: transparent;
-  text-shadow: 0 0 0 #000;
-}
-
-.emotion-2>div:focus:visible,
-.emotion-2>div active {
-  box-shadow: 0 0 0 1px #0667c8;
-}
-
-.emotion-3 {
-  z-index: 9999;
-  border: 0;
-  clip: rect(1px, 1px, 1px, 1px);
-  height: 1px;
-  width: 1px;
-  position: absolute;
-  overflow: hidden;
-  padding: 0;
-  white-space: nowrap;
-}
-
-.emotion-5 {
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-appearance: none;
-  -moz-appearance: none;
-  -ms-appearance: none;
-  appearance: none;
-  padding: 0 8px 0 16px;
-  height: auto;
-  min-height: 48px;
-}
-
-.emotion-6 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  display: grid;
-  -webkit-flex: 1;
-  -ms-flex: 1;
-  flex: 1;
-  -webkit-box-flex-wrap: wrap;
-  -webkit-flex-wrap: wrap;
-  -ms-flex-wrap: wrap;
-  flex-wrap: wrap;
-  padding: 0;
-  -webkit-overflow-scrolling: touch;
-  position: relative;
-  overflow: hidden;
-  box-sizing: border-box;
-  width: 100%;
-}
-
-.emotion-7 {
-  color: hsl(0, 0%, 50%);
-  grid-area: 1/1/2/3;
-  margin-left: 2px;
-  margin-right: 2px;
-  box-sizing: border-box;
-}
-
-.emotion-8 {
-  background: 0;
-  border: 0;
-  caret-color: transparent;
-  font-size: inherit;
-  grid-area: 1/1/2/3;
-  outline: 0;
-  padding: 0;
-  width: 1px;
-  color: transparent;
-  left: -100px;
-  opacity: 0;
-  position: relative;
-  -webkit-transform: scale(.01);
-  -moz-transform: scale(.01);
-  -ms-transform: scale(.01);
-  transform: scale(.01);
-}
-
-.emotion-9 {
-  -webkit-align-items: center;
-  -webkit-box-align: center;
-  -ms-flex-align: center;
-  align-items: center;
-  -webkit-align-self: stretch;
-  -ms-flex-item-align: stretch;
-  align-self: stretch;
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  -webkit-flex-shrink: 0;
-  -ms-flex-negative: 0;
-  flex-shrink: 0;
-  box-sizing: border-box;
-}
-
-.emotion-10 {
-  display: none;
-}
-
-.emotion-11 {
-  color: hsl(0, 0%, 80%);
-  display: -webkit-box;
-  display: -webkit-flex;
-  display: -ms-flexbox;
-  display: flex;
-  padding: 8px;
-  -webkit-transition: color 150ms;
-  transition: color 150ms;
-  box-sizing: border-box;
-}
-
-.emotion-11:hover {
-  color: hsl(0, 0%, 60%);
-}
-
-.emotion-12 {
-  fill: rgb(29, 30, 31);
-  overflow: visible;
-  margin-top: 4px;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-yrzhnj-Select"
+    data-uie-name="test"
   >
     <div
-      className=" emotion-2"
+      className=" css-g607jh-SelectContainer"
+      id="test"
       onKeyDown={[Function]}
     >
       <div
         tabIndex={0}
       >
         <span
-          className="emotion-3"
+          className="css-1f43avz-a11yText-A11yText"
           id="react-select-4-live-region"
         />
         <span
           aria-atomic="false"
           aria-live="polite"
           aria-relevant="additions text"
-          className="emotion-3"
+          className="css-1f43avz-a11yText-A11yText"
         />
         <div
-          className=" emotion-5"
+          className=" css-6smaub-Control"
           onMouseDown={[Function]}
           onTouchEnd={[Function]}
         >
           <div
-            className=" emotion-6"
+            className=" css-16ieua5-ValueContainer"
           >
             <div
-              className=" emotion-7"
+              className=" css-14el2xx-placeholder"
               id="react-select-4-placeholder"
             >
               Select...
@@ -810,7 +231,7 @@ exports[`"Select" renders as invalid 1`] = `
               aria-expanded={false}
               aria-haspopup={true}
               aria-readonly={true}
-              className="emotion-8"
+              className="css-mohuvp-dummyInput-DummyInput"
               disabled={false}
               id="react-select-4-input"
               inputMode="none"
@@ -823,19 +244,19 @@ exports[`"Select" renders as invalid 1`] = `
             />
           </div>
           <div
-            className=" emotion-9"
+            className=" css-1hb7zxy-IndicatorsContainer"
           >
             <span
-              className=" emotion-10"
+              className=" css-1xjgjl1-IndicatorSeparator"
             />
             <div
               aria-hidden="true"
-              className=" emotion-11"
+              className=" css-1186e7r-indicatorContainer"
               onMouseDown={[Function]}
               onTouchEnd={[Function]}
             >
               <svg
-                className="emotion-12"
+                className="css-1tuya7p-DropdownIndicator"
                 height={16}
                 viewBox="0 0 16 16"
                 width={16}
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.js.snap
index 98ca1ca8de..ab71626ab3 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.js.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.js.snap
@@ -1,350 +1,118 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Switch" renders (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
   <div
-    className="css-1mc7zwm-StyledAppContainer"
+    className="css-vlapzy-Switch"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
+    <input
+      checked={false}
+      className="css-1mmu7i4-Switch"
+      id="3"
+      onChange={[Function]}
+      type="checkbox"
     />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-vlapzy-Switch{display:inline-block;position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:42px;}",
-        }
-      }
-      data-emotion="css vlapzy-Switch"
-    />
-    <div
-      className="css-vlapzy-Switch"
+    <label
+      className="css-m9in6d-Switch"
+      htmlFor="3"
     >
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-1mmu7i4-Switch{display:none;}",
-          }
-        }
-        data-emotion="css 1mmu7i4-Switch"
-      />
-      <input
-        checked={false}
-        className="css-1mmu7i4-Switch"
-        id="3"
-        onChange={[Function]}
-        type="checkbox"
+      <span
+        className="css-edcbmt-Switch"
       />
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-m9in6d-Switch{border-radius:20px;cursor:pointer;display:block;margin:0;overflow:hidden;}",
-          }
-        }
-        data-emotion="css m9in6d-Switch"
+      <span
+        className="css-dm4yw9-Switch"
       />
-      <label
-        className="css-m9in6d-Switch"
-        htmlFor="3"
-      >
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-edcbmt-Switch{display:block;margin-left:-100%;-webkit-transition:margin 0.1s ease-in 0s;transition:margin 0.1s ease-in 0s;width:200%;}.css-edcbmt-Switch:after{content:" ";padding-right:10px;text-align:right;}.css-edcbmt-Switch:before{content:" ";padding-left:10px;}.css-edcbmt-Switch:before,.css-edcbmt-Switch:after{background-color:#d2d2d2;box-sizing:border-box;display:block;float:left;height:25px;line-height:25px;padding:0;width:50%;}",
-            }
-          }
-          data-emotion="css edcbmt-Switch"
-        />
-        <span
-          className="css-edcbmt-Switch"
-        />
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-dm4yw9-Switch{background:#fff;border-radius:100%;bottom:0;box-shadow:0px 0px 2px -1px gray;display:block;height:23px;margin:1px;position:absolute;right:17px;top:0;-webkit-transition:all 0.15s ease-in 0s;transition:all 0.15s ease-in 0s;width:23px;}",
-            }
-          }
-          data-emotion="css dm4yw9-Switch"
-        />
-        <span
-          className="css-dm4yw9-Switch"
-        />
-      </label>
-    </div>
-  </div>,
-]
+    </label>
+  </div>
+</div>
 `;
 
 exports[`"Switch" renders checked 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="css-vlapzy-Switch"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    <input
+      checked={true}
+      className="css-1mmu7i4-Switch"
+      id="2"
+      onChange={[Function]}
+      type="checkbox"
     />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-vlapzy-Switch{display:inline-block;position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:42px;}",
-        }
-      }
-      data-emotion="css vlapzy-Switch"
-    />
-    <div
-      className="css-vlapzy-Switch"
+    <label
+      className="css-m9in6d-Switch"
+      htmlFor="2"
     >
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-1mmu7i4-Switch{display:none;}",
-          }
-        }
-        data-emotion="css 1mmu7i4-Switch"
-      />
-      <input
-        checked={true}
-        className="css-1mmu7i4-Switch"
-        id="2"
-        onChange={[Function]}
-        type="checkbox"
+      <span
+        className="css-1cbbamx-Switch"
       />
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-m9in6d-Switch{border-radius:20px;cursor:pointer;display:block;margin:0;overflow:hidden;}",
-          }
-        }
-        data-emotion="css m9in6d-Switch"
+      <span
+        className="css-xjd1wz-Switch"
       />
-      <label
-        className="css-m9in6d-Switch"
-        htmlFor="2"
-      >
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-1cbbamx-Switch{display:block;margin-left:0;-webkit-transition:margin 0.1s ease-in 0s;transition:margin 0.1s ease-in 0s;width:200%;}.css-1cbbamx-Switch:after{content:" ";padding-right:10px;text-align:right;}.css-1cbbamx-Switch:before{content:" ";padding-left:10px;}.css-1cbbamx-Switch:before,.css-1cbbamx-Switch:after{background-color:#0772de;box-sizing:border-box;display:block;float:left;height:25px;line-height:25px;padding:0;width:50%;}",
-            }
-          }
-          data-emotion="css 1cbbamx-Switch"
-        />
-        <span
-          className="css-1cbbamx-Switch"
-        />
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-xjd1wz-Switch{background:#fff;border-radius:100%;bottom:0;box-shadow:0px 0px 2px -1px gray;display:block;height:23px;margin:1px;position:absolute;right:0px;top:0;-webkit-transition:all 0.15s ease-in 0s;transition:all 0.15s ease-in 0s;width:23px;}",
-            }
-          }
-          data-emotion="css xjd1wz-Switch"
-        />
-        <span
-          className="css-xjd1wz-Switch"
-        />
-      </label>
-    </div>
-  </div>,
-]
+    </label>
+  </div>
+</div>
 `;
 
 exports[`"Switch" renders disabled 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="css-vlapzy-Switch"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    <input
+      checked={false}
+      className="css-1mmu7i4-Switch"
+      disabled={true}
+      id="4"
+      onChange={[Function]}
+      type="checkbox"
     />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-vlapzy-Switch{display:inline-block;position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:42px;}",
-        }
-      }
-      data-emotion="css vlapzy-Switch"
-    />
-    <div
-      className="css-vlapzy-Switch"
+    <label
+      className="css-vjtkxv-Switch"
+      htmlFor="4"
     >
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-1mmu7i4-Switch{display:none;}",
-          }
-        }
-        data-emotion="css 1mmu7i4-Switch"
-      />
-      <input
-        checked={false}
-        className="css-1mmu7i4-Switch"
-        disabled={true}
-        id="4"
-        onChange={[Function]}
-        type="checkbox"
+      <span
+        className="css-ryu7iu-Switch"
       />
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-vjtkxv-Switch{border-radius:20px;display:block;margin:0;overflow:hidden;}",
-          }
-        }
-        data-emotion="css vjtkxv-Switch"
+      <span
+        className="css-1ywitsw-Switch"
       />
-      <label
-        className="css-vjtkxv-Switch"
-        htmlFor="4"
-      >
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-ryu7iu-Switch{display:block;margin-left:-100%;-webkit-transition:margin 0.1s ease-in 0s;transition:margin 0.1s ease-in 0s;width:200%;}.css-ryu7iu-Switch:after{content:" ";padding-right:10px;text-align:right;}.css-ryu7iu-Switch:before{content:" ";padding-left:10px;}.css-ryu7iu-Switch:before,.css-ryu7iu-Switch:after{background-color:rgb(228, 228, 228);box-sizing:border-box;display:block;float:left;height:25px;line-height:25px;padding:0;width:50%;}",
-            }
-          }
-          data-emotion="css ryu7iu-Switch"
-        />
-        <span
-          className="css-ryu7iu-Switch"
-        />
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-1ywitsw-Switch{background:#fff;border-radius:100%;bottom:0;box-shadow:0px 0px 2px -1px gray;display:block;height:23px;margin:1px;opacity:0.7;position:absolute;right:17px;top:0;-webkit-transition:all 0.15s ease-in 0s;transition:all 0.15s ease-in 0s;width:23px;}",
-            }
-          }
-          data-emotion="css 1ywitsw-Switch"
-        />
-        <span
-          className="css-1ywitsw-Switch"
-        />
-      </label>
-    </div>
-  </div>,
-]
+    </label>
+  </div>
+</div>
 `;
 
 exports[`"Switch" renders unchecked 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="css-vlapzy-Switch"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
+    <input
+      checked={false}
+      className="css-1mmu7i4-Switch"
+      id="1"
+      onChange={[Function]}
+      type="checkbox"
     />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-vlapzy-Switch{display:inline-block;position:relative;text-align:left;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;vertical-align:middle;width:42px;}",
-        }
-      }
-      data-emotion="css vlapzy-Switch"
-    />
-    <div
-      className="css-vlapzy-Switch"
+    <label
+      className="css-m9in6d-Switch"
+      htmlFor="1"
     >
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-1mmu7i4-Switch{display:none;}",
-          }
-        }
-        data-emotion="css 1mmu7i4-Switch"
-      />
-      <input
-        checked={false}
-        className="css-1mmu7i4-Switch"
-        id="1"
-        onChange={[Function]}
-        type="checkbox"
+      <span
+        className="css-edcbmt-Switch"
       />
-      <style
-        dangerouslySetInnerHTML={
-          {
-            "__html": ".css-m9in6d-Switch{border-radius:20px;cursor:pointer;display:block;margin:0;overflow:hidden;}",
-          }
-        }
-        data-emotion="css m9in6d-Switch"
+      <span
+        className="css-dm4yw9-Switch"
       />
-      <label
-        className="css-m9in6d-Switch"
-        htmlFor="1"
-      >
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-edcbmt-Switch{display:block;margin-left:-100%;-webkit-transition:margin 0.1s ease-in 0s;transition:margin 0.1s ease-in 0s;width:200%;}.css-edcbmt-Switch:after{content:" ";padding-right:10px;text-align:right;}.css-edcbmt-Switch:before{content:" ";padding-left:10px;}.css-edcbmt-Switch:before,.css-edcbmt-Switch:after{background-color:#d2d2d2;box-sizing:border-box;display:block;float:left;height:25px;line-height:25px;padding:0;width:50%;}",
-            }
-          }
-          data-emotion="css edcbmt-Switch"
-        />
-        <span
-          className="css-edcbmt-Switch"
-        />
-        <style
-          dangerouslySetInnerHTML={
-            {
-              "__html": ".css-dm4yw9-Switch{background:#fff;border-radius:100%;bottom:0;box-shadow:0px 0px 2px -1px gray;display:block;height:23px;margin:1px;position:absolute;right:17px;top:0;-webkit-transition:all 0.15s ease-in 0s;transition:all 0.15s ease-in 0s;width:23px;}",
-            }
-          }
-          data-emotion="css dm4yw9-Switch"
-        />
-        <span
-          className="css-dm4yw9-Switch"
-        />
-      </label>
-    </div>
-  </div>,
-]
+    </label>
+  </div>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.tsx.snap
index 03d9869c8e..ab71626ab3 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.tsx.snap
@@ -1,105 +1,28 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Switch" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  display: inline-block;
-  position: relative;
-  text-align: left;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  width: 42px;
-}
-
-.emotion-2 {
-  display: none;
-}
-
-.emotion-3 {
-  border-radius: 20px;
-  cursor: pointer;
-  display: block;
-  margin: 0;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  display: block;
-  margin-left: -100%;
-  -webkit-transition: margin 0.1s ease-in 0s;
-  transition: margin 0.1s ease-in 0s;
-  width: 200%;
-}
-
-.emotion-4:after {
-  content: " ";
-  padding-right: 10px;
-  text-align: right;
-}
-
-.emotion-4:before {
-  content: " ";
-  padding-left: 10px;
-}
-
-.emotion-4:before,
-.emotion-4:after {
-  background-color: #d2d2d2;
-  box-sizing: border-box;
-  display: block;
-  float: left;
-  height: 25px;
-  line-height: 25px;
-  padding: 0;
-  width: 50%;
-}
-
-.emotion-5 {
-  background: #fff;
-  border-radius: 100%;
-  bottom: 0;
-  box-shadow: 0px 0px 2px -1px gray;
-  display: block;
-  height: 23px;
-  margin: 1px;
-  position: absolute;
-  right: 17px;
-  top: 0;
-  -webkit-transition: all 0.15s ease-in 0s;
-  transition: all 0.15s ease-in 0s;
-  width: 23px;
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-vlapzy-Switch"
   >
     <input
       checked={false}
-      className="emotion-2"
+      className="css-1mmu7i4-Switch"
       id="3"
       onChange={[Function]}
       type="checkbox"
     />
     <label
-      className="emotion-3"
+      className="css-m9in6d-Switch"
       htmlFor="3"
     >
       <span
-        className="emotion-4"
+        className="css-edcbmt-Switch"
       />
       <span
-        className="emotion-5"
+        className="css-dm4yw9-Switch"
       />
     </label>
   </div>
@@ -107,105 +30,28 @@ exports[`"Switch" renders (dark theme) 1`] = `
 `;
 
 exports[`"Switch" renders checked 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  display: inline-block;
-  position: relative;
-  text-align: left;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  width: 42px;
-}
-
-.emotion-2 {
-  display: none;
-}
-
-.emotion-3 {
-  border-radius: 20px;
-  cursor: pointer;
-  display: block;
-  margin: 0;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  display: block;
-  margin-left: 0;
-  -webkit-transition: margin 0.1s ease-in 0s;
-  transition: margin 0.1s ease-in 0s;
-  width: 200%;
-}
-
-.emotion-4:after {
-  content: " ";
-  padding-right: 10px;
-  text-align: right;
-}
-
-.emotion-4:before {
-  content: " ";
-  padding-left: 10px;
-}
-
-.emotion-4:before,
-.emotion-4:after {
-  background-color: #0772de;
-  box-sizing: border-box;
-  display: block;
-  float: left;
-  height: 25px;
-  line-height: 25px;
-  padding: 0;
-  width: 50%;
-}
-
-.emotion-5 {
-  background: #fff;
-  border-radius: 100%;
-  bottom: 0;
-  box-shadow: 0px 0px 2px -1px gray;
-  display: block;
-  height: 23px;
-  margin: 1px;
-  position: absolute;
-  right: 0px;
-  top: 0;
-  -webkit-transition: all 0.15s ease-in 0s;
-  transition: all 0.15s ease-in 0s;
-  width: 23px;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-vlapzy-Switch"
   >
     <input
       checked={true}
-      className="emotion-2"
+      className="css-1mmu7i4-Switch"
       id="2"
       onChange={[Function]}
       type="checkbox"
     />
     <label
-      className="emotion-3"
+      className="css-m9in6d-Switch"
       htmlFor="2"
     >
       <span
-        className="emotion-4"
+        className="css-1cbbamx-Switch"
       />
       <span
-        className="emotion-5"
+        className="css-xjd1wz-Switch"
       />
     </label>
   </div>
@@ -213,106 +59,29 @@ exports[`"Switch" renders checked 1`] = `
 `;
 
 exports[`"Switch" renders disabled 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  display: inline-block;
-  position: relative;
-  text-align: left;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  width: 42px;
-}
-
-.emotion-2 {
-  display: none;
-}
-
-.emotion-3 {
-  border-radius: 20px;
-  display: block;
-  margin: 0;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  display: block;
-  margin-left: -100%;
-  -webkit-transition: margin 0.1s ease-in 0s;
-  transition: margin 0.1s ease-in 0s;
-  width: 200%;
-}
-
-.emotion-4:after {
-  content: " ";
-  padding-right: 10px;
-  text-align: right;
-}
-
-.emotion-4:before {
-  content: " ";
-  padding-left: 10px;
-}
-
-.emotion-4:before,
-.emotion-4:after {
-  background-color: rgb(228, 228, 228);
-  box-sizing: border-box;
-  display: block;
-  float: left;
-  height: 25px;
-  line-height: 25px;
-  padding: 0;
-  width: 50%;
-}
-
-.emotion-5 {
-  background: #fff;
-  border-radius: 100%;
-  bottom: 0;
-  box-shadow: 0px 0px 2px -1px gray;
-  display: block;
-  height: 23px;
-  margin: 1px;
-  opacity: 0.7;
-  position: absolute;
-  right: 17px;
-  top: 0;
-  -webkit-transition: all 0.15s ease-in 0s;
-  transition: all 0.15s ease-in 0s;
-  width: 23px;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-vlapzy-Switch"
   >
     <input
       checked={false}
-      className="emotion-2"
+      className="css-1mmu7i4-Switch"
       disabled={true}
       id="4"
       onChange={[Function]}
       type="checkbox"
     />
     <label
-      className="emotion-3"
+      className="css-vjtkxv-Switch"
       htmlFor="4"
     >
       <span
-        className="emotion-4"
+        className="css-ryu7iu-Switch"
       />
       <span
-        className="emotion-5"
+        className="css-1ywitsw-Switch"
       />
     </label>
   </div>
@@ -320,105 +89,28 @@ exports[`"Switch" renders disabled 1`] = `
 `;
 
 exports[`"Switch" renders unchecked 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  display: inline-block;
-  position: relative;
-  text-align: left;
-  -webkit-user-select: none;
-  -moz-user-select: none;
-  -ms-user-select: none;
-  user-select: none;
-  vertical-align: middle;
-  width: 42px;
-}
-
-.emotion-2 {
-  display: none;
-}
-
-.emotion-3 {
-  border-radius: 20px;
-  cursor: pointer;
-  display: block;
-  margin: 0;
-  overflow: hidden;
-}
-
-.emotion-4 {
-  display: block;
-  margin-left: -100%;
-  -webkit-transition: margin 0.1s ease-in 0s;
-  transition: margin 0.1s ease-in 0s;
-  width: 200%;
-}
-
-.emotion-4:after {
-  content: " ";
-  padding-right: 10px;
-  text-align: right;
-}
-
-.emotion-4:before {
-  content: " ";
-  padding-left: 10px;
-}
-
-.emotion-4:before,
-.emotion-4:after {
-  background-color: #d2d2d2;
-  box-sizing: border-box;
-  display: block;
-  float: left;
-  height: 25px;
-  line-height: 25px;
-  padding: 0;
-  width: 50%;
-}
-
-.emotion-5 {
-  background: #fff;
-  border-radius: 100%;
-  bottom: 0;
-  box-shadow: 0px 0px 2px -1px gray;
-  display: block;
-  height: 23px;
-  margin: 1px;
-  position: absolute;
-  right: 17px;
-  top: 0;
-  -webkit-transition: all 0.15s ease-in 0s;
-  transition: all 0.15s ease-in 0s;
-  width: 23px;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-vlapzy-Switch"
   >
     <input
       checked={false}
-      className="emotion-2"
+      className="css-1mmu7i4-Switch"
       id="1"
       onChange={[Function]}
       type="checkbox"
     />
     <label
-      className="emotion-3"
+      className="css-m9in6d-Switch"
       htmlFor="1"
     >
       <span
-        className="emotion-4"
+        className="css-edcbmt-Switch"
       />
       <span
-        className="emotion-5"
+        className="css-dm4yw9-Switch"
       />
     </label>
   </div>
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.js.snap
index 7edea4a655..ddd3dbb258 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.js.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.js.snap
@@ -1,155 +1,51 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"TextArea" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <textarea
+    className="textarea css-1lmm8uy"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1lmm8uy{background:#fff;border:none;border-radius:4px;box-shadow:0 0 0 1px #696c6e;caret-color:#0772de;color:rgb(29, 30, 31);font-weight:300;line-height:24px;margin:0 0 16px;outline:none;padding:16px 16px;resize:none;width:100%;}.css-1lmm8uy::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;opacity:1;}.css-1lmm8uy::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1lmm8uy::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1lmm8uy:focus{box-shadow:0 0 0 1px #0772de;}.css-1lmm8uy:invalid{box-shadow:0 0 0 1px #696c6e;}",
-        }
-      }
-      data-emotion="css 1lmm8uy"
-    />
-    <textarea
-      className="textarea css-1lmm8uy"
-    >
-      TextArea
-    </textarea>
-  </div>,
-]
+    TextArea
+  </textarea>
+</div>
 `;
 
 exports[`"TextArea" renders as disabled 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <textarea
+    className="textarea css-1lu21pm"
+    disabled={true}
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1lu21pm{background:#edeff0;border:none;border-radius:4px;box-shadow:0 0 0 1px #696c6e;caret-color:#0772de;color:rgb(29, 30, 31);font-weight:300;line-height:24px;margin:0 0 16px;outline:none;padding:16px 16px;resize:none;width:100%;}.css-1lu21pm::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;opacity:1;}.css-1lu21pm::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1lu21pm::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1lu21pm:focus{box-shadow:0 0 0 1px #0772de;}.css-1lu21pm:invalid{box-shadow:0 0 0 1px #696c6e;}",
-        }
-      }
-      data-emotion="css 1lu21pm"
-    />
-    <textarea
-      className="textarea css-1lu21pm"
-      disabled={true}
-    >
-      TextArea
-    </textarea>
-  </div>,
-]
+    TextArea
+  </textarea>
+</div>
 `;
 
 exports[`"TextArea" renders as invalid 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <textarea
+    className="textarea css-1xpn2km"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1xpn2km{background:#fff;border:none;border-radius:4px;box-shadow:0 0 0 1px #e02020;caret-color:#0772de;color:rgb(29, 30, 31);font-weight:300;line-height:24px;margin:0 0 16px;outline:none;padding:16px 16px;resize:none;width:100%;}.css-1xpn2km::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;opacity:1;}.css-1xpn2km::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1xpn2km::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:none;}.css-1xpn2km:focus{box-shadow:0 0 0 1px #0772de;}",
-        }
-      }
-      data-emotion="css 1xpn2km"
-    />
-    <textarea
-      className="textarea css-1xpn2km"
-    >
-      TextArea
-    </textarea>
-  </div>,
-]
+    TextArea
+  </textarea>
+</div>
 `;
 
 exports[`"TextArea" renders with placeholderTextTransform 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <textarea
+    className="textarea css-v6j4u8"
+    placeholder="TextArea"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-v6j4u8{background:#fff;border:none;border-radius:4px;box-shadow:0 0 0 1px #696c6e;caret-color:#0772de;color:rgb(29, 30, 31);font-weight:300;line-height:24px;margin:0 0 16px;outline:none;padding:16px 16px;resize:none;width:100%;}.css-v6j4u8::-moz-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:uppercase;opacity:1;}.css-v6j4u8::-ms-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:uppercase;}.css-v6j4u8::-webkit-input-placeholder{color:rgb(80, 82, 84);font-size:16px;text-transform:uppercase;}.css-v6j4u8:focus{box-shadow:0 0 0 1px #0772de;}.css-v6j4u8:invalid{box-shadow:0 0 0 1px #696c6e;}",
-        }
-      }
-      data-emotion="css v6j4u8"
-    />
-    <textarea
-      className="textarea css-v6j4u8"
-      placeholder="TextArea"
-    >
-      TextArea
-    </textarea>
-  </div>,
-]
+    TextArea
+  </textarea>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.tsx.snap
index e6143940e0..ddd3dbb258 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.tsx.snap
@@ -1,60 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"TextArea" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  background: #fff;
-  border: none;
-  border-radius: 4px;
-  box-shadow: 0 0 0 1px #696c6e;
-  caret-color: #0772de;
-  color: rgb(29, 30, 31);
-  font-weight: 300;
-  line-height: 24px;
-  margin: 0 0 16px;
-  outline: none;
-  padding: 16px 16px;
-  resize: none;
-  width: 100%;
-}
-
-.emotion-1::-moz-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-  opacity: 1;
-}
-
-.emotion-1::-ms-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-1::-webkit-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-1:focus {
-  box-shadow: 0 0 0 1px #0772de;
-}
-
-.emotion-1:invalid {
-  box-shadow: 0 0 0 1px #696c6e;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <textarea
-    className="textarea emotion-1"
+    className="textarea css-1lmm8uy"
   >
     TextArea
   </textarea>
@@ -62,60 +13,11 @@ exports[`"TextArea" renders 1`] = `
 `;
 
 exports[`"TextArea" renders as disabled 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  background: #edeff0;
-  border: none;
-  border-radius: 4px;
-  box-shadow: 0 0 0 1px #696c6e;
-  caret-color: #0772de;
-  color: rgb(29, 30, 31);
-  font-weight: 300;
-  line-height: 24px;
-  margin: 0 0 16px;
-  outline: none;
-  padding: 16px 16px;
-  resize: none;
-  width: 100%;
-}
-
-.emotion-1::-moz-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-  opacity: 1;
-}
-
-.emotion-1::-ms-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-1::-webkit-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-1:focus {
-  box-shadow: 0 0 0 1px #0772de;
-}
-
-.emotion-1:invalid {
-  box-shadow: 0 0 0 1px #696c6e;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <textarea
-    className="textarea emotion-1"
+    className="textarea css-1lu21pm"
     disabled={true}
   >
     TextArea
@@ -124,56 +26,11 @@ exports[`"TextArea" renders as disabled 1`] = `
 `;
 
 exports[`"TextArea" renders as invalid 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  background: #fff;
-  border: none;
-  border-radius: 4px;
-  box-shadow: 0 0 0 1px #e02020;
-  caret-color: #0772de;
-  color: rgb(29, 30, 31);
-  font-weight: 300;
-  line-height: 24px;
-  margin: 0 0 16px;
-  outline: none;
-  padding: 16px 16px;
-  resize: none;
-  width: 100%;
-}
-
-.emotion-1::-moz-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-  opacity: 1;
-}
-
-.emotion-1::-ms-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-1::-webkit-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: none;
-}
-
-.emotion-1:focus {
-  box-shadow: 0 0 0 1px #0772de;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <textarea
-    className="textarea emotion-1"
+    className="textarea css-1xpn2km"
   >
     TextArea
   </textarea>
@@ -181,60 +38,11 @@ exports[`"TextArea" renders as invalid 1`] = `
 `;
 
 exports[`"TextArea" renders with placeholderTextTransform 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  background: #fff;
-  border: none;
-  border-radius: 4px;
-  box-shadow: 0 0 0 1px #696c6e;
-  caret-color: #0772de;
-  color: rgb(29, 30, 31);
-  font-weight: 300;
-  line-height: 24px;
-  margin: 0 0 16px;
-  outline: none;
-  padding: 16px 16px;
-  resize: none;
-  width: 100%;
-}
-
-.emotion-1::-moz-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: uppercase;
-  opacity: 1;
-}
-
-.emotion-1::-ms-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: uppercase;
-}
-
-.emotion-1::-webkit-input-placeholder {
-  color: rgb(80, 82, 84);
-  font-size: 16px;
-  text-transform: uppercase;
-}
-
-.emotion-1:focus {
-  box-shadow: 0 0 0 1px #0772de;
-}
-
-.emotion-1:invalid {
-  box-shadow: 0 0 0 1px #696c6e;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <textarea
-    className="textarea emotion-1"
+    className="textarea css-v6j4u8"
     placeholder="TextArea"
   >
     TextArea
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.js.snap
index b0392662fd..3f7cadd40e 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.js.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.js.snap
@@ -1,229 +1,73 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Heading" renders H! (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
-  <div
-    className="css-1mc7zwm-StyledAppContainer"
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
+  <h1
+    className="css-l5qfww-H1"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-l5qfww-H1{color:#fff;display:block;font-size:48px;font-weight:300;text-align:left;text-transform:none;line-height:56px;margin-bottom:64px;margin-top:0;min-height:48px;}@media (max-width: 639px){.css-l5qfww-H1{font-size:40px;line-height:48px;}}",
-        }
-      }
-      data-emotion="css l5qfww-H1"
-    />
-    <h1
-      className="css-l5qfww-H1"
-    >
-      H1
-    </h1>
-  </div>,
-]
+    H1
+  </h1>
+</div>
 `;
 
 exports[`"Heading" renders H1 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <h1
+    className="css-1mxde5b-H1"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1mxde5b-H1{color:rgb(29, 30, 31);display:block;font-size:48px;font-weight:300;text-align:left;text-transform:none;line-height:56px;margin-bottom:64px;margin-top:0;min-height:48px;}@media (max-width: 639px){.css-1mxde5b-H1{font-size:40px;line-height:48px;}}",
-        }
-      }
-      data-emotion="css 1mxde5b-H1"
-    />
-    <h1
-      className="css-1mxde5b-H1"
-    >
-      H1
-    </h1>
-  </div>,
-]
+    H1
+  </h1>
+</div>
 `;
 
 exports[`"Heading" renders H1 2`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <h1
+    className="css-1mxde5b-H1"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1mxde5b-H1{color:rgb(29, 30, 31);display:block;font-size:48px;font-weight:300;text-align:left;text-transform:none;line-height:56px;margin-bottom:64px;margin-top:0;min-height:48px;}@media (max-width: 639px){.css-1mxde5b-H1{font-size:40px;line-height:48px;}}",
-        }
-      }
-      data-emotion="css 1mxde5b-H1"
-    />
-    <h1
-      className="css-1mxde5b-H1"
-    >
-      H1
-    </h1>
-  </div>,
-]
+    H1
+  </h1>
+</div>
 `;
 
 exports[`"Heading" renders H2 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <h2
+    className="css-7ld864-H2"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-7ld864-H2{color:rgb(29, 30, 31);display:block;font-size:20px;font-weight:700;text-align:left;text-transform:none;line-height:28px;margin-bottom:24px;margin-top:32px;}@media (max-width: 639px){.css-7ld864-H2{font-size:18px;line-height:26px;margin-bottom:20px;margin-top:26px;}}",
-        }
-      }
-      data-emotion="css 7ld864-H2"
-    />
-    <h2
-      className="css-7ld864-H2"
-    >
-      H2
-    </h2>
-  </div>,
-]
+    H2
+  </h2>
+</div>
 `;
 
 exports[`"Heading" renders H3 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <h3
+    className="css-1i6ms6d-H3"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1i6ms6d-H3{color:rgb(29, 30, 31);display:block;font-size:16px;font-weight:600;text-align:left;text-transform:none;margin-bottom:16px;}",
-        }
-      }
-      data-emotion="css 1i6ms6d-H3"
-    />
-    <h3
-      className="css-1i6ms6d-H3"
-    >
-      H3
-    </h3>
-  </div>,
-]
+    H3
+  </h3>
+</div>
 `;
 
 exports[`"Heading" renders H4 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <h3
+    className="css-1gksb4j-H4"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1gksb4j-H4{color:rgb(29, 30, 31);display:block;font-size:11px;font-weight:300;text-align:left;text-transform:none;margin-bottom:5px;margin-top:20px;}",
-        }
-      }
-      data-emotion="css 1gksb4j-H4"
-    />
-    <h3
-      className="css-1gksb4j-H4"
-    >
-      H4
-    </h3>
-  </div>,
-]
+    H4
+  </h3>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.tsx.snap
index 9ccddb6acc..3f7cadd40e 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.tsx.snap
@@ -1,37 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Heading" renders H! (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #fff;
-  display: block;
-  font-size: 48px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  line-height: 56px;
-  margin-bottom: 64px;
-  margin-top: 0;
-  min-height: 48px;
-}
-
-@media (max-width: 639px) {
-  .emotion-1 {
-    font-size: 40px;
-    line-height: 48px;
-  }
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <h1
-    className="emotion-1"
+    className="css-l5qfww-H1"
   >
     H1
   </h1>
@@ -39,37 +13,11 @@ exports[`"Heading" renders H! (dark theme) 1`] = `
 `;
 
 exports[`"Heading" renders H1 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: block;
-  font-size: 48px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  line-height: 56px;
-  margin-bottom: 64px;
-  margin-top: 0;
-  min-height: 48px;
-}
-
-@media (max-width: 639px) {
-  .emotion-1 {
-    font-size: 40px;
-    line-height: 48px;
-  }
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <h1
-    className="emotion-1"
+    className="css-1mxde5b-H1"
   >
     H1
   </h1>
@@ -77,37 +25,11 @@ exports[`"Heading" renders H1 1`] = `
 `;
 
 exports[`"Heading" renders H1 2`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: block;
-  font-size: 48px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  line-height: 56px;
-  margin-bottom: 64px;
-  margin-top: 0;
-  min-height: 48px;
-}
-
-@media (max-width: 639px) {
-  .emotion-1 {
-    font-size: 40px;
-    line-height: 48px;
-  }
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <h1
-    className="emotion-1"
+    className="css-1mxde5b-H1"
   >
     H1
   </h1>
@@ -115,38 +37,11 @@ exports[`"Heading" renders H1 2`] = `
 `;
 
 exports[`"Heading" renders H2 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: block;
-  font-size: 20px;
-  font-weight: 700;
-  text-align: left;
-  text-transform: none;
-  line-height: 28px;
-  margin-bottom: 24px;
-  margin-top: 32px;
-}
-
-@media (max-width: 639px) {
-  .emotion-1 {
-    font-size: 18px;
-    line-height: 26px;
-    margin-bottom: 20px;
-    margin-top: 26px;
-  }
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <h2
-    className="emotion-1"
+    className="css-7ld864-H2"
   >
     H2
   </h2>
@@ -154,27 +49,11 @@ exports[`"Heading" renders H2 1`] = `
 `;
 
 exports[`"Heading" renders H3 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: block;
-  font-size: 16px;
-  font-weight: 600;
-  text-align: left;
-  text-transform: none;
-  margin-bottom: 16px;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <h3
-    className="emotion-1"
+    className="css-1i6ms6d-H3"
   >
     H3
   </h3>
@@ -182,28 +61,11 @@ exports[`"Heading" renders H3 1`] = `
 `;
 
 exports[`"Heading" renders H4 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: block;
-  font-size: 11px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  margin-bottom: 5px;
-  margin-top: 20px;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <h3
-    className="emotion-1"
+    className="css-1gksb4j-H4"
   >
     H4
   </h3>
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Label.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Label.test.js.snap
index 3e649c7f67..d8b62487d3 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Label.test.js.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Label.test.js.snap
@@ -1,153 +1,49 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"InputLabel" renders (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
-  <div
-    className="css-1mc7zwm-StyledAppContainer"
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
+  <label
+    className="css-evu342-Label"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-evu342-Label{color:initial;display:inline;font-size:12px;font-weight:300;text-align:left;text-transform:none;width:100%;}.css-evu342-Label:focus-within{color:#0772de;}",
-        }
-      }
-      data-emotion="css evu342-Label"
-    />
-    <label
-      className="css-evu342-Label"
-    >
-      Label
-    </label>
-  </div>,
-]
+    Label
+  </label>
+</div>
 `;
 
 exports[`"InputLabel" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <label
+    className="css-evu342-Label"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-evu342-Label{color:initial;display:inline;font-size:12px;font-weight:300;text-align:left;text-transform:none;width:100%;}.css-evu342-Label:focus-within{color:#0772de;}",
-        }
-      }
-      data-emotion="css evu342-Label"
-    />
-    <label
-      className="css-evu342-Label"
-    >
-      Label
-    </label>
-  </div>,
-]
+    Label
+  </label>
+</div>
 `;
 
 exports[`"LabelLink" renders (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
-  <div
-    className="css-1mc7zwm-StyledAppContainer"
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
+  <a
+    className="css-yrhris-LabelLink"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-yrhris-LabelLink{color:#fff;display:inline;font-size:12px;font-weight:600;text-align:left;text-transform:uppercase;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-yrhris-LabelLink:visited,.css-yrhris-LabelLink:link,.css-yrhris-LabelLink:active{color:#fff;}.css-yrhris-LabelLink:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
-        }
-      }
-      data-emotion="css yrhris-LabelLink"
-    />
-    <a
-      className="css-yrhris-LabelLink"
-    >
-      LabelLink
-    </a>
-  </div>,
-]
+    LabelLink
+  </a>
+</div>
 `;
 
 exports[`"LabelLink" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <a
+    className="css-1jufn2v-LabelLink"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1jufn2v-LabelLink{color:rgb(29, 30, 31);display:inline;font-size:12px;font-weight:600;text-align:left;text-transform:uppercase;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-1jufn2v-LabelLink:visited,.css-1jufn2v-LabelLink:link,.css-1jufn2v-LabelLink:active{color:rgb(29, 30, 31);}.css-1jufn2v-LabelLink:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
-        }
-      }
-      data-emotion="css 1jufn2v-LabelLink"
-    />
-    <a
-      className="css-1jufn2v-LabelLink"
-    >
-      LabelLink
-    </a>
-  </div>,
-]
+    LabelLink
+  </a>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Label.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Label.test.tsx.snap
index 4f0d8f14bd..d8b62487d3 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Label.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Label.test.tsx.snap
@@ -1,31 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"InputLabel" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: initial;
-  display: inline;
-  font-size: 12px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  width: 100%;
-}
-
-.emotion-1:focus-within {
-  color: #0772de;
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <label
-    className="emotion-1"
+    className="css-evu342-Label"
   >
     Label
   </label>
@@ -33,31 +13,11 @@ exports[`"InputLabel" renders (dark theme) 1`] = `
 `;
 
 exports[`"InputLabel" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: initial;
-  display: inline;
-  font-size: 12px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  width: 100%;
-}
-
-.emotion-1:focus-within {
-  color: #0772de;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <label
-    className="emotion-1"
+    className="css-evu342-Label"
   >
     Label
   </label>
@@ -65,42 +25,11 @@ exports[`"InputLabel" renders 1`] = `
 `;
 
 exports[`"LabelLink" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #fff;
-  display: inline;
-  font-size: 12px;
-  font-weight: 600;
-  text-align: left;
-  text-transform: uppercase;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-}
-
-.emotion-1:visited,
-.emotion-1:link,
-.emotion-1:active {
-  color: #fff;
-}
-
-.emotion-1:hover {
-  -webkit-filter: brightness(70%);
-  filter: brightness(70%);
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <a
-    className="emotion-1"
+    className="css-yrhris-LabelLink"
   >
     LabelLink
   </a>
@@ -108,42 +37,11 @@ exports[`"LabelLink" renders (dark theme) 1`] = `
 `;
 
 exports[`"LabelLink" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 12px;
-  font-weight: 600;
-  text-align: left;
-  text-transform: uppercase;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-}
-
-.emotion-1:visited,
-.emotion-1:link,
-.emotion-1:active {
-  color: rgb(29, 30, 31);
-}
-
-.emotion-1:hover {
-  -webkit-filter: brightness(70%);
-  filter: brightness(70%);
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <a
-    className="emotion-1"
+    className="css-1jufn2v-LabelLink"
   >
     LabelLink
   </a>
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Line.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Line.test.js.snap
index 534a15985c..9cd8b41249 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Line.test.js.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Line.test.js.snap
@@ -1,116 +1,38 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Line" renders (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
-  <div
-    className="css-1mc7zwm-StyledAppContainer"
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
+  <hr
+    className="css-6n7l8x-Line"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-6n7l8x-Line{border:none;border-bottom:1px solid rgb(213, 214, 214);margin-bottom:16px;margin-top:16px;}",
-        }
-      }
-      data-emotion="css 6n7l8x-Line"
-    />
-    <hr
-      className="css-6n7l8x-Line"
-    >
-      Line
-    </hr>
-  </div>,
-]
+    Line
+  </hr>
+</div>
 `;
 
 exports[`"Line" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <hr
+    className="css-6n7l8x-Line"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-6n7l8x-Line{border:none;border-bottom:1px solid rgb(213, 214, 214);margin-bottom:16px;margin-top:16px;}",
-        }
-      }
-      data-emotion="css 6n7l8x-Line"
-    />
-    <hr
-      className="css-6n7l8x-Line"
-    >
-      Line
-    </hr>
-  </div>,
-]
+    Line
+  </hr>
+</div>
 `;
 
 exports[`"Line" renders with color 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <hr
+    className="css-hqylb4-Line"
+    color="#e02020"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-hqylb4-Line{border:none;border-bottom:1px solid #e02020;margin-bottom:16px;margin-top:16px;}",
-        }
-      }
-      data-emotion="css hqylb4-Line"
-    />
-    <hr
-      className="css-hqylb4-Line"
-      color="#e02020"
-    >
-      Line
-    </hr>
-  </div>,
-]
+    Line
+  </hr>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Line.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Line.test.tsx.snap
index 73aa71fdb5..9cd8b41249 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Line.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Line.test.tsx.snap
@@ -1,24 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Line" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  border: none;
-  border-bottom: 1px solid rgb(213, 214, 214);
-  margin-bottom: 16px;
-  margin-top: 16px;
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <hr
-    className="emotion-1"
+    className="css-6n7l8x-Line"
   >
     Line
   </hr>
@@ -26,24 +13,11 @@ exports[`"Line" renders (dark theme) 1`] = `
 `;
 
 exports[`"Line" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  border: none;
-  border-bottom: 1px solid rgb(213, 214, 214);
-  margin-bottom: 16px;
-  margin-top: 16px;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <hr
-    className="emotion-1"
+    className="css-6n7l8x-Line"
   >
     Line
   </hr>
@@ -51,24 +25,11 @@ exports[`"Line" renders 1`] = `
 `;
 
 exports[`"Line" renders with color 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  border: none;
-  border-bottom: 1px solid #e02020;
-  margin-bottom: 16px;
-  margin-top: 16px;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <hr
-    className="emotion-1"
+    className="css-hqylb4-Line"
     color="#e02020"
   >
     Line
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Link.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Link.test.js.snap
index 894eea4c3c..c19082e2c0 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Link.test.js.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Link.test.js.snap
@@ -1,79 +1,27 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Link" renders (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
-  <div
-    className="css-1mc7zwm-StyledAppContainer"
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
+  <a
+    className="css-50pib5-Link"
+    rel="noopener noreferrer"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-50pib5-Link{color:#fff;display:inline;font-size:11px;font-weight:600;text-align:left;text-transform:uppercase;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-50pib5-Link:visited,.css-50pib5-Link:link,.css-50pib5-Link:active{color:#fff;}.css-50pib5-Link:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
-        }
-      }
-      data-emotion="css 50pib5-Link"
-    />
-    <a
-      className="css-50pib5-Link"
-      rel="noopener noreferrer"
-    >
-      Link
-    </a>
-  </div>,
-]
+    Link
+  </a>
+</div>
 `;
 
 exports[`"Link" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <a
+    className="css-g0x2vf-Link"
+    rel="noopener noreferrer"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-g0x2vf-Link{color:rgb(29, 30, 31);display:inline;font-size:11px;font-weight:600;text-align:left;text-transform:uppercase;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-g0x2vf-Link:visited,.css-g0x2vf-Link:link,.css-g0x2vf-Link:active{color:rgb(29, 30, 31);}.css-g0x2vf-Link:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
-        }
-      }
-      data-emotion="css g0x2vf-Link"
-    />
-    <a
-      className="css-g0x2vf-Link"
-      rel="noopener noreferrer"
-    >
-      Link
-    </a>
-  </div>,
-]
+    Link
+  </a>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Link.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Link.test.tsx.snap
index 5ab4c04459..c19082e2c0 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Link.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Link.test.tsx.snap
@@ -1,42 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Link" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #fff;
-  display: inline;
-  font-size: 11px;
-  font-weight: 600;
-  text-align: left;
-  text-transform: uppercase;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-}
-
-.emotion-1:visited,
-.emotion-1:link,
-.emotion-1:active {
-  color: #fff;
-}
-
-.emotion-1:hover {
-  -webkit-filter: brightness(70%);
-  filter: brightness(70%);
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <a
-    className="emotion-1"
+    className="css-50pib5-Link"
     rel="noopener noreferrer"
   >
     Link
@@ -45,42 +14,11 @@ exports[`"Link" renders (dark theme) 1`] = `
 `;
 
 exports[`"Link" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 11px;
-  font-weight: 600;
-  text-align: left;
-  text-transform: uppercase;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-}
-
-.emotion-1:visited,
-.emotion-1:link,
-.emotion-1:active {
-  color: rgb(29, 30, 31);
-}
-
-.emotion-1:hover {
-  -webkit-filter: brightness(70%);
-  filter: brightness(70%);
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <a
-    className="emotion-1"
+    className="css-g0x2vf-Link"
     rel="noopener noreferrer"
   >
     Link
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.js.snap
index 1545e10df5..935a507530 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.js.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.js.snap
@@ -1,153 +1,49 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Lead" renders (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
-  <div
-    className="css-1mc7zwm-StyledAppContainer"
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
+  <p
+    className="css-bje2y9-Lead"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-bje2y9-Lead{color:#fff;display:block;font-size:24px;font-weight:300;text-align:center;text-transform:none;margin-bottom:56px;margin-top:0;}@media (max-width: 639px){.css-bje2y9-Lead{font-size:20px;}}",
-        }
-      }
-      data-emotion="css bje2y9-Lead"
-    />
-    <p
-      className="css-bje2y9-Lead"
-    >
-      Lead
-    </p>
-  </div>,
-]
+    Lead
+  </p>
+</div>
 `;
 
 exports[`"Lead" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <p
+    className="css-h0aqb6-Lead"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-h0aqb6-Lead{color:rgb(29, 30, 31);display:block;font-size:24px;font-weight:300;text-align:center;text-transform:none;margin-bottom:56px;margin-top:0;}@media (max-width: 639px){.css-h0aqb6-Lead{font-size:20px;}}",
-        }
-      }
-      data-emotion="css h0aqb6-Lead"
-    />
-    <p
-      className="css-h0aqb6-Lead"
-    >
-      Lead
-    </p>
-  </div>,
-]
+    Lead
+  </p>
+</div>
 `;
 
 exports[`"Paragraph" renders (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
-  <div
-    className="css-1mc7zwm-StyledAppContainer"
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
+  <p
+    className="css-15evjgv-Paragraph"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-15evjgv-Paragraph{color:#fff;display:block;font-size:16px;font-weight:300;text-align:left;text-transform:none;margin-bottom:16px;margin-top:0;}",
-        }
-      }
-      data-emotion="css 15evjgv-Paragraph"
-    />
-    <p
-      className="css-15evjgv-Paragraph"
-    >
-      Paragraph
-    </p>
-  </div>,
-]
+    Paragraph
+  </p>
+</div>
 `;
 
 exports[`"Paragraph" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <p
+    className="css-1by25mu-Paragraph"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1by25mu-Paragraph{color:rgb(29, 30, 31);display:block;font-size:16px;font-weight:300;text-align:left;text-transform:none;margin-bottom:16px;margin-top:0;}",
-        }
-      }
-      data-emotion="css 1by25mu-Paragraph"
-    />
-    <p
-      className="css-1by25mu-Paragraph"
-    >
-      Paragraph
-    </p>
-  </div>,
-]
+    Paragraph
+  </p>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.tsx.snap
index 8272dfba70..935a507530 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.tsx.snap
@@ -1,34 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Lead" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #fff;
-  display: block;
-  font-size: 24px;
-  font-weight: 300;
-  text-align: center;
-  text-transform: none;
-  margin-bottom: 56px;
-  margin-top: 0;
-}
-
-@media (max-width: 639px) {
-  .emotion-1 {
-    font-size: 20px;
-  }
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <p
-    className="emotion-1"
+    className="css-bje2y9-Lead"
   >
     Lead
   </p>
@@ -36,34 +13,11 @@ exports[`"Lead" renders (dark theme) 1`] = `
 `;
 
 exports[`"Lead" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: block;
-  font-size: 24px;
-  font-weight: 300;
-  text-align: center;
-  text-transform: none;
-  margin-bottom: 56px;
-  margin-top: 0;
-}
-
-@media (max-width: 639px) {
-  .emotion-1 {
-    font-size: 20px;
-  }
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <p
-    className="emotion-1"
+    className="css-h0aqb6-Lead"
   >
     Lead
   </p>
@@ -71,28 +25,11 @@ exports[`"Lead" renders 1`] = `
 `;
 
 exports[`"Paragraph" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #fff;
-  display: block;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  margin-bottom: 16px;
-  margin-top: 0;
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <p
-    className="emotion-1"
+    className="css-15evjgv-Paragraph"
   >
     Paragraph
   </p>
@@ -100,28 +37,11 @@ exports[`"Paragraph" renders (dark theme) 1`] = `
 `;
 
 exports[`"Paragraph" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: block;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  margin-bottom: 16px;
-  margin-top: 0;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <p
-    className="emotion-1"
+    className="css-1by25mu-Paragraph"
   >
     Paragraph
   </p>
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Text.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Text.test.js.snap
index 5bae2e1784..4992e9e383 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Text.test.js.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Text.test.js.snap
@@ -1,647 +1,205 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Text" renders (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
-  <div
-    className="css-1mc7zwm-StyledAppContainer"
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
+  <span
+    className="css-1xniryu"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1xniryu{color:#fff;display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css 1xniryu"
-    />
-    <span
-      className="css-1xniryu"
-    >
-      Text
-    </span>
-  </div>,
-]
+    Text
+  </span>
+</div>
 `;
 
 exports[`"Text" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-nm0i8o"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-nm0i8o{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css nm0i8o"
-    />
-    <span
-      className="css-nm0i8o"
-    >
-      Text
-    </span>
-  </div>,
-]
+    Text
+  </span>
+</div>
 `;
 
 exports[`"Text" renders as block 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-16vxtwd"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-16vxtwd{color:rgb(29, 30, 31);display:block;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css 16vxtwd"
-    />
-    <span
-      className="css-16vxtwd"
-    >
-      Text
-    </span>
-  </div>,
-]
+    Text
+  </span>
+</div>
 `;
 
 exports[`"Text" renders bold 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-k4tiab"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-k4tiab{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:600;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css k4tiab"
-    />
-    <span
-      className="css-k4tiab"
-    >
-      Text
-    </span>
-  </div>,
-]
+    Text
+  </span>
+</div>
 `;
 
 exports[`"Text" renders centered 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-1aut1m8"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1aut1m8{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:center;text-transform:none;}",
-        }
-      }
-      data-emotion="css 1aut1m8"
-    />
-    <span
-      className="css-1aut1m8"
-    >
-      Text
-    </span>
-  </div>,
-]
+    Text
+  </span>
+</div>
 `;
 
 exports[`"Text" renders light 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-nurxuk"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-nurxuk{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:200;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css nurxuk"
-    />
-    <span
-      className="css-nurxuk"
-    >
-      Text
-    </span>
-  </div>,
-]
+    Text
+  </span>
+</div>
 `;
 
 exports[`"Text" renders muted 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-9fs502"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-9fs502{color:#696c6e;display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css 9fs502"
-    />
-    <span
-      className="css-9fs502"
-    >
-      Text
-    </span>
-  </div>,
-]
+    Text
+  </span>
+</div>
 `;
 
 exports[`"Text" renders no wrap 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-1hzwasr"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1hzwasr{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;white-space:nowrap;}",
-        }
-      }
-      data-emotion="css 1hzwasr"
-    />
-    <span
-      className="css-1hzwasr"
-    >
-      Text
-    </span>
-  </div>,
-]
+    Text
+  </span>
+</div>
 `;
 
 exports[`"Text" renders with color 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-1om3prj"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1om3prj{color:#0772de;display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css 1om3prj"
-    />
-    <span
-      className="css-1om3prj"
-    >
-      Text
-    </span>
-  </div>,
-]
+    Text
+  </span>
+</div>
 `;
 
 exports[`"Text" renders with size 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-veh1h2"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-veh1h2{color:rgb(29, 30, 31);display:inline;font-size:2px;font-weight:300;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css veh1h2"
-    />
-    <span
-      className="css-veh1h2"
-    >
-      Text
-    </span>
-  </div>,
-]
+    Text
+  </span>
+</div>
 `;
 
 exports[`"Text" renders with textTransform 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-17oerc2"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-17oerc2{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:uppercase;}",
-        }
-      }
-      data-emotion="css 17oerc2"
-    />
-    <span
-      className="css-17oerc2"
-    >
-      Text
-    </span>
-  </div>,
-]
+    Text
+  </span>
+</div>
 `;
 
 exports[`"Text" renders with truncation 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-17oerc2"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-17oerc2{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:uppercase;}",
-        }
-      }
-      data-emotion="css 17oerc2"
-    />
-    <span
-      className="css-17oerc2"
-    >
-      aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
-    </span>
-  </div>,
-]
+    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
+  </span>
+</div>
 `;
 
 exports[`Utility components renders Bold 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-k4tiab"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-k4tiab{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:600;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css k4tiab"
-    />
-    <span
-      className="css-k4tiab"
-    >
-      Bold
-    </span>
-  </div>,
-]
+    Bold
+  </span>
+</div>
 `;
 
 exports[`Utility components renders Large 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-m3p6w3"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-m3p6w3{color:rgb(29, 30, 31);display:inline;font-size:48px;font-weight:200;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css m3p6w3"
-    />
-    <span
-      className="css-m3p6w3"
-    >
-      Large
-    </span>
-  </div>,
-]
+    Large
+  </span>
+</div>
 `;
 
 exports[`Utility components renders Muted 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-9fs502"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-9fs502{color:#696c6e;display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css 9fs502"
-    />
-    <span
-      className="css-9fs502"
-    >
-      Muted
-    </span>
-  </div>,
-]
+    Muted
+  </span>
+</div>
 `;
 
 exports[`Utility components renders Small 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-1mag67q"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-1mag67q{color:rgb(29, 30, 31);display:inline;font-size:12px;font-weight:300;text-align:left;text-transform:none;}",
-        }
-      }
-      data-emotion="css 1mag67q"
-    />
-    <span
-      className="css-1mag67q"
-    >
-      Small
-    </span>
-  </div>,
-]
+    Small
+  </span>
+</div>
 `;
 
 exports[`Utility components renders Uppercase 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
-  >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-17oerc2{color:rgb(29, 30, 31);display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:uppercase;}",
-        }
-      }
-      data-emotion="css 17oerc2"
-    />
-    <span
-      className="css-17oerc2"
-    >
-      Uppercase
-    </span>
-  </div>,
-]
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <span
+    className="css-17oerc2"
+  >
+    Uppercase
+  </span>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Text.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Text.test.tsx.snap
index 1b6ecbe762..4992e9e383 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Text.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Text.test.tsx.snap
@@ -1,26 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Text" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #fff;
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-1xniryu"
   >
     Text
   </span>
@@ -28,26 +13,11 @@ exports[`"Text" renders (dark theme) 1`] = `
 `;
 
 exports[`"Text" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-nm0i8o"
   >
     Text
   </span>
@@ -55,26 +25,11 @@ exports[`"Text" renders 1`] = `
 `;
 
 exports[`"Text" renders as block 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: block;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-16vxtwd"
   >
     Text
   </span>
@@ -82,26 +37,11 @@ exports[`"Text" renders as block 1`] = `
 `;
 
 exports[`"Text" renders bold 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 16px;
-  font-weight: 600;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-k4tiab"
   >
     Text
   </span>
@@ -109,26 +49,11 @@ exports[`"Text" renders bold 1`] = `
 `;
 
 exports[`"Text" renders centered 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: center;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-1aut1m8"
   >
     Text
   </span>
@@ -136,26 +61,11 @@ exports[`"Text" renders centered 1`] = `
 `;
 
 exports[`"Text" renders light 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 16px;
-  font-weight: 200;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-nurxuk"
   >
     Text
   </span>
@@ -163,26 +73,11 @@ exports[`"Text" renders light 1`] = `
 `;
 
 exports[`"Text" renders muted 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #696c6e;
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-9fs502"
   >
     Text
   </span>
@@ -190,27 +85,11 @@ exports[`"Text" renders muted 1`] = `
 `;
 
 exports[`"Text" renders no wrap 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  white-space: nowrap;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-1hzwasr"
   >
     Text
   </span>
@@ -218,26 +97,11 @@ exports[`"Text" renders no wrap 1`] = `
 `;
 
 exports[`"Text" renders with color 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #0772de;
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-1om3prj"
   >
     Text
   </span>
@@ -245,26 +109,11 @@ exports[`"Text" renders with color 1`] = `
 `;
 
 exports[`"Text" renders with size 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 2px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-veh1h2"
   >
     Text
   </span>
@@ -272,26 +121,11 @@ exports[`"Text" renders with size 1`] = `
 `;
 
 exports[`"Text" renders with textTransform 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: uppercase;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-17oerc2"
   >
     Text
   </span>
@@ -299,26 +133,11 @@ exports[`"Text" renders with textTransform 1`] = `
 `;
 
 exports[`"Text" renders with truncation 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: uppercase;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-17oerc2"
   >
     aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
   </span>
@@ -326,26 +145,11 @@ exports[`"Text" renders with truncation 1`] = `
 `;
 
 exports[`Utility components renders Bold 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 16px;
-  font-weight: 600;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-k4tiab"
   >
     Bold
   </span>
@@ -353,26 +157,11 @@ exports[`Utility components renders Bold 1`] = `
 `;
 
 exports[`Utility components renders Large 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 48px;
-  font-weight: 200;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-m3p6w3"
   >
     Large
   </span>
@@ -380,26 +169,11 @@ exports[`Utility components renders Large 1`] = `
 `;
 
 exports[`Utility components renders Muted 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #696c6e;
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-9fs502"
   >
     Muted
   </span>
@@ -407,26 +181,11 @@ exports[`Utility components renders Muted 1`] = `
 `;
 
 exports[`Utility components renders Small 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 12px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-1mag67q"
   >
     Small
   </span>
@@ -434,26 +193,11 @@ exports[`Utility components renders Small 1`] = `
 `;
 
 exports[`Utility components renders Uppercase 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: rgb(29, 30, 31);
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: uppercase;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <span
-    className="emotion-1"
+    className="css-17oerc2"
   >
     Uppercase
   </span>
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.js.snap
index 3067f6823b..f3888342f2 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.js.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.js.snap
@@ -1,79 +1,27 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"TextLink" renders (dark theme) 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-1mc7zwm-StyledAppContainer{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 1mc7zwm-StyledAppContainer"
-  />,
-  <div
-    className="css-1mc7zwm-StyledAppContainer"
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
+  <a
+    className="css-207ys5-TextLink"
+    rel="noopener noreferrer"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#000;color:#fff;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#000;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 1vzghze-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-207ys5-TextLink{color:#0667c8;display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-207ys5-TextLink:visited,.css-207ys5-TextLink:link,.css-207ys5-TextLink:active{color:#0667c8;}.css-207ys5-TextLink:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
-        }
-      }
-      data-emotion="css 207ys5-TextLink"
-    />
-    <a
-      className="css-207ys5-TextLink"
-      rel="noopener noreferrer"
-    >
-      TextLink
-    </a>
-  </div>,
-]
+    TextLink
+  </a>
+</div>
 `;
 
 exports[`"TextLink" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <a
+    className="css-207ys5-TextLink"
+    rel="noopener noreferrer"
   >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": ".css-207ys5-TextLink{color:#0667c8;display:inline;font-size:16px;font-weight:300;text-align:left;text-transform:none;cursor:pointer;-webkit-text-decoration:none;text-decoration:none;-webkit-transition:all 0.24s;transition:all 0.24s;}.css-207ys5-TextLink:visited,.css-207ys5-TextLink:link,.css-207ys5-TextLink:active{color:#0667c8;}.css-207ys5-TextLink:hover{-webkit-filter:brightness(70%);filter:brightness(70%);}",
-        }
-      }
-      data-emotion="css 207ys5-TextLink"
-    />
-    <a
-      className="css-207ys5-TextLink"
-      rel="noopener noreferrer"
-    >
-      TextLink
-    </a>
-  </div>,
-]
+    TextLink
+  </a>
+</div>
 `;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.tsx.snap
index 651ee0e578..f3888342f2 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.tsx.snap
@@ -1,42 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"TextLink" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #0667c8;
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-}
-
-.emotion-1:visited,
-.emotion-1:link,
-.emotion-1:active {
-  color: #0667c8;
-}
-
-.emotion-1:hover {
-  -webkit-filter: brightness(70%);
-  filter: brightness(70%);
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <a
-    className="emotion-1"
+    className="css-207ys5-TextLink"
     rel="noopener noreferrer"
   >
     TextLink
@@ -45,42 +14,11 @@ exports[`"TextLink" renders (dark theme) 1`] = `
 `;
 
 exports[`"TextLink" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #0667c8;
-  display: inline;
-  font-size: 16px;
-  font-weight: 300;
-  text-align: left;
-  text-transform: none;
-  cursor: pointer;
-  -webkit-text-decoration: none;
-  text-decoration: none;
-  -webkit-transition: all 0.24s;
-  transition: all 0.24s;
-}
-
-.emotion-1:visited,
-.emotion-1:link,
-.emotion-1:active {
-  color: #0667c8;
-}
-
-.emotion-1:hover {
-  -webkit-filter: brightness(70%);
-  filter: brightness(70%);
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <a
-    className="emotion-1"
+    className="css-207ys5-TextLink"
     rel="noopener noreferrer"
   >
     TextLink
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Title.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Title.test.js.snap
new file mode 100644
index 0000000000..69f0e7fcd5
--- /dev/null
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Title.test.js.snap
@@ -0,0 +1,25 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+
+exports[`"Title" renders (dark theme) 1`] = `
+<div
+  className="css-1mc7zwm-StyledAppContainer"
+>
+  <div
+    className="css-16j78gg-Title"
+  >
+    Title
+  </div>
+</div>
+`;
+
+exports[`"Title" renders 1`] = `
+<div
+  className="css-7uml9n-StyledAppContainer"
+>
+  <div
+    className="css-16j78gg-Title"
+  >
+    Title
+  </div>
+</div>
+`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Title.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Title.test.tsx.snap
index 9f64fbd45f..69f0e7fcd5 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Title.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Title.test.tsx.snap
@@ -1,27 +1,11 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Title" renders (dark theme) 1`] = `
-.emotion-0 {
-  background: #000;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #696c6e;
-  display: block;
-  font-size: 32px;
-  font-weight: 600;
-  text-align: center;
-  text-transform: none;
-  margin-bottom: 8px;
-}
-
 <div
-  className="emotion-0"
+  className="css-1mc7zwm-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-16j78gg-Title"
   >
     Title
   </div>
@@ -29,27 +13,11 @@ exports[`"Title" renders (dark theme) 1`] = `
 `;
 
 exports[`"Title" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
-.emotion-1 {
-  color: #696c6e;
-  display: block;
-  font-size: 32px;
-  font-weight: 600;
-  text-align: center;
-  text-transform: none;
-  margin-bottom: 8px;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 >
   <div
-    className="emotion-1"
+    className="css-16j78gg-Title"
   >
     Title
   </div>
diff --git a/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.js.snap b/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.js.snap
index e518371687..3cf7560859 100644
--- a/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.js.snap
+++ b/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.js.snap
@@ -1,34 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"GlobalStyle" renders 1`] = `
-[
-  <style
-    dangerouslySetInnerHTML={
-      {
-        "__html": ".css-7uml9n-StyledAppContainer{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}",
-      }
-    }
-    data-emotion="css 7uml9n-StyledAppContainer"
-  />,
-  <div
-    className="css-7uml9n-StyledAppContainer"
-  >
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-    <style
-      dangerouslySetInnerHTML={
-        {
-          "__html": "html{line-height:1.15;-webkit-text-size-adjust:100%;}body{margin:0;}main{display:block;}h1{font-size:2em;margin:0.67em 0;}hr{box-sizing:content-box;height:0;overflow:visible;}pre{font-family:monospace,monospace;font-size:1em;}a{background-color:transparent;}abbr[title]{border-bottom:none;-webkit-text-decoration:underline;text-decoration:underline;-webkit-text-decoration:underline dotted;text-decoration:underline dotted;}b,strong{font-weight:bolder;}code,kbd,samp{font-family:monospace,monospace;font-size:1em;}small{font-size:80%;}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline;}sub{bottom:-0.25em;}sup{top:-0.5em;}img{border-style:none;}button,input,optgroup,select,textarea{font-family:inherit;font-size:100%;line-height:1.15;margin:0;}button,input{overflow:visible;}button,select{text-transform:none;}button,[type="button"],[type="reset"],[type="submit"]{-webkit-appearance:button;}button::-moz-focus-inner,[type="button"]::-moz-focus-inner,[type="reset"]::-moz-focus-inner,[type="submit"]::-moz-focus-inner{border-style:none;padding:0;}button:-moz-focusring,[type="button"]:-moz-focusring,[type="reset"]:-moz-focusring,[type="submit"]:-moz-focusring{outline:1px dotted ButtonText;}fieldset{padding:0.35em 0.75em 0.625em;}legend{box-sizing:border-box;color:inherit;display:table;max-width:100%;padding:0;white-space:normal;}progress{vertical-align:baseline;}textarea{overflow:auto;}[type="checkbox"],[type="radio"]{box-sizing:border-box;padding:0;}[type="number"]::-webkit-inner-spin-button,[type="number"]::-webkit-outer-spin-button{height:auto;}[type="search"]{-webkit-appearance:textfield;outline-offset:-2px;}[type="search"]::-webkit-search-decoration{-webkit-appearance:none;}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit;}details{display:block;}summary{display:-webkit-box;display:-webkit-list-item;display:-ms-list-itembox;display:list-item;}template{display:none;}[hidden]{display:none;}*{box-sizing:border-box;}b,strong{font-weight:600;}body{--accent-color:#0667c8;-webkit---accent-color-highlight:#e7f0fa;--accent-color-highlight:#e7f0fa;--accent-color-highlight-inversed:#022950;--accent-color-border:#0667c8;--accent-color-focus:#3885d3;--icon-primary-active-fill:#0667c8;--icon-secondary-active-border:transparent;--button-primary-hover:#0552a0;--button-primary-active:#043e78;--button-primary-active-border:#043e78;--button-primary-focus-border:#043e78;-moz-osx-font-smoothing:grayscale;-webkit-font-smoothing:antialiased;background:#edeff0;color:rgb(29, 30, 31);display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Helvetica,Arial,sans-serif;font-weight:300;line-height:1.5;min-height:100vh;-webkit-transition:background 0.15s;transition:background 0.15s;}body,body.theme-default{--checkbox-background:#edeff0;--checkbox-background-disabled:#fafafa;--checkbox-background-disabled-selected:#9fa1a7;--checkbox-border:#54585f;--checkbox-border-disabled:#676b71;--icon-button-primary-enabled-bg:#fff;--icon-button-primary-hover-bg:#edeff0;--icon-button-primary-border:#dce0e3;--icon-button-primary-disabled-bg:#edeff0;--icon-button-primary-disabled-border:#dce0e3;--icon-button-primary-hover-border:#cbced1;--button-primary-disabled-bg:#cbced1;--button-primary-disabled-text:#54585f;--button-tertiary-bg:#fff;--button-tertiary-border:#dce0e3;--button-tertiary-hover-bg:#edeff0;--button-tertiary-hover-border:#cbced1;--button-tertiary-disabled-bg:#edeff0;--button-tertiary-disabled-border:transparent;--text-input-background:#fff;--text-input-border:#dce0e3;--text-input-border-hover:#9fa1a7;--text-input-placeholder:#676b71;--text-input-disabled:#edeff0;--text-input-label:#54585f;--select-focused-description:#fff;--danger-color:#c20013;--app-bg:#fafafa;--main-color:#000;}body.theme-dark{--checkbox-background:#34373d;--checkbox-background-disabled:#34373d;--checkbox-background-disabled-selected:#54585f;--checkbox-border:#9fa1a7;--checkbox-border-disabled:#9fa1a7;--icon-button-primary-enabled-bg:#34373d;--icon-button-primary-hover-bg:#54585f;--icon-button-primary-border:#17181a;--icon-button-primary-disabled-bg:#26272c;--icon-button-primary-disabled-border:#34373d;--icon-button-primary-hover-border:#676b71;--button-primary-disabled-bg:#676b71;--button-primary-disabled-text:#000;--button-tertiary-bg:#34373d;--button-tertiary-border:#17181a;--button-tertiary-hover-bg:#54585f;--button-tertiary-hover-border:#54585f;--button-tertiary-disabled-bg:#26272c;--button-tertiary-disabled-border:transparent;--text-input-background:#000;--text-input-border:#54585f;--text-input-border-hover:#dce0e3;--text-input-placeholder:#9fa1a7;--text-input-disabled:#17181a;--text-input-label:#dce0e3;--select-focused-description:#dce0e3;--danger-color:#ff7770;--app-bg:#26272c;--main-color:#fff;}html{background:#edeff0;-webkit-transition:background 0.15s;transition:background 0.15s;}p{margin-top:0;}",
-        }
-      }
-      data-emotion="css-global 11ozpjr-#54585f-#dce0e3-globalStyle"
-    />
-  </div>,
-]
+<div
+  className="css-7uml9n-StyledAppContainer"
+/>
 `;
diff --git a/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.tsx.snap b/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.tsx.snap
index 29f3b7dee4..3cf7560859 100644
--- a/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.tsx.snap
+++ b/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.tsx.snap
@@ -1,13 +1,7 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"GlobalStyle" renders 1`] = `
-.emotion-0 {
-  background: #edeff0;
-  -webkit-transition: background 0.15s;
-  transition: background 0.15s;
-}
-
 <div
-  className="emotion-0"
+  className="css-7uml9n-StyledAppContainer"
 />
 `;
diff --git a/packages/store-engine-dexie/jest.config.js b/packages/store-engine-dexie/jest.config.js
index 385e08094c..9ecb462ea7 100644
--- a/packages/store-engine-dexie/jest.config.js
+++ b/packages/store-engine-dexie/jest.config.js
@@ -21,7 +21,7 @@ const { TextDecoder, TextEncoder } = require('util')
 
 module.exports = {
   clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx|js)", "test/**/*.+(ts|tsx|js)",],
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
     "^.+\\.(ts|tsx)$": "ts-jest"
   },
diff --git a/packages/store-engine-dexie/package.json b/packages/store-engine-dexie/package.json
index 47c89847e1..9dea2953ea 100644
--- a/packages/store-engine-dexie/package.json
+++ b/packages/store-engine-dexie/package.json
@@ -33,7 +33,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(test*).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn build && jest --coverage"
+    "test": "jest --coverage"
   },
   "version": "1.7.10"
 }
diff --git a/packages/store-engine-fs/.nycrc.json b/packages/store-engine-fs/.nycrc.json
deleted file mode 100644
index 690b54ac21..0000000000
--- a/packages/store-engine-fs/.nycrc.json
+++ /dev/null
@@ -1,14 +0,0 @@
-{
-  "all": true,
-  "branches": 75,
-  "check-coverage": false,
-  "exclude": ["**/*.d.ts", "**/*.test*.ts"],
-  "extension": [".ts"],
-  "functions": 95,
-  "include": ["src/**/*.ts"],
-  "lines": 85,
-  "per-file": false,
-  "reporter": ["html"],
-  "require": ["ts-node/register"],
-  "statements": 85
-}
diff --git a/packages/store-engine-fs/jasmine.json b/packages/store-engine-fs/jasmine.json
deleted file mode 100644
index 91c285af5b..0000000000
--- a/packages/store-engine-fs/jasmine.json
+++ /dev/null
@@ -1,6 +0,0 @@
-{
-  "random": true,
-  "spec_dir": "src",
-  "spec_files": ["**/*.test.ts"],
-  "stopSpecOnExpectationFailure": true
-}
diff --git a/packages/store-engine-fs/jest.config.js b/packages/store-engine-fs/jest.config.js
index 1aa00636d8..ea4b9a2219 100644
--- a/packages/store-engine-fs/jest.config.js
+++ b/packages/store-engine-fs/jest.config.js
@@ -19,7 +19,7 @@
 
 module.exports = {
   clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx|js)", "test/**/*.+(ts|tsx|js)",],
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
     "^.+\\.(ts|tsx)$": "ts-jest"
   },
diff --git a/packages/store-engine-fs/package.json b/packages/store-engine-fs/package.json
index 9c81a93ecf..abe4669f6f 100644
--- a/packages/store-engine-fs/package.json
+++ b/packages/store-engine-fs/package.json
@@ -9,7 +9,6 @@
     "@wireapp/store-engine": "workspace:^",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
-    "nyc": "15.1.0",
     "ts-jest": "^29.0.3",
     "ts-node": "10.9.1",
     "typescript": "4.8.4"
@@ -32,7 +31,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(test*).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn build && jest --coverage",
+    "test": "jest --coverage",
     "test:project": "yarn build && yarn test"
   },
   "version": "2.5.10"
diff --git a/packages/store-engine-fs/src/index.test.ts b/packages/store-engine-fs/src/index.test.ts
index 6b0c4e07cb..2a0dcb0a01 100644
--- a/packages/store-engine-fs/src/index.test.ts
+++ b/packages/store-engine-fs/src/index.test.ts
@@ -132,7 +132,7 @@ describe('FileEngine', () => {
       for (const operation of functionNames) {
         try {
           await engine[operation]('../etc', 'primary-key', {});
-          fail();
+          throw new Error('Expected error to be thrown.');
         } catch (error) {
           expect(error instanceof expectedError).toBe(true);
         }
diff --git a/packages/store-engine/.nycrc.json b/packages/store-engine/.nycrc.json
deleted file mode 100644
index 8c8b6c5a24..0000000000
--- a/packages/store-engine/.nycrc.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "all": false,
-  "exclude": ["**/*.d.ts", "**/*.test*.ts"],
-  "extension": [".ts"],
-  "include": ["src/**/*.ts"],
-  "per-file": false,
-  "reporter": ["html"],
-  "require": ["ts-node/register"]
-}
diff --git a/packages/store-engine/jest.config.js b/packages/store-engine/jest.config.js
index 1aa00636d8..ea4b9a2219 100644
--- a/packages/store-engine/jest.config.js
+++ b/packages/store-engine/jest.config.js
@@ -19,7 +19,7 @@
 
 module.exports = {
   clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx|js)", "test/**/*.+(ts|tsx|js)",],
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
     "^.+\\.(ts|tsx)$": "ts-jest"
   },
diff --git a/packages/store-engine/package.json b/packages/store-engine/package.json
index 06990781d4..deb8082c90 100644
--- a/packages/store-engine/package.json
+++ b/packages/store-engine/package.json
@@ -5,7 +5,6 @@
     "@types/rimraf": "^3",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
-    "nyc": "15.1.0",
     "rimraf": "^3.0.2",
     "ts-jest": "^29.0.3",
     "ts-node": "10.9.1",
@@ -37,7 +36,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn dist && jest --coverage"
+    "test": "jest --coverage"
   },
   "version": "4.10.10"
 }
diff --git a/packages/store-engine/src/main/store/TransientStore.test.ts b/packages/store-engine/src/main/store/TransientStore.test.ts
index aa4dce7672..652129ebf4 100644
--- a/packages/store-engine/src/main/store/TransientStore.test.ts
+++ b/packages/store-engine/src/main/store/TransientStore.test.ts
@@ -62,7 +62,6 @@ describe('store.TransientStore', () => {
       try {
         await store.set(primaryKey, entity, ttl);
         await store.set(primaryKey, {access_token: 'ABC'}, ttl);
-        fail();
       } catch (error) {
         expect(error).toEqual(expect.any(RecordAlreadyExistsError));
         expect((error as RecordAlreadyExistsError).code).toBe(1);
@@ -85,7 +84,7 @@ describe('store.TransientStore', () => {
       if (bundle) {
         expect(bundle.payload).toEqual(entity);
       } else {
-        fail();
+        throw new Error('Bundle is not defined.');
       }
     });
 
@@ -98,7 +97,7 @@ describe('store.TransientStore', () => {
       if (bundle) {
         expect(bundle.payload).toEqual(entity);
       } else {
-        fail();
+        throw new Error('Bundle is not defined.');
       }
     });
 
diff --git a/packages/store-engine/src/main/test/createSpec.ts b/packages/store-engine/src/main/test/createSpec.ts
index d2055a8234..d8c2c891a7 100644
--- a/packages/store-engine/src/main/test/createSpec.ts
+++ b/packages/store-engine/src/main/test/createSpec.ts
@@ -30,7 +30,7 @@ export const createSpec = {
 
     try {
       await engine.create(TABLE_NAME, PRIMARY_KEY, entity);
-      fail(new Error('Method is supposed to throw an error.'));
+      throw new Error('Method is supposed to throw an error.');
     } catch (error) {
       expect(error).toEqual(expect.any(RecordTypeError));
     }
@@ -42,7 +42,7 @@ export const createSpec = {
 
     try {
       await engine.create(TABLE_NAME, PRIMARY_KEY, entity);
-      fail(new Error('Method is supposed to throw an error.'));
+      throw new Error('Method is supposed to throw an error.');
     } catch (error) {
       expect(error).toEqual(expect.any(RecordTypeError));
     }
@@ -94,7 +94,6 @@ export const createSpec = {
     try {
       await engine.create(TABLE_NAME, PRIMARY_KEY, firstEntity);
       await engine.create(TABLE_NAME, PRIMARY_KEY, secondEntity);
-      fail();
     } catch (error) {
       expect(error).toEqual(expect.any(RecordAlreadyExistsError));
     }
diff --git a/packages/store-engine/src/main/test/readSpec.ts b/packages/store-engine/src/main/test/readSpec.ts
index ccdc1b9bab..2212a997db 100644
--- a/packages/store-engine/src/main/test/readSpec.ts
+++ b/packages/store-engine/src/main/test/readSpec.ts
@@ -43,7 +43,7 @@ export const readSpec = {
 
     try {
       await engine.read(TABLE_NAME, PRIMARY_KEY);
-      fail(new Error('Method is supposed to throw an error.'));
+      throw new Error('Method is supposed to throw an error.');
     } catch (error) {
       expect(error).toEqual(expect.any(RecordNotFoundError));
     }
diff --git a/packages/store-engine/src/main/test/updateSpec.ts b/packages/store-engine/src/main/test/updateSpec.ts
index c6140d5538..d8fe6498ca 100644
--- a/packages/store-engine/src/main/test/updateSpec.ts
+++ b/packages/store-engine/src/main/test/updateSpec.ts
@@ -45,7 +45,6 @@ export const updateSpec = {
 
     try {
       await engine.update(TABLE_NAME, PRIMARY_KEY, updates);
-      fail();
     } catch (error) {
       expect(error).toEqual(expect.any(RecordNotFoundError));
     }
diff --git a/yarn.lock b/yarn.lock
index fc3b9a0b92..6bcab21cb5 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -3989,13 +3989,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/jasmine@npm:4.3.0":
-  version: 4.3.0
-  resolution: "@types/jasmine@npm:4.3.0"
-  checksum: 8a4c8716d80ee6fd9e8976ce5d929fde9d34daa012ecd57e598149ecebf3e8acf42b4ebaf746e13b40a0564f9f3ca7a10a9c8eb2c95a047412ae3f37168bac01
-  languageName: node
-  linkType: hard
-
 "@types/jest@npm:*":
   version: 28.1.5
   resolution: "@types/jest@npm:28.1.5"
@@ -4155,6 +4148,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/node@npm:^18.11.3":
+  version: 18.11.3
+  resolution: "@types/node@npm:18.11.3"
+  checksum: 3a2a9142d891a90a195c296149bf64a69cc0abcc42f543be911ab22b2e0ead85ff077f90af92f0f13f6e3e5e72501469200fd753dfd1101825d4646a89d3ee47
+  languageName: node
+  linkType: hard
+
 "@types/node@npm:~14":
   version: 14.18.29
   resolution: "@types/node@npm:14.18.29"
@@ -4915,7 +4915,6 @@ __metadata:
     "@babel/preset-typescript": 7.18.6
     "@types/babel__preset-env": ^7
     "@types/jest": ^29.2.0
-    "@types/node": ^18.11.2
     "@types/spark-md5": 3.0.2
     "@types/tough-cookie": 4.0.1
     "@types/ws": 8.5.3
@@ -4936,7 +4935,6 @@ __metadata:
     jest-environment-jsdom: ^29.2.1
     logdown: 3.3.1
     nock: 13.2.9
-    nyc: 15.1.0
     react: 18.2.0
     react-dom: 18.2.0
     reconnecting-websocket: 4.4.0
@@ -4944,6 +4942,7 @@ __metadata:
     sinon-har-server: 0.3.0
     spark-md5: 3.0.2
     tough-cookie: 4.1.2
+    ts-jest: ^29.0.3
     ts-node: ^10.9.1
     ws: 8.9.0
   languageName: unknown
@@ -4960,12 +4959,12 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/certificate-check@workspace:packages/certificate-check"
   dependencies:
-    "@types/jasmine": 4.3.0
+    "@types/jest": ^29.2.0
     "@types/jsrsasign": 10.5.4
-    "@types/node": ^18.11.2
-    jasmine: 4.4.0
+    jest: ^29.2.1
+    jest-environment-jsdom: ^29.2.1
     jsrsasign: 10.5.27
-    nyc: 15.1.0
+    ts-jest: ^29.0.3
     ts-node: ^10.9.1
   languageName: unknown
   linkType: soft
@@ -4997,15 +4996,17 @@ __metadata:
     "@types/babel__core": ^7
     "@types/babel__preset-env": ^7
     "@types/fs-extra": 9.0.13
-    "@types/jest": 29.2.0
-    "@types/node": ^18.11.2
+    "@types/jest": ^29.2.0
     "@types/platform": 1.3.4
+    "@types/rimraf": ^3
     ansi-regex: 5.0.1
     fs-extra: 10.1.0
-    jest: 29.2.1
-    jest-environment-jsdom: 29.2.1
+    jest: ^29.2.1
+    jest-environment-jsdom: ^29.2.1
     logdown: 3.3.1
     platform: 1.3.6
+    rimraf: ^3.0.2
+    ts-jest: ^29.0.3
   languageName: unknown
   linkType: soft
 
@@ -5015,13 +5016,18 @@ __metadata:
   dependencies:
     "@types/copy": 0.3.2
     "@types/fs-extra": 9.0.13
+    "@types/jest": ^29.2.0
+    "@types/rimraf": ^3
     axios: 0.21.4
     copy: 0.3.2
     cosmiconfig: 7.0.1
     fs-extra: 10.1.0
-    jasmine: 4.4.0
+    jest: ^29.2.1
+    jest-environment-jsdom: ^29.2.1
     jszip: 3.10.1
     logdown: 3.3.1
+    rimraf: ^3.0.2
+    ts-jest: ^29.0.3
   bin:
     copy-config: src/main/cli.js
   languageName: unknown
@@ -5043,16 +5049,15 @@ __metadata:
     "@babel/preset-typescript": ^7.18.6
     "@faker-js/faker": ^7.6.0
     "@types/babel__core": ^7
-    "@types/jest": 29.2.0
+    "@types/jest": ^29.2.0
     "@types/long": 4.0.1
-    "@types/node": ^18.11.2
     "@types/tough-cookie": 4.0.2
     "@wireapp/api-client": "workspace:^"
     "@wireapp/commons": "workspace:^"
     "@wireapp/core-crypto": 0.5.2
     "@wireapp/cryptobox": 12.8.0
     "@wireapp/promise-queue": "workspace:^"
-    "@wireapp/protocol-messaging": 1.39.0
+    "@wireapp/protocol-messaging": ^1.39.0
     "@wireapp/store-engine-dexie": "workspace:^"
     axios: ^0.27.2
     bazinga64: 5.11.10
@@ -5063,14 +5068,14 @@ __metadata:
     hash.js: 1.1.7
     http-status-codes: 2.2.0
     idb: 7.1.0
-    jest: 29.2.1
+    jest: ^29.2.1
     jest-environment-jsdom: ^29.2.1
-    jest-jasmine2: 29.2.1
     jest-websocket-mock: 2.4.0
     logdown: 3.3.1
     long: 4.0.0
     mock-socket: 9.1.5
     nock: 13.2.9
+    ts-jest: ^29.0.3
     uuidjs: 4.2.12
   languageName: unknown
   linkType: soft
@@ -5114,7 +5119,6 @@ __metadata:
   resolution: "@wireapp/license-collector@workspace:packages/license-collector"
   dependencies:
     "@types/fs-extra": 9.0.13
-    "@types/node": ^18.11.2
     "@types/npm-registry-package-info": 1.0.1
     fs-extra: 10.1.0
     logdown: 3.3.1
@@ -5151,16 +5155,20 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/priority-queue@workspace:packages/priority-queue"
   dependencies:
+    "@types/jest": ^29.2.0
     "@types/karma": 6.3.3
     "@types/node": ^18.11.2
     cross-env: 7.0.3
     jasmine: 4.4.0
+    jest: ^29.2.1
+    jest-environment-jsdom: ^29.2.1
     karma: 6.4.1
     karma-chrome-launcher: 3.1.1
     karma-jasmine: 5.1.0
     karma-jasmine-diff-reporter: 3.0.0
     karma-sourcemap-loader: 0.3.8
     karma-spec-reporter: 0.0.34
+    ts-jest: ^29.0.3
     ts-node: ^10.9.1
     webpack: 4.46.0
     webpack-cli: 4.10.0
@@ -5194,7 +5202,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@wireapp/protocol-messaging@npm:1.39.0":
+"@wireapp/protocol-messaging@npm:1.39.0, @wireapp/protocol-messaging@npm:^1.39.0":
   version: 1.39.0
   resolution: "@wireapp/protocol-messaging@npm:1.39.0"
   dependencies:
@@ -5236,6 +5244,7 @@ __metadata:
     react-styleguidist: 13.0.0
     react-test-renderer: 18.2.0
     react-transition-group: 4.4.5
+    ts-jest: ^29.0.3
     webpack: ^5.74.0
   peerDependencies:
     "@emotion/react": 11.10.4
@@ -5280,7 +5289,6 @@ __metadata:
     fs-extra: 10.1.0
     jest: ^29.2.1
     jest-environment-jsdom: ^29.2.1
-    nyc: 15.1.0
     ts-jest: ^29.0.3
     ts-node: 10.9.1
     typescript: 4.8.4
@@ -5307,7 +5315,6 @@ __metadata:
     "@types/rimraf": ^3
     jest: ^29.2.1
     jest-environment-jsdom: ^29.2.1
-    nyc: 15.1.0
     rimraf: ^3.0.2
     ts-jest: ^29.0.3
     ts-node: 10.9.1
@@ -5764,15 +5771,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"append-transform@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "append-transform@npm:2.0.0"
-  dependencies:
-    default-require-extensions: ^3.0.0
-  checksum: f26f393bf7a428fd1bb18f2758a819830a582243310c5170edb3f98fdc5a535333d02b952f7c2d9b14522bd8ead5b132a0b15000eca18fa9f49172963ebbc231
-  languageName: node
-  linkType: hard
-
 "aproba@npm:^1.0.3 || ^2.0.0, aproba@npm:^2.0.0":
   version: 2.0.0
   resolution: "aproba@npm:2.0.0"
@@ -5787,13 +5785,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"archy@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "archy@npm:1.0.0"
-  checksum: 504ae7af655130bab9f471343cfdb054feaec7d8e300e13348bc9fe9e660f83d422e473069584f73233c701ae37d1c8452ff2522f2a20c38849e0f406f1732ac
-  languageName: node
-  linkType: hard
-
 "are-we-there-yet@npm:^3.0.0":
   version: 3.0.1
   resolution: "are-we-there-yet@npm:3.0.1"
@@ -6379,13 +6370,13 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "bazinga64@workspace:packages/bazinga64"
   dependencies:
-    "@types/jasmine": 4.3.0
+    "@types/jest": ^29.2.0
     "@types/libsodium-wrappers-sumo": 0.7.5
-    "@types/node": ^18.11.2
     cross-env: 7.0.3
-    jasmine: 4.4.0
+    jest: ^29.2.1
+    jest-environment-jsdom: ^29.2.1
     libsodium-wrappers-sumo: 0.7.10
-    nyc: 15.1.0
+    ts-jest: ^29.0.3
     ts-node: 10.9.1
   languageName: unknown
   linkType: soft
@@ -6996,18 +6987,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"caching-transform@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "caching-transform@npm:4.0.0"
-  dependencies:
-    hasha: ^5.0.0
-    make-dir: ^3.0.0
-    package-hash: ^4.0.0
-    write-file-atomic: ^3.0.0
-  checksum: c4db6939533b677866808de67c32f0aaf8bf4fd3e3b8dc957e5d630c007c06b7f11512d44c38a38287fb068e931067e8da9019c34d787259a44121c9a6b87a1f
-  languageName: node
-  linkType: hard
-
 "call-bind@npm:^1.0.0, call-bind@npm:^1.0.2":
   version: 1.0.2
   resolution: "call-bind@npm:1.0.2"
@@ -7375,17 +7354,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cliui@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "cliui@npm:6.0.0"
-  dependencies:
-    string-width: ^4.2.0
-    strip-ansi: ^6.0.0
-    wrap-ansi: ^6.2.0
-  checksum: 4fcfd26d292c9f00238117f39fc797608292ae36bac2168cfee4c85923817d0607fe21b3329a8621e01aedf512c99b7eaa60e363a671ffd378df6649fb48ae42
-  languageName: node
-  linkType: hard
-
 "cliui@npm:^7.0.2":
   version: 7.0.4
   resolution: "cliui@npm:7.0.4"
@@ -8206,7 +8174,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"cross-spawn@npm:^7.0.0, cross-spawn@npm:^7.0.1, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
+"cross-spawn@npm:^7.0.1, cross-spawn@npm:^7.0.2, cross-spawn@npm:^7.0.3":
   version: 7.0.3
   resolution: "cross-spawn@npm:7.0.3"
   dependencies:
@@ -8420,7 +8388,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"decamelize@npm:^1.1.0, decamelize@npm:^1.2.0":
+"decamelize@npm:^1.1.0":
   version: 1.2.0
   resolution: "decamelize@npm:1.2.0"
   checksum: ad8c51a7e7e0720c70ec2eeb1163b66da03e7616d7b98c9ef43cce2416395e84c1e9548dd94f5f6ffecfee9f8b94251fc57121a8b021f2ff2469b2bae247b8aa
@@ -8485,15 +8453,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"default-require-extensions@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "default-require-extensions@npm:3.0.0"
-  dependencies:
-    strip-bom: ^4.0.0
-  checksum: 0b5bdb6786ebb0ff6ef55386f37c8d221963fbbd3009588fe71032c85ca16da05eff2ad01bfe9bfc8bac5ce95a18f66b38c50d454482e3e9d2de1142424a3e7c
-  languageName: node
-  linkType: hard
-
 "defaults@npm:^1.0.3":
   version: 1.0.3
   resolution: "defaults@npm:1.0.3"
@@ -9378,13 +9337,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"es6-error@npm:^4.0.1":
-  version: 4.1.1
-  resolution: "es6-error@npm:4.1.1"
-  checksum: ae41332a51ec1323da6bbc5d75b7803ccdeddfae17c41b6166ebbafc8e8beb7a7b80b884b7fab1cc80df485860ac3c59d78605e860bb4f8cd816b3d6ade0d010
-  languageName: node
-  linkType: hard
-
 "es6-object-assign@npm:~1.1.0":
   version: 1.1.0
   resolution: "es6-object-assign@npm:1.1.0"
@@ -10393,7 +10345,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"find-cache-dir@npm:^3.2.0, find-cache-dir@npm:^3.3.1":
+"find-cache-dir@npm:^3.3.1":
   version: 3.3.1
   resolution: "find-cache-dir@npm:3.3.1"
   dependencies:
@@ -10515,16 +10467,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"foreground-child@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "foreground-child@npm:2.0.0"
-  dependencies:
-    cross-spawn: ^7.0.0
-    signal-exit: ^3.0.2
-  checksum: f77ec9aff621abd6b754cb59e690743e7639328301fbea6ff09df27d2befaf7dd5b77cec51c32323d73a81a7d91caaf9413990d305cbe3d873eec4fe58960956
-  languageName: node
-  linkType: hard
-
 "fork-ts-checker-webpack-plugin@npm:^6.5.0":
   version: 6.5.1
   resolution: "fork-ts-checker-webpack-plugin@npm:6.5.1"
@@ -10600,13 +10542,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fromentries@npm:^1.2.0":
-  version: 1.2.0
-  resolution: "fromentries@npm:1.2.0"
-  checksum: ff5b279fdad143ff5c6f402c2f452412fbe0b0612f003ae5cdeb05fd32c12ecd2942d0992d880f05a08bb496eece372acc47eef89b33bd22ebb70390b9d0b430
-  languageName: node
-  linkType: hard
-
 "fs-exists-sync@npm:^0.1.0":
   version: 0.1.0
   resolution: "fs-exists-sync@npm:0.1.0"
@@ -10838,7 +10773,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-caller-file@npm:^2.0.1, get-caller-file@npm:^2.0.5":
+"get-caller-file@npm:^2.0.5":
   version: 2.0.5
   resolution: "get-caller-file@npm:2.0.5"
   checksum: b9769a836d2a98c3ee734a88ba712e62703f1df31b94b784762c433c27a386dd6029ff55c2a920c392e33657d80191edbf18c61487e198844844516f843496b9
@@ -10874,13 +10809,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"get-package-type@npm:^0.1.0":
-  version: 0.1.0
-  resolution: "get-package-type@npm:0.1.0"
-  checksum: bba0811116d11e56d702682ddef7c73ba3481f114590e705fc549f4d868972263896af313c57a25c076e3c0d567e11d919a64ba1b30c879be985fc9d44f96148
-  languageName: node
-  linkType: hard
-
 "get-pkg-repo@npm:^4.0.0":
   version: 4.2.1
   resolution: "get-pkg-repo@npm:4.2.1"
@@ -11501,16 +11429,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"hasha@npm:^5.0.0":
-  version: 5.1.0
-  resolution: "hasha@npm:5.1.0"
-  dependencies:
-    is-stream: ^2.0.0
-    type-fest: ^0.8.0
-  checksum: 0154b2e0f2805e431d1425c8df99fddc42826832d03013e149707bd31591287e5bdd0473e301060de4c2ba4162ae88412586c4aa37cfaa5c6816b657e1a7e45c
-  languageName: node
-  linkType: hard
-
 "hmac-drbg@npm:^1.0.1":
   version: 1.0.1
   resolution: "hmac-drbg@npm:1.0.1"
@@ -12896,7 +12814,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-lib-coverage@npm:^3.0.0, istanbul-lib-coverage@npm:^3.0.0-alpha.1":
+"istanbul-lib-coverage@npm:^3.0.0":
   version: 3.0.0
   resolution: "istanbul-lib-coverage@npm:3.0.0"
   checksum: ea57c2428858cc5d1e04c0e28b362950bbf6415e8ba1235cdd6f4c8dc3c57cb950db8b4e8a4f7e33abc240aa1eb816dba0d7285bdb8b70bda22bb2082492dbfc
@@ -12910,27 +12828,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-lib-hook@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "istanbul-lib-hook@npm:3.0.0"
-  dependencies:
-    append-transform: ^2.0.0
-  checksum: ac4d0a0751e959cfe4c95d817df5f1f573f9b0cf892552e60d81785654291391fac1ceb667f13bb17fcc2ef23b74c89ed8cf1c6148c833c8596a2b920b079101
-  languageName: node
-  linkType: hard
-
-"istanbul-lib-instrument@npm:^4.0.0":
-  version: 4.0.3
-  resolution: "istanbul-lib-instrument@npm:4.0.3"
-  dependencies:
-    "@babel/core": ^7.7.5
-    "@istanbuljs/schema": ^0.1.2
-    istanbul-lib-coverage: ^3.0.0
-    semver: ^6.3.0
-  checksum: fa1171d3022b1bb8f6a734042620ac5d9ee7dc80f3065a0bb12863e9f0494d0eefa3d86608fcc0254ab2765d29d7dad8bdc42e5f8df2f9a1fbe85ccc59d76cb9
-  languageName: node
-  linkType: hard
-
 "istanbul-lib-instrument@npm:^5.0.4, istanbul-lib-instrument@npm:^5.1.0":
   version: 5.2.0
   resolution: "istanbul-lib-instrument@npm:5.2.0"
@@ -12944,21 +12841,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-lib-processinfo@npm:^2.0.2":
-  version: 2.0.2
-  resolution: "istanbul-lib-processinfo@npm:2.0.2"
-  dependencies:
-    archy: ^1.0.0
-    cross-spawn: ^7.0.0
-    istanbul-lib-coverage: ^3.0.0-alpha.1
-    make-dir: ^3.0.0
-    p-map: ^3.0.0
-    rimraf: ^3.0.0
-    uuid: ^3.3.3
-  checksum: 400bd0b25b623c172e48d37e5bdda7a58b2fe5beeedfeb03099aed3385223d31e4cfa6f9932be07bbf06cfd039023301bce81d3b70b9a20a79a38b0f12cb261a
-  languageName: node
-  linkType: hard
-
 "istanbul-lib-report@npm:^3.0.0":
   version: 3.0.0
   resolution: "istanbul-lib-report@npm:3.0.0"
@@ -12981,16 +12863,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-reports@npm:^3.0.2":
-  version: 3.0.2
-  resolution: "istanbul-reports@npm:3.0.2"
-  dependencies:
-    html-escaper: ^2.0.0
-    istanbul-lib-report: ^3.0.0
-  checksum: c5da63f1f4610f47f3015c525a3bc2fb4c87a8791ae452ee3983546d7a2873f0cf5d5fff7c3735ac52943c5b3506f49c294c92f1837df6ec03312625ccd176d7
-  languageName: node
-  linkType: hard
-
 "istanbul-reports@npm:^3.1.3":
   version: 3.1.5
   resolution: "istanbul-reports@npm:3.1.5"
@@ -13278,31 +13150,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-jasmine2@npm:29.2.1":
-  version: 29.2.1
-  resolution: "jest-jasmine2@npm:29.2.1"
-  dependencies:
-    "@jest/environment": ^29.2.1
-    "@jest/expect": ^29.2.1
-    "@jest/source-map": ^29.2.0
-    "@jest/test-result": ^29.2.1
-    "@jest/types": ^29.2.1
-    "@types/node": "*"
-    chalk: ^4.0.0
-    co: ^4.6.0
-    is-generator-fn: ^2.0.0
-    jest-each: ^29.2.1
-    jest-matcher-utils: ^29.2.1
-    jest-message-util: ^29.2.1
-    jest-runtime: ^29.2.1
-    jest-snapshot: ^29.2.1
-    jest-util: ^29.2.1
-    p-limit: ^3.1.0
-    pretty-format: ^29.2.1
-  checksum: 91b47dc0382264155c3135f81b18582314d412c2ac9f56b2174bb76d849e1137b240f3e2c4a54463e0d159437f4c52ce3d82ac9c1673c4fcba2b75920b86c31b
-  languageName: node
-  linkType: hard
-
 "jest-leak-detector@npm:^29.2.1":
   version: 29.2.1
   resolution: "jest-leak-detector@npm:29.2.1"
@@ -14496,13 +14343,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.flattendeep@npm:^4.4.0":
-  version: 4.4.0
-  resolution: "lodash.flattendeep@npm:4.4.0"
-  checksum: 8521c919acac3d4bcf0aaf040c1ca9cb35d6c617e2d72e9b4d51c9a58b4366622cd6077441a18be626c3f7b28227502b3bf042903d447b056ee7e0b11d45c722
-  languageName: node
-  linkType: hard
-
 "lodash.get@npm:^4.4.2":
   version: 4.4.2
   resolution: "lodash.get@npm:4.4.2"
@@ -15707,15 +15547,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"node-preload@npm:^0.2.1":
-  version: 0.2.1
-  resolution: "node-preload@npm:0.2.1"
-  dependencies:
-    process-on-spawn: ^1.0.0
-  checksum: 4586f91ac7417b33accce0ac629fb60f642d0c8d212b3c536dc3dda37fe54f8a3b858273380e1036e41a65d85470332c358315d2288e6584260d620fb4b00fb3
-  languageName: node
-  linkType: hard
-
 "node-releases@npm:^1.1.71":
   version: 1.1.72
   resolution: "node-releases@npm:1.1.72"
@@ -16181,43 +16012,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nyc@npm:15.1.0":
-  version: 15.1.0
-  resolution: "nyc@npm:15.1.0"
-  dependencies:
-    "@istanbuljs/load-nyc-config": ^1.0.0
-    "@istanbuljs/schema": ^0.1.2
-    caching-transform: ^4.0.0
-    convert-source-map: ^1.7.0
-    decamelize: ^1.2.0
-    find-cache-dir: ^3.2.0
-    find-up: ^4.1.0
-    foreground-child: ^2.0.0
-    get-package-type: ^0.1.0
-    glob: ^7.1.6
-    istanbul-lib-coverage: ^3.0.0
-    istanbul-lib-hook: ^3.0.0
-    istanbul-lib-instrument: ^4.0.0
-    istanbul-lib-processinfo: ^2.0.2
-    istanbul-lib-report: ^3.0.0
-    istanbul-lib-source-maps: ^4.0.0
-    istanbul-reports: ^3.0.2
-    make-dir: ^3.0.0
-    node-preload: ^0.2.1
-    p-map: ^3.0.0
-    process-on-spawn: ^1.0.0
-    resolve-from: ^5.0.0
-    rimraf: ^3.0.0
-    signal-exit: ^3.0.2
-    spawn-wrap: ^2.0.0
-    test-exclude: ^6.0.0
-    yargs: ^15.0.2
-  bin:
-    nyc: bin/nyc.js
-  checksum: 82a7031982df2fd6ab185c9f1b5d032b6221846268007b45b5773c6582e776ab33e96cd22b4231520345942fcef69b4339bd967675b8483f3fa255b56326faef
-  languageName: node
-  linkType: hard
-
 "object-assign@npm:^4, object-assign@npm:^4.0.1, object-assign@npm:^4.1.0, object-assign@npm:^4.1.1":
   version: 4.1.1
   resolution: "object-assign@npm:4.1.1"
@@ -16644,15 +16438,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"p-map@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "p-map@npm:3.0.0"
-  dependencies:
-    aggregate-error: ^3.0.0
-  checksum: 49b0fcbc66b1ef9cd379de1b4da07fa7a9f84b41509ea3f461c31903623aaba8a529d22f835e0d77c7cb9fcc16e4fae71e308fd40179aea514ba68f27032b5d5
-  languageName: node
-  linkType: hard
-
 "p-map@npm:^4.0.0":
   version: 4.0.0
   resolution: "p-map@npm:4.0.0"
@@ -16719,18 +16504,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"package-hash@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "package-hash@npm:4.0.0"
-  dependencies:
-    graceful-fs: ^4.1.15
-    hasha: ^5.0.0
-    lodash.flattendeep: ^4.4.0
-    release-zalgo: ^1.0.0
-  checksum: 32c49e3a0e1c4a33b086a04cdd6d6e570aee019cb8402ec16476d9b3564a40e38f91ce1a1f9bc88b08f8ef2917a11e0b786c08140373bdf609ea90749031e6fc
-  languageName: node
-  linkType: hard
-
 "package-json@npm:^2.0.0":
   version: 2.4.0
   resolution: "package-json@npm:2.4.0"
@@ -17370,15 +17143,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"process-on-spawn@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "process-on-spawn@npm:1.0.0"
-  dependencies:
-    fromentries: ^1.2.0
-  checksum: 597769e3db6a8e2cb1cd64a952bbc150220588debac31c7cf1a9f620ce981e25583d8d70848d8a14953577608512984a8808c3be77e09af8ebdcdc14ec23a295
-  languageName: node
-  linkType: hard
-
 "process@npm:^0.11.1, process@npm:^0.11.10":
   version: 0.11.10
   resolution: "process@npm:0.11.10"
@@ -18594,15 +18358,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"release-zalgo@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "release-zalgo@npm:1.0.0"
-  dependencies:
-    es6-error: ^4.0.1
-  checksum: b59849dc310f6c426f34e308c48ba83df3d034ddef75189951723bb2aac99d29d15f5e127edad951c4095fc9025aa582053907154d68fe0c5380cd6a75365e53
-  languageName: node
-  linkType: hard
-
 "remark-parse@npm:^9.0.0":
   version: 9.0.0
   resolution: "remark-parse@npm:9.0.0"
@@ -18690,13 +18445,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"require-main-filename@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "require-main-filename@npm:2.0.0"
-  checksum: e9e294695fea08b076457e9ddff854e81bffbe248ed34c1eec348b7abbd22a0d02e8d75506559e2265e96978f3c4720bd77a6dad84755de8162b357eb6c778c7
-  languageName: node
-  linkType: hard
-
 "requires-port@npm:^1.0.0":
   version: 1.0.0
   resolution: "requires-port@npm:1.0.0"
@@ -18912,6 +18660,8 @@ __metadata:
     "@lerna-lite/changed": ^1.11.3
     "@lerna-lite/cli": ^1.11.3
     "@lerna-lite/run": ^1.11.3
+    "@types/jest": ^29.2.0
+    "@types/node": ^18.11.3
     "@types/rimraf": 3.0.2
     "@typescript-eslint/eslint-plugin": 5.40.1
     "@typescript-eslint/parser": 5.40.1
@@ -18929,7 +18679,6 @@ __metadata:
     eslint-plugin-simple-import-sort: 8.0.0
     eslint-plugin-unused-imports: 2.0.0
     husky: 8.0.1
-    jest: ^29.2.1
     lint-staged: 13.0.3
     prettier: 2.7.1
     rimraf: 3.0.2
@@ -19807,20 +19556,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"spawn-wrap@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "spawn-wrap@npm:2.0.0"
-  dependencies:
-    foreground-child: ^2.0.0
-    is-windows: ^1.0.2
-    make-dir: ^3.0.0
-    rimraf: ^3.0.0
-    signal-exit: ^3.0.2
-    which: ^2.0.1
-  checksum: 5a518e37620def6d516b86207482a4f76bcf3c37c57d8d886d9fa399b04e5668d11fd12817b178029b02002a5ebbd09010374307effa821ba39594042f0a2d96
-  languageName: node
-  linkType: hard
-
 "spdx-correct@npm:^3.0.0":
   version: 3.1.0
   resolution: "spdx-correct@npm:3.1.0"
@@ -21108,7 +20843,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"type-fest@npm:^0.8.0, type-fest@npm:^0.8.1":
+"type-fest@npm:^0.8.1":
   version: 0.8.1
   resolution: "type-fest@npm:0.8.1"
   checksum: d61c4b2eba24009033ae4500d7d818a94fd6d1b481a8111612ee141400d5f1db46f199c014766b9fa9b31a6a7374d96fc748c6d688a78a3ce5a33123839becb7
@@ -21710,15 +21445,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"uuid@npm:^3.3.3":
-  version: 3.4.0
-  resolution: "uuid@npm:3.4.0"
-  bin:
-    uuid: ./bin/uuid
-  checksum: 58de2feed61c59060b40f8203c0e4ed7fd6f99d42534a499f1741218a1dd0c129f4aa1de797bcf822c8ea5da7e4137aa3673431a96dae729047f7aca7b27866f
-  languageName: node
-  linkType: hard
-
 "uuid@npm:^8.3.2":
   version: 8.3.2
   resolution: "uuid@npm:8.3.2"
@@ -22369,13 +22095,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"which-module@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "which-module@npm:2.0.0"
-  checksum: 809f7fd3dfcb2cdbe0180b60d68100c88785084f8f9492b0998c051d7a8efe56784492609d3f09ac161635b78ea29219eb1418a98c15ce87d085bce905705c9c
-  languageName: node
-  linkType: hard
-
 "which@npm:^1.2.1, which@npm:^1.2.12, which@npm:^1.3.1":
   version: 1.3.1
   resolution: "which@npm:1.3.1"
@@ -22701,16 +22420,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs-parser@npm:^18.1.2":
-  version: 18.1.3
-  resolution: "yargs-parser@npm:18.1.3"
-  dependencies:
-    camelcase: ^5.0.0
-    decamelize: ^1.2.0
-  checksum: 60e8c7d1b85814594d3719300ecad4e6ae3796748b0926137bfec1f3042581b8646d67e83c6fc80a692ef08b8390f21ddcacb9464476c39bbdf52e34961dd4d9
-  languageName: node
-  linkType: hard
-
 "yargs-parser@npm:^20.2.2":
   version: 20.2.7
   resolution: "yargs-parser@npm:20.2.7"
@@ -22747,25 +22456,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs@npm:^15.0.2":
-  version: 15.4.1
-  resolution: "yargs@npm:15.4.1"
-  dependencies:
-    cliui: ^6.0.0
-    decamelize: ^1.2.0
-    find-up: ^4.1.0
-    get-caller-file: ^2.0.1
-    require-directory: ^2.1.1
-    require-main-filename: ^2.0.0
-    set-blocking: ^2.0.0
-    string-width: ^4.2.0
-    which-module: ^2.0.0
-    y18n: ^4.0.0
-    yargs-parser: ^18.1.2
-  checksum: 40b974f508d8aed28598087720e086ecd32a5fd3e945e95ea4457da04ee9bdb8bdd17fd91acff36dc5b7f0595a735929c514c40c402416bbb87c03f6fb782373
-  languageName: node
-  linkType: hard
-
 "yargs@npm:^17.3.1":
   version: 17.5.1
   resolution: "yargs@npm:17.5.1"

From a332552bbc579989c20680d8b821f96b6cac2944 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Fri, 21 Oct 2022 12:29:47 +0200
Subject: [PATCH 05/17] chore: install dependencies in root

---
 nyc.config.js => jest.config.js | 18 +++++++-----------
 package.json                    |  3 +++
 yarn.lock                       |  3 +++
 3 files changed, 13 insertions(+), 11 deletions(-)
 rename nyc.config.js => jest.config.js (67%)

diff --git a/nyc.config.js b/jest.config.js
similarity index 67%
rename from nyc.config.js
rename to jest.config.js
index 43f027e8cf..ea4b9a2219 100644
--- a/nyc.config.js
+++ b/jest.config.js
@@ -1,6 +1,6 @@
 /*
  * Wire
- * Copyright (C) 2021 Wire Swiss GmbH
+ * Copyright (C) 2022 Wire Swiss GmbH
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by
@@ -18,14 +18,10 @@
  */
 
 module.exports = {
-  all: true,
-  'check-coverage': true,
-  exclude: ['**/*.d.ts', '**/*.test*.ts', '**/index.ts', '**/src/test/**/*'],
-  extension: ['.ts'],
-  include: ['src/**/*.ts'],
-  lines: 0,
-  'per-file': false,
-  reporter: ['text-summary'],
-  reporter: ['html'],
-  require: ['ts-node/register'],
+  clearMocks: true,
+  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
+  transform: {
+    "^.+\\.(ts|tsx)$": "ts-jest"
+  },
+  testEnvironment: "jsdom"
 };
diff --git a/package.json b/package.json
index 89a162f6a8..988dd475d7 100644
--- a/package.json
+++ b/package.json
@@ -23,9 +23,12 @@
     "eslint-plugin-simple-import-sort": "8.0.0",
     "eslint-plugin-unused-imports": "2.0.0",
     "husky": "8.0.1",
+    "jest": "^29.2.1",
+    "jest-environment-jsdom": "^29.2.1",
     "lint-staged": "13.0.3",
     "prettier": "2.7.1",
     "rimraf": "3.0.2",
+    "ts-jest": "^29.0.3",
     "tsconfig-paths": "4.1.0",
     "typescript": "4.8.4"
   },
diff --git a/yarn.lock b/yarn.lock
index 6bcab21cb5..8ce33c0468 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -18679,9 +18679,12 @@ __metadata:
     eslint-plugin-simple-import-sort: 8.0.0
     eslint-plugin-unused-imports: 2.0.0
     husky: 8.0.1
+    jest: ^29.2.1
+    jest-environment-jsdom: ^29.2.1
     lint-staged: 13.0.3
     prettier: 2.7.1
     rimraf: 3.0.2
+    ts-jest: ^29.0.3
     tsconfig-paths: 4.1.0
     typescript: 4.8.4
   languageName: unknown

From 28a21e11826487413e93b5db1c42a88b804b1079 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Fri, 21 Oct 2022 12:32:48 +0200
Subject: [PATCH 06/17] fix: exlude d.ts files from linting

---
 .eslintrc.json | 2 +-
 package.json   | 2 +-
 yarn.lock      | 4 ++--
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/.eslintrc.json b/.eslintrc.json
index 2cf49a772f..e64a7f8df8 100644
--- a/.eslintrc.json
+++ b/.eslintrc.json
@@ -3,7 +3,7 @@
     "jest/globals": true
   },
   "extends": ["./packages/eslint-config/eslintrc.js", "plugin:jest/recommended"],
-  "ignorePatterns": ["*config.js", "demo/", "bin/", "eslint*", "webpack*", "*.js"],
+  "ignorePatterns": ["*config.js", "demo/", "bin/", "eslint*", "webpack*", "*.js", "*.d.ts"],
   "globals": {
     "NodeJS": "readonly"
   },
diff --git a/package.json b/package.json
index 988dd475d7..986b7e86e3 100644
--- a/package.json
+++ b/package.json
@@ -1,6 +1,6 @@
 {
   "devDependencies": {
-    "@babel/eslint-parser": "7.19.1",
+    "@babel/eslint-parser": "^7.19.1",
     "@lerna-lite/changed": "^1.11.3",
     "@lerna-lite/cli": "^1.11.3",
     "@lerna-lite/run": "^1.11.3",
diff --git a/yarn.lock b/yarn.lock
index 8ce33c0468..5eb241e3fb 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -166,7 +166,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/eslint-parser@npm:7.19.1":
+"@babel/eslint-parser@npm:^7.19.1":
   version: 7.19.1
   resolution: "@babel/eslint-parser@npm:7.19.1"
   dependencies:
@@ -18656,7 +18656,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "root-workspace-0b6124@workspace:."
   dependencies:
-    "@babel/eslint-parser": 7.19.1
+    "@babel/eslint-parser": ^7.19.1
     "@lerna-lite/changed": ^1.11.3
     "@lerna-lite/cli": ^1.11.3
     "@lerna-lite/run": ^1.11.3

From e9aaad4f83300b41205370e58f95914e8dde3535 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Fri, 21 Oct 2022 17:17:51 +0200
Subject: [PATCH 07/17] feat: replace ts-jest with @swc/jest and remove
 coverage to speed up pipeline

---
 jest.config.js                             |   2 +-
 package.json                               |   3 +-
 packages/api-client/jest.config.ts         |   2 +-
 packages/api-client/package.json           |   5 +-
 packages/bazinga64/jest.config.js          |   2 +-
 packages/bazinga64/package.json            |   5 +-
 packages/certificate-check/jest.config.js  |   2 +-
 packages/certificate-check/package.json    |   5 +-
 packages/cli-client/package.json           |   2 +
 packages/commons/jest.config.js            |   2 +-
 packages/commons/package.json              |   7 +-
 packages/copy-config/jest.config.js        |   2 +-
 packages/copy-config/package.json          |   7 +-
 packages/core/jest.config.js               |   2 +-
 packages/core/package.json                 |   7 +-
 packages/eslint-config/package.json        |   6 +-
 packages/license-collector/package.json    |   2 +
 packages/prettier-config/package.json      |   6 +-
 packages/priority-queue/jest.config.js     |   2 +-
 packages/priority-queue/package.json       |   7 +-
 packages/promise-queue/package.json        |   4 +-
 packages/react-ui-kit/jest.config.js       |   2 +-
 packages/react-ui-kit/package.json         |   5 +-
 packages/store-engine-dexie/jest.config.js |   2 +-
 packages/store-engine-dexie/package.json   |   5 +-
 packages/store-engine-fs/jest.config.js    |   2 +-
 packages/store-engine-fs/package.json      |   5 +-
 packages/store-engine/jest.config.js       |   2 +-
 packages/store-engine/package.json         |   5 +-
 packages/webapp-events/package.json        |   2 +
 yarn.lock                                  | 364 ++++++++++++++++-----
 31 files changed, 349 insertions(+), 127 deletions(-)

diff --git a/jest.config.js b/jest.config.js
index ea4b9a2219..70f63109f7 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -21,7 +21,7 @@ module.exports = {
   clearMocks: true,
   testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
-    "^.+\\.(ts|tsx)$": "ts-jest"
+    "^.+\\.(ts|tsx)$": "@swc/jest"
   },
   testEnvironment: "jsdom"
 };
diff --git a/package.json b/package.json
index 986b7e86e3..630d4af78b 100644
--- a/package.json
+++ b/package.json
@@ -4,6 +4,8 @@
     "@lerna-lite/changed": "^1.11.3",
     "@lerna-lite/cli": "^1.11.3",
     "@lerna-lite/run": "^1.11.3",
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/jest": "^29.2.0",
     "@types/node": "^18.11.3",
     "@types/rimraf": "3.0.2",
@@ -28,7 +30,6 @@
     "lint-staged": "13.0.3",
     "prettier": "2.7.1",
     "rimraf": "3.0.2",
-    "ts-jest": "^29.0.3",
     "tsconfig-paths": "4.1.0",
     "typescript": "4.8.4"
   },
diff --git a/packages/api-client/jest.config.ts b/packages/api-client/jest.config.ts
index 1877d69af3..f0d8058824 100644
--- a/packages/api-client/jest.config.ts
+++ b/packages/api-client/jest.config.ts
@@ -21,6 +21,6 @@ module.exports = {
   clearMocks: true,
   testMatch: ['**/?(*.)+(spec|test).+(ts|tsx)', 'test/**/*.+(ts|tsx)'],
   transform: {
-    '^.+\\.(ts|tsx)$': 'ts-jest',
+    '^.+\\.(ts|tsx)$': '@swc/jest',
   },
 };
diff --git a/packages/api-client/package.json b/packages/api-client/package.json
index 866390e5f9..962f08b7df 100644
--- a/packages/api-client/package.json
+++ b/packages/api-client/package.json
@@ -22,6 +22,8 @@
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.18.6",
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/axios": "^0.14.0",
     "@types/babel__preset-env": "^7",
     "@types/jest": "^29.2.0",
@@ -43,7 +45,6 @@
     "rimraf": "^3.0.2",
     "sinon": "14.0.1",
     "sinon-har-server": "0.3.0",
-    "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1",
     "ws": "8.9.0"
   },
@@ -66,7 +67,7 @@
     "dist": "yarn clean && yarn build",
     "start": "concurrently \"tsc -w\" \"webpack -w\" \"browser-sync start -c bs-config.js\"",
     "start:node": "cross-env NODE_DEBUG='@wireapp*' node --inspect -r ts-node/register demo.ts",
-    "test": "jest --coverage",
+    "test": "jest",
     "watch": "webpack serve --config webpack.browser.js",
     "prepare": "yarn dist"
   },
diff --git a/packages/bazinga64/jest.config.js b/packages/bazinga64/jest.config.js
index ea4b9a2219..70f63109f7 100644
--- a/packages/bazinga64/jest.config.js
+++ b/packages/bazinga64/jest.config.js
@@ -21,7 +21,7 @@ module.exports = {
   clearMocks: true,
   testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
-    "^.+\\.(ts|tsx)$": "ts-jest"
+    "^.+\\.(ts|tsx)$": "@swc/jest"
   },
   testEnvironment: "jsdom"
 };
diff --git a/packages/bazinga64/package.json b/packages/bazinga64/package.json
index 9f46968fa9..4d107800a3 100644
--- a/packages/bazinga64/package.json
+++ b/packages/bazinga64/package.json
@@ -1,13 +1,14 @@
 {
   "description": "Base64 encoding and decoding with ASCII string representation.",
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/jest": "^29.2.0",
     "@types/libsodium-wrappers-sumo": "0.7.5",
     "cross-env": "7.0.3",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
     "libsodium-wrappers-sumo": "0.7.10",
-    "ts-jest": "^29.0.3",
     "ts-node": "10.9.1"
   },
   "files": [
@@ -38,7 +39,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest --coverage"
+    "test": "jest"
   },
   "version": "5.11.10"
 }
diff --git a/packages/certificate-check/jest.config.js b/packages/certificate-check/jest.config.js
index ea4b9a2219..70f63109f7 100644
--- a/packages/certificate-check/jest.config.js
+++ b/packages/certificate-check/jest.config.js
@@ -21,7 +21,7 @@ module.exports = {
   clearMocks: true,
   testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
-    "^.+\\.(ts|tsx)$": "ts-jest"
+    "^.+\\.(ts|tsx)$": "@swc/jest"
   },
   testEnvironment: "jsdom"
 };
diff --git a/packages/certificate-check/package.json b/packages/certificate-check/package.json
index 2f2737f5bf..6d2e391b07 100644
--- a/packages/certificate-check/package.json
+++ b/packages/certificate-check/package.json
@@ -4,11 +4,12 @@
   },
   "description": "Utilities to check that Wire's domains use the expected certificate.",
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/jest": "^29.2.0",
     "@types/jsrsasign": "10.5.4",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
-    "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1"
   },
   "files": [
@@ -25,7 +26,7 @@
     "dist": "yarn clean && yarn build",
     "test": "yarn build && yarn test:node",
     "test:project": "yarn dist && yarn test",
-    "test:node": "jest --coverage"
+    "test:node": "jest"
   },
   "version": "0.5.9"
 }
diff --git a/packages/cli-client/package.json b/packages/cli-client/package.json
index 72ddafb907..de110d13b5 100644
--- a/packages/cli-client/package.json
+++ b/packages/cli-client/package.json
@@ -12,6 +12,8 @@
     "fs-extra": "10.1.0"
   },
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/fs-extra": "9.0.13"
   },
   "description": "Command-line interface for Wire's secure messaging platform.",
diff --git a/packages/commons/jest.config.js b/packages/commons/jest.config.js
index 14259628f7..c30b59ec48 100644
--- a/packages/commons/jest.config.js
+++ b/packages/commons/jest.config.js
@@ -22,7 +22,7 @@ module.exports = {
   testEnvironment: 'jsdom',
   testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
-    "^.+\\.(ts|tsx)$": "ts-jest"
+    "^.+\\.(ts|tsx)$": "@swc/jest"
   },
 
 };
diff --git a/packages/commons/package.json b/packages/commons/package.json
index 4fc16be5ce..fa649e1067 100644
--- a/packages/commons/package.json
+++ b/packages/commons/package.json
@@ -6,13 +6,14 @@
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
     "logdown": "3.3.1",
-    "platform": "1.3.6",
-    "ts-jest": "^29.0.3"
+    "platform": "1.3.6"
   },
   "devDependencies": {
     "@babel/core": "^7.19.1",
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-typescript": "^7.18.6",
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/babel__core": "^7",
     "@types/babel__preset-env": "^7",
     "@types/fs-extra": "9.0.13",
@@ -39,7 +40,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/!(test)/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest --coverage",
+    "test": "jest",
     "test:coverage": "yarn test --coverage",
     "test:watch": "yarn test --watch"
   },
diff --git a/packages/copy-config/jest.config.js b/packages/copy-config/jest.config.js
index ea4b9a2219..70f63109f7 100644
--- a/packages/copy-config/jest.config.js
+++ b/packages/copy-config/jest.config.js
@@ -21,7 +21,7 @@ module.exports = {
   clearMocks: true,
   testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
-    "^.+\\.(ts|tsx)$": "ts-jest"
+    "^.+\\.(ts|tsx)$": "@swc/jest"
   },
   testEnvironment: "jsdom"
 };
diff --git a/packages/copy-config/package.json b/packages/copy-config/package.json
index 016ad6cebc..775855b25a 100644
--- a/packages/copy-config/package.json
+++ b/packages/copy-config/package.json
@@ -10,14 +10,15 @@
   },
   "description": "Wire's internal configuration copy tool",
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/copy": "0.3.2",
     "@types/fs-extra": "9.0.13",
     "@types/jest": "^29.2.0",
     "@types/rimraf": "^3",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
-    "rimraf": "^3.0.2",
-    "ts-jest": "^29.0.3"
+    "rimraf": "^3.0.2"
   },
   "files": [
     "src",
@@ -34,7 +35,7 @@
     "clean": "rimraf \"src/**/{!(*.test).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
     "test": "yarn test:node",
-    "test:node": "jest --coverage"
+    "test:node": "jest"
   },
   "version": "1.3.9"
 }
diff --git a/packages/core/jest.config.js b/packages/core/jest.config.js
index bf1c63ddb4..1b4a8438fc 100644
--- a/packages/core/jest.config.js
+++ b/packages/core/jest.config.js
@@ -23,7 +23,7 @@ module.exports = {
   clearMocks: true,
   testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
-    "^.+\\.(ts|tsx)$": "ts-jest"
+    "^.+\\.(ts|tsx)$": "@swc/jest"
   },
   testEnvironment: "node",
   globals: {
diff --git a/packages/core/package.json b/packages/core/package.json
index 7e32893758..d5017c3af3 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -24,6 +24,8 @@
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-typescript": "^7.18.6",
     "@faker-js/faker": "^7.6.0",
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/babel__core": "^7",
     "@types/jest": "^29.2.0",
     "@types/long": "4.0.1",
@@ -38,8 +40,7 @@
     "jest-environment-jsdom": "^29.2.1",
     "jest-websocket-mock": "2.4.0",
     "mock-socket": "9.1.5",
-    "nock": "13.2.9",
-    "ts-jest": "^29.0.3"
+    "nock": "13.2.9"
   },
   "description": "Wire for Web's communication core.",
   "files": [
@@ -61,7 +62,7 @@
     "start": "yarn dist && node index.js",
     "start:echo": "cross-env NODE_DEBUG='@wireapp/core*' node src/demo/echo.js",
     "start:sender": "cross-env NODE_DEBUG='@wireapp/core*' node src/demo/sender.js",
-    "test": "jest --coverage",
+    "test": "jest",
     "watch": "tsc --watch"
   },
   "version": "34.1.0",
diff --git a/packages/eslint-config/package.json b/packages/eslint-config/package.json
index 053f3d778b..40bb505c44 100644
--- a/packages/eslint-config/package.json
+++ b/packages/eslint-config/package.json
@@ -19,5 +19,9 @@
     "prettier": ">=2"
   },
   "repository": "https://github.com/wireapp/wire-web-packages/tree/main/packages/eslint-config",
-  "version": "1.12.12"
+  "version": "1.12.12",
+  "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23"
+  }
 }
diff --git a/packages/license-collector/package.json b/packages/license-collector/package.json
index 1ca00035c6..5a5aa7476d 100644
--- a/packages/license-collector/package.json
+++ b/packages/license-collector/package.json
@@ -10,6 +10,8 @@
   },
   "description": "Wire's internal license collection tool",
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/fs-extra": "9.0.13",
     "@types/npm-registry-package-info": "1.0.1"
   },
diff --git a/packages/prettier-config/package.json b/packages/prettier-config/package.json
index e6071dadde..bcfb8f0d90 100644
--- a/packages/prettier-config/package.json
+++ b/packages/prettier-config/package.json
@@ -4,5 +4,9 @@
   "main": "index.json",
   "name": "@wireapp/prettier-config",
   "repository": "https://github.com/wireapp/wire-web-packages/tree/main/packages/prettier-config",
-  "version": "0.4.7"
+  "version": "0.4.7",
+  "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23"
+  }
 }
diff --git a/packages/priority-queue/jest.config.js b/packages/priority-queue/jest.config.js
index 1aa00636d8..c9222b6f81 100644
--- a/packages/priority-queue/jest.config.js
+++ b/packages/priority-queue/jest.config.js
@@ -21,7 +21,7 @@ module.exports = {
   clearMocks: true,
   testMatch: ["**/?(*.)+(spec|test).+(ts|tsx|js)", "test/**/*.+(ts|tsx|js)",],
   transform: {
-    "^.+\\.(ts|tsx)$": "ts-jest"
+    "^.+\\.(ts|tsx)$": "@swc/jest"
   },
   testEnvironment: "jsdom"
 };
diff --git a/packages/priority-queue/package.json b/packages/priority-queue/package.json
index 12eb290743..a448c6ad14 100644
--- a/packages/priority-queue/package.json
+++ b/packages/priority-queue/package.json
@@ -1,5 +1,7 @@
 {
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/karma": "6.3.3",
     "@types/node": "^18.11.2",
     "cross-env": "7.0.3",
@@ -30,13 +32,12 @@
     "build:node": "tsc",
     "clean": "rimraf .tmp \"src/main/{!(*.test*).js,*.js.map,*.d.ts}\" \"src/main/test/{*.js.map,*.d.ts}\" \"src/main/!(test)/{!(*.test*).js,*.js.map,*.d.ts}\" \"src/main/**/{!(*.test*|AccountHelper|StoreHelper).js,*.js.map,*.d.ts}\" \"src/main/**/*.node.js\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest --coverage"
+    "test": "jest"
   },
   "version": "1.8.10",
   "dependencies": {
     "@types/jest": "^29.2.0",
     "jest": "^29.2.1",
-    "jest-environment-jsdom": "^29.2.1",
-    "ts-jest": "^29.0.3"
+    "jest-environment-jsdom": "^29.2.1"
   }
 }
diff --git a/packages/promise-queue/package.json b/packages/promise-queue/package.json
index 27bdb2c0c1..ca86caa557 100644
--- a/packages/promise-queue/package.json
+++ b/packages/promise-queue/package.json
@@ -3,6 +3,8 @@
     "@babel/core": "^7.19.1",
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-typescript": "7.18.6",
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/babel__preset-env": "^7",
     "@types/jest": "29.2.0",
     "@wireapp/commons": "workspace:^",
@@ -21,7 +23,7 @@
     "build": "tsc",
     "clean": "rimraf lib",
     "dist": "yarn clean && yarn build",
-    "test": "jest --coverage"
+    "test": "jest"
   },
   "version": "1.3.4"
 }
diff --git a/packages/react-ui-kit/jest.config.js b/packages/react-ui-kit/jest.config.js
index 39db6edb6e..7ca3e577f6 100644
--- a/packages/react-ui-kit/jest.config.js
+++ b/packages/react-ui-kit/jest.config.js
@@ -21,7 +21,7 @@ module.exports = {
   clearMocks: true,
   testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
-    "^.+\\.(ts|tsx)$": "ts-jest"
+    "^.+\\.(ts|tsx)$": "@swc/jest"
   },
   testEnvironment: "jsdom"
 };
diff --git a/packages/react-ui-kit/package.json b/packages/react-ui-kit/package.json
index 779687bf63..99a843a5c8 100644
--- a/packages/react-ui-kit/package.json
+++ b/packages/react-ui-kit/package.json
@@ -16,6 +16,8 @@
     "@emotion/jest": "11.10.0",
     "@emotion/react": "^11.10.4",
     "@hot-loader/react-dom": "17.0.2",
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.4.0",
     "@types/jest": "^29.2.0",
@@ -31,7 +33,6 @@
     "react-hot-loader": "4.13.0",
     "react-styleguidist": "13.0.0",
     "react-test-renderer": "18.2.0",
-    "ts-jest": "^29.0.3",
     "webpack": "^5.74.0"
   },
   "homepage": "https://wire-react-ui-kit.netlify.app/",
@@ -63,7 +64,7 @@
     "clean": "rimraf \"src/**/*{.js,.js.map,.d.ts}\"",
     "dist": "yarn clean && yarn build",
     "start": "styleguidist server",
-    "test": "jest --coverage",
+    "test": "jest",
     "test:watch": "yarn test --watch",
     "test:update": "yarn test --updateSnapshot",
     "test:project": "yarn test"
diff --git a/packages/store-engine-dexie/jest.config.js b/packages/store-engine-dexie/jest.config.js
index 9ecb462ea7..7c081e2abd 100644
--- a/packages/store-engine-dexie/jest.config.js
+++ b/packages/store-engine-dexie/jest.config.js
@@ -23,7 +23,7 @@ module.exports = {
   clearMocks: true,
   testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
-    "^.+\\.(ts|tsx)$": "ts-jest"
+    "^.+\\.(ts|tsx)$": "@swc/jest"
   },
   testEnvironment: "jsdom",
   moduleNameMapper: {
diff --git a/packages/store-engine-dexie/package.json b/packages/store-engine-dexie/package.json
index 9dea2953ea..50ac5b8ca4 100644
--- a/packages/store-engine-dexie/package.json
+++ b/packages/store-engine-dexie/package.json
@@ -3,6 +3,8 @@
     "dexie": "3.2.2"
   },
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
     "@wireapp/store-engine": "workspace:^",
@@ -10,7 +12,6 @@
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
     "logdown": "3.3.1",
-    "ts-jest": "^29.0.3",
     "ts-node": "^10.9.1",
     "typescript": "4.8.4",
     "uuidjs": "4.2.12"
@@ -33,7 +34,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(test*).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest --coverage"
+    "test": "jest"
   },
   "version": "1.7.10"
 }
diff --git a/packages/store-engine-fs/jest.config.js b/packages/store-engine-fs/jest.config.js
index ea4b9a2219..70f63109f7 100644
--- a/packages/store-engine-fs/jest.config.js
+++ b/packages/store-engine-fs/jest.config.js
@@ -21,7 +21,7 @@ module.exports = {
   clearMocks: true,
   testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
-    "^.+\\.(ts|tsx)$": "ts-jest"
+    "^.+\\.(ts|tsx)$": "@swc/jest"
   },
   testEnvironment: "jsdom"
 };
diff --git a/packages/store-engine-fs/package.json b/packages/store-engine-fs/package.json
index abe4669f6f..7187dabb2d 100644
--- a/packages/store-engine-fs/package.json
+++ b/packages/store-engine-fs/package.json
@@ -3,13 +3,14 @@
     "fs-extra": "10.1.0"
   },
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/fs-extra": "9.0.13",
     "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
     "@wireapp/store-engine": "workspace:^",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
-    "ts-jest": "^29.0.3",
     "ts-node": "10.9.1",
     "typescript": "4.8.4"
   },
@@ -31,7 +32,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(test*).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest --coverage",
+    "test": "jest",
     "test:project": "yarn build && yarn test"
   },
   "version": "2.5.10"
diff --git a/packages/store-engine/jest.config.js b/packages/store-engine/jest.config.js
index ea4b9a2219..70f63109f7 100644
--- a/packages/store-engine/jest.config.js
+++ b/packages/store-engine/jest.config.js
@@ -21,7 +21,7 @@ module.exports = {
   clearMocks: true,
   testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
   transform: {
-    "^.+\\.(ts|tsx)$": "ts-jest"
+    "^.+\\.(ts|tsx)$": "@swc/jest"
   },
   testEnvironment: "jsdom"
 };
diff --git a/packages/store-engine/package.json b/packages/store-engine/package.json
index deb8082c90..b873851a60 100644
--- a/packages/store-engine/package.json
+++ b/packages/store-engine/package.json
@@ -1,12 +1,13 @@
 {
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
     "@types/rimraf": "^3",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
     "rimraf": "^3.0.2",
-    "ts-jest": "^29.0.3",
     "ts-node": "10.9.1",
     "typescript": "4.8.4",
     "webpack": "4.46.0",
@@ -36,7 +37,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest --coverage"
+    "test": "jest"
   },
   "version": "4.10.10"
 }
diff --git a/packages/webapp-events/package.json b/packages/webapp-events/package.json
index 288e4b6e32..a9fd71d1d3 100644
--- a/packages/webapp-events/package.json
+++ b/packages/webapp-events/package.json
@@ -1,6 +1,8 @@
 {
   "description": "Events shared between Wire's web app and desktop app.",
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "typescript": "4.8.4"
   },
   "files": [
diff --git a/yarn.lock b/yarn.lock
index 4f6cf5a962..545c675d7d 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2483,6 +2483,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/create-cache-key-function@npm:^27.4.2":
+  version: 27.5.1
+  resolution: "@jest/create-cache-key-function@npm:27.5.1"
+  dependencies:
+    "@jest/types": ^27.5.1
+  checksum: a6c3a8c769aca6f66f5dc80f1c77e66980b4f213a6b2a15a92ba3595f032848a1261c06c9c798dcf2b672b1ffbefad5085af89d130548741c85ddbe0cf4284e7
+  languageName: node
+  linkType: hard
+
 "@jest/environment@npm:^29.2.1":
   version: 29.2.1
   resolution: "@jest/environment@npm:29.2.1"
@@ -2671,6 +2680,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jest/types@npm:^27.5.1":
+  version: 27.5.1
+  resolution: "@jest/types@npm:27.5.1"
+  dependencies:
+    "@types/istanbul-lib-coverage": ^2.0.0
+    "@types/istanbul-reports": ^3.0.0
+    "@types/node": "*"
+    "@types/yargs": ^16.0.0
+    chalk: ^4.0.0
+  checksum: d1f43cc946d87543ddd79d49547aab2399481d34025d5c5f2025d3d99c573e1d9832fa83cef25e9d9b07a8583500229d15bbb07b8e233d127d911d133e2f14b1
+  languageName: node
+  linkType: hard
+
 "@jest/types@npm:^29.0.3":
   version: 29.0.3
   resolution: "@jest/types@npm:29.0.3"
@@ -3590,6 +3612,185 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@swc/core-android-arm-eabi@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-android-arm-eabi@npm:1.3.10"
+  dependencies:
+    "@swc/wasm": 1.2.122
+  conditions: os=android & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@swc/core-android-arm64@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-android-arm64@npm:1.3.10"
+  dependencies:
+    "@swc/wasm": 1.2.130
+  conditions: os=android & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@swc/core-darwin-arm64@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-darwin-arm64@npm:1.3.10"
+  conditions: os=darwin & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@swc/core-darwin-x64@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-darwin-x64@npm:1.3.10"
+  conditions: os=darwin & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@swc/core-freebsd-x64@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-freebsd-x64@npm:1.3.10"
+  dependencies:
+    "@swc/wasm": 1.2.130
+  conditions: os=freebsd & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@swc/core-linux-arm-gnueabihf@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-linux-arm-gnueabihf@npm:1.3.10"
+  dependencies:
+    "@swc/wasm": 1.2.130
+  conditions: os=linux & cpu=arm
+  languageName: node
+  linkType: hard
+
+"@swc/core-linux-arm64-gnu@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-linux-arm64-gnu@npm:1.3.10"
+  conditions: os=linux & cpu=arm64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@swc/core-linux-arm64-musl@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-linux-arm64-musl@npm:1.3.10"
+  conditions: os=linux & cpu=arm64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@swc/core-linux-x64-gnu@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-linux-x64-gnu@npm:1.3.10"
+  conditions: os=linux & cpu=x64 & libc=glibc
+  languageName: node
+  linkType: hard
+
+"@swc/core-linux-x64-musl@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-linux-x64-musl@npm:1.3.10"
+  conditions: os=linux & cpu=x64 & libc=musl
+  languageName: node
+  linkType: hard
+
+"@swc/core-win32-arm64-msvc@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-win32-arm64-msvc@npm:1.3.10"
+  dependencies:
+    "@swc/wasm": 1.2.130
+  conditions: os=win32 & cpu=arm64
+  languageName: node
+  linkType: hard
+
+"@swc/core-win32-ia32-msvc@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-win32-ia32-msvc@npm:1.3.10"
+  dependencies:
+    "@swc/wasm": 1.2.130
+  conditions: os=win32 & cpu=ia32
+  languageName: node
+  linkType: hard
+
+"@swc/core-win32-x64-msvc@npm:1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core-win32-x64-msvc@npm:1.3.10"
+  conditions: os=win32 & cpu=x64
+  languageName: node
+  linkType: hard
+
+"@swc/core@npm:^1.3.10":
+  version: 1.3.10
+  resolution: "@swc/core@npm:1.3.10"
+  dependencies:
+    "@swc/core-android-arm-eabi": 1.3.10
+    "@swc/core-android-arm64": 1.3.10
+    "@swc/core-darwin-arm64": 1.3.10
+    "@swc/core-darwin-x64": 1.3.10
+    "@swc/core-freebsd-x64": 1.3.10
+    "@swc/core-linux-arm-gnueabihf": 1.3.10
+    "@swc/core-linux-arm64-gnu": 1.3.10
+    "@swc/core-linux-arm64-musl": 1.3.10
+    "@swc/core-linux-x64-gnu": 1.3.10
+    "@swc/core-linux-x64-musl": 1.3.10
+    "@swc/core-win32-arm64-msvc": 1.3.10
+    "@swc/core-win32-ia32-msvc": 1.3.10
+    "@swc/core-win32-x64-msvc": 1.3.10
+  dependenciesMeta:
+    "@swc/core-android-arm-eabi":
+      optional: true
+    "@swc/core-android-arm64":
+      optional: true
+    "@swc/core-darwin-arm64":
+      optional: true
+    "@swc/core-darwin-x64":
+      optional: true
+    "@swc/core-freebsd-x64":
+      optional: true
+    "@swc/core-linux-arm-gnueabihf":
+      optional: true
+    "@swc/core-linux-arm64-gnu":
+      optional: true
+    "@swc/core-linux-arm64-musl":
+      optional: true
+    "@swc/core-linux-x64-gnu":
+      optional: true
+    "@swc/core-linux-x64-musl":
+      optional: true
+    "@swc/core-win32-arm64-msvc":
+      optional: true
+    "@swc/core-win32-ia32-msvc":
+      optional: true
+    "@swc/core-win32-x64-msvc":
+      optional: true
+  bin:
+    swcx: run_swcx.js
+  checksum: a5f23fce37587ac5b52e8fff0e667e5942a1b41f0468ca70a2494b460c9de16428629c82ebed7e29c2f7423a845fb42ea9dace3b0c46d0a1e8981ddb7e1e41ed
+  languageName: node
+  linkType: hard
+
+"@swc/jest@npm:^0.2.23":
+  version: 0.2.23
+  resolution: "@swc/jest@npm:0.2.23"
+  dependencies:
+    "@jest/create-cache-key-function": ^27.4.2
+    jsonc-parser: ^3.2.0
+  peerDependencies:
+    "@swc/core": "*"
+  checksum: 1c7db1f6995916ad77369311be078e9d33f2c6a586be9c87927f6a36d124dcd49c29d8c596758cd9dbf4e388ec30f41989e70e574eb59bef3fb41d3131629763
+  languageName: node
+  linkType: hard
+
+"@swc/wasm@npm:1.2.122":
+  version: 1.2.122
+  resolution: "@swc/wasm@npm:1.2.122"
+  checksum: 563345370c5ad18373d3b403590ab880fe52dcd8fc8c8601be263fcd9886520b28a7f4e46236cf49ca2b136c79d4ef50c960bc34b7cdc2068118b0d84dfca1f4
+  languageName: node
+  linkType: hard
+
+"@swc/wasm@npm:1.2.130":
+  version: 1.2.130
+  resolution: "@swc/wasm@npm:1.2.130"
+  checksum: 02203bfef3e382c64cbbd63c138c8fdf61865e74d923b317e9d9e9f33f5a3f0a9533b5fdbc9505e76d78e864be04a82fc847eb987a1e47ccac5850146c858292
+  languageName: node
+  linkType: hard
+
 "@testing-library/dom@npm:^8.5.0":
   version: 8.16.0
   resolution: "@testing-library/dom@npm:8.16.0"
@@ -4412,6 +4613,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/yargs@npm:^16.0.0":
+  version: 16.0.4
+  resolution: "@types/yargs@npm:16.0.4"
+  dependencies:
+    "@types/yargs-parser": "*"
+  checksum: caa21d2c957592fe2184a8368c8cbe5a82a6c2e2f2893722e489f842dc5963293d2f3120bc06fe3933d60a3a0d1e2eb269649fd6b1947fe1820f8841ba611dd9
+  languageName: node
+  linkType: hard
+
 "@types/yargs@npm:^17.0.8":
   version: 17.0.12
   resolution: "@types/yargs@npm:17.0.12"
@@ -4922,6 +5132,8 @@ __metadata:
     "@babel/preset-env": ^7.19.1
     "@babel/preset-react": 7.18.6
     "@babel/preset-typescript": 7.18.6
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/axios": ^0.14.0
     "@types/babel__preset-env": ^7
     "@types/jest": ^29.2.0
@@ -4953,7 +5165,6 @@ __metadata:
     sinon-har-server: 0.3.0
     spark-md5: 3.0.2
     tough-cookie: 4.1.2
-    ts-jest: ^29.0.3
     ts-node: ^10.9.1
     ws: 8.9.0
   languageName: unknown
@@ -4970,12 +5181,13 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/certificate-check@workspace:packages/certificate-check"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/jest": ^29.2.0
     "@types/jsrsasign": 10.5.4
     jest: ^29.2.1
     jest-environment-jsdom: ^29.2.1
     jsrsasign: 10.5.27
-    ts-jest: ^29.0.3
     ts-node: ^10.9.1
   languageName: unknown
   linkType: soft
@@ -4984,6 +5196,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/cli-client@workspace:packages/cli-client"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/fs-extra": 9.0.13
     "@wireapp/api-client": "workspace:^"
     "@wireapp/core": "workspace:^"
@@ -5004,6 +5218,8 @@ __metadata:
     "@babel/core": ^7.19.1
     "@babel/preset-env": ^7.19.1
     "@babel/preset-typescript": ^7.18.6
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/babel__core": ^7
     "@types/babel__preset-env": ^7
     "@types/fs-extra": 9.0.13
@@ -5017,7 +5233,6 @@ __metadata:
     logdown: 3.3.1
     platform: 1.3.6
     rimraf: ^3.0.2
-    ts-jest: ^29.0.3
   languageName: unknown
   linkType: soft
 
@@ -5025,6 +5240,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/copy-config@workspace:packages/copy-config"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/copy": 0.3.2
     "@types/fs-extra": 9.0.13
     "@types/jest": ^29.2.0
@@ -5038,7 +5255,6 @@ __metadata:
     jszip: 3.10.1
     logdown: 3.3.1
     rimraf: ^3.0.2
-    ts-jest: ^29.0.3
   bin:
     copy-config: src/main/cli.js
   languageName: unknown
@@ -5059,6 +5275,8 @@ __metadata:
     "@babel/preset-env": ^7.19.1
     "@babel/preset-typescript": ^7.18.6
     "@faker-js/faker": ^7.6.0
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/babel__core": ^7
     "@types/jest": ^29.2.0
     "@types/long": 4.0.1
@@ -5086,7 +5304,6 @@ __metadata:
     long: 4.0.0
     mock-socket: 9.1.5
     nock: 13.2.9
-    ts-jest: ^29.0.3
     uuidjs: 4.2.12
   languageName: unknown
   linkType: soft
@@ -5108,6 +5325,9 @@ __metadata:
 "@wireapp/eslint-config@workspace:packages/eslint-config":
   version: 0.0.0-use.local
   resolution: "@wireapp/eslint-config@workspace:packages/eslint-config"
+  dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
   peerDependencies:
     "@babel/eslint-parser": ">=7"
     "@typescript-eslint/eslint-plugin": ">=3"
@@ -5129,6 +5349,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/license-collector@workspace:packages/license-collector"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/fs-extra": 9.0.13
     "@types/npm-registry-package-info": 1.0.1
     fs-extra: 10.1.0
@@ -5150,6 +5372,9 @@ __metadata:
 "@wireapp/prettier-config@workspace:packages/prettier-config":
   version: 0.0.0-use.local
   resolution: "@wireapp/prettier-config@workspace:packages/prettier-config"
+  dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
   languageName: unknown
   linkType: soft
 
@@ -5166,6 +5391,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/priority-queue@workspace:packages/priority-queue"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/jest": ^29.2.0
     "@types/karma": 6.3.3
     "@types/node": ^18.11.2
@@ -5179,7 +5406,6 @@ __metadata:
     karma-jasmine-diff-reporter: 3.0.0
     karma-sourcemap-loader: 0.3.8
     karma-spec-reporter: 0.0.34
-    ts-jest: ^29.0.3
     ts-node: ^10.9.1
     webpack: 4.46.0
     webpack-cli: 4.10.0
@@ -5193,6 +5419,8 @@ __metadata:
     "@babel/core": ^7.19.1
     "@babel/preset-env": ^7.19.1
     "@babel/preset-typescript": 7.18.6
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/babel__preset-env": ^7
     "@types/jest": 29.2.0
     "@wireapp/commons": "workspace:^"
@@ -5235,6 +5463,8 @@ __metadata:
     "@emotion/jest": 11.10.0
     "@emotion/react": ^11.10.4
     "@hot-loader/react-dom": 17.0.2
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@testing-library/jest-dom": 5.16.5
     "@testing-library/react": 13.4.0
     "@types/color": 3.0.3
@@ -5255,7 +5485,6 @@ __metadata:
     react-styleguidist: 13.0.0
     react-test-renderer: 18.2.0
     react-transition-group: 4.4.5
-    ts-jest: ^29.0.3
     webpack: ^5.74.0
   peerDependencies:
     "@emotion/react": 11.10.4
@@ -5272,6 +5501,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/store-engine-dexie@workspace:packages/store-engine-dexie"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
     "@wireapp/store-engine": "workspace:^"
@@ -5280,7 +5511,6 @@ __metadata:
     jest: ^29.2.1
     jest-environment-jsdom: ^29.2.1
     logdown: 3.3.1
-    ts-jest: ^29.0.3
     ts-node: ^10.9.1
     typescript: 4.8.4
     uuidjs: 4.2.12
@@ -5293,6 +5523,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/store-engine-fs@workspace:packages/store-engine-fs"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/fs-extra": 9.0.13
     "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
@@ -5300,7 +5532,6 @@ __metadata:
     fs-extra: 10.1.0
     jest: ^29.2.1
     jest-environment-jsdom: ^29.2.1
-    ts-jest: ^29.0.3
     ts-node: 10.9.1
     typescript: 4.8.4
   peerDependencies:
@@ -5321,13 +5552,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/store-engine@workspace:packages/store-engine"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
     "@types/rimraf": ^3
     jest: ^29.2.1
     jest-environment-jsdom: ^29.2.1
     rimraf: ^3.0.2
-    ts-jest: ^29.0.3
     ts-node: 10.9.1
     typescript: 4.8.4
     webpack: 4.46.0
@@ -5339,6 +5571,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/webapp-events@workspace:packages/webapp-events"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     typescript: 4.8.4
   languageName: unknown
   linkType: soft
@@ -6373,13 +6607,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "bazinga64@workspace:packages/bazinga64"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/jest": ^29.2.0
     "@types/libsodium-wrappers-sumo": 0.7.5
     cross-env: 7.0.3
     jest: ^29.2.1
     jest-environment-jsdom: ^29.2.1
     libsodium-wrappers-sumo: 0.7.10
-    ts-jest: ^29.0.3
     ts-node: 10.9.1
   languageName: unknown
   linkType: soft
@@ -6764,15 +6999,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"bs-logger@npm:0.x":
-  version: 0.2.6
-  resolution: "bs-logger@npm:0.2.6"
-  dependencies:
-    fast-json-stable-stringify: 2.x
-  checksum: d34bdaf68c64bd099ab97c3ea608c9ae7d3f5faa1178b3f3f345acd94e852e608b2d4f9103fb2e503f5e69780e98293df41691b84be909b41cf5045374d54606
-  languageName: node
-  linkType: hard
-
 "bs-recipes@npm:1.3.4":
   version: 1.3.4
   resolution: "bs-recipes@npm:1.3.4"
@@ -10126,7 +10352,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fast-json-stable-stringify@npm:2.x, fast-json-stable-stringify@npm:^2.0.0, fast-json-stable-stringify@npm:^2.1.0":
+"fast-json-stable-stringify@npm:^2.0.0, fast-json-stable-stringify@npm:^2.1.0":
   version: 2.1.0
   resolution: "fast-json-stable-stringify@npm:2.1.0"
   checksum: b191531e36c607977e5b1c47811158733c34ccb3bfde92c44798929e9b4154884378536d26ad90dfecd32e1ffc09c545d23535ad91b3161a27ddbb8ebe0cbecb
@@ -13381,31 +13607,31 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-util@npm:^29.0.0, jest-util@npm:^29.2.1":
-  version: 29.2.1
-  resolution: "jest-util@npm:29.2.1"
+"jest-util@npm:^29.0.3":
+  version: 29.0.3
+  resolution: "jest-util@npm:29.0.3"
   dependencies:
-    "@jest/types": ^29.2.1
+    "@jest/types": ^29.0.3
     "@types/node": "*"
     chalk: ^4.0.0
     ci-info: ^3.2.0
     graceful-fs: ^4.2.9
     picomatch: ^2.2.3
-  checksum: 781bd14a65599d24b7449877020f4da32e8cb8fbc31c4e849c589ffde58f0eec27de9f690dba182e3ca369fe651c0bb9c307de29a0927d12777677ded56bafb8
+  checksum: 39c31e75ba5bcb4c3ccdf0895f9fdbb83f839c432e7c6639a688beb414d681b5d50282da017c723ea1f2a7033e74a4938fd33dcff231c3e90f903173919991d5
   languageName: node
   linkType: hard
 
-"jest-util@npm:^29.0.3":
-  version: 29.0.3
-  resolution: "jest-util@npm:29.0.3"
+"jest-util@npm:^29.2.1":
+  version: 29.2.1
+  resolution: "jest-util@npm:29.2.1"
   dependencies:
-    "@jest/types": ^29.0.3
+    "@jest/types": ^29.2.1
     "@types/node": "*"
     chalk: ^4.0.0
     ci-info: ^3.2.0
     graceful-fs: ^4.2.9
     picomatch: ^2.2.3
-  checksum: 39c31e75ba5bcb4c3ccdf0895f9fdbb83f839c432e7c6639a688beb414d681b5d50282da017c723ea1f2a7033e74a4938fd33dcff231c3e90f903173919991d5
+  checksum: 781bd14a65599d24b7449877020f4da32e8cb8fbc31c4e849c589ffde58f0eec27de9f690dba182e3ca369fe651c0bb9c307de29a0927d12777677ded56bafb8
   languageName: node
   linkType: hard
 
@@ -13703,6 +13929,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"jsonc-parser@npm:^3.2.0":
+  version: 3.2.0
+  resolution: "jsonc-parser@npm:3.2.0"
+  checksum: 946dd9a5f326b745aa326d48a7257e3f4a4b62c5e98ec8e49fa2bdd8d96cef7e6febf1399f5c7016114fd1f68a1c62c6138826d5d90bc650448e3cf0951c53c7
+  languageName: node
+  linkType: hard
+
 "jsonfile@npm:^3.0.0":
   version: 3.0.1
   resolution: "jsonfile@npm:3.0.1"
@@ -14367,13 +14600,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"lodash.memoize@npm:4.x":
-  version: 4.1.2
-  resolution: "lodash.memoize@npm:4.1.2"
-  checksum: 9ff3942feeccffa4f1fafa88d32f0d24fdc62fd15ded5a74a5f950ff5f0c6f61916157246744c620173dddf38d37095a92327d5fd3861e2063e736a5c207d089
-  languageName: node
-  linkType: hard
-
 "lodash.merge@npm:^4.6.2":
   version: 4.6.2
   resolution: "lodash.merge@npm:4.6.2"
@@ -14552,7 +14778,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"make-error@npm:1.x, make-error@npm:^1.1.1":
+"make-error@npm:^1.1.1":
   version: 1.3.6
   resolution: "make-error@npm:1.3.6"
   checksum: b86e5e0e25f7f777b77fabd8e2cbf15737972869d852a22b7e73c17623928fccb826d8e46b9951501d3f20e51ad74ba8c59ed584f610526a48f8ccf88aaec402
@@ -18670,6 +18896,8 @@ __metadata:
     "@lerna-lite/changed": ^1.11.3
     "@lerna-lite/cli": ^1.11.3
     "@lerna-lite/run": ^1.11.3
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/jest": ^29.2.0
     "@types/node": ^18.11.3
     "@types/rimraf": 3.0.2
@@ -18694,7 +18922,6 @@ __metadata:
     lint-staged: 13.0.3
     prettier: 2.7.1
     rimraf: 3.0.2
-    ts-jest: ^29.0.3
     tsconfig-paths: 4.1.0
     typescript: 4.8.4
   languageName: unknown
@@ -18923,17 +19150,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"semver@npm:7.x, semver@npm:^7.3.8":
-  version: 7.3.8
-  resolution: "semver@npm:7.3.8"
-  dependencies:
-    lru-cache: ^6.0.0
-  bin:
-    semver: bin/semver.js
-  checksum: ba9c7cbbf2b7884696523450a61fee1a09930d888b7a8d7579025ad93d459b2d1949ee5bbfeb188b2be5f4ac163544c5e98491ad6152df34154feebc2cc337c1
-  languageName: node
-  linkType: hard
-
 "semver@npm:^6.0.0, semver@npm:^6.1.1, semver@npm:^6.1.2, semver@npm:^6.3.0":
   version: 6.3.0
   resolution: "semver@npm:6.3.0"
@@ -18965,6 +19181,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"semver@npm:^7.3.8":
+  version: 7.3.8
+  resolution: "semver@npm:7.3.8"
+  dependencies:
+    lru-cache: ^6.0.0
+  bin:
+    semver: bin/semver.js
+  checksum: ba9c7cbbf2b7884696523450a61fee1a09930d888b7a8d7579025ad93d459b2d1949ee5bbfeb188b2be5f4ac163544c5e98491ad6152df34154feebc2cc337c1
+  languageName: node
+  linkType: hard
+
 "send@npm:0.16.2":
   version: 0.16.2
   resolution: "send@npm:0.16.2"
@@ -20663,39 +20890,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ts-jest@npm:^29.0.3":
-  version: 29.0.3
-  resolution: "ts-jest@npm:29.0.3"
-  dependencies:
-    bs-logger: 0.x
-    fast-json-stable-stringify: 2.x
-    jest-util: ^29.0.0
-    json5: ^2.2.1
-    lodash.memoize: 4.x
-    make-error: 1.x
-    semver: 7.x
-    yargs-parser: ^21.0.1
-  peerDependencies:
-    "@babel/core": ">=7.0.0-beta.0 <8"
-    "@jest/types": ^29.0.0
-    babel-jest: ^29.0.0
-    jest: ^29.0.0
-    typescript: ">=4.3"
-  peerDependenciesMeta:
-    "@babel/core":
-      optional: true
-    "@jest/types":
-      optional: true
-    babel-jest:
-      optional: true
-    esbuild:
-      optional: true
-  bin:
-    ts-jest: cli.js
-  checksum: 541e51776d367fa2279af47f75af94b03e0538f1839ea9983de0f4ad7f188002f6eb1fc72440651d96daa62d25a7bc679a129c14e6ef291277eea9346751d56b
-  languageName: node
-  linkType: hard
-
 "ts-node@npm:10.9.1, ts-node@npm:^10.9.1":
   version: 10.9.1
   resolution: "ts-node@npm:10.9.1"
@@ -22447,7 +22641,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"yargs-parser@npm:^21.0.0, yargs-parser@npm:^21.0.1":
+"yargs-parser@npm:^21.0.0":
   version: 21.1.1
   resolution: "yargs-parser@npm:21.1.1"
   checksum: ed2d96a616a9e3e1cc7d204c62ecc61f7aaab633dcbfab2c6df50f7f87b393993fe6640d017759fe112d0cb1e0119f2b4150a87305cc873fd90831c6a58ccf1c

From e0ebcc712accdf656729cb8c4adb9bc5077516da Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Fri, 21 Oct 2022 17:25:52 +0200
Subject: [PATCH 08/17] chore: remove last coverage

---
 packages/commons/package.json | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/commons/package.json b/packages/commons/package.json
index fa649e1067..f7691843fa 100644
--- a/packages/commons/package.json
+++ b/packages/commons/package.json
@@ -41,7 +41,7 @@
     "clean": "rimraf \"src/!(test)/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
     "test": "jest",
-    "test:coverage": "yarn test --coverage",
+    "test:coverage": "yarn test",
     "test:watch": "yarn test --watch"
   },
   "version": "4.4.10"

From 04ef1cb48bd368455ae8ea753dc983e17813fe42 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Fri, 21 Oct 2022 22:36:32 +0200
Subject: [PATCH 09/17] feat: add a jest config root and hoist npm dependencies
 into root

---
 .prettierrc                                   |   1 -
 jest.config.base.js                           |   8 +
 jest.config.js                                |  37 ++-
 package.json                                  |   1 +
 packages/api-client/jest.config.ts            |  17 +-
 .../src/SQLeetEngine.test.ts                  |   3 +
 packages/bazinga64/jest.config.js             |  17 +-
 packages/certificate-check/jest.config.js     |  17 +-
 packages/commons/jest.config.js               |  18 +-
 packages/copy-config/jest.config.js           |  17 +-
 packages/core/package.json                    |   1 -
 packages/eslint-config/package.json           |   6 +-
 packages/license-collector/package.json       |   2 -
 packages/prettier-config/package.json         |   6 +-
 packages/promise-queue/jest.config.js         |  15 +-
 packages/react-ui-kit/jest.config.js          |  17 +-
 .../Form/__snapshots__/Button.test.js.snap    |  90 ------
 .../__snapshots__/ButtonLink.test.js.snap     |  65 -----
 .../Form/__snapshots__/Checkbox.test.js.snap  | 178 ------------
 .../__snapshots__/DropFileInput.test.js.snap  |  71 -----
 .../__snapshots__/ErrorMessage.test.js.snap   |  17 --
 .../src/Form/__snapshots__/Form.test.js.snap  |  13 -
 .../src/Form/__snapshots__/Input.test.js.snap |  75 -----
 .../__snapshots__/RangeInput.test.js.snap     |  47 ---
 .../Form/__snapshots__/Select.test.js.snap    | 271 ------------------
 .../Form/__snapshots__/Switch.test.js.snap    | 118 --------
 .../Form/__snapshots__/TextArea.test.js.snap  |  51 ----
 .../Text/__snapshots__/Heading.test.js.snap   |  73 -----
 .../src/Text/__snapshots__/Label.test.js.snap |  49 ----
 .../src/Text/__snapshots__/Line.test.js.snap  |  38 ---
 .../src/Text/__snapshots__/Link.test.js.snap  |  27 --
 .../Text/__snapshots__/Paragraph.test.js.snap |  49 ----
 .../src/Text/__snapshots__/Text.test.js.snap  | 205 -------------
 .../Text/__snapshots__/TextLink.test.js.snap  |  27 --
 .../src/Text/__snapshots__/Title.test.js.snap |  25 --
 .../__snapshots__/GlobalStyle.test.js.snap    |   7 -
 packages/store-engine-dexie/jest.config.js    |  18 +-
 packages/store-engine-dexie/package.json      |   6 -
 packages/store-engine-fs/jest.config.js       |  17 +-
 packages/store-engine-fs/package.json         |   5 -
 packages/store-engine/jest.config.js          |  17 +-
 .../store-engine/src/main/test/createSpec.ts  |   1 +
 packages/webapp-events/package.json           |   2 -
 yarn.lock                                     |  25 +-
 44 files changed, 160 insertions(+), 1610 deletions(-)
 delete mode 100644 .prettierrc
 create mode 100644 jest.config.base.js
 delete mode 100644 packages/react-ui-kit/src/Form/__snapshots__/Button.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Form/__snapshots__/Form.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Form/__snapshots__/Input.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Form/__snapshots__/Select.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Form/__snapshots__/Switch.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Heading.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Label.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Line.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Link.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Text.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/Text/__snapshots__/Title.test.js.snap
 delete mode 100644 packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.js.snap

diff --git a/.prettierrc b/.prettierrc
deleted file mode 100644
index 9e26dfeeb6..0000000000
--- a/.prettierrc
+++ /dev/null
@@ -1 +0,0 @@
-{}
\ No newline at end of file
diff --git a/jest.config.base.js b/jest.config.base.js
new file mode 100644
index 0000000000..e89bef4ede
--- /dev/null
+++ b/jest.config.base.js
@@ -0,0 +1,8 @@
+module.exports = {
+    clearMocks: true,
+    testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
+    transform: {
+        "^.+\\.(ts|tsx)$": "@swc/jest"
+    },
+    testEnvironment: "jsdom",
+}
\ No newline at end of file
diff --git a/jest.config.js b/jest.config.js
index 70f63109f7..88b89cdc4c 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -17,11 +17,36 @@
  *
  */
 
+/*
+ * Wire
+ * Copyright (C) 2019 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
+
+const baseConfig = require('./jest.config.base')
+
 module.exports = {
-  clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
-  transform: {
-    "^.+\\.(ts|tsx)$": "@swc/jest"
-  },
-  testEnvironment: "jsdom"
+  ...baseConfig,
+  projects: ['<rootDir>/packages/*/jest.config.js'],
+  coverageDirectory: '<rootDir>/coverage/',
+  collectCoverageFrom: [
+    '<rootDir>/packages/*/src/**/*.{ts,tsx}',
+  ],
+  moduleDirectories: [
+    'node_modules',
+  ],
 };
+
diff --git a/package.json b/package.json
index 630d4af78b..da0ce3c330 100644
--- a/package.json
+++ b/package.json
@@ -24,6 +24,7 @@
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-simple-import-sort": "8.0.0",
     "eslint-plugin-unused-imports": "2.0.0",
+    "fake-indexeddb": "^4.0.0",
     "husky": "8.0.1",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
diff --git a/packages/api-client/jest.config.ts b/packages/api-client/jest.config.ts
index f0d8058824..f248b55cda 100644
--- a/packages/api-client/jest.config.ts
+++ b/packages/api-client/jest.config.ts
@@ -17,10 +17,17 @@
  *
  */
 
+const baseConfig = require('../../jest.config.base');
+
+const packageName = require('./package.json').name.split('@wireapp/').pop();
+
 module.exports = {
-  clearMocks: true,
-  testMatch: ['**/?(*.)+(spec|test).+(ts|tsx)', 'test/**/*.+(ts|tsx)'],
-  transform: {
-    '^.+\\.(ts|tsx)$': '@swc/jest',
-  },
+  ...baseConfig,
+  roots: [`<rootDir>/packages/${packageName}`],
+  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
+  moduleDirectories: ['node_modules'],
+  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
+  displayName: packageName,
+  rootDir: '../..',
+  testEnvironment: 'node',
 };
diff --git a/packages/archive/store-engine-sqleet/src/SQLeetEngine.test.ts b/packages/archive/store-engine-sqleet/src/SQLeetEngine.test.ts
index 59ea37e588..382bfefe25 100644
--- a/packages/archive/store-engine-sqleet/src/SQLeetEngine.test.ts
+++ b/packages/archive/store-engine-sqleet/src/SQLeetEngine.test.ts
@@ -148,6 +148,7 @@ describe('SQLeetEngine', () => {
       try {
         const entity = {'name\'"`': 'Otto'};
         await engine.create('users', '1', entity);
+        throw new Error('Method is supposed to throw an error.');
       } catch (error) {
         expect(error.message).toBe(
           'Entity is empty for table "users". Are you sure you set the right scheme / column names?',
@@ -330,6 +331,7 @@ describe('SQLeetEngine', () => {
 
       try {
         await engine.updateOrCreate('ffff', '1', {name: 'Otto'});
+        throw new Error('Method is supposed to throw an error.');
       } catch (error) {
         expect(error.message).toBe('Table "ffff" does not exist.');
       }
@@ -380,6 +382,7 @@ describe('SQLeetEngine', () => {
 
       try {
         await engine.export();
+        throw new Error('Method is supposed to throw an error.');
       } catch (error) {
         expect(error.message).toBe('Database closed');
       }
diff --git a/packages/bazinga64/jest.config.js b/packages/bazinga64/jest.config.js
index 70f63109f7..ac325d1a31 100644
--- a/packages/bazinga64/jest.config.js
+++ b/packages/bazinga64/jest.config.js
@@ -17,11 +17,16 @@
  *
  */
 
+const baseConfig = require('../../jest.config.base');
+
+const packageName = require('./package.json').name;
+
 module.exports = {
-  clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
-  transform: {
-    "^.+\\.(ts|tsx)$": "@swc/jest"
-  },
-  testEnvironment: "jsdom"
+  ...baseConfig,
+  roots: [`<rootDir>/packages/${packageName}`],
+  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
+  moduleDirectories: ['node_modules'],
+  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
+  displayName: packageName,
+  rootDir: '../..',
 };
diff --git a/packages/certificate-check/jest.config.js b/packages/certificate-check/jest.config.js
index 70f63109f7..00a0a42493 100644
--- a/packages/certificate-check/jest.config.js
+++ b/packages/certificate-check/jest.config.js
@@ -17,11 +17,16 @@
  *
  */
 
+const baseConfig = require('../../jest.config.base');
+
+const packageName = require('./package.json').name.split('@wireapp/').pop();
+
 module.exports = {
-  clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
-  transform: {
-    "^.+\\.(ts|tsx)$": "@swc/jest"
-  },
-  testEnvironment: "jsdom"
+  ...baseConfig,
+  roots: [`<rootDir>/packages/${packageName}`],
+  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
+  moduleDirectories: ['node_modules'],
+  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
+  displayName: packageName,
+  rootDir: '../..',
 };
diff --git a/packages/commons/jest.config.js b/packages/commons/jest.config.js
index c30b59ec48..6a40548d1f 100644
--- a/packages/commons/jest.config.js
+++ b/packages/commons/jest.config.js
@@ -17,12 +17,16 @@
  *
  */
 
-module.exports = {
-  clearMocks: true,
-  testEnvironment: 'jsdom',
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
-  transform: {
-    "^.+\\.(ts|tsx)$": "@swc/jest"
-  },
+const baseConfig = require('../../jest.config.base');
+
+const packageName = require('./package.json').name.split('@wireapp/').pop();
 
+module.exports = {
+  ...baseConfig,
+  roots: [`<rootDir>/packages/${packageName}`],
+  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
+  moduleDirectories: ['node_modules'],
+  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
+  displayName: packageName,
+  rootDir: '../..',
 };
diff --git a/packages/copy-config/jest.config.js b/packages/copy-config/jest.config.js
index 70f63109f7..00a0a42493 100644
--- a/packages/copy-config/jest.config.js
+++ b/packages/copy-config/jest.config.js
@@ -17,11 +17,16 @@
  *
  */
 
+const baseConfig = require('../../jest.config.base');
+
+const packageName = require('./package.json').name.split('@wireapp/').pop();
+
 module.exports = {
-  clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
-  transform: {
-    "^.+\\.(ts|tsx)$": "@swc/jest"
-  },
-  testEnvironment: "jsdom"
+  ...baseConfig,
+  roots: [`<rootDir>/packages/${packageName}`],
+  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
+  moduleDirectories: ['node_modules'],
+  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
+  displayName: packageName,
+  rootDir: '../..',
 };
diff --git a/packages/core/package.json b/packages/core/package.json
index 96ed478e51..9ebdbd395e 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -35,7 +35,6 @@
     "commander": "9.4.1",
     "cross-env": "7.0.3",
     "dotenv-defaults": "5.0.2",
-    "fake-indexeddb": "4.0.0",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
     "jest-websocket-mock": "2.4.0",
diff --git a/packages/eslint-config/package.json b/packages/eslint-config/package.json
index 40bb505c44..053f3d778b 100644
--- a/packages/eslint-config/package.json
+++ b/packages/eslint-config/package.json
@@ -19,9 +19,5 @@
     "prettier": ">=2"
   },
   "repository": "https://github.com/wireapp/wire-web-packages/tree/main/packages/eslint-config",
-  "version": "1.12.12",
-  "devDependencies": {
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23"
-  }
+  "version": "1.12.12"
 }
diff --git a/packages/license-collector/package.json b/packages/license-collector/package.json
index 5a5aa7476d..1ca00035c6 100644
--- a/packages/license-collector/package.json
+++ b/packages/license-collector/package.json
@@ -10,8 +10,6 @@
   },
   "description": "Wire's internal license collection tool",
   "devDependencies": {
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
     "@types/fs-extra": "9.0.13",
     "@types/npm-registry-package-info": "1.0.1"
   },
diff --git a/packages/prettier-config/package.json b/packages/prettier-config/package.json
index bcfb8f0d90..e6071dadde 100644
--- a/packages/prettier-config/package.json
+++ b/packages/prettier-config/package.json
@@ -4,9 +4,5 @@
   "main": "index.json",
   "name": "@wireapp/prettier-config",
   "repository": "https://github.com/wireapp/wire-web-packages/tree/main/packages/prettier-config",
-  "version": "0.4.7",
-  "devDependencies": {
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23"
-  }
+  "version": "0.4.7"
 }
diff --git a/packages/promise-queue/jest.config.js b/packages/promise-queue/jest.config.js
index b7a15f2e0f..49db29d0bb 100644
--- a/packages/promise-queue/jest.config.js
+++ b/packages/promise-queue/jest.config.js
@@ -3,9 +3,16 @@
  * https://jestjs.io/docs/configuration
  */
 
+const baseConfig = require('../../jest.config.base');
+
+const packageName = require('./package.json').name.split('@wireapp/').pop();
+
 module.exports = {
-  collectCoverage: true,
-  coverageDirectory: 'coverage',
-  roots: ['src'],
-  testEnvironment: 'jest-environment-jsdom',
+  ...baseConfig,
+  roots: [`<rootDir>/packages/${packageName}`],
+  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
+  moduleDirectories: ['node_modules'],
+  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
+  displayName: packageName,
+  rootDir: '../..',
 };
diff --git a/packages/react-ui-kit/jest.config.js b/packages/react-ui-kit/jest.config.js
index 7ca3e577f6..d3a3d38d68 100644
--- a/packages/react-ui-kit/jest.config.js
+++ b/packages/react-ui-kit/jest.config.js
@@ -17,11 +17,16 @@
  *
  */
 
+const baseConfig = require('../../jest.config.base');
+
+const packageName = require('./package.json').name.split('@wireapp/').pop();
+
 module.exports = {
-  clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
-  transform: {
-    "^.+\\.(ts|tsx)$": "@swc/jest"
-  },
-  testEnvironment: "jsdom"
+  ...baseConfig,
+  roots: [`<rootDir>/packages/${packageName}`],
+  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
+  moduleDirectories: ['node_modules'],
+  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
+  displayName: packageName,
+  rootDir: '../..',
 };
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Button.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Button.test.js.snap
deleted file mode 100644
index 2ced1d74ab..0000000000
--- a/packages/react-ui-kit/src/Form/__snapshots__/Button.test.js.snap
+++ /dev/null
@@ -1,90 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"Button" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <button
-    className="css-oxpnoh-Button"
-  >
-    Button
-  </button>
-</div>
-`;
-
-exports[`"Button" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <button
-    className="css-oxpnoh-Button"
-  >
-    Submit
-  </button>
-</div>
-`;
-
-exports[`"Button" renders as block 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <button
-    className="css-1vnruwz-Button"
-  >
-    Submit
-  </button>
-</div>
-`;
-
-exports[`"Button" renders in loading state 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <button
-    className="css-oxpnoh-Button"
-  >
-    <svg
-      fill="none"
-      height={30}
-      strokeWidth="3"
-      style={
-        {
-          "display": "flex",
-          "margin": "auto",
-        }
-      }
-      viewBox="0 0 43 43"
-      width={30}
-    >
-      <circle
-        cx="21.5"
-        cy="21.5"
-        r="20"
-        stroke="rgba(255, 255, 255, 0.07999999999999996)"
-      />
-      <circle
-        className="css-1ov5q7j-Loading"
-        cx="21.5"
-        cy="21.5"
-        r="20"
-        stroke="#fff"
-        strokeDasharray={125.68}
-        strokeLinecap="round"
-      />
-    </svg>
-  </button>
-</div>
-`;
-
-exports[`"Button" renders when disabled 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <button
-    className="css-18l2jnr-Button"
-    disabled={true}
-  >
-    Submit
-  </button>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.js.snap
deleted file mode 100644
index 355db2bc3a..0000000000
--- a/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.js.snap
+++ /dev/null
@@ -1,65 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"ButtonLink" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <a
-    className="css-kjqv3l-ButtonLink"
-  >
-    ButtonLink
-  </a>
-</div>
-`;
-
-exports[`"ButtonLink" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <a
-    className="css-kjqv3l-ButtonLink"
-  >
-    Submit
-  </a>
-</div>
-`;
-
-exports[`"ButtonLink" renders in loading state 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <a
-    className="css-kjqv3l-ButtonLink"
-  >
-    <svg
-      fill="none"
-      height={30}
-      strokeWidth="3"
-      style={
-        {
-          "display": "flex",
-          "margin": "auto",
-        }
-      }
-      viewBox="0 0 43 43"
-      width={30}
-    >
-      <circle
-        cx="21.5"
-        cy="21.5"
-        r="20"
-        stroke="rgba(255, 255, 255, 0.07999999999999996)"
-      />
-      <circle
-        className="css-1ov5q7j-Loading"
-        cx="21.5"
-        cy="21.5"
-        r="20"
-        stroke="#fff"
-        strokeDasharray={125.68}
-        strokeLinecap="round"
-      />
-    </svg>
-  </a>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.js.snap
deleted file mode 100644
index 0b89dc9edc..0000000000
--- a/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.js.snap
+++ /dev/null
@@ -1,178 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"Checkbox" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <div
-    className="css-168b0g9"
-  >
-    <input
-      className="wireinput"
-      id="1"
-      style={
-        {
-          "cursor": "pointer",
-          "height": "22px",
-          "marginBottom": "0",
-          "opacity": 0,
-          "width": "22px",
-        }
-      }
-      type="checkbox"
-    />
-    <label
-      className="css-1td0kch-StyledLabel"
-      htmlFor="1"
-    >
-      Checkbox
-      <svg
-        height="13"
-        viewBox="0 0 16 13"
-        width="15"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
-        />
-      </svg>
-    </label>
-  </div>
-</div>
-`;
-
-exports[`"Checkbox" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-168b0g9"
-  >
-    <input
-      className="wireinput"
-      id="1"
-      style={
-        {
-          "cursor": "pointer",
-          "height": "22px",
-          "marginBottom": "0",
-          "opacity": 0,
-          "width": "22px",
-        }
-      }
-      type="checkbox"
-    />
-    <label
-      className="css-1503j3x-StyledLabel"
-      htmlFor="1"
-    >
-      Check
-      <svg
-        height="13"
-        viewBox="0 0 16 13"
-        width="15"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
-        />
-      </svg>
-    </label>
-  </div>
-</div>
-`;
-
-exports[`"Checkbox" renders as invalid 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-168b0g9"
-  >
-    <input
-      className="wireinput"
-      id="1"
-      style={
-        {
-          "cursor": "pointer",
-          "height": "22px",
-          "marginBottom": "0",
-          "opacity": 0,
-          "width": "22px",
-        }
-      }
-      type="checkbox"
-    />
-    <label
-      className="css-1are297-StyledLabel"
-      htmlFor="1"
-    >
-      Check
-      <svg
-        height="13"
-        viewBox="0 0 16 13"
-        width="15"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
-        />
-      </svg>
-    </label>
-  </div>
-</div>
-`;
-
-exports[`"Checkbox" renders disabled 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-168b0g9"
-  >
-    <input
-      className="wireinput"
-      disabled={true}
-      id="1"
-      style={
-        {
-          "cursor": "not-allowed",
-          "height": "22px",
-          "marginBottom": "0",
-          "opacity": 0,
-          "width": "22px",
-        }
-      }
-      type="checkbox"
-    />
-    <label
-      className="css-1jgztc1-StyledLabel"
-      htmlFor="1"
-    >
-      Check
-      <svg
-        height="13"
-        viewBox="0 0 16 13"
-        width="15"
-        xmlns="http://www.w3.org/2000/svg"
-      >
-        <path
-          d="M5.65685 12.0711L15.9842 1.62738L14.57 0.213167L5.65685 9.24264L1.41421 5L0 6.41421L5.65685 12.0711Z"
-        />
-      </svg>
-    </label>
-  </div>
-</div>
-`;
-
-exports[`"CheckboxLabel" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-1md0civ-CheckboxLabel"
-  >
-    Label
-  </span>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.js.snap
deleted file mode 100644
index 2184300870..0000000000
--- a/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.js.snap
+++ /dev/null
@@ -1,71 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"DropFileInput" matches snapshot 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-7uml9n-StyledAppContainer"
-  >
-    <div
-      className="css-1y7m5n0"
-    >
-      <div
-        className="css-qtc2fr"
-        data-testid="dropzone"
-        onDragLeave={[Function]}
-        onDragOver={[Function]}
-        onDrop={[Function]}
-      >
-        <div
-          className="css-c9hw9m-DropFileInput"
-        >
-          <svg
-            className="css-t97fbx-DropFileInput"
-            height={16}
-            viewBox="0 0 16 16"
-            width={16}
-          >
-            <g>
-              <path
-                d="M0 14H16V16H0V14ZM7 11H9V4H13L8 0L3 4H7V11Z"
-              />
-            </g>
-          </svg>
-          <div
-            className="css-r5lgab-DropFileInput"
-          >
-            <span
-              className="css-1kr0aza"
-            >
-              Drag & Drop an image 
-or
-            </span>
-            <label
-              aria-label="Drag & Drop an image 
-or select one from your device (Image (JPG/PNG) size up to 1 MB, minimum 200 x 600 px)"
-              className="css-ylkvue"
-            >
-              <span>
-                select one from your device
-              </span>
-              <input
-                accept="image/png, image/jpeg"
-                className="css-5ur8x"
-                data-testid="file-input"
-                onChange={[Function]}
-                type="file"
-              />
-            </label>
-          </div>
-        </div>
-      </div>
-      <p
-        className="css-14vo0st"
-      >
-        Image (JPG/PNG) size up to 1 MB, minimum 200 x 600 px
-      </p>
-    </div>
-  </div>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.js.snap
deleted file mode 100644
index 6b8b78ecdf..0000000000
--- a/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.js.snap
+++ /dev/null
@@ -1,17 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"ErrorMessage" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-1nm7o2l-ErrorMessage"
-  >
-    <span
-      className="css-1fgik08-ErrorMessage"
-    >
-      ErrorMessage
-    </span>
-  </div>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Form.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Form.test.js.snap
deleted file mode 100644
index f0e505af54..0000000000
--- a/packages/react-ui-kit/src/Form/__snapshots__/Form.test.js.snap
+++ /dev/null
@@ -1,13 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"Form" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <form
-    className="css-u7s9rg-Form"
-  >
-    Form
-  </form>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Input.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Input.test.js.snap
deleted file mode 100644
index f248053e88..0000000000
--- a/packages/react-ui-kit/src/Form/__snapshots__/Input.test.js.snap
+++ /dev/null
@@ -1,75 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"Input" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="input-group css-txgkx1"
-  >
-    <div
-      className="css-4qql51-Input"
-    >
-      <input
-        className="wireinput css-1aqzzyv"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`"Input" renders as disabled 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="input-group css-txgkx1"
-  >
-    <div
-      className="css-4qql51-Input"
-    >
-      <input
-        className="wireinput css-1rvq0cq"
-        disabled={true}
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`"Input" renders as invalid 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="input-group css-txgkx1"
-  >
-    <div
-      className="css-4qql51-Input"
-    >
-      <input
-        className="wireinput css-ofh3qg"
-      />
-    </div>
-  </div>
-</div>
-`;
-
-exports[`"Input" renders with placeholderTextTransform 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="input-group css-txgkx1"
-  >
-    <div
-      className="css-4qql51-Input"
-    >
-      <input
-        className="wireinput css-uxyw8l"
-        placeholder="Input"
-      />
-    </div>
-  </div>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.js.snap
deleted file mode 100644
index 6e0baa6c5f..0000000000
--- a/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.js.snap
+++ /dev/null
@@ -1,47 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"RangeInput" matches snapshot 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-7uml9n-StyledAppContainer"
-  >
-    <div
-      className="css-0"
-    >
-      <label
-        className="css-180k17q-InputLabel"
-        htmlFor="zoom-input"
-      >
-        Zoom
-      </label>
-      <div
-        className="css-irx2dz"
-      >
-        <span
-          className="css-1xle7h4"
-        >
-          -
-        </span>
-        <span
-          className="css-7g2ml5"
-        >
-          +
-        </span>
-        <input
-          className="css-5xbpwv"
-          id="zoom-input"
-          max={3}
-          min={1}
-          name="zoom-input"
-          onChange={[MockFunction]}
-          step={0.1}
-          type="range"
-          value={0}
-        />
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Select.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Select.test.js.snap
deleted file mode 100644
index 3997243f69..0000000000
--- a/packages/react-ui-kit/src/Form/__snapshots__/Select.test.js.snap
+++ /dev/null
@@ -1,271 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"Select" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-2ocyf0-Select"
-  >
-    <div
-      className=" css-dkntwv-SelectContainer"
-      onKeyDown={[Function]}
-    >
-      <div
-        tabIndex={0}
-      >
-        <span
-          className="css-1f43avz-a11yText-A11yText"
-          id="react-select-2-live-region"
-        />
-        <span
-          aria-atomic="false"
-          aria-live="polite"
-          aria-relevant="additions text"
-          className="css-1f43avz-a11yText-A11yText"
-        />
-        <div
-          className=" css-6smaub-Control"
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-        >
-          <div
-            className=" css-16ieua5-ValueContainer"
-          >
-            <div
-              className=" css-14el2xx-placeholder"
-              id="react-select-2-placeholder"
-            >
-              Select...
-            </div>
-             
-            <input
-              aria-autocomplete="list"
-              aria-describedby="react-select-2-placeholder"
-              aria-expanded={false}
-              aria-haspopup={true}
-              aria-readonly={true}
-              className="css-mohuvp-dummyInput-DummyInput"
-              disabled={false}
-              id="react-select-2-input"
-              inputMode="none"
-              onBlur={[Function]}
-              onChange={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              tabIndex={-1}
-              value=""
-            />
-          </div>
-          <div
-            className=" css-1hb7zxy-IndicatorsContainer"
-          >
-            <span
-              className=" css-1xjgjl1-IndicatorSeparator"
-            />
-            <div
-              aria-hidden="true"
-              className=" css-1186e7r-indicatorContainer"
-              onMouseDown={[Function]}
-              onTouchEnd={[Function]}
-            >
-              <svg
-                className="css-1tuya7p-DropdownIndicator"
-                height={16}
-                viewBox="0 0 16 16"
-                width={16}
-              >
-                <g>
-                  <path
-                    d="M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`"Select" renders as disabled 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-2ocyf0-Select"
-  >
-    <div
-      className=" css-19vi2h5-SelectContainer"
-      onKeyDown={[Function]}
-    >
-      <div
-        tabIndex={0}
-      >
-        <span
-          className="css-1f43avz-a11yText-A11yText"
-          id="react-select-3-live-region"
-        />
-        <span
-          aria-atomic="false"
-          aria-live="polite"
-          aria-relevant="additions text"
-          className="css-1f43avz-a11yText-A11yText"
-        />
-        <div
-          className=" css-6smaub-Control"
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-        >
-          <div
-            className=" css-16ieua5-ValueContainer"
-          >
-            <div
-              className=" css-14el2xx-placeholder"
-              id="react-select-3-placeholder"
-            >
-              Select...
-            </div>
-             
-            <input
-              aria-autocomplete="list"
-              aria-describedby="react-select-3-placeholder"
-              aria-expanded={false}
-              aria-haspopup={true}
-              aria-readonly={true}
-              className="css-mohuvp-dummyInput-DummyInput"
-              disabled={true}
-              id="react-select-3-input"
-              inputMode="none"
-              onBlur={[Function]}
-              onChange={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              tabIndex={-1}
-              value=""
-            />
-          </div>
-          <div
-            className=" css-1hb7zxy-IndicatorsContainer"
-          >
-            <span
-              className=" css-1xjgjl1-IndicatorSeparator"
-            />
-            <div
-              aria-hidden="true"
-              className=" css-zbce0a-indicatorContainer"
-              onMouseDown={[Function]}
-              onTouchEnd={[Function]}
-            >
-              <svg
-                className="css-1tuya7p-DropdownIndicator"
-                height={16}
-                viewBox="0 0 16 16"
-                width={16}
-              >
-                <g>
-                  <path
-                    d="M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`"Select" renders as invalid 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-yrzhnj-Select"
-  >
-    <div
-      className=" css-g607jh-SelectContainer"
-      onKeyDown={[Function]}
-    >
-      <div
-        tabIndex={0}
-      >
-        <span
-          className="css-1f43avz-a11yText-A11yText"
-          id="react-select-4-live-region"
-        />
-        <span
-          aria-atomic="false"
-          aria-live="polite"
-          aria-relevant="additions text"
-          className="css-1f43avz-a11yText-A11yText"
-        />
-        <div
-          className=" css-6smaub-Control"
-          onMouseDown={[Function]}
-          onTouchEnd={[Function]}
-        >
-          <div
-            className=" css-16ieua5-ValueContainer"
-          >
-            <div
-              className=" css-14el2xx-placeholder"
-              id="react-select-4-placeholder"
-            >
-              Select...
-            </div>
-             
-            <input
-              aria-autocomplete="list"
-              aria-describedby="react-select-4-placeholder"
-              aria-expanded={false}
-              aria-haspopup={true}
-              aria-readonly={true}
-              className="css-mohuvp-dummyInput-DummyInput"
-              disabled={false}
-              id="react-select-4-input"
-              inputMode="none"
-              onBlur={[Function]}
-              onChange={[Function]}
-              onFocus={[Function]}
-              role="combobox"
-              tabIndex={-1}
-              value=""
-            />
-          </div>
-          <div
-            className=" css-1hb7zxy-IndicatorsContainer"
-          >
-            <span
-              className=" css-1xjgjl1-IndicatorSeparator"
-            />
-            <div
-              aria-hidden="true"
-              className=" css-1186e7r-indicatorContainer"
-              onMouseDown={[Function]}
-              onTouchEnd={[Function]}
-            >
-              <svg
-                className="css-1tuya7p-DropdownIndicator"
-                height={16}
-                viewBox="0 0 16 16"
-                width={16}
-              >
-                <g>
-                  <path
-                    d="M7.99963 12.5711L15.6565 4.91421L14.2423 3.5L7.99963 9.74264L1.75699 3.5L0.342773 4.91421L7.99963 12.5711Z"
-                  />
-                </g>
-              </svg>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.js.snap
deleted file mode 100644
index ab71626ab3..0000000000
--- a/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.js.snap
+++ /dev/null
@@ -1,118 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"Switch" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <div
-    className="css-vlapzy-Switch"
-  >
-    <input
-      checked={false}
-      className="css-1mmu7i4-Switch"
-      id="3"
-      onChange={[Function]}
-      type="checkbox"
-    />
-    <label
-      className="css-m9in6d-Switch"
-      htmlFor="3"
-    >
-      <span
-        className="css-edcbmt-Switch"
-      />
-      <span
-        className="css-dm4yw9-Switch"
-      />
-    </label>
-  </div>
-</div>
-`;
-
-exports[`"Switch" renders checked 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-vlapzy-Switch"
-  >
-    <input
-      checked={true}
-      className="css-1mmu7i4-Switch"
-      id="2"
-      onChange={[Function]}
-      type="checkbox"
-    />
-    <label
-      className="css-m9in6d-Switch"
-      htmlFor="2"
-    >
-      <span
-        className="css-1cbbamx-Switch"
-      />
-      <span
-        className="css-xjd1wz-Switch"
-      />
-    </label>
-  </div>
-</div>
-`;
-
-exports[`"Switch" renders disabled 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-vlapzy-Switch"
-  >
-    <input
-      checked={false}
-      className="css-1mmu7i4-Switch"
-      disabled={true}
-      id="4"
-      onChange={[Function]}
-      type="checkbox"
-    />
-    <label
-      className="css-vjtkxv-Switch"
-      htmlFor="4"
-    >
-      <span
-        className="css-ryu7iu-Switch"
-      />
-      <span
-        className="css-1ywitsw-Switch"
-      />
-    </label>
-  </div>
-</div>
-`;
-
-exports[`"Switch" renders unchecked 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-vlapzy-Switch"
-  >
-    <input
-      checked={false}
-      className="css-1mmu7i4-Switch"
-      id="1"
-      onChange={[Function]}
-      type="checkbox"
-    />
-    <label
-      className="css-m9in6d-Switch"
-      htmlFor="1"
-    >
-      <span
-        className="css-edcbmt-Switch"
-      />
-      <span
-        className="css-dm4yw9-Switch"
-      />
-    </label>
-  </div>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.js.snap b/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.js.snap
deleted file mode 100644
index ddd3dbb258..0000000000
--- a/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.js.snap
+++ /dev/null
@@ -1,51 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"TextArea" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <textarea
-    className="textarea css-1lmm8uy"
-  >
-    TextArea
-  </textarea>
-</div>
-`;
-
-exports[`"TextArea" renders as disabled 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <textarea
-    className="textarea css-1lu21pm"
-    disabled={true}
-  >
-    TextArea
-  </textarea>
-</div>
-`;
-
-exports[`"TextArea" renders as invalid 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <textarea
-    className="textarea css-1xpn2km"
-  >
-    TextArea
-  </textarea>
-</div>
-`;
-
-exports[`"TextArea" renders with placeholderTextTransform 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <textarea
-    className="textarea css-v6j4u8"
-    placeholder="TextArea"
-  >
-    TextArea
-  </textarea>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.js.snap
deleted file mode 100644
index 3f7cadd40e..0000000000
--- a/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.js.snap
+++ /dev/null
@@ -1,73 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"Heading" renders H! (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <h1
-    className="css-l5qfww-H1"
-  >
-    H1
-  </h1>
-</div>
-`;
-
-exports[`"Heading" renders H1 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <h1
-    className="css-1mxde5b-H1"
-  >
-    H1
-  </h1>
-</div>
-`;
-
-exports[`"Heading" renders H1 2`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <h1
-    className="css-1mxde5b-H1"
-  >
-    H1
-  </h1>
-</div>
-`;
-
-exports[`"Heading" renders H2 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <h2
-    className="css-7ld864-H2"
-  >
-    H2
-  </h2>
-</div>
-`;
-
-exports[`"Heading" renders H3 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <h3
-    className="css-1i6ms6d-H3"
-  >
-    H3
-  </h3>
-</div>
-`;
-
-exports[`"Heading" renders H4 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <h3
-    className="css-1gksb4j-H4"
-  >
-    H4
-  </h3>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Label.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Label.test.js.snap
deleted file mode 100644
index d8b62487d3..0000000000
--- a/packages/react-ui-kit/src/Text/__snapshots__/Label.test.js.snap
+++ /dev/null
@@ -1,49 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"InputLabel" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <label
-    className="css-evu342-Label"
-  >
-    Label
-  </label>
-</div>
-`;
-
-exports[`"InputLabel" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <label
-    className="css-evu342-Label"
-  >
-    Label
-  </label>
-</div>
-`;
-
-exports[`"LabelLink" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <a
-    className="css-yrhris-LabelLink"
-  >
-    LabelLink
-  </a>
-</div>
-`;
-
-exports[`"LabelLink" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <a
-    className="css-1jufn2v-LabelLink"
-  >
-    LabelLink
-  </a>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Line.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Line.test.js.snap
deleted file mode 100644
index 9cd8b41249..0000000000
--- a/packages/react-ui-kit/src/Text/__snapshots__/Line.test.js.snap
+++ /dev/null
@@ -1,38 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"Line" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <hr
-    className="css-6n7l8x-Line"
-  >
-    Line
-  </hr>
-</div>
-`;
-
-exports[`"Line" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <hr
-    className="css-6n7l8x-Line"
-  >
-    Line
-  </hr>
-</div>
-`;
-
-exports[`"Line" renders with color 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <hr
-    className="css-hqylb4-Line"
-    color="#e02020"
-  >
-    Line
-  </hr>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Link.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Link.test.js.snap
deleted file mode 100644
index c19082e2c0..0000000000
--- a/packages/react-ui-kit/src/Text/__snapshots__/Link.test.js.snap
+++ /dev/null
@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"Link" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <a
-    className="css-50pib5-Link"
-    rel="noopener noreferrer"
-  >
-    Link
-  </a>
-</div>
-`;
-
-exports[`"Link" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <a
-    className="css-g0x2vf-Link"
-    rel="noopener noreferrer"
-  >
-    Link
-  </a>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.js.snap
deleted file mode 100644
index 935a507530..0000000000
--- a/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.js.snap
+++ /dev/null
@@ -1,49 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"Lead" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <p
-    className="css-bje2y9-Lead"
-  >
-    Lead
-  </p>
-</div>
-`;
-
-exports[`"Lead" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <p
-    className="css-h0aqb6-Lead"
-  >
-    Lead
-  </p>
-</div>
-`;
-
-exports[`"Paragraph" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <p
-    className="css-15evjgv-Paragraph"
-  >
-    Paragraph
-  </p>
-</div>
-`;
-
-exports[`"Paragraph" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <p
-    className="css-1by25mu-Paragraph"
-  >
-    Paragraph
-  </p>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Text.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Text.test.js.snap
deleted file mode 100644
index 4992e9e383..0000000000
--- a/packages/react-ui-kit/src/Text/__snapshots__/Text.test.js.snap
+++ /dev/null
@@ -1,205 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"Text" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <span
-    className="css-1xniryu"
-  >
-    Text
-  </span>
-</div>
-`;
-
-exports[`"Text" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-nm0i8o"
-  >
-    Text
-  </span>
-</div>
-`;
-
-exports[`"Text" renders as block 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-16vxtwd"
-  >
-    Text
-  </span>
-</div>
-`;
-
-exports[`"Text" renders bold 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-k4tiab"
-  >
-    Text
-  </span>
-</div>
-`;
-
-exports[`"Text" renders centered 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-1aut1m8"
-  >
-    Text
-  </span>
-</div>
-`;
-
-exports[`"Text" renders light 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-nurxuk"
-  >
-    Text
-  </span>
-</div>
-`;
-
-exports[`"Text" renders muted 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-9fs502"
-  >
-    Text
-  </span>
-</div>
-`;
-
-exports[`"Text" renders no wrap 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-1hzwasr"
-  >
-    Text
-  </span>
-</div>
-`;
-
-exports[`"Text" renders with color 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-1om3prj"
-  >
-    Text
-  </span>
-</div>
-`;
-
-exports[`"Text" renders with size 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-veh1h2"
-  >
-    Text
-  </span>
-</div>
-`;
-
-exports[`"Text" renders with textTransform 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-17oerc2"
-  >
-    Text
-  </span>
-</div>
-`;
-
-exports[`"Text" renders with truncation 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-17oerc2"
-  >
-    aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
-  </span>
-</div>
-`;
-
-exports[`Utility components renders Bold 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-k4tiab"
-  >
-    Bold
-  </span>
-</div>
-`;
-
-exports[`Utility components renders Large 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-m3p6w3"
-  >
-    Large
-  </span>
-</div>
-`;
-
-exports[`Utility components renders Muted 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-9fs502"
-  >
-    Muted
-  </span>
-</div>
-`;
-
-exports[`Utility components renders Small 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-1mag67q"
-  >
-    Small
-  </span>
-</div>
-`;
-
-exports[`Utility components renders Uppercase 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <span
-    className="css-17oerc2"
-  >
-    Uppercase
-  </span>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.js.snap
deleted file mode 100644
index f3888342f2..0000000000
--- a/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.js.snap
+++ /dev/null
@@ -1,27 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"TextLink" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <a
-    className="css-207ys5-TextLink"
-    rel="noopener noreferrer"
-  >
-    TextLink
-  </a>
-</div>
-`;
-
-exports[`"TextLink" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <a
-    className="css-207ys5-TextLink"
-    rel="noopener noreferrer"
-  >
-    TextLink
-  </a>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Title.test.js.snap b/packages/react-ui-kit/src/Text/__snapshots__/Title.test.js.snap
deleted file mode 100644
index 69f0e7fcd5..0000000000
--- a/packages/react-ui-kit/src/Text/__snapshots__/Title.test.js.snap
+++ /dev/null
@@ -1,25 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"Title" renders (dark theme) 1`] = `
-<div
-  className="css-1mc7zwm-StyledAppContainer"
->
-  <div
-    className="css-16j78gg-Title"
-  >
-    Title
-  </div>
-</div>
-`;
-
-exports[`"Title" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
->
-  <div
-    className="css-16j78gg-Title"
-  >
-    Title
-  </div>
-</div>
-`;
diff --git a/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.js.snap b/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.js.snap
deleted file mode 100644
index 3cf7560859..0000000000
--- a/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.js.snap
+++ /dev/null
@@ -1,7 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`"GlobalStyle" renders 1`] = `
-<div
-  className="css-7uml9n-StyledAppContainer"
-/>
-`;
diff --git a/packages/store-engine-dexie/jest.config.js b/packages/store-engine-dexie/jest.config.js
index 7c081e2abd..b2421a9e0b 100644
--- a/packages/store-engine-dexie/jest.config.js
+++ b/packages/store-engine-dexie/jest.config.js
@@ -19,13 +19,18 @@
 
 const { TextDecoder, TextEncoder } = require('util')
 
+const baseConfig = require('../../jest.config.base');
+
+const packageName = require('./package.json').name.split('@wireapp/').pop();
+
 module.exports = {
-  clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
-  transform: {
-    "^.+\\.(ts|tsx)$": "@swc/jest"
-  },
-  testEnvironment: "jsdom",
+  ...baseConfig,
+  roots: [`<rootDir>/packages/${packageName}`],
+  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
+  moduleDirectories: ['node_modules'],
+  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
+  displayName: packageName,
+  rootDir: '../..',
   moduleNameMapper: {
     '^dexie$': require.resolve('dexie'),
   },
@@ -37,3 +42,4 @@ module.exports = {
     TextEncoder,
   }
 };
+
diff --git a/packages/store-engine-dexie/package.json b/packages/store-engine-dexie/package.json
index 78ed68eca5..dc3d4e36ea 100644
--- a/packages/store-engine-dexie/package.json
+++ b/packages/store-engine-dexie/package.json
@@ -3,14 +3,8 @@
     "dexie": "3.2.2"
   },
   "devDependencies": {
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
-    "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
     "@wireapp/store-engine": "workspace:^",
-    "fake-indexeddb": "^4.0.0",
-    "jest": "^29.2.1",
-    "jest-environment-jsdom": "^29.2.1",
     "logdown": "3.3.1",
     "ts-node": "^10.9.1",
     "typescript": "4.8.4",
diff --git a/packages/store-engine-fs/jest.config.js b/packages/store-engine-fs/jest.config.js
index 70f63109f7..00a0a42493 100644
--- a/packages/store-engine-fs/jest.config.js
+++ b/packages/store-engine-fs/jest.config.js
@@ -17,11 +17,16 @@
  *
  */
 
+const baseConfig = require('../../jest.config.base');
+
+const packageName = require('./package.json').name.split('@wireapp/').pop();
+
 module.exports = {
-  clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
-  transform: {
-    "^.+\\.(ts|tsx)$": "@swc/jest"
-  },
-  testEnvironment: "jsdom"
+  ...baseConfig,
+  roots: [`<rootDir>/packages/${packageName}`],
+  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
+  moduleDirectories: ['node_modules'],
+  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
+  displayName: packageName,
+  rootDir: '../..',
 };
diff --git a/packages/store-engine-fs/package.json b/packages/store-engine-fs/package.json
index 3187262f11..39bf64cd52 100644
--- a/packages/store-engine-fs/package.json
+++ b/packages/store-engine-fs/package.json
@@ -3,14 +3,9 @@
     "fs-extra": "10.1.0"
   },
   "devDependencies": {
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
     "@types/fs-extra": "9.0.13",
-    "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
     "@wireapp/store-engine": "workspace:^",
-    "jest": "^29.2.1",
-    "jest-environment-jsdom": "^29.2.1",
     "ts-node": "10.9.1",
     "typescript": "4.8.4"
   },
diff --git a/packages/store-engine/jest.config.js b/packages/store-engine/jest.config.js
index 70f63109f7..00a0a42493 100644
--- a/packages/store-engine/jest.config.js
+++ b/packages/store-engine/jest.config.js
@@ -17,11 +17,16 @@
  *
  */
 
+const baseConfig = require('../../jest.config.base');
+
+const packageName = require('./package.json').name.split('@wireapp/').pop();
+
 module.exports = {
-  clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
-  transform: {
-    "^.+\\.(ts|tsx)$": "@swc/jest"
-  },
-  testEnvironment: "jsdom"
+  ...baseConfig,
+  roots: [`<rootDir>/packages/${packageName}`],
+  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
+  moduleDirectories: ['node_modules'],
+  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
+  displayName: packageName,
+  rootDir: '../..',
 };
diff --git a/packages/store-engine/src/main/test/createSpec.ts b/packages/store-engine/src/main/test/createSpec.ts
index d8c2c891a7..da199a6357 100644
--- a/packages/store-engine/src/main/test/createSpec.ts
+++ b/packages/store-engine/src/main/test/createSpec.ts
@@ -94,6 +94,7 @@ export const createSpec = {
     try {
       await engine.create(TABLE_NAME, PRIMARY_KEY, firstEntity);
       await engine.create(TABLE_NAME, PRIMARY_KEY, secondEntity);
+      throw new Error('Method is supposed to throw an error.');
     } catch (error) {
       expect(error).toEqual(expect.any(RecordAlreadyExistsError));
     }
diff --git a/packages/webapp-events/package.json b/packages/webapp-events/package.json
index a9fd71d1d3..288e4b6e32 100644
--- a/packages/webapp-events/package.json
+++ b/packages/webapp-events/package.json
@@ -1,8 +1,6 @@
 {
   "description": "Events shared between Wire's web app and desktop app.",
   "devDependencies": {
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
     "typescript": "4.8.4"
   },
   "files": [
diff --git a/yarn.lock b/yarn.lock
index 545c675d7d..562e5f46e2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5293,7 +5293,6 @@ __metadata:
     commander: 9.4.1
     cross-env: 7.0.3
     dotenv-defaults: 5.0.2
-    fake-indexeddb: 4.0.0
     hash.js: 1.1.7
     http-status-codes: 2.2.0
     idb: 7.1.0
@@ -5325,9 +5324,6 @@ __metadata:
 "@wireapp/eslint-config@workspace:packages/eslint-config":
   version: 0.0.0-use.local
   resolution: "@wireapp/eslint-config@workspace:packages/eslint-config"
-  dependencies:
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
   peerDependencies:
     "@babel/eslint-parser": ">=7"
     "@typescript-eslint/eslint-plugin": ">=3"
@@ -5349,8 +5345,6 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/license-collector@workspace:packages/license-collector"
   dependencies:
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
     "@types/fs-extra": 9.0.13
     "@types/npm-registry-package-info": 1.0.1
     fs-extra: 10.1.0
@@ -5372,9 +5366,6 @@ __metadata:
 "@wireapp/prettier-config@workspace:packages/prettier-config":
   version: 0.0.0-use.local
   resolution: "@wireapp/prettier-config@workspace:packages/prettier-config"
-  dependencies:
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
   languageName: unknown
   linkType: soft
 
@@ -5501,15 +5492,9 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/store-engine-dexie@workspace:packages/store-engine-dexie"
   dependencies:
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
-    "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
     "@wireapp/store-engine": "workspace:^"
     dexie: 3.2.2
-    fake-indexeddb: ^4.0.0
-    jest: ^29.2.1
-    jest-environment-jsdom: ^29.2.1
     logdown: 3.3.1
     ts-node: ^10.9.1
     typescript: 4.8.4
@@ -5523,15 +5508,10 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/store-engine-fs@workspace:packages/store-engine-fs"
   dependencies:
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
     "@types/fs-extra": 9.0.13
-    "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
     "@wireapp/store-engine": "workspace:^"
     fs-extra: 10.1.0
-    jest: ^29.2.1
-    jest-environment-jsdom: ^29.2.1
     ts-node: 10.9.1
     typescript: 4.8.4
   peerDependencies:
@@ -5571,8 +5551,6 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/webapp-events@workspace:packages/webapp-events"
   dependencies:
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
     typescript: 4.8.4
   languageName: unknown
   linkType: soft
@@ -10303,7 +10281,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"fake-indexeddb@npm:4.0.0, fake-indexeddb@npm:^4.0.0":
+"fake-indexeddb@npm:^4.0.0":
   version: 4.0.0
   resolution: "fake-indexeddb@npm:4.0.0"
   dependencies:
@@ -18916,6 +18894,7 @@ __metadata:
     eslint-plugin-react-hooks: 4.6.0
     eslint-plugin-simple-import-sort: 8.0.0
     eslint-plugin-unused-imports: 2.0.0
+    fake-indexeddb: ^4.0.0
     husky: 8.0.1
     jest: ^29.2.1
     jest-environment-jsdom: ^29.2.1

From 91b73dbef3ad2775cbdbc1aa7ed052899146b90f Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Fri, 21 Oct 2022 22:42:49 +0200
Subject: [PATCH 10/17] chore: remove duplicated copyright

---
 jest.config.js | 19 -------------------
 1 file changed, 19 deletions(-)

diff --git a/jest.config.js b/jest.config.js
index 88b89cdc4c..eec8b19d42 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -1,22 +1,3 @@
-/*
- * Wire
- * Copyright (C) 2022 Wire Swiss GmbH
- *
- * This program is free software: you can redistribute it and/or modify
- * it under the terms of the GNU General Public License as published by
- * the Free Software Foundation, either version 3 of the License, or
- * (at your option) any later version.
- *
- * This program is distributed in the hope that it will be useful,
- * but WITHOUT ANY WARRANTY; without even the implied warranty of
- * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
- * GNU General Public License for more details.
- *
- * You should have received a copy of the GNU General Public License
- * along with this program. If not, see http://www.gnu.org/licenses/.
- *
- */
-
 /*
  * Wire
  * Copyright (C) 2019 Wire Swiss GmbH

From 2cb45c39b7b3c34098b4bb9ce9c4583d6450c68a Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Fri, 21 Oct 2022 22:45:31 +0200
Subject: [PATCH 11/17] chore: copyright

---
 jest.config.base.js | 18 ++++++++++++++++++
 jest.config.js      |  2 +-
 2 files changed, 19 insertions(+), 1 deletion(-)

diff --git a/jest.config.base.js b/jest.config.base.js
index e89bef4ede..968545eb23 100644
--- a/jest.config.base.js
+++ b/jest.config.base.js
@@ -1,3 +1,21 @@
+/*
+ * Wire
+ * Copyright (C) 2022 Wire Swiss GmbH
+ *
+ * This program is free software: you can redistribute it and/or modify
+ * it under the terms of the GNU General Public License as published by
+ * the Free Software Foundation, either version 3 of the License, or
+ * (at your option) any later version.
+ *
+ * This program is distributed in the hope that it will be useful,
+ * but WITHOUT ANY WARRANTY; without even the implied warranty of
+ * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
+ * GNU General Public License for more details.
+ *
+ * You should have received a copy of the GNU General Public License
+ * along with this program. If not, see http://www.gnu.org/licenses/.
+ *
+ */
 module.exports = {
     clearMocks: true,
     testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
diff --git a/jest.config.js b/jest.config.js
index eec8b19d42..faf091d207 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -1,6 +1,6 @@
 /*
  * Wire
- * Copyright (C) 2019 Wire Swiss GmbH
+ * Copyright (C) 2021 Wire Swiss GmbH
  *
  * This program is free software: you can redistribute it and/or modify
  * it under the terms of the GNU General Public License as published by

From 4bae45089bb33a25723172e9f8dc89232232005b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Sat, 22 Oct 2022 10:42:34 +0200
Subject: [PATCH 12/17] fix: install jest only in root and call it from
 workspaces

---
 .yarnrc.yml                                   |   1 -
 package.json                                  |   3 +-
 .../{jest.config.ts => jest.config.js}        |   2 +-
 packages/api-client/package.json              |   7 +-
 packages/api-client/tsconfig.json             |   2 +-
 packages/bazinga64/package.json               |   7 +-
 packages/certificate-check/package.json       |   9 +-
 packages/cli-client/package.json              |   6 +-
 packages/commons/package.json                 |   9 +-
 packages/copy-config/package.json             |   8 +-
 packages/core/package.json                    |   7 +-
 packages/priority-queue/package.json          |  11 +-
 packages/promise-queue/package.json           |   9 +-
 packages/react-ui-kit/package.json            |  11 +-
 packages/store-engine-dexie/package.json      |   2 +-
 packages/store-engine-fs/package.json         |   3 +-
 packages/store-engine/package.json            |   7 +-
 yarn.lock                                     | 451 ++++++------------
 18 files changed, 158 insertions(+), 397 deletions(-)
 rename packages/api-client/{jest.config.ts => jest.config.js} (92%)

diff --git a/.yarnrc.yml b/.yarnrc.yml
index 248c94d2be..dd81395dd1 100644
--- a/.yarnrc.yml
+++ b/.yarnrc.yml
@@ -1,5 +1,4 @@
 nmHoistingLimits: workspaces
-
 nodeLinker: node-modules
 
 plugins:
diff --git a/package.json b/package.json
index da0ce3c330..9a6e403018 100644
--- a/package.json
+++ b/package.json
@@ -63,7 +63,8 @@
     "release": "yarn new-version && yarn new-publish",
     "test": "node bin/testUpdated.js",
     "test:all": "lerna run build && lerna run test",
-    "prepare": "husky install"
+    "prepare": "husky install",
+    "g:jest": "cd $INIT_CWD && jest"
   },
   "workspaces": {
     "packages": [
diff --git a/packages/api-client/jest.config.ts b/packages/api-client/jest.config.js
similarity index 92%
rename from packages/api-client/jest.config.ts
rename to packages/api-client/jest.config.js
index f248b55cda..e3aba2f1c5 100644
--- a/packages/api-client/jest.config.ts
+++ b/packages/api-client/jest.config.js
@@ -25,7 +25,7 @@ module.exports = {
   ...baseConfig,
   roots: [`<rootDir>/packages/${packageName}`],
   collectCoverageFrom: ['src/**/*.{ts,tsx}'],
-  moduleDirectories: ['node_modules'],
+  moduleDirectories: ['node_modules', `<rootDir>/packages/${packageName}/node_modules`],
   modulePaths: [`<rootDir>/packages/${packageName}/src/`],
   displayName: packageName,
   rootDir: '../..',
diff --git a/packages/api-client/package.json b/packages/api-client/package.json
index 841e9312ee..6bd7dc54af 100644
--- a/packages/api-client/package.json
+++ b/packages/api-client/package.json
@@ -22,11 +22,8 @@
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.18.6",
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
     "@types/axios": "^0.14.0",
     "@types/babel__preset-env": "^7",
-    "@types/jest": "^29.2.0",
     "@types/spark-md5": "3.0.2",
     "@types/tough-cookie": "4.0.1",
     "@types/ws": "8.5.3",
@@ -37,8 +34,6 @@
     "concurrently": "7.4.0",
     "cross-env": "7.0.3",
     "dotenv": "16.0.3",
-    "jest": "^29.2.1",
-    "jest-environment-jsdom": "^29.2.1",
     "nock": "13.2.9",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -67,7 +62,7 @@
     "dist": "yarn clean && yarn build",
     "start": "concurrently \"tsc -w\" \"webpack -w\" \"browser-sync start -c bs-config.js\"",
     "start:node": "cross-env NODE_DEBUG='@wireapp*' node --inspect -r ts-node/register demo.ts",
-    "test": "jest",
+    "test": "yarn g:jest",
     "watch": "webpack serve --config webpack.browser.js",
     "prepare": "yarn dist"
   },
diff --git a/packages/api-client/tsconfig.json b/packages/api-client/tsconfig.json
index 879a027fb0..184b42e465 100644
--- a/packages/api-client/tsconfig.json
+++ b/packages/api-client/tsconfig.json
@@ -4,6 +4,6 @@
     "outDir": "src",
     "rootDir": "src"
   },
-  "exclude": ["jest.config.ts", "node_modules", "demo.ts"],
+  "exclude": ["jest.config.js", "node_modules", "demo.ts"],
   "extends": "../../tsconfig.json"
 }
diff --git a/packages/bazinga64/package.json b/packages/bazinga64/package.json
index 4d107800a3..b4ebe27b6a 100644
--- a/packages/bazinga64/package.json
+++ b/packages/bazinga64/package.json
@@ -1,13 +1,8 @@
 {
   "description": "Base64 encoding and decoding with ASCII string representation.",
   "devDependencies": {
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
-    "@types/jest": "^29.2.0",
     "@types/libsodium-wrappers-sumo": "0.7.5",
     "cross-env": "7.0.3",
-    "jest": "^29.2.1",
-    "jest-environment-jsdom": "^29.2.1",
     "libsodium-wrappers-sumo": "0.7.10",
     "ts-node": "10.9.1"
   },
@@ -39,7 +34,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest"
+"test": "yarn g:jest"
   },
   "version": "5.11.10"
 }
diff --git a/packages/certificate-check/package.json b/packages/certificate-check/package.json
index 6d2e391b07..25cff7819b 100644
--- a/packages/certificate-check/package.json
+++ b/packages/certificate-check/package.json
@@ -4,12 +4,7 @@
   },
   "description": "Utilities to check that Wire's domains use the expected certificate.",
   "devDependencies": {
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
-    "@types/jest": "^29.2.0",
     "@types/jsrsasign": "10.5.4",
-    "jest": "^29.2.1",
-    "jest-environment-jsdom": "^29.2.1",
     "ts-node": "^10.9.1"
   },
   "files": [
@@ -24,9 +19,7 @@
     "build": "tsc",
     "clean": "rimraf \"src/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn build && yarn test:node",
-    "test:project": "yarn dist && yarn test",
-    "test:node": "jest"
+"test": "yarn g:jest"
   },
   "version": "0.5.9"
 }
diff --git a/packages/cli-client/package.json b/packages/cli-client/package.json
index 7fd02243ea..f51404e792 100644
--- a/packages/cli-client/package.json
+++ b/packages/cli-client/package.json
@@ -12,8 +12,6 @@
     "fs-extra": "10.1.0"
   },
   "devDependencies": {
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
     "@types/fs-extra": "9.0.13"
   },
   "description": "Command-line interface for Wire's secure messaging platform.",
@@ -31,9 +29,7 @@
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
     "start": "ts-node -r tsconfig-paths/register src/index.ts",
-    "test": "yarn test:node",
-    "test:project": "yarn dist && yarn test",
-    "test:node": "exit 0"
+"test": "yarn g:jest"
   },
   "version": "11.2.34",
   "gitHead": "5339f01fe01ef0871da8c8bc8662fbe9e604754a"
diff --git a/packages/commons/package.json b/packages/commons/package.json
index f7691843fa..f72fe42750 100644
--- a/packages/commons/package.json
+++ b/packages/commons/package.json
@@ -1,10 +1,7 @@
 {
   "dependencies": {
-    "@types/jest": "^29.2.0",
     "ansi-regex": "5.0.1",
     "fs-extra": "10.1.0",
-    "jest": "^29.2.1",
-    "jest-environment-jsdom": "^29.2.1",
     "logdown": "3.3.1",
     "platform": "1.3.6"
   },
@@ -12,8 +9,6 @@
     "@babel/core": "^7.19.1",
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-typescript": "^7.18.6",
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
     "@types/babel__core": "^7",
     "@types/babel__preset-env": "^7",
     "@types/fs-extra": "9.0.13",
@@ -40,9 +35,9 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/!(test)/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest",
+"test": "yarn g:jest",
     "test:coverage": "yarn test",
-    "test:watch": "yarn test --watch"
+    "test:watch": "yarn g:jest --watch"
   },
   "version": "4.4.10"
 }
diff --git a/packages/copy-config/package.json b/packages/copy-config/package.json
index 2d28b374c3..d5bcf302b3 100644
--- a/packages/copy-config/package.json
+++ b/packages/copy-config/package.json
@@ -10,14 +10,9 @@
   },
   "description": "Wire's internal configuration copy tool",
   "devDependencies": {
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
     "@types/copy": "0.3.2",
     "@types/fs-extra": "9.0.13",
-    "@types/jest": "^29.2.0",
     "@types/rimraf": "^3",
-    "jest": "^29.2.1",
-    "jest-environment-jsdom": "^29.2.1",
     "rimraf": "^3.0.2"
   },
   "files": [
@@ -34,8 +29,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(*.test).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn test:node",
-    "test:node": "jest"
+"test": "yarn g:jest"
   },
   "version": "1.3.10"
 }
diff --git a/packages/core/package.json b/packages/core/package.json
index 9ebdbd395e..ae9a8bf86c 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -24,10 +24,7 @@
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-typescript": "^7.18.6",
     "@faker-js/faker": "^7.6.0",
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
     "@types/babel__core": "^7",
-    "@types/jest": "^29.2.0",
     "@types/long": "4.0.1",
     "@types/tough-cookie": "4.0.2",
     "@wireapp/commons": "workspace:^",
@@ -35,8 +32,6 @@
     "commander": "9.4.1",
     "cross-env": "7.0.3",
     "dotenv-defaults": "5.0.2",
-    "jest": "^29.2.1",
-    "jest-environment-jsdom": "^29.2.1",
     "jest-websocket-mock": "2.4.0",
     "mock-socket": "9.1.5",
     "nock": "13.2.9"
@@ -61,7 +56,7 @@
     "start": "yarn dist && node index.js",
     "start:echo": "cross-env NODE_DEBUG='@wireapp/core*' node src/demo/echo.js",
     "start:sender": "cross-env NODE_DEBUG='@wireapp/core*' node src/demo/sender.js",
-    "test": "jest",
+"test": "yarn g:jest",
     "watch": "tsc --watch"
   },
   "version": "34.1.1",
diff --git a/packages/priority-queue/package.json b/packages/priority-queue/package.json
index a448c6ad14..8180672505 100644
--- a/packages/priority-queue/package.json
+++ b/packages/priority-queue/package.json
@@ -1,7 +1,5 @@
 {
   "devDependencies": {
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
     "@types/karma": "6.3.3",
     "@types/node": "^18.11.2",
     "cross-env": "7.0.3",
@@ -32,12 +30,7 @@
     "build:node": "tsc",
     "clean": "rimraf .tmp \"src/main/{!(*.test*).js,*.js.map,*.d.ts}\" \"src/main/test/{*.js.map,*.d.ts}\" \"src/main/!(test)/{!(*.test*).js,*.js.map,*.d.ts}\" \"src/main/**/{!(*.test*|AccountHelper|StoreHelper).js,*.js.map,*.d.ts}\" \"src/main/**/*.node.js\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest"
+"test": "yarn g:jest"
   },
-  "version": "1.8.10",
-  "dependencies": {
-    "@types/jest": "^29.2.0",
-    "jest": "^29.2.1",
-    "jest-environment-jsdom": "^29.2.1"
-  }
+  "version": "1.8.10"
 }
diff --git a/packages/promise-queue/package.json b/packages/promise-queue/package.json
index ca86caa557..1732afb42b 100644
--- a/packages/promise-queue/package.json
+++ b/packages/promise-queue/package.json
@@ -3,13 +3,8 @@
     "@babel/core": "^7.19.1",
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-typescript": "7.18.6",
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
     "@types/babel__preset-env": "^7",
-    "@types/jest": "29.2.0",
-    "@wireapp/commons": "workspace:^",
-    "jest": "29.2.1",
-    "jest-environment-jsdom": "29.2.1"
+    "@wireapp/commons": "workspace:^"
   },
   "description": "A Promise-based dynamic queue runner.",
   "license": "GPL-3.0",
@@ -23,7 +18,7 @@
     "build": "tsc",
     "clean": "rimraf lib",
     "dist": "yarn clean && yarn build",
-    "test": "jest"
+"test": "yarn g:jest"
   },
   "version": "1.3.4"
 }
diff --git a/packages/react-ui-kit/package.json b/packages/react-ui-kit/package.json
index 7a184a95ed..e5ebf0a55b 100644
--- a/packages/react-ui-kit/package.json
+++ b/packages/react-ui-kit/package.json
@@ -16,17 +16,12 @@
     "@emotion/jest": "11.10.0",
     "@emotion/react": "^11.10.4",
     "@hot-loader/react-dom": "17.0.2",
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.4.0",
-    "@types/jest": "^29.2.0",
     "@types/react": "18.0.21",
     "@types/webpack-env": "1.18.0",
     "babel-jest": "29.2.1",
     "babel-loader": "8.2.5",
-    "jest": "29.2.1",
-    "jest-environment-jsdom": "29.2.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-helmet": "6.1.0",
@@ -64,9 +59,9 @@
     "clean": "rimraf \"src/**/*{.js,.js.map,.d.ts}\"",
     "dist": "yarn clean && yarn build",
     "start": "styleguidist server",
-    "test": "jest",
-    "test:watch": "yarn test --watch",
-    "test:update": "yarn test --updateSnapshot",
+"test": "yarn g:jest",
+    "test:watch": "yarn g:jest --watch",
+    "test:update": "yarn g:jest --updateSnapshot",
     "test:project": "yarn test"
   },
   "version": "8.17.5"
diff --git a/packages/store-engine-dexie/package.json b/packages/store-engine-dexie/package.json
index dc3d4e36ea..b2ae884c77 100644
--- a/packages/store-engine-dexie/package.json
+++ b/packages/store-engine-dexie/package.json
@@ -28,7 +28,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(test*).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest"
+"test": "yarn g:jest"
   },
   "version": "1.7.11"
 }
diff --git a/packages/store-engine-fs/package.json b/packages/store-engine-fs/package.json
index 39bf64cd52..9baff97db4 100644
--- a/packages/store-engine-fs/package.json
+++ b/packages/store-engine-fs/package.json
@@ -27,8 +27,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(test*).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest",
-    "test:project": "yarn build && yarn test"
+"test": "yarn g:jest"
   },
   "version": "2.5.11"
 }
diff --git a/packages/store-engine/package.json b/packages/store-engine/package.json
index 5666119bdd..9160402c9c 100644
--- a/packages/store-engine/package.json
+++ b/packages/store-engine/package.json
@@ -1,12 +1,7 @@
 {
   "devDependencies": {
-    "@swc/core": "^1.3.10",
-    "@swc/jest": "^0.2.23",
-    "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
     "@types/rimraf": "^3",
-    "jest": "^29.2.1",
-    "jest-environment-jsdom": "^29.2.1",
     "rimraf": "^3.0.2",
     "ts-node": "10.9.1",
     "typescript": "4.8.4",
@@ -37,7 +32,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "jest"
+"test": "yarn g:jest"
   },
   "version": "4.10.11"
 }
diff --git a/yarn.lock b/yarn.lock
index 562e5f46e2..64a293f4b2 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -191,7 +191,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/generator@npm:^7.19.0, @babel/generator@npm:^7.7.2":
+"@babel/generator@npm:^7.19.0":
   version: 7.19.0
   resolution: "@babel/generator@npm:7.19.0"
   dependencies:
@@ -213,6 +213,17 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/generator@npm:^7.19.6, @babel/generator@npm:^7.7.2":
+  version: 7.19.6
+  resolution: "@babel/generator@npm:7.19.6"
+  dependencies:
+    "@babel/types": ^7.19.4
+    "@jridgewell/gen-mapping": ^0.3.2
+    jsesc: ^2.5.1
+  checksum: 734fcb1fbef182e7b8967459cb39b81edd2701dd13170c154b368d4e086842f72ef214798c5a37e67e0a695dfb34b13143277bedcd9795b3b1b83da8e1d236c6
+  languageName: node
+  linkType: hard
+
 "@babel/helper-annotate-as-pure@npm:^7.14.5":
   version: 7.14.5
   resolution: "@babel/helper-annotate-as-pure@npm:7.14.5"
@@ -781,6 +792,15 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/parser@npm:^7.19.6":
+  version: 7.19.6
+  resolution: "@babel/parser@npm:7.19.6"
+  bin:
+    parser: ./bin/babel-parser.js
+  checksum: 9a3dca4ee3acd7e4fc3b58e1e1526a11fa334acbfe437f8ebf91dfaf48e943c147ef64b1733ba0a55af57d1eccafbf4e4a4afc46a15becd921971fe2ddf309bf
+  languageName: node
+  linkType: hard
+
 "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:^7.18.6":
   version: 7.18.6
   resolution: "@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@npm:7.18.6"
@@ -1921,7 +1941,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/traverse@npm:^7.19.0, @babel/traverse@npm:^7.19.1, @babel/traverse@npm:^7.7.2":
+"@babel/traverse@npm:^7.19.0, @babel/traverse@npm:^7.19.1":
   version: 7.19.1
   resolution: "@babel/traverse@npm:7.19.1"
   dependencies:
@@ -1957,6 +1977,24 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@babel/traverse@npm:^7.7.2":
+  version: 7.19.6
+  resolution: "@babel/traverse@npm:7.19.6"
+  dependencies:
+    "@babel/code-frame": ^7.18.6
+    "@babel/generator": ^7.19.6
+    "@babel/helper-environment-visitor": ^7.18.9
+    "@babel/helper-function-name": ^7.19.0
+    "@babel/helper-hoist-variables": ^7.18.6
+    "@babel/helper-split-export-declaration": ^7.18.6
+    "@babel/parser": ^7.19.6
+    "@babel/types": ^7.19.4
+    debug: ^4.1.0
+    globals: ^11.1.0
+  checksum: 3fafa244f7d0b696a9d38f5da016a8f8db4b08ac60a067b299a8f54d91fb7c70c3edf06f921221d333137e65ffb64392526e68fdcf596ec91e95720037789d66
+  languageName: node
+  linkType: hard
+
 "@babel/types@npm:^7.0.0, @babel/types@npm:^7.14.5, @babel/types@npm:^7.14.8, @babel/types@npm:^7.3.0, @babel/types@npm:^7.3.3, @babel/types@npm:^7.4.4":
   version: 7.14.9
   resolution: "@babel/types@npm:7.14.9"
@@ -2504,15 +2542,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/expect-utils@npm:^29.0.3":
-  version: 29.0.3
-  resolution: "@jest/expect-utils@npm:29.0.3"
-  dependencies:
-    jest-get-type: ^29.0.0
-  checksum: af6fa6e0b9cdf42f5778ff0b70c2049ec768598f720ea473773e0c0bebd2416a32ecbede94cfdc95572a021eda5302a9295a5c416ad5ce155c4ec277c40129da
-  languageName: node
-  linkType: hard
-
 "@jest/expect-utils@npm:^29.2.1":
   version: 29.2.1
   resolution: "@jest/expect-utils@npm:29.2.1"
@@ -2693,20 +2722,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jest/types@npm:^29.0.3":
-  version: 29.0.3
-  resolution: "@jest/types@npm:29.0.3"
-  dependencies:
-    "@jest/schemas": ^29.0.0
-    "@types/istanbul-lib-coverage": ^2.0.0
-    "@types/istanbul-reports": ^3.0.0
-    "@types/node": "*"
-    "@types/yargs": ^17.0.8
-    chalk: ^4.0.0
-  checksum: 3bd33e64d87a5421b860396ac7f7b9b8d5abbf0f300f4379bb20c8e3a6169fbbd078933ce0649827cd63e23330c4effeb6b222fa94e8dd0df638dfff6c1fed41
-  languageName: node
-  linkType: hard
-
 "@jest/types@npm:^29.2.1":
   version: 29.2.1
   resolution: "@jest/types@npm:29.2.1"
@@ -2783,17 +2798,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.14, @jridgewell/trace-mapping@npm:^0.3.15, @jridgewell/trace-mapping@npm:^0.3.9":
-  version: 0.3.15
-  resolution: "@jridgewell/trace-mapping@npm:0.3.15"
-  dependencies:
-    "@jridgewell/resolve-uri": ^3.0.3
-    "@jridgewell/sourcemap-codec": ^1.4.10
-  checksum: 38917e9c2b014d469a9f51c016ed506acbe44dd16ec2f6f99b553ebf3764d22abadbf992f2367b6d2b3511f3eae8ed3a8963f6c1030093fda23efd35ecab2bae
-  languageName: node
-  linkType: hard
-
-"@jridgewell/trace-mapping@npm:^0.3.8":
+"@jridgewell/trace-mapping@npm:^0.3.12, @jridgewell/trace-mapping@npm:^0.3.8":
   version: 0.3.17
   resolution: "@jridgewell/trace-mapping@npm:0.3.17"
   dependencies:
@@ -2803,6 +2808,16 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@jridgewell/trace-mapping@npm:^0.3.14, @jridgewell/trace-mapping@npm:^0.3.15, @jridgewell/trace-mapping@npm:^0.3.9":
+  version: 0.3.15
+  resolution: "@jridgewell/trace-mapping@npm:0.3.15"
+  dependencies:
+    "@jridgewell/resolve-uri": ^3.0.3
+    "@jridgewell/sourcemap-codec": ^1.4.10
+  checksum: 38917e9c2b014d469a9f51c016ed506acbe44dd16ec2f6f99b553ebf3764d22abadbf992f2367b6d2b3511f3eae8ed3a8963f6c1030093fda23efd35ecab2bae
+  languageName: node
+  linkType: hard
+
 "@leichtgewicht/ip-codec@npm:^2.0.1":
   version: 2.0.4
   resolution: "@leichtgewicht/ip-codec@npm:2.0.4"
@@ -4174,13 +4189,20 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/istanbul-lib-coverage@npm:*, @types/istanbul-lib-coverage@npm:^2.0.0, @types/istanbul-lib-coverage@npm:^2.0.1":
+"@types/istanbul-lib-coverage@npm:*, @types/istanbul-lib-coverage@npm:^2.0.0":
   version: 2.0.1
   resolution: "@types/istanbul-lib-coverage@npm:2.0.1"
   checksum: eb8abb8b56fb8f645c46c482c5a438d78fc44ce2eb82a47491d552eba94fc3d81bc404996f220921c16df3eb6126ec01890f4acaebd0f71249b37e110eacdd3a
   languageName: node
   linkType: hard
 
+"@types/istanbul-lib-coverage@npm:^2.0.1":
+  version: 2.0.4
+  resolution: "@types/istanbul-lib-coverage@npm:2.0.4"
+  checksum: a25d7589ee65c94d31464c16b72a9dc81dfa0bea9d3e105ae03882d616e2a0712a9c101a599ec482d297c3591e16336962878cb3eb1a0a62d5b76d277a890ce7
+  languageName: node
+  linkType: hard
+
 "@types/istanbul-lib-report@npm:*":
   version: 1.1.1
   resolution: "@types/istanbul-lib-report@npm:1.1.1"
@@ -4209,7 +4231,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@types/jest@npm:29.2.0, @types/jest@npm:^29.2.0":
+"@types/jest@npm:^29.2.0":
   version: 29.2.0
   resolution: "@types/jest@npm:29.2.0"
   dependencies:
@@ -4401,9 +4423,9 @@ __metadata:
   linkType: hard
 
 "@types/prettier@npm:^2.1.5":
-  version: 2.7.0
-  resolution: "@types/prettier@npm:2.7.0"
-  checksum: bf5d0c7c1270909b39399539ac106d20ddaa85fe92eb1d59922dc99159604b4f8d5e41b0045fb29c8011585cf5bca2350b7441ef3d9816c08bd0e10ebd4b31d4
+  version: 2.7.1
+  resolution: "@types/prettier@npm:2.7.1"
+  checksum: 5e3f58e229d6c73b5f5cae2e8f96c1c4a5b5805f83459e17a045ba8e96152b1d38e86b63e3172fb159dac923388699660862b75b2d37e54220805f0e691e26f1
   languageName: node
   linkType: hard
 
@@ -4544,9 +4566,9 @@ __metadata:
   linkType: hard
 
 "@types/stack-utils@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "@types/stack-utils@npm:2.0.0"
-  checksum: b3fbae25b073116977ecb5c67d22f14567b51a7792403b0bf46e5de8f29bde3bd4ec1626afb22065495ca7f1c699c8bd66720050c94b8f8f9bcefbee79d161fd
+  version: 2.0.1
+  resolution: "@types/stack-utils@npm:2.0.1"
+  checksum: 205fdbe3326b7046d7eaf5e494d8084f2659086a266f3f9cf00bccc549c8e36e407f88168ad4383c8b07099957ad669f75f2532ed4bc70be2b037330f7bae019
   languageName: node
   linkType: hard
 
@@ -5132,11 +5154,8 @@ __metadata:
     "@babel/preset-env": ^7.19.1
     "@babel/preset-react": 7.18.6
     "@babel/preset-typescript": 7.18.6
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
     "@types/axios": ^0.14.0
     "@types/babel__preset-env": ^7
-    "@types/jest": ^29.2.0
     "@types/spark-md5": 3.0.2
     "@types/tough-cookie": 4.0.1
     "@types/ws": 8.5.3
@@ -5153,8 +5172,6 @@ __metadata:
     cross-env: 7.0.3
     dotenv: 16.0.3
     http-status-codes: 2.2.0
-    jest: ^29.2.1
-    jest-environment-jsdom: ^29.2.1
     logdown: 3.3.1
     nock: 13.2.9
     react: 18.2.0
@@ -5181,12 +5198,7 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/certificate-check@workspace:packages/certificate-check"
   dependencies:
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
-    "@types/jest": ^29.2.0
     "@types/jsrsasign": 10.5.4
-    jest: ^29.2.1
-    jest-environment-jsdom: ^29.2.1
     jsrsasign: 10.5.27
     ts-node: ^10.9.1
   languageName: unknown
@@ -5196,8 +5208,6 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/cli-client@workspace:packages/cli-client"
   dependencies:
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
     "@types/fs-extra": 9.0.13
     "@wireapp/api-client": "workspace:^"
     "@wireapp/core": "workspace:^"
@@ -5218,18 +5228,13 @@ __metadata:
     "@babel/core": ^7.19.1
     "@babel/preset-env": ^7.19.1
     "@babel/preset-typescript": ^7.18.6
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
     "@types/babel__core": ^7
     "@types/babel__preset-env": ^7
     "@types/fs-extra": 9.0.13
-    "@types/jest": ^29.2.0
     "@types/platform": 1.3.4
     "@types/rimraf": ^3
     ansi-regex: 5.0.1
     fs-extra: 10.1.0
-    jest: ^29.2.1
-    jest-environment-jsdom: ^29.2.1
     logdown: 3.3.1
     platform: 1.3.6
     rimraf: ^3.0.2
@@ -5240,18 +5245,13 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/copy-config@workspace:packages/copy-config"
   dependencies:
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
     "@types/copy": 0.3.2
     "@types/fs-extra": 9.0.13
-    "@types/jest": ^29.2.0
     "@types/rimraf": ^3
     axios: 1.1.3
     copy: 0.3.2
     cosmiconfig: 7.0.1
     fs-extra: 10.1.0
-    jest: ^29.2.1
-    jest-environment-jsdom: ^29.2.1
     jszip: 3.10.1
     logdown: 3.3.1
     rimraf: ^3.0.2
@@ -5275,10 +5275,7 @@ __metadata:
     "@babel/preset-env": ^7.19.1
     "@babel/preset-typescript": ^7.18.6
     "@faker-js/faker": ^7.6.0
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
     "@types/babel__core": ^7
-    "@types/jest": ^29.2.0
     "@types/long": 4.0.1
     "@types/tough-cookie": 4.0.2
     "@wireapp/api-client": "workspace:^"
@@ -5296,8 +5293,6 @@ __metadata:
     hash.js: 1.1.7
     http-status-codes: 2.2.0
     idb: 7.1.0
-    jest: ^29.2.1
-    jest-environment-jsdom: ^29.2.1
     jest-websocket-mock: 2.4.0
     logdown: 3.3.1
     long: 4.0.0
@@ -5382,15 +5377,10 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/priority-queue@workspace:packages/priority-queue"
   dependencies:
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
-    "@types/jest": ^29.2.0
     "@types/karma": 6.3.3
     "@types/node": ^18.11.2
     cross-env: 7.0.3
     jasmine: 4.4.0
-    jest: ^29.2.1
-    jest-environment-jsdom: ^29.2.1
     karma: 6.4.1
     karma-chrome-launcher: 3.1.1
     karma-jasmine: 5.1.0
@@ -5410,13 +5400,8 @@ __metadata:
     "@babel/core": ^7.19.1
     "@babel/preset-env": ^7.19.1
     "@babel/preset-typescript": 7.18.6
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
     "@types/babel__preset-env": ^7
-    "@types/jest": 29.2.0
     "@wireapp/commons": "workspace:^"
-    jest: 29.2.1
-    jest-environment-jsdom: 29.2.1
   languageName: unknown
   linkType: soft
 
@@ -5454,20 +5439,15 @@ __metadata:
     "@emotion/jest": 11.10.0
     "@emotion/react": ^11.10.4
     "@hot-loader/react-dom": 17.0.2
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
     "@testing-library/jest-dom": 5.16.5
     "@testing-library/react": 13.4.0
     "@types/color": 3.0.3
-    "@types/jest": ^29.2.0
     "@types/react": 18.0.21
     "@types/webpack-env": 1.18.0
     babel-jest: 29.2.1
     babel-loader: 8.2.5
     color: 4.2.3
     emotion-normalize: 11.0.1
-    jest: 29.2.1
-    jest-environment-jsdom: 29.2.1
     react: 18.2.0
     react-dom: 18.2.0
     react-helmet: 6.1.0
@@ -5532,13 +5512,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/store-engine@workspace:packages/store-engine"
   dependencies:
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
-    "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
     "@types/rimraf": ^3
-    jest: ^29.2.1
-    jest-environment-jsdom: ^29.2.1
     rimraf: ^3.0.2
     ts-node: 10.9.1
     typescript: 4.8.4
@@ -5633,13 +5608,13 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-globals@npm:^6.0.0":
-  version: 6.0.0
-  resolution: "acorn-globals@npm:6.0.0"
+"acorn-globals@npm:^7.0.0":
+  version: 7.0.1
+  resolution: "acorn-globals@npm:7.0.1"
   dependencies:
-    acorn: ^7.1.1
-    acorn-walk: ^7.1.1
-  checksum: 72d95e5b5e585f9acd019b993ab8bbba68bb3cbc9d9b5c1ebb3c2f1fe5981f11deababfb4949f48e6262f9c57878837f5958c0cca396f81023814680ca878042
+    acorn: ^8.1.0
+    acorn-walk: ^8.0.2
+  checksum: 2a2998a547af6d0db5f0cdb90acaa7c3cbca6709010e02121fb8b8617c0fbd8bab0b869579903fde358ac78454356a14fadcc1a672ecb97b04b1c2ccba955ce8
   languageName: node
   linkType: hard
 
@@ -5670,14 +5645,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn-walk@npm:^7.1.1":
-  version: 7.2.0
-  resolution: "acorn-walk@npm:7.2.0"
-  checksum: 9252158a79b9d92f1bc0dd6acc0fcfb87a67339e84bcc301bb33d6078936d27e35d606b4d35626d2962cd43c256d6f27717e70cbe15c04fff999ab0b2260b21f
-  languageName: node
-  linkType: hard
-
-"acorn-walk@npm:^8.1.1":
+"acorn-walk@npm:^8.0.2, acorn-walk@npm:^8.1.1":
   version: 8.2.0
   resolution: "acorn-walk@npm:8.2.0"
   checksum: 1715e76c01dd7b2d4ca472f9c58968516a4899378a63ad5b6c2d668bba8da21a71976c14ec5f5b75f887b6317c4ae0b897ab141c831d741dc76024d8745f1ad1
@@ -5693,16 +5661,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"acorn@npm:^7.1.1":
-  version: 7.4.1
-  resolution: "acorn@npm:7.4.1"
-  bin:
-    acorn: bin/acorn
-  checksum: 1860f23c2107c910c6177b7b7be71be350db9e1080d814493fae143ae37605189504152d1ba8743ba3178d0b37269ce1ffc42b101547fdc1827078f82671e407
-  languageName: node
-  linkType: hard
-
-"acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.7.1, acorn@npm:^8.8.0":
+"acorn@npm:^8.1.0, acorn@npm:^8.4.1, acorn@npm:^8.5.0, acorn@npm:^8.7.1, acorn@npm:^8.8.0":
   version: 8.8.0
   resolution: "acorn@npm:8.8.0"
   bin:
@@ -6585,13 +6544,8 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "bazinga64@workspace:packages/bazinga64"
   dependencies:
-    "@swc/core": ^1.3.10
-    "@swc/jest": ^0.2.23
-    "@types/jest": ^29.2.0
     "@types/libsodium-wrappers-sumo": 0.7.5
     cross-env: 7.0.3
-    jest: ^29.2.1
-    jest-environment-jsdom: ^29.2.1
     libsodium-wrappers-sumo: 0.7.10
     ts-node: 10.9.1
   languageName: unknown
@@ -6788,13 +6742,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"browser-process-hrtime@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "browser-process-hrtime@npm:1.0.0"
-  checksum: e30f868cdb770b1201afb714ad1575dd86366b6e861900884665fb627109b3cc757c40067d3bfee1ff2a29c835257ea30725a8018a9afd02ac1c24b408b1e45f
-  languageName: node
-  linkType: hard
-
 "browser-sync-client@npm:^2.27.10":
   version: 2.27.10
   resolution: "browser-sync-client@npm:2.27.10"
@@ -7639,9 +7586,9 @@ __metadata:
   linkType: hard
 
 "collect-v8-coverage@npm:^1.0.0":
-  version: 1.0.0
-  resolution: "collect-v8-coverage@npm:1.0.0"
-  checksum: 99d6059eb0e04bf792e27824d43d1139ede28914b7f55ddedd9c43594926221579fa6925ecc7e2f47dec14f5199e5ea3afbfc1da9a32ad542f859022d57f9d80
+  version: 1.0.1
+  resolution: "collect-v8-coverage@npm:1.0.1"
+  checksum: 4efe0a1fccd517b65478a2364b33dadd0a43fc92a56f59aaece9b6186fe5177b2de471253587de7c91516f07c7268c2f6770b6cbcffc0e0ece353b766ec87e55
   languageName: node
   linkType: hard
 
@@ -8152,7 +8099,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"convert-source-map@npm:^1.1.0, convert-source-map@npm:^1.4.0, convert-source-map@npm:^1.5.0, convert-source-map@npm:^1.6.0, convert-source-map@npm:^1.7.0":
+"convert-source-map@npm:^1.1.0, convert-source-map@npm:^1.4.0, convert-source-map@npm:^1.5.0, convert-source-map@npm:^1.7.0":
   version: 1.7.0
   resolution: "convert-source-map@npm:1.7.0"
   dependencies:
@@ -8161,6 +8108,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"convert-source-map@npm:^1.6.0":
+  version: 1.9.0
+  resolution: "convert-source-map@npm:1.9.0"
+  checksum: dc55a1f28ddd0e9485ef13565f8f756b342f9a46c4ae18b843fe3c30c675d058d6a4823eff86d472f187b176f0adf51ea7b69ea38be34be4a63cbbf91b0593c8
+  languageName: node
+  linkType: hard
+
 "cookie-signature@npm:1.0.6":
   version: 1.0.6
   resolution: "cookie-signature@npm:1.0.6"
@@ -8602,10 +8556,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"decimal.js@npm:^10.3.1":
-  version: 10.4.1
-  resolution: "decimal.js@npm:10.4.1"
-  checksum: 5da6dc74af5b73d954741b24d404ef6da07841794d9e51412a2708ec384dd7b4bced3365fb178f4cd119b7ef45f0b34344014a4dc0494c8374c5e746df3cb410
+"decimal.js@npm:^10.4.1":
+  version: 10.4.2
+  resolution: "decimal.js@npm:10.4.2"
+  checksum: 536cd6816a3197f2e1aa3da4860856cb5a2db73f6fafe8cb3b924ccc63f9b7d78296acc13dccbd419bd958ccc6357921fb15467f883b37cab04bfba7044cada2
   languageName: node
   linkType: hard
 
@@ -8887,13 +8841,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"diff-sequences@npm:^29.0.0":
-  version: 29.0.0
-  resolution: "diff-sequences@npm:29.0.0"
-  checksum: 2c084a3db03ecde26f649f6f2559974e01e174451debeb301a7e17199e73423a8e8ddeb9a35ae38638c084b4fa51296a4a20fa7f44f3db0c0ba566bdc704ed3d
-  languageName: node
-  linkType: hard
-
 "diff-sequences@npm:^29.2.0":
   version: 29.2.0
   resolution: "diff-sequences@npm:29.2.0"
@@ -10163,20 +10110,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"expect@npm:^29.0.0":
-  version: 29.0.3
-  resolution: "expect@npm:29.0.3"
-  dependencies:
-    "@jest/expect-utils": ^29.0.3
-    jest-get-type: ^29.0.0
-    jest-matcher-utils: ^29.0.3
-    jest-message-util: ^29.0.3
-    jest-util: ^29.0.3
-  checksum: 21b7fd346c47896a3de8f1103d7be32dab9409eb3dc170b7a9ff5d8d564b8499bd600b9af6251fe2f46064cf4e2f1456a6c6318da15314b7d74ed6dad723b555
-  languageName: node
-  linkType: hard
-
-"expect@npm:^29.2.1":
+"expect@npm:^29.0.0, expect@npm:^29.2.1":
   version: 29.2.1
   resolution: "expect@npm:29.2.1"
   dependencies:
@@ -11737,9 +11671,9 @@ __metadata:
   linkType: hard
 
 "html-escaper@npm:^2.0.0":
-  version: 2.0.0
-  resolution: "html-escaper@npm:2.0.0"
-  checksum: 02124d0018e5cdc1cec632a1e8b57dce103fa27c448dd915ddc22b6dffbd697bdce0ee0c23429c36c5036b2c61ea16c63a5132dd51d8e3c75d58e38bbd3c19bf
+  version: 2.0.2
+  resolution: "html-escaper@npm:2.0.2"
+  checksum: d2df2da3ad40ca9ee3a39c5cc6475ef67c8f83c234475f24d8e9ce0dc80a2c82df8e1d6fa78ddd1e9022a586ea1bd247a615e80a5cd9273d90111ddda7d9e974
   languageName: node
   linkType: hard
 
@@ -13021,21 +12955,14 @@ __metadata:
   languageName: node
   linkType: hard
 
-"istanbul-lib-coverage@npm:^3.0.0":
-  version: 3.0.0
-  resolution: "istanbul-lib-coverage@npm:3.0.0"
-  checksum: ea57c2428858cc5d1e04c0e28b362950bbf6415e8ba1235cdd6f4c8dc3c57cb950db8b4e8a4f7e33abc240aa1eb816dba0d7285bdb8b70bda22bb2082492dbfc
-  languageName: node
-  linkType: hard
-
-"istanbul-lib-coverage@npm:^3.2.0":
+"istanbul-lib-coverage@npm:^3.0.0, istanbul-lib-coverage@npm:^3.2.0":
   version: 3.2.0
   resolution: "istanbul-lib-coverage@npm:3.2.0"
   checksum: a2a545033b9d56da04a8571ed05c8120bf10e9bce01cf8633a3a2b0d1d83dff4ac4fe78d6d5673c27fc29b7f21a41d75f83a36be09f82a61c367b56aa73c1ff9
   languageName: node
   linkType: hard
 
-"istanbul-lib-instrument@npm:^5.0.4, istanbul-lib-instrument@npm:^5.1.0":
+"istanbul-lib-instrument@npm:^5.0.4":
   version: 5.2.0
   resolution: "istanbul-lib-instrument@npm:5.2.0"
   dependencies:
@@ -13048,6 +12975,19 @@ __metadata:
   languageName: node
   linkType: hard
 
+"istanbul-lib-instrument@npm:^5.1.0":
+  version: 5.2.1
+  resolution: "istanbul-lib-instrument@npm:5.2.1"
+  dependencies:
+    "@babel/core": ^7.12.3
+    "@babel/parser": ^7.14.7
+    "@istanbuljs/schema": ^0.1.2
+    istanbul-lib-coverage: ^3.2.0
+    semver: ^6.3.0
+  checksum: bf16f1803ba5e51b28bbd49ed955a736488381e09375d830e42ddeb403855b2006f850711d95ad726f2ba3f1ae8e7366de7e51d2b9ac67dc4d80191ef7ddf272
+  languageName: node
+  linkType: hard
+
 "istanbul-lib-report@npm:^3.0.0":
   version: 3.0.0
   resolution: "istanbul-lib-report@npm:3.0.0"
@@ -13060,13 +13000,13 @@ __metadata:
   linkType: hard
 
 "istanbul-lib-source-maps@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "istanbul-lib-source-maps@npm:4.0.0"
+  version: 4.0.1
+  resolution: "istanbul-lib-source-maps@npm:4.0.1"
   dependencies:
     debug: ^4.1.1
     istanbul-lib-coverage: ^3.0.0
     source-map: ^0.6.1
-  checksum: 292bfb4083e5f8783cdf829a7686b1a377d0c6c2119d4343c8478e948b38146c4827cddc7eee9f57605acd63c291376d67e4a84163d37c5fc78ad0f27f7e2621
+  checksum: 21ad3df45db4b81852b662b8d4161f6446cd250c1ddc70ef96a585e2e85c26ed7cd9c2a396a71533cfb981d1a645508bc9618cae431e55d01a0628e7dec62ef2
   languageName: node
   linkType: hard
 
@@ -13232,18 +13172,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-diff@npm:^29.0.3":
-  version: 29.0.3
-  resolution: "jest-diff@npm:29.0.3"
-  dependencies:
-    chalk: ^4.0.0
-    diff-sequences: ^29.0.0
-    jest-get-type: ^29.0.0
-    pretty-format: ^29.0.3
-  checksum: 1e12b63ea6254ea25146b6fb19f8b2d1ba334e1b8b635a007767c17dc272728afbdf41ccccce26c2a40cd9c7f3176bcfed53be2572927a3fc7b1ee5fff43eb26
-  languageName: node
-  linkType: hard
-
 "jest-diff@npm:^29.2.1":
   version: 29.2.1
   resolution: "jest-diff@npm:29.2.1"
@@ -13278,7 +13206,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-environment-jsdom@npm:29.2.1, jest-environment-jsdom@npm:^29.2.1":
+"jest-environment-jsdom@npm:^29.2.1":
   version: 29.2.1
   resolution: "jest-environment-jsdom@npm:29.2.1"
   dependencies:
@@ -13320,13 +13248,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-get-type@npm:^29.0.0":
-  version: 29.0.0
-  resolution: "jest-get-type@npm:29.0.0"
-  checksum: 9abdd11d69788963a92fb9d813a7b887654ecc8f3a3c8bf83166d33aaf4d57ed380e74ab8ef106f57565dd235446ca6ebc607679f0c516c4633e6d09f0540a2b
-  languageName: node
-  linkType: hard
-
 "jest-get-type@npm:^29.2.0":
   version: 29.2.0
   resolution: "jest-get-type@npm:29.2.0"
@@ -13379,18 +13300,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-matcher-utils@npm:^29.0.3":
-  version: 29.0.3
-  resolution: "jest-matcher-utils@npm:29.0.3"
-  dependencies:
-    chalk: ^4.0.0
-    jest-diff: ^29.0.3
-    jest-get-type: ^29.0.0
-    pretty-format: ^29.0.3
-  checksum: e39ab74a046ada8fbd75a275bfe54bd5f8ec14a98f77e1162a49d4e1ea82e68c5a4575691767cea0f60dd0b74cb481275012bf3467cd91fdb014311c670b8a83
-  languageName: node
-  linkType: hard
-
 "jest-matcher-utils@npm:^29.2.1":
   version: 29.2.1
   resolution: "jest-matcher-utils@npm:29.2.1"
@@ -13403,23 +13312,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-message-util@npm:^29.0.3":
-  version: 29.0.3
-  resolution: "jest-message-util@npm:29.0.3"
-  dependencies:
-    "@babel/code-frame": ^7.12.13
-    "@jest/types": ^29.0.3
-    "@types/stack-utils": ^2.0.0
-    chalk: ^4.0.0
-    graceful-fs: ^4.2.9
-    micromatch: ^4.0.4
-    pretty-format: ^29.0.3
-    slash: ^3.0.0
-    stack-utils: ^2.0.3
-  checksum: 04bee1fee10106f4eb875092e5d06187930d44050a4f99e7aa1d1e42768b18d6d9e5439623d9242202942deb8a1eec08359e0cd19a43ae505d96aeaf243a3f8d
-  languageName: node
-  linkType: hard
-
 "jest-message-util@npm:^29.2.1":
   version: 29.2.1
   resolution: "jest-message-util@npm:29.2.1"
@@ -13585,20 +13477,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest-util@npm:^29.0.3":
-  version: 29.0.3
-  resolution: "jest-util@npm:29.0.3"
-  dependencies:
-    "@jest/types": ^29.0.3
-    "@types/node": "*"
-    chalk: ^4.0.0
-    ci-info: ^3.2.0
-    graceful-fs: ^4.2.9
-    picomatch: ^2.2.3
-  checksum: 39c31e75ba5bcb4c3ccdf0895f9fdbb83f839c432e7c6639a688beb414d681b5d50282da017c723ea1f2a7033e74a4938fd33dcff231c3e90f903173919991d5
-  languageName: node
-  linkType: hard
-
 "jest-util@npm:^29.2.1":
   version: 29.2.1
   resolution: "jest-util@npm:29.2.1"
@@ -13676,7 +13554,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"jest@npm:29.2.1, jest@npm:^29.2.1":
+"jest@npm:^29.2.1":
   version: 29.2.1
   resolution: "jest@npm:29.2.1"
   dependencies:
@@ -13754,16 +13632,16 @@ __metadata:
   linkType: hard
 
 "jsdom@npm:^20.0.0":
-  version: 20.0.0
-  resolution: "jsdom@npm:20.0.0"
+  version: 20.0.1
+  resolution: "jsdom@npm:20.0.1"
   dependencies:
     abab: ^2.0.6
-    acorn: ^8.7.1
-    acorn-globals: ^6.0.0
+    acorn: ^8.8.0
+    acorn-globals: ^7.0.0
     cssom: ^0.5.0
     cssstyle: ^2.3.0
     data-urls: ^3.0.2
-    decimal.js: ^10.3.1
+    decimal.js: ^10.4.1
     domexception: ^4.0.0
     escodegen: ^2.0.0
     form-data: ^4.0.0
@@ -13771,25 +13649,24 @@ __metadata:
     http-proxy-agent: ^5.0.0
     https-proxy-agent: ^5.0.1
     is-potential-custom-element-name: ^1.0.1
-    nwsapi: ^2.2.0
-    parse5: ^7.0.0
+    nwsapi: ^2.2.2
+    parse5: ^7.1.1
     saxes: ^6.0.0
     symbol-tree: ^3.2.4
-    tough-cookie: ^4.0.0
-    w3c-hr-time: ^1.0.2
+    tough-cookie: ^4.1.2
     w3c-xmlserializer: ^3.0.0
     webidl-conversions: ^7.0.0
     whatwg-encoding: ^2.0.0
     whatwg-mimetype: ^3.0.0
     whatwg-url: ^11.0.0
-    ws: ^8.8.0
+    ws: ^8.9.0
     xml-name-validator: ^4.0.0
   peerDependencies:
     canvas: ^2.5.0
   peerDependenciesMeta:
     canvas:
       optional: true
-  checksum: f69b40679d8cfaee2353615445aaff08b823c53dc7778ede6592d02ed12b3e9fb4e8db2b6d033551b67e08424a3adb2b79d231caa7dcda2d16019c20c705c11f
+  checksum: 9fc0b66a866f58a28e95f5a39b167ea663dc01c9754a019c356cc517d27ff0216055f37ace69e0f4414c51084adca8d5ec71c1e6faee3b8df0941a494167c3a0
   languageName: node
   linkType: hard
 
@@ -16212,10 +16089,10 @@ __metadata:
   languageName: node
   linkType: hard
 
-"nwsapi@npm:^2.2.0":
-  version: 2.2.0
-  resolution: "nwsapi@npm:2.2.0"
-  checksum: 5ef4a9bc0c1a5b7f2e014aa6a4b359a257503b796618ed1ef0eb852098f77e772305bb0e92856e4bbfa3e6c75da48c0113505c76f144555ff38867229c2400a7
+"nwsapi@npm:^2.2.2":
+  version: 2.2.2
+  resolution: "nwsapi@npm:2.2.2"
+  checksum: 43769106292bc95f776756ca2f3513dab7b4d506a97c67baec32406447841a35f65f29c1f95ab5d42785210fd41668beed33ca16fa058780be43b101ad73e205
   languageName: node
   linkType: hard
 
@@ -16915,7 +16792,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"parse5@npm:^7.0.0":
+"parse5@npm:^7.0.0, parse5@npm:^7.1.1":
   version: 7.1.1
   resolution: "parse5@npm:7.1.1"
   dependencies:
@@ -17293,18 +17170,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"pretty-format@npm:^29.0.0, pretty-format@npm:^29.0.3":
-  version: 29.0.3
-  resolution: "pretty-format@npm:29.0.3"
-  dependencies:
-    "@jest/schemas": ^29.0.0
-    ansi-styles: ^5.0.0
-    react-is: ^18.0.0
-  checksum: 239aa73b09919b195353e62530908b43883af66e3ba8ecb5fda77578b20f297fd774fcf53abbedcb6cfff72521e8a220052a49e6a0e29418082d06386da27bac
-  languageName: node
-  linkType: hard
-
-"pretty-format@npm:^29.2.1":
+"pretty-format@npm:^29.0.0, pretty-format@npm:^29.2.1":
   version: 29.2.1
   resolution: "pretty-format@npm:29.2.1"
   dependencies:
@@ -17388,17 +17254,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"prompts@npm:^2.0.1":
-  version: 2.4.0
-  resolution: "prompts@npm:2.4.0"
-  dependencies:
-    kleur: ^3.0.3
-    sisteransi: ^1.0.5
-  checksum: 96c7bef8eb3c0bb2076d2bc5ee473f06e6d8ac01ac4d0f378dfeb0ddaf2f31c339360ec8f0f8486f78601d16ebef7c6bd9886d44b937ba01bab568b937190265
-  languageName: node
-  linkType: hard
-
-"prompts@npm:^2.4.2":
+"prompts@npm:^2.0.1, prompts@npm:^2.4.2":
   version: 2.4.2
   resolution: "prompts@npm:2.4.2"
   dependencies:
@@ -20024,12 +19880,12 @@ __metadata:
   linkType: hard
 
 "string-length@npm:^4.0.1":
-  version: 4.0.1
-  resolution: "string-length@npm:4.0.1"
+  version: 4.0.2
+  resolution: "string-length@npm:4.0.2"
   dependencies:
     char-regex: ^1.0.2
     strip-ansi: ^6.0.0
-  checksum: 7bd3191668ddafa6f574a8b17a1bd1b085737d64ceefa51f72cdd19c45a730422cd70d984eee7584d6e5b5c84b6318633c6d6a720a4bfd7c58769985fa77573e
+  checksum: ce85533ef5113fcb7e522bcf9e62cb33871aa99b3729cec5595f4447f660b0cefd542ca6df4150c97a677d58b0cb727a3fe09ac1de94071d05526c73579bf505
   languageName: node
   linkType: hard
 
@@ -20784,7 +20640,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tough-cookie@npm:4.1.2":
+"tough-cookie@npm:4.1.2, tough-cookie@npm:^4.1.2":
   version: 4.1.2
   resolution: "tough-cookie@npm:4.1.2"
   dependencies:
@@ -20796,17 +20652,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"tough-cookie@npm:^4.0.0":
-  version: 4.0.0
-  resolution: "tough-cookie@npm:4.0.0"
-  dependencies:
-    psl: ^1.1.33
-    punycode: ^2.1.1
-    universalify: ^0.1.2
-  checksum: 0891b37eb7d17faa3479d47f0dce2e3007f2583094ad272f2670d120fbcc3df3b0b0a631ba96ecad49f9e2297d93ff8995ce0d3292d08dd7eabe162f5b224d69
-  languageName: node
-  linkType: hard
-
 "tr46@npm:^2.1.0":
   version: 2.1.0
   resolution: "tr46@npm:2.1.0"
@@ -21347,7 +21192,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"universalify@npm:^0.1.0, universalify@npm:^0.1.2":
+"universalify@npm:^0.1.0":
   version: 0.1.2
   resolution: "universalify@npm:0.1.2"
   checksum: 40cdc60f6e61070fe658ca36016a8f4ec216b29bf04a55dce14e3710cc84c7448538ef4dad3728d0bfe29975ccd7bfb5f414c45e7b78883567fb31b246f02dff
@@ -21863,15 +21708,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"w3c-hr-time@npm:^1.0.2":
-  version: 1.0.2
-  resolution: "w3c-hr-time@npm:1.0.2"
-  dependencies:
-    browser-process-hrtime: ^1.0.0
-  checksum: ec3c2dacbf8050d917bbf89537a101a08c2e333b4c19155f7d3bedde43529d4339db6b3d049d9610789cb915f9515f8be037e0c54c079e9d4735c50b37ed52b9
-  languageName: node
-  linkType: hard
-
 "w3c-xmlserializer@npm:^3.0.0":
   version: 3.0.0
   resolution: "w3c-xmlserializer@npm:3.0.0"
@@ -22482,7 +22318,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ws@npm:8.9.0, ws@npm:^8.4.2":
+"ws@npm:8.9.0, ws@npm:^8.4.2, ws@npm:^8.9.0":
   version: 8.9.0
   resolution: "ws@npm:8.9.0"
   peerDependencies:
@@ -22497,21 +22333,6 @@ __metadata:
   languageName: node
   linkType: hard
 
-"ws@npm:^8.8.0":
-  version: 8.8.1
-  resolution: "ws@npm:8.8.1"
-  peerDependencies:
-    bufferutil: ^4.0.1
-    utf-8-validate: ^5.0.2
-  peerDependenciesMeta:
-    bufferutil:
-      optional: true
-    utf-8-validate:
-      optional: true
-  checksum: 2152cf862cae0693f3775bc688a6afb2e989d19d626d215e70f5fcd8eb55b1c3b0d3a6a4052905ec320e2d7734e20aeedbf9744496d62f15a26ad79cf4cf7dae
-  languageName: node
-  linkType: hard
-
 "ws@npm:~8.2.3":
   version: 8.2.3
   resolution: "ws@npm:8.2.3"

From 87db674b4861b82d80355667469344394879183e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Sat, 22 Oct 2022 10:47:23 +0200
Subject: [PATCH 13/17] fix: throw errors in tests

---
 packages/api-client/src/http/HttpClient.test.ts | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/packages/api-client/src/http/HttpClient.test.ts b/packages/api-client/src/http/HttpClient.test.ts
index 77fa4d67f6..8cd7e06598 100644
--- a/packages/api-client/src/http/HttpClient.test.ts
+++ b/packages/api-client/src/http/HttpClient.test.ts
@@ -70,6 +70,7 @@ describe('HttpClient', () => {
 
       try {
         await client._sendRequest({method: 'GET', baseURL: testConfig.urls.rest, url: AuthAPI.URL.ACCESS});
+        throw new Error('Should not resolve');
       } catch (error) {
         expect((error as BackendError).message).toBe('Authentication failed because the token is invalid.');
       }
@@ -91,6 +92,7 @@ describe('HttpClient', () => {
 
     try {
       await client._sendRequest({method: 'GET', baseURL: testConfig.urls.rest, url: AuthAPI.URL.ACCESS});
+      throw new Error('Should not resolve');
     } catch (error) {
       expect((error as BackendError).message).toBe('Authentication failed because the cookie is missing.');
     }

From 3623d7a69c6e2b131ee0366250b546df82e2983b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Sat, 22 Oct 2022 11:15:43 +0200
Subject: [PATCH 14/17] fix: package without tests didnt need jest as execution

---
 packages/bazinga64/package.json          | 2 +-
 packages/certificate-check/package.json  | 2 +-
 packages/cli-client/package.json         | 2 +-
 packages/commons/package.json            | 2 +-
 packages/copy-config/package.json        | 2 +-
 packages/core/package.json               | 2 +-
 packages/priority-queue/package.json     | 2 +-
 packages/promise-queue/package.json      | 2 +-
 packages/react-ui-kit/package.json       | 2 +-
 packages/store-engine-dexie/package.json | 2 +-
 packages/store-engine-fs/package.json    | 2 +-
 packages/store-engine/package.json       | 2 +-
 12 files changed, 12 insertions(+), 12 deletions(-)

diff --git a/packages/bazinga64/package.json b/packages/bazinga64/package.json
index b4ebe27b6a..7e9c827cda 100644
--- a/packages/bazinga64/package.json
+++ b/packages/bazinga64/package.json
@@ -34,7 +34,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-"test": "yarn g:jest"
+    "test": "yarn g:jest"
   },
   "version": "5.11.10"
 }
diff --git a/packages/certificate-check/package.json b/packages/certificate-check/package.json
index 25cff7819b..10d1cdfb21 100644
--- a/packages/certificate-check/package.json
+++ b/packages/certificate-check/package.json
@@ -19,7 +19,7 @@
     "build": "tsc",
     "clean": "rimraf \"src/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-"test": "yarn g:jest"
+    "test": "yarn g:jest"
   },
   "version": "0.5.9"
 }
diff --git a/packages/cli-client/package.json b/packages/cli-client/package.json
index f51404e792..ff8ab034db 100644
--- a/packages/cli-client/package.json
+++ b/packages/cli-client/package.json
@@ -29,7 +29,7 @@
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
     "start": "ts-node -r tsconfig-paths/register src/index.ts",
-"test": "yarn g:jest"
+    "test": "exit 0"
   },
   "version": "11.2.34",
   "gitHead": "5339f01fe01ef0871da8c8bc8662fbe9e604754a"
diff --git a/packages/commons/package.json b/packages/commons/package.json
index f72fe42750..48e7e5a36b 100644
--- a/packages/commons/package.json
+++ b/packages/commons/package.json
@@ -35,7 +35,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/!(test)/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-"test": "yarn g:jest",
+    "test": "yarn g:jest",
     "test:coverage": "yarn test",
     "test:watch": "yarn g:jest --watch"
   },
diff --git a/packages/copy-config/package.json b/packages/copy-config/package.json
index d5bcf302b3..2df138e3bb 100644
--- a/packages/copy-config/package.json
+++ b/packages/copy-config/package.json
@@ -29,7 +29,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(*.test).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-"test": "yarn g:jest"
+    "test": "yarn g:jest"
   },
   "version": "1.3.10"
 }
diff --git a/packages/core/package.json b/packages/core/package.json
index ae9a8bf86c..01927b0284 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -56,7 +56,7 @@
     "start": "yarn dist && node index.js",
     "start:echo": "cross-env NODE_DEBUG='@wireapp/core*' node src/demo/echo.js",
     "start:sender": "cross-env NODE_DEBUG='@wireapp/core*' node src/demo/sender.js",
-"test": "yarn g:jest",
+    "test": "yarn g:jest",
     "watch": "tsc --watch"
   },
   "version": "34.1.1",
diff --git a/packages/priority-queue/package.json b/packages/priority-queue/package.json
index 8180672505..c8c84e79c3 100644
--- a/packages/priority-queue/package.json
+++ b/packages/priority-queue/package.json
@@ -30,7 +30,7 @@
     "build:node": "tsc",
     "clean": "rimraf .tmp \"src/main/{!(*.test*).js,*.js.map,*.d.ts}\" \"src/main/test/{*.js.map,*.d.ts}\" \"src/main/!(test)/{!(*.test*).js,*.js.map,*.d.ts}\" \"src/main/**/{!(*.test*|AccountHelper|StoreHelper).js,*.js.map,*.d.ts}\" \"src/main/**/*.node.js\"",
     "dist": "yarn clean && yarn build",
-"test": "yarn g:jest"
+    "test": "yarn g:jest"
   },
   "version": "1.8.10"
 }
diff --git a/packages/promise-queue/package.json b/packages/promise-queue/package.json
index 1732afb42b..05542a7f34 100644
--- a/packages/promise-queue/package.json
+++ b/packages/promise-queue/package.json
@@ -18,7 +18,7 @@
     "build": "tsc",
     "clean": "rimraf lib",
     "dist": "yarn clean && yarn build",
-"test": "yarn g:jest"
+    "test": "yarn g:jest"
   },
   "version": "1.3.4"
 }
diff --git a/packages/react-ui-kit/package.json b/packages/react-ui-kit/package.json
index e5ebf0a55b..909532e044 100644
--- a/packages/react-ui-kit/package.json
+++ b/packages/react-ui-kit/package.json
@@ -59,7 +59,7 @@
     "clean": "rimraf \"src/**/*{.js,.js.map,.d.ts}\"",
     "dist": "yarn clean && yarn build",
     "start": "styleguidist server",
-"test": "yarn g:jest",
+    "test": "yarn g:jest",
     "test:watch": "yarn g:jest --watch",
     "test:update": "yarn g:jest --updateSnapshot",
     "test:project": "yarn test"
diff --git a/packages/store-engine-dexie/package.json b/packages/store-engine-dexie/package.json
index b2ae884c77..ee80f0a83c 100644
--- a/packages/store-engine-dexie/package.json
+++ b/packages/store-engine-dexie/package.json
@@ -28,7 +28,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(test*).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-"test": "yarn g:jest"
+    "test": "yarn g:jest"
   },
   "version": "1.7.11"
 }
diff --git a/packages/store-engine-fs/package.json b/packages/store-engine-fs/package.json
index 9baff97db4..95d7a27a17 100644
--- a/packages/store-engine-fs/package.json
+++ b/packages/store-engine-fs/package.json
@@ -27,7 +27,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(test*).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-"test": "yarn g:jest"
+    "test": "yarn g:jest"
   },
   "version": "2.5.11"
 }
diff --git a/packages/store-engine/package.json b/packages/store-engine/package.json
index 9160402c9c..612ae8b455 100644
--- a/packages/store-engine/package.json
+++ b/packages/store-engine/package.json
@@ -32,7 +32,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-"test": "yarn g:jest"
+    "test": "yarn g:jest"
   },
   "version": "4.10.11"
 }

From 6beb0a6c7fa8c5488c97612fc5431f1b7cdf3c03 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Mon, 24 Oct 2022 09:52:01 +0200
Subject: [PATCH 15/17] chore: remove not necessary settings from jest, have
 every package manage their own node modules

---
 jest.config.js                             |  3 --
 package.json                               |  5 +--
 packages/api-client/jest.config.js         |  8 ----
 packages/api-client/package.json           |  7 +++-
 packages/bazinga64/jest.config.js          | 10 +----
 packages/bazinga64/package.json            |  7 +++-
 packages/certificate-check/jest.config.js  |  8 ----
 packages/certificate-check/package.json    |  7 +++-
 packages/commons/jest.config.js            |  8 ----
 packages/commons/package.json              |  6 ++-
 packages/copy-config/jest.config.js        |  8 ----
 packages/copy-config/package.json          |  7 +++-
 packages/core/jest.config.js               |  7 +---
 packages/core/package.json                 |  7 +++-
 packages/priority-queue/jest.config.js     |  9 ++--
 packages/priority-queue/package.json       |  7 +++-
 packages/promise-queue/jest.config.js      |  8 ----
 packages/promise-queue/package.json        |  9 +++-
 packages/react-ui-kit/jest.config.js       |  8 ----
 packages/react-ui-kit/package.json         | 12 ++++--
 packages/store-engine-dexie/jest.config.js | 11 +----
 packages/store-engine-dexie/package.json   |  8 +++-
 packages/store-engine-fs/jest.config.js    |  8 ----
 packages/store-engine-fs/package.json      |  7 +++-
 packages/store-engine/jest.config.js       |  8 ----
 packages/store-engine/package.json         |  7 +++-
 yarn.lock                                  | 49 ++++++++++++++++++++++
 27 files changed, 135 insertions(+), 114 deletions(-)

diff --git a/jest.config.js b/jest.config.js
index faf091d207..a01715c0d5 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -26,8 +26,5 @@ module.exports = {
   collectCoverageFrom: [
     '<rootDir>/packages/*/src/**/*.{ts,tsx}',
   ],
-  moduleDirectories: [
-    'node_modules',
-  ],
 };
 
diff --git a/package.json b/package.json
index 9a6e403018..56fb1df362 100644
--- a/package.json
+++ b/package.json
@@ -24,7 +24,6 @@
     "eslint-plugin-react-hooks": "4.6.0",
     "eslint-plugin-simple-import-sort": "8.0.0",
     "eslint-plugin-unused-imports": "2.0.0",
-    "fake-indexeddb": "^4.0.0",
     "husky": "8.0.1",
     "jest": "^29.2.1",
     "jest-environment-jsdom": "^29.2.1",
@@ -63,8 +62,8 @@
     "release": "yarn new-version && yarn new-publish",
     "test": "node bin/testUpdated.js",
     "test:all": "lerna run build && lerna run test",
-    "prepare": "husky install",
-    "g:jest": "cd $INIT_CWD && jest"
+    "test:coverage": "lerna run test:coverage",
+    "prepare": "husky install"
   },
   "workspaces": {
     "packages": [
diff --git a/packages/api-client/jest.config.js b/packages/api-client/jest.config.js
index e3aba2f1c5..8f02b29287 100644
--- a/packages/api-client/jest.config.js
+++ b/packages/api-client/jest.config.js
@@ -19,15 +19,7 @@
 
 const baseConfig = require('../../jest.config.base');
 
-const packageName = require('./package.json').name.split('@wireapp/').pop();
-
 module.exports = {
   ...baseConfig,
-  roots: [`<rootDir>/packages/${packageName}`],
-  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
-  moduleDirectories: ['node_modules', `<rootDir>/packages/${packageName}/node_modules`],
-  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
-  displayName: packageName,
-  rootDir: '../..',
   testEnvironment: 'node',
 };
diff --git a/packages/api-client/package.json b/packages/api-client/package.json
index 6bd7dc54af..984584695b 100644
--- a/packages/api-client/package.json
+++ b/packages/api-client/package.json
@@ -22,8 +22,11 @@
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-react": "7.18.6",
     "@babel/preset-typescript": "7.18.6",
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/axios": "^0.14.0",
     "@types/babel__preset-env": "^7",
+    "@types/jest": "^29.2.0",
     "@types/spark-md5": "3.0.2",
     "@types/tough-cookie": "4.0.1",
     "@types/ws": "8.5.3",
@@ -34,6 +37,7 @@
     "concurrently": "7.4.0",
     "cross-env": "7.0.3",
     "dotenv": "16.0.3",
+    "jest": "^29.2.1",
     "nock": "13.2.9",
     "react": "18.2.0",
     "react-dom": "18.2.0",
@@ -62,7 +66,8 @@
     "dist": "yarn clean && yarn build",
     "start": "concurrently \"tsc -w\" \"webpack -w\" \"browser-sync start -c bs-config.js\"",
     "start:node": "cross-env NODE_DEBUG='@wireapp*' node --inspect -r ts-node/register demo.ts",
-    "test": "yarn g:jest",
+    "test": "jest",
+    "test:coverage": "jest --coverage",
     "watch": "webpack serve --config webpack.browser.js",
     "prepare": "yarn dist"
   },
diff --git a/packages/bazinga64/jest.config.js b/packages/bazinga64/jest.config.js
index ac325d1a31..5134d6801e 100644
--- a/packages/bazinga64/jest.config.js
+++ b/packages/bazinga64/jest.config.js
@@ -19,14 +19,8 @@
 
 const baseConfig = require('../../jest.config.base');
 
-const packageName = require('./package.json').name;
-
 module.exports = {
   ...baseConfig,
-  roots: [`<rootDir>/packages/${packageName}`],
-  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
-  moduleDirectories: ['node_modules'],
-  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
-  displayName: packageName,
-  rootDir: '../..',
+  testEnvironment: 'node',
 };
+
diff --git a/packages/bazinga64/package.json b/packages/bazinga64/package.json
index 7e9c827cda..773a06379f 100644
--- a/packages/bazinga64/package.json
+++ b/packages/bazinga64/package.json
@@ -1,8 +1,12 @@
 {
   "description": "Base64 encoding and decoding with ASCII string representation.",
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
+    "@types/jest": "^29.2.0",
     "@types/libsodium-wrappers-sumo": "0.7.5",
     "cross-env": "7.0.3",
+    "jest": "^29.2.1",
     "libsodium-wrappers-sumo": "0.7.10",
     "ts-node": "10.9.1"
   },
@@ -34,7 +38,8 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn g:jest"
+    "test": "jest",
+    "test:coverage": "jest --coverage"
   },
   "version": "5.11.10"
 }
diff --git a/packages/certificate-check/jest.config.js b/packages/certificate-check/jest.config.js
index 00a0a42493..64167f685e 100644
--- a/packages/certificate-check/jest.config.js
+++ b/packages/certificate-check/jest.config.js
@@ -19,14 +19,6 @@
 
 const baseConfig = require('../../jest.config.base');
 
-const packageName = require('./package.json').name.split('@wireapp/').pop();
-
 module.exports = {
   ...baseConfig,
-  roots: [`<rootDir>/packages/${packageName}`],
-  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
-  moduleDirectories: ['node_modules'],
-  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
-  displayName: packageName,
-  rootDir: '../..',
 };
diff --git a/packages/certificate-check/package.json b/packages/certificate-check/package.json
index 10d1cdfb21..abcef65c6f 100644
--- a/packages/certificate-check/package.json
+++ b/packages/certificate-check/package.json
@@ -4,7 +4,11 @@
   },
   "description": "Utilities to check that Wire's domains use the expected certificate.",
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
+    "@types/jest": "^29.2.0",
     "@types/jsrsasign": "10.5.4",
+    "jest": "^29.2.1",
     "ts-node": "^10.9.1"
   },
   "files": [
@@ -19,7 +23,8 @@
     "build": "tsc",
     "clean": "rimraf \"src/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn g:jest"
+    "test": "jest",
+    "test:coverage": "jest --coverage"
   },
   "version": "0.5.9"
 }
diff --git a/packages/commons/jest.config.js b/packages/commons/jest.config.js
index 6a40548d1f..58601648e8 100644
--- a/packages/commons/jest.config.js
+++ b/packages/commons/jest.config.js
@@ -19,14 +19,6 @@
 
 const baseConfig = require('../../jest.config.base');
 
-const packageName = require('./package.json').name.split('@wireapp/').pop();
-
 module.exports = {
   ...baseConfig,
-  roots: [`<rootDir>/packages/${packageName}`],
-  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
-  moduleDirectories: ['node_modules'],
-  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
-  displayName: packageName,
-  rootDir: '../..',
 };
diff --git a/packages/commons/package.json b/packages/commons/package.json
index 48e7e5a36b..76358ac2db 100644
--- a/packages/commons/package.json
+++ b/packages/commons/package.json
@@ -9,11 +9,15 @@
     "@babel/core": "^7.19.1",
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-typescript": "^7.18.6",
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/babel__core": "^7",
     "@types/babel__preset-env": "^7",
     "@types/fs-extra": "9.0.13",
+    "@types/jest": "^29.2.0",
     "@types/platform": "1.3.4",
     "@types/rimraf": "^3",
+    "jest": "^29.2.1",
     "rimraf": "^3.0.2"
   },
   "description": "Collection of common components that are used across Wire web applications.",
@@ -35,7 +39,7 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/!(test)/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn g:jest",
+    "test": "jest",
     "test:coverage": "yarn test",
     "test:watch": "yarn g:jest --watch"
   },
diff --git a/packages/copy-config/jest.config.js b/packages/copy-config/jest.config.js
index 00a0a42493..64167f685e 100644
--- a/packages/copy-config/jest.config.js
+++ b/packages/copy-config/jest.config.js
@@ -19,14 +19,6 @@
 
 const baseConfig = require('../../jest.config.base');
 
-const packageName = require('./package.json').name.split('@wireapp/').pop();
-
 module.exports = {
   ...baseConfig,
-  roots: [`<rootDir>/packages/${packageName}`],
-  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
-  moduleDirectories: ['node_modules'],
-  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
-  displayName: packageName,
-  rootDir: '../..',
 };
diff --git a/packages/copy-config/package.json b/packages/copy-config/package.json
index 2df138e3bb..98a0baf5a4 100644
--- a/packages/copy-config/package.json
+++ b/packages/copy-config/package.json
@@ -10,9 +10,13 @@
   },
   "description": "Wire's internal configuration copy tool",
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/copy": "0.3.2",
     "@types/fs-extra": "9.0.13",
+    "@types/jest": "^29.2.0",
     "@types/rimraf": "^3",
+    "jest": "^29.2.1",
     "rimraf": "^3.0.2"
   },
   "files": [
@@ -29,7 +33,8 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(*.test).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn g:jest"
+    "test": "jest",
+    "test:coverage": "jest --coverage"
   },
   "version": "1.3.10"
 }
diff --git a/packages/core/jest.config.js b/packages/core/jest.config.js
index 1b4a8438fc..6e032fa9bc 100644
--- a/packages/core/jest.config.js
+++ b/packages/core/jest.config.js
@@ -17,14 +17,11 @@
  *
  */
 
+const baseConfig = require('../../jest.config.base');
 const { TextDecoder, TextEncoder } = require('util')
 
 module.exports = {
-  clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx)", "test/**/*.+(ts|tsx)",],
-  transform: {
-    "^.+\\.(ts|tsx)$": "@swc/jest"
-  },
+  ...baseConfig,
   testEnvironment: "node",
   globals: {
     TextDecoder,
diff --git a/packages/core/package.json b/packages/core/package.json
index 01927b0284..9fb90fdb75 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -24,7 +24,10 @@
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-typescript": "^7.18.6",
     "@faker-js/faker": "^7.6.0",
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/babel__core": "^7",
+    "@types/jest": "^29.2.0",
     "@types/long": "4.0.1",
     "@types/tough-cookie": "4.0.2",
     "@wireapp/commons": "workspace:^",
@@ -32,6 +35,7 @@
     "commander": "9.4.1",
     "cross-env": "7.0.3",
     "dotenv-defaults": "5.0.2",
+    "jest": "^29.2.1",
     "jest-websocket-mock": "2.4.0",
     "mock-socket": "9.1.5",
     "nock": "13.2.9"
@@ -56,7 +60,8 @@
     "start": "yarn dist && node index.js",
     "start:echo": "cross-env NODE_DEBUG='@wireapp/core*' node src/demo/echo.js",
     "start:sender": "cross-env NODE_DEBUG='@wireapp/core*' node src/demo/sender.js",
-    "test": "yarn g:jest",
+    "test": "jest",
+    "test:coverage": "jest --coverage",
     "watch": "tsc --watch"
   },
   "version": "34.1.1",
diff --git a/packages/priority-queue/jest.config.js b/packages/priority-queue/jest.config.js
index c9222b6f81..64167f685e 100644
--- a/packages/priority-queue/jest.config.js
+++ b/packages/priority-queue/jest.config.js
@@ -17,11 +17,8 @@
  *
  */
 
+const baseConfig = require('../../jest.config.base');
+
 module.exports = {
-  clearMocks: true,
-  testMatch: ["**/?(*.)+(spec|test).+(ts|tsx|js)", "test/**/*.+(ts|tsx|js)",],
-  transform: {
-    "^.+\\.(ts|tsx)$": "@swc/jest"
-  },
-  testEnvironment: "jsdom"
+  ...baseConfig,
 };
diff --git a/packages/priority-queue/package.json b/packages/priority-queue/package.json
index c8c84e79c3..0debae4232 100644
--- a/packages/priority-queue/package.json
+++ b/packages/priority-queue/package.json
@@ -1,9 +1,13 @@
 {
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
+    "@types/jest": "^29.2.0",
     "@types/karma": "6.3.3",
     "@types/node": "^18.11.2",
     "cross-env": "7.0.3",
     "jasmine": "4.4.0",
+    "jest": "^29.2.1",
     "karma": "6.4.1",
     "karma-chrome-launcher": "3.1.1",
     "karma-jasmine": "5.1.0",
@@ -30,7 +34,8 @@
     "build:node": "tsc",
     "clean": "rimraf .tmp \"src/main/{!(*.test*).js,*.js.map,*.d.ts}\" \"src/main/test/{*.js.map,*.d.ts}\" \"src/main/!(test)/{!(*.test*).js,*.js.map,*.d.ts}\" \"src/main/**/{!(*.test*|AccountHelper|StoreHelper).js,*.js.map,*.d.ts}\" \"src/main/**/*.node.js\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn g:jest"
+    "test": "jest",
+    "test:coverage": "jest --coverage"
   },
   "version": "1.8.10"
 }
diff --git a/packages/promise-queue/jest.config.js b/packages/promise-queue/jest.config.js
index 49db29d0bb..65743e667c 100644
--- a/packages/promise-queue/jest.config.js
+++ b/packages/promise-queue/jest.config.js
@@ -5,14 +5,6 @@
 
 const baseConfig = require('../../jest.config.base');
 
-const packageName = require('./package.json').name.split('@wireapp/').pop();
-
 module.exports = {
   ...baseConfig,
-  roots: [`<rootDir>/packages/${packageName}`],
-  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
-  moduleDirectories: ['node_modules'],
-  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
-  displayName: packageName,
-  rootDir: '../..',
 };
diff --git a/packages/promise-queue/package.json b/packages/promise-queue/package.json
index 05542a7f34..f0a30e045a 100644
--- a/packages/promise-queue/package.json
+++ b/packages/promise-queue/package.json
@@ -3,8 +3,12 @@
     "@babel/core": "^7.19.1",
     "@babel/preset-env": "^7.19.1",
     "@babel/preset-typescript": "7.18.6",
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/babel__preset-env": "^7",
-    "@wireapp/commons": "workspace:^"
+    "@types/jest": "^29.2.0",
+    "@wireapp/commons": "workspace:^",
+    "jest": "^29.2.1"
   },
   "description": "A Promise-based dynamic queue runner.",
   "license": "GPL-3.0",
@@ -18,7 +22,8 @@
     "build": "tsc",
     "clean": "rimraf lib",
     "dist": "yarn clean && yarn build",
-    "test": "yarn g:jest"
+    "test": "jest",
+    "test:coverage": "jest --coverage"
   },
   "version": "1.3.4"
 }
diff --git a/packages/react-ui-kit/jest.config.js b/packages/react-ui-kit/jest.config.js
index d3a3d38d68..cc5b7ab492 100644
--- a/packages/react-ui-kit/jest.config.js
+++ b/packages/react-ui-kit/jest.config.js
@@ -19,14 +19,6 @@
 
 const baseConfig = require('../../jest.config.base');
 
-const packageName = require('./package.json').name.split('@wireapp/').pop();
-
 module.exports = {
   ...baseConfig,
-  roots: [`<rootDir>/packages/${packageName}`],
-  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
-  moduleDirectories: ['node_modules'],
-  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
-  displayName: packageName,
-  rootDir: '../..',
 };
diff --git a/packages/react-ui-kit/package.json b/packages/react-ui-kit/package.json
index 909532e044..e9a624953e 100644
--- a/packages/react-ui-kit/package.json
+++ b/packages/react-ui-kit/package.json
@@ -16,12 +16,16 @@
     "@emotion/jest": "11.10.0",
     "@emotion/react": "^11.10.4",
     "@hot-loader/react-dom": "17.0.2",
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@testing-library/jest-dom": "5.16.5",
     "@testing-library/react": "13.4.0",
+    "@types/jest": "^29.2.0",
     "@types/react": "18.0.21",
     "@types/webpack-env": "1.18.0",
     "babel-jest": "29.2.1",
     "babel-loader": "8.2.5",
+    "jest": "^29.2.1",
     "react": "18.2.0",
     "react-dom": "18.2.0",
     "react-helmet": "6.1.0",
@@ -59,10 +63,10 @@
     "clean": "rimraf \"src/**/*{.js,.js.map,.d.ts}\"",
     "dist": "yarn clean && yarn build",
     "start": "styleguidist server",
-    "test": "yarn g:jest",
-    "test:watch": "yarn g:jest --watch",
-    "test:update": "yarn g:jest --updateSnapshot",
-    "test:project": "yarn test"
+    "test": "jest",
+    "test:coverage": "jest --coverage",
+    "test:watch": "jest --watch",
+    "test:update": "jest --updateSnapshot"
   },
   "version": "8.17.5"
 }
diff --git a/packages/store-engine-dexie/jest.config.js b/packages/store-engine-dexie/jest.config.js
index b2421a9e0b..54deff8dd7 100644
--- a/packages/store-engine-dexie/jest.config.js
+++ b/packages/store-engine-dexie/jest.config.js
@@ -17,20 +17,13 @@
  *
  */
 
-const { TextDecoder, TextEncoder } = require('util')
-
 const baseConfig = require('../../jest.config.base');
 
-const packageName = require('./package.json').name.split('@wireapp/').pop();
+const { TextDecoder, TextEncoder } = require('util')
+
 
 module.exports = {
   ...baseConfig,
-  roots: [`<rootDir>/packages/${packageName}`],
-  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
-  moduleDirectories: ['node_modules'],
-  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
-  displayName: packageName,
-  rootDir: '../..',
   moduleNameMapper: {
     '^dexie$': require.resolve('dexie'),
   },
diff --git a/packages/store-engine-dexie/package.json b/packages/store-engine-dexie/package.json
index ee80f0a83c..1d5b915b0d 100644
--- a/packages/store-engine-dexie/package.json
+++ b/packages/store-engine-dexie/package.json
@@ -3,8 +3,13 @@
     "dexie": "3.2.2"
   },
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
+    "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
     "@wireapp/store-engine": "workspace:^",
+    "fake-indexeddb": "^4.0.0",
+    "jest": "^29.2.1",
     "logdown": "3.3.1",
     "ts-node": "^10.9.1",
     "typescript": "4.8.4",
@@ -28,7 +33,8 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(test*).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn g:jest"
+    "test": "jest",
+    "test:coverage": "jest --coverage"
   },
   "version": "1.7.11"
 }
diff --git a/packages/store-engine-fs/jest.config.js b/packages/store-engine-fs/jest.config.js
index 00a0a42493..64167f685e 100644
--- a/packages/store-engine-fs/jest.config.js
+++ b/packages/store-engine-fs/jest.config.js
@@ -19,14 +19,6 @@
 
 const baseConfig = require('../../jest.config.base');
 
-const packageName = require('./package.json').name.split('@wireapp/').pop();
-
 module.exports = {
   ...baseConfig,
-  roots: [`<rootDir>/packages/${packageName}`],
-  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
-  moduleDirectories: ['node_modules'],
-  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
-  displayName: packageName,
-  rootDir: '../..',
 };
diff --git a/packages/store-engine-fs/package.json b/packages/store-engine-fs/package.json
index 95d7a27a17..94bb5c28d5 100644
--- a/packages/store-engine-fs/package.json
+++ b/packages/store-engine-fs/package.json
@@ -3,9 +3,13 @@
     "fs-extra": "10.1.0"
   },
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
     "@types/fs-extra": "9.0.13",
+    "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
     "@wireapp/store-engine": "workspace:^",
+    "jest": "^29.2.1",
     "ts-node": "10.9.1",
     "typescript": "4.8.4"
   },
@@ -27,7 +31,8 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/{!(test*).js,*.js.map,*.d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn g:jest"
+    "test": "jest",
+    "test:coverage": "jest --coverage"
   },
   "version": "2.5.11"
 }
diff --git a/packages/store-engine/jest.config.js b/packages/store-engine/jest.config.js
index 00a0a42493..64167f685e 100644
--- a/packages/store-engine/jest.config.js
+++ b/packages/store-engine/jest.config.js
@@ -19,14 +19,6 @@
 
 const baseConfig = require('../../jest.config.base');
 
-const packageName = require('./package.json').name.split('@wireapp/').pop();
-
 module.exports = {
   ...baseConfig,
-  roots: [`<rootDir>/packages/${packageName}`],
-  collectCoverageFrom: ['src/**/*.{ts,tsx}'],
-  moduleDirectories: ['node_modules'],
-  modulePaths: [`<rootDir>/packages/${packageName}/src/`],
-  displayName: packageName,
-  rootDir: '../..',
 };
diff --git a/packages/store-engine/package.json b/packages/store-engine/package.json
index 612ae8b455..1f2165b1fd 100644
--- a/packages/store-engine/package.json
+++ b/packages/store-engine/package.json
@@ -1,7 +1,11 @@
 {
   "devDependencies": {
+    "@swc/core": "^1.3.10",
+    "@swc/jest": "^0.2.23",
+    "@types/jest": "^29.2.0",
     "@types/node": "^18.11.2",
     "@types/rimraf": "^3",
+    "jest": "^29.2.1",
     "rimraf": "^3.0.2",
     "ts-node": "10.9.1",
     "typescript": "4.8.4",
@@ -32,7 +36,8 @@
     "build:node": "tsc",
     "clean": "rimraf \"src/**/*.{js?(.map),d.ts}\"",
     "dist": "yarn clean && yarn build",
-    "test": "yarn g:jest"
+    "test": "jest",
+    "test:coverage": "jest --coverage"
   },
   "version": "4.10.11"
 }
diff --git a/yarn.lock b/yarn.lock
index 64a293f4b2..04e09f8984 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -5154,8 +5154,11 @@ __metadata:
     "@babel/preset-env": ^7.19.1
     "@babel/preset-react": 7.18.6
     "@babel/preset-typescript": 7.18.6
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/axios": ^0.14.0
     "@types/babel__preset-env": ^7
+    "@types/jest": ^29.2.0
     "@types/spark-md5": 3.0.2
     "@types/tough-cookie": 4.0.1
     "@types/ws": 8.5.3
@@ -5172,6 +5175,7 @@ __metadata:
     cross-env: 7.0.3
     dotenv: 16.0.3
     http-status-codes: 2.2.0
+    jest: ^29.2.1
     logdown: 3.3.1
     nock: 13.2.9
     react: 18.2.0
@@ -5198,7 +5202,11 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/certificate-check@workspace:packages/certificate-check"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
+    "@types/jest": ^29.2.0
     "@types/jsrsasign": 10.5.4
+    jest: ^29.2.1
     jsrsasign: 10.5.27
     ts-node: ^10.9.1
   languageName: unknown
@@ -5228,13 +5236,17 @@ __metadata:
     "@babel/core": ^7.19.1
     "@babel/preset-env": ^7.19.1
     "@babel/preset-typescript": ^7.18.6
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/babel__core": ^7
     "@types/babel__preset-env": ^7
     "@types/fs-extra": 9.0.13
+    "@types/jest": ^29.2.0
     "@types/platform": 1.3.4
     "@types/rimraf": ^3
     ansi-regex: 5.0.1
     fs-extra: 10.1.0
+    jest: ^29.2.1
     logdown: 3.3.1
     platform: 1.3.6
     rimraf: ^3.0.2
@@ -5245,13 +5257,17 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/copy-config@workspace:packages/copy-config"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/copy": 0.3.2
     "@types/fs-extra": 9.0.13
+    "@types/jest": ^29.2.0
     "@types/rimraf": ^3
     axios: 1.1.3
     copy: 0.3.2
     cosmiconfig: 7.0.1
     fs-extra: 10.1.0
+    jest: ^29.2.1
     jszip: 3.10.1
     logdown: 3.3.1
     rimraf: ^3.0.2
@@ -5275,7 +5291,10 @@ __metadata:
     "@babel/preset-env": ^7.19.1
     "@babel/preset-typescript": ^7.18.6
     "@faker-js/faker": ^7.6.0
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/babel__core": ^7
+    "@types/jest": ^29.2.0
     "@types/long": 4.0.1
     "@types/tough-cookie": 4.0.2
     "@wireapp/api-client": "workspace:^"
@@ -5293,6 +5312,7 @@ __metadata:
     hash.js: 1.1.7
     http-status-codes: 2.2.0
     idb: 7.1.0
+    jest: ^29.2.1
     jest-websocket-mock: 2.4.0
     logdown: 3.3.1
     long: 4.0.0
@@ -5377,10 +5397,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/priority-queue@workspace:packages/priority-queue"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
+    "@types/jest": ^29.2.0
     "@types/karma": 6.3.3
     "@types/node": ^18.11.2
     cross-env: 7.0.3
     jasmine: 4.4.0
+    jest: ^29.2.1
     karma: 6.4.1
     karma-chrome-launcher: 3.1.1
     karma-jasmine: 5.1.0
@@ -5400,8 +5424,12 @@ __metadata:
     "@babel/core": ^7.19.1
     "@babel/preset-env": ^7.19.1
     "@babel/preset-typescript": 7.18.6
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/babel__preset-env": ^7
+    "@types/jest": ^29.2.0
     "@wireapp/commons": "workspace:^"
+    jest: ^29.2.1
   languageName: unknown
   linkType: soft
 
@@ -5439,15 +5467,19 @@ __metadata:
     "@emotion/jest": 11.10.0
     "@emotion/react": ^11.10.4
     "@hot-loader/react-dom": 17.0.2
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@testing-library/jest-dom": 5.16.5
     "@testing-library/react": 13.4.0
     "@types/color": 3.0.3
+    "@types/jest": ^29.2.0
     "@types/react": 18.0.21
     "@types/webpack-env": 1.18.0
     babel-jest: 29.2.1
     babel-loader: 8.2.5
     color: 4.2.3
     emotion-normalize: 11.0.1
+    jest: ^29.2.1
     react: 18.2.0
     react-dom: 18.2.0
     react-helmet: 6.1.0
@@ -5472,9 +5504,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/store-engine-dexie@workspace:packages/store-engine-dexie"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
+    "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
     "@wireapp/store-engine": "workspace:^"
     dexie: 3.2.2
+    fake-indexeddb: ^4.0.0
+    jest: ^29.2.1
     logdown: 3.3.1
     ts-node: ^10.9.1
     typescript: 4.8.4
@@ -5488,10 +5525,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/store-engine-fs@workspace:packages/store-engine-fs"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
     "@types/fs-extra": 9.0.13
+    "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
     "@wireapp/store-engine": "workspace:^"
     fs-extra: 10.1.0
+    jest: ^29.2.1
     ts-node: 10.9.1
     typescript: 4.8.4
   peerDependencies:
@@ -5512,8 +5553,12 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "@wireapp/store-engine@workspace:packages/store-engine"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
+    "@types/jest": ^29.2.0
     "@types/node": ^18.11.2
     "@types/rimraf": ^3
+    jest: ^29.2.1
     rimraf: ^3.0.2
     ts-node: 10.9.1
     typescript: 4.8.4
@@ -6544,8 +6589,12 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "bazinga64@workspace:packages/bazinga64"
   dependencies:
+    "@swc/core": ^1.3.10
+    "@swc/jest": ^0.2.23
+    "@types/jest": ^29.2.0
     "@types/libsodium-wrappers-sumo": 0.7.5
     cross-env: 7.0.3
+    jest: ^29.2.1
     libsodium-wrappers-sumo: 0.7.10
     ts-node: 10.9.1
   languageName: unknown

From ee47ff214bdff2511e3be1f44982e30c297744c8 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Mon, 24 Oct 2022 10:00:34 +0200
Subject: [PATCH 16/17] fix: add snapshotSerializer back in

---
 packages/react-ui-kit/jest.config.js          |   1 +
 .../Form/__snapshots__/Button.test.tsx.snap   | 351 +++++++++-
 .../__snapshots__/ButtonLink.test.tsx.snap    | 230 +++++-
 .../Form/__snapshots__/Checkbox.test.tsx.snap | 381 +++++++++-
 .../__snapshots__/DropFileInput.test.tsx.snap | 120 +++-
 .../__snapshots__/ErrorMessage.test.tsx.snap  |  89 ++-
 .../src/Form/__snapshots__/Form.test.tsx.snap |  25 +-
 .../Form/__snapshots__/Input.test.tsx.snap    | 292 +++++++-
 .../__snapshots__/RangeInput.test.tsx.snap    | 119 +++-
 .../Form/__snapshots__/Select.test.tsx.snap   | 663 ++++++++++++++++--
 .../Form/__snapshots__/Switch.test.tsx.snap   | 356 +++++++++-
 .../Form/__snapshots__/TextArea.test.tsx.snap | 208 +++++-
 .../Text/__snapshots__/Heading.test.tsx.snap  | 162 ++++-
 .../Text/__snapshots__/Label.test.tsx.snap    | 118 +++-
 .../src/Text/__snapshots__/Line.test.tsx.snap |  51 +-
 .../src/Text/__snapshots__/Link.test.tsx.snap |  70 +-
 .../__snapshots__/Paragraph.test.tsx.snap     |  96 ++-
 .../src/Text/__snapshots__/Text.test.tsx.snap | 324 ++++++++-
 .../Text/__snapshots__/TextLink.test.tsx.snap |  70 +-
 .../Text/__snapshots__/Title.test.tsx.snap    |  40 +-
 .../__snapshots__/GlobalStyle.test.tsx.snap   |   8 +-
 21 files changed, 3550 insertions(+), 224 deletions(-)

diff --git a/packages/react-ui-kit/jest.config.js b/packages/react-ui-kit/jest.config.js
index cc5b7ab492..d2e8ddf5a5 100644
--- a/packages/react-ui-kit/jest.config.js
+++ b/packages/react-ui-kit/jest.config.js
@@ -21,4 +21,5 @@ const baseConfig = require('../../jest.config.base');
 
 module.exports = {
   ...baseConfig,
+  snapshotSerializers: ['@emotion/jest/serializer'],
 };
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Button.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/Button.test.tsx.snap
index 2ced1d74ab..4bef8697e3 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Button.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Button.test.tsx.snap
@@ -1,11 +1,72 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Button" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: var(--text-input-background);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 16px;
+  font-weight: 600;
+  overflow: hidden;
+  text-align: center;
+  text-overflow: ellipsis;
+  text-transform: none;
+  white-space: nowrap;
+  border: 0;
+  cursor: pointer;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin-bottom: 16px;
+  padding: 0 16px;
+  outline: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  touch-action: manipulation;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+  width: auto;
+  border-radius: 16px;
+  height: 48px;
+  line-height: 48px;
+  max-width: 100%;
+  min-width: 125px;
+  background-color: var(--accent-color);
+}
+
+.emotion-1:hover,
+.emotion-1:focus {
+  background-color: var(--button-primary-hover);
+}
+
+.emotion-1:focus {
+  border: 1px solid var(--button-primary-focus-border);
+}
+
+.emotion-1:active {
+  background-color: var(--button-primary-active);
+  border: 1px solid var(--button-primary-active-border);
+  color: #fff;
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <button
-    className="css-oxpnoh-Button"
+    className="emotion-1"
   >
     Button
   </button>
@@ -13,11 +74,72 @@ exports[`"Button" renders (dark theme) 1`] = `
 `;
 
 exports[`"Button" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: var(--text-input-background);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 16px;
+  font-weight: 600;
+  overflow: hidden;
+  text-align: center;
+  text-overflow: ellipsis;
+  text-transform: none;
+  white-space: nowrap;
+  border: 0;
+  cursor: pointer;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin-bottom: 16px;
+  padding: 0 16px;
+  outline: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  touch-action: manipulation;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+  width: auto;
+  border-radius: 16px;
+  height: 48px;
+  line-height: 48px;
+  max-width: 100%;
+  min-width: 125px;
+  background-color: var(--accent-color);
+}
+
+.emotion-1:hover,
+.emotion-1:focus {
+  background-color: var(--button-primary-hover);
+}
+
+.emotion-1:focus {
+  border: 1px solid var(--button-primary-focus-border);
+}
+
+.emotion-1:active {
+  background-color: var(--button-primary-active);
+  border: 1px solid var(--button-primary-active-border);
+  color: #fff;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <button
-    className="css-oxpnoh-Button"
+    className="emotion-1"
   >
     Submit
   </button>
@@ -25,11 +147,72 @@ exports[`"Button" renders 1`] = `
 `;
 
 exports[`"Button" renders as block 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: var(--text-input-background);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 16px;
+  font-weight: 600;
+  overflow: hidden;
+  text-align: center;
+  text-overflow: ellipsis;
+  text-transform: none;
+  white-space: nowrap;
+  border: 0;
+  cursor: pointer;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin-bottom: 16px;
+  padding: 0 16px;
+  outline: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  touch-action: manipulation;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+  width: 100%;
+  border-radius: 16px;
+  height: 48px;
+  line-height: 48px;
+  max-width: 100%;
+  min-width: 125px;
+  background-color: var(--accent-color);
+}
+
+.emotion-1:hover,
+.emotion-1:focus {
+  background-color: var(--button-primary-hover);
+}
+
+.emotion-1:focus {
+  border: 1px solid var(--button-primary-focus-border);
+}
+
+.emotion-1:active {
+  background-color: var(--button-primary-active);
+  border: 1px solid var(--button-primary-active-border);
+  color: #fff;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <button
-    className="css-1vnruwz-Button"
+    className="emotion-1"
   >
     Submit
   </button>
@@ -37,11 +220,105 @@ exports[`"Button" renders as block 1`] = `
 `;
 
 exports[`"Button" renders in loading state 1`] = `
+@keyframes animation-0 {
+  0% {
+    stroke-dashoffset: 251.36;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+
+@keyframes animation-1 {
+  0% {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -ms-transform: rotate(0);
+    transform: rotate(0);
+  }
+
+  100% {
+    -webkit-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: var(--text-input-background);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 16px;
+  font-weight: 600;
+  overflow: hidden;
+  text-align: center;
+  text-overflow: ellipsis;
+  text-transform: none;
+  white-space: nowrap;
+  border: 0;
+  cursor: pointer;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin-bottom: 16px;
+  padding: 0 16px;
+  outline: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  touch-action: manipulation;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+  width: auto;
+  border-radius: 16px;
+  height: 48px;
+  line-height: 48px;
+  max-width: 100%;
+  min-width: 125px;
+  background-color: var(--accent-color);
+}
+
+.emotion-1:hover,
+.emotion-1:focus {
+  background-color: var(--button-primary-hover);
+}
+
+.emotion-1:focus {
+  border: 1px solid var(--button-primary-focus-border);
+}
+
+.emotion-1:active {
+  background-color: var(--button-primary-active);
+  border: 1px solid var(--button-primary-active-border);
+  color: #fff;
+}
+
+.emotion-2 {
+  -webkit-animation: animation-0 2400ms ease-in-out infinite,animation-1 2400ms linear -1800ms infinite;
+  animation: animation-0 2400ms ease-in-out infinite,animation-1 2400ms linear -1800ms infinite;
+  stroke-dasharray: 125.68;
+  transform-origin: 50% 50%;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <button
-    className="css-oxpnoh-Button"
+    className="emotion-1"
   >
     <svg
       fill="none"
@@ -63,7 +340,7 @@ exports[`"Button" renders in loading state 1`] = `
         stroke="rgba(255, 255, 255, 0.07999999999999996)"
       />
       <circle
-        className="css-1ov5q7j-Loading"
+        className="emotion-2"
         cx="21.5"
         cy="21.5"
         r="20"
@@ -77,11 +354,63 @@ exports[`"Button" renders in loading state 1`] = `
 `;
 
 exports[`"Button" renders when disabled 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: var(--button-primary-disabled-text);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  font-size: 16px;
+  font-weight: 600;
+  overflow: hidden;
+  text-align: center;
+  text-overflow: ellipsis;
+  text-transform: none;
+  white-space: nowrap;
+  border: 0;
+  cursor: default;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin-bottom: 16px;
+  padding: 0 16px;
+  outline: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  touch-action: manipulation;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+  width: auto;
+  border-radius: 16px;
+  height: 48px;
+  line-height: 48px;
+  max-width: 100%;
+  min-width: 125px;
+  background-color: var(--button-primary-disabled-bg);
+}
+
+.emotion-1:hover,
+.emotion-1:focus {
+  -webkit-text-decoration: none;
+  text-decoration: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <button
-    className="css-18l2jnr-Button"
+    className="emotion-1"
     disabled={true}
   >
     Submit
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.tsx.snap
index 355db2bc3a..17b8e16393 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/ButtonLink.test.tsx.snap
@@ -1,11 +1,72 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"ButtonLink" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: var(--text-input-background);
+  display: -webkit-inline-box!important;
+  display: -webkit-inline-flex!important;
+  display: -ms-inline-flexbox!important;
+  display: inline-flex!important;
+  font-size: 16px;
+  font-weight: 600;
+  overflow: hidden;
+  text-align: center;
+  text-overflow: ellipsis;
+  text-transform: none;
+  white-space: nowrap;
+  border: 0;
+  cursor: pointer;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin-bottom: 16px;
+  padding: 0 16px;
+  outline: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  touch-action: manipulation;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+  width: auto;
+  border-radius: 16px;
+  height: 48px;
+  line-height: 48px;
+  max-width: 100%;
+  min-width: 125px;
+  background-color: var(--accent-color);
+}
+
+.emotion-1:hover,
+.emotion-1:focus {
+  background-color: var(--button-primary-hover);
+}
+
+.emotion-1:focus {
+  border: 1px solid var(--button-primary-focus-border);
+}
+
+.emotion-1:active {
+  background-color: var(--button-primary-active);
+  border: 1px solid var(--button-primary-active-border);
+  color: #fff;
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <a
-    className="css-kjqv3l-ButtonLink"
+    className="emotion-1"
   >
     ButtonLink
   </a>
@@ -13,11 +74,72 @@ exports[`"ButtonLink" renders (dark theme) 1`] = `
 `;
 
 exports[`"ButtonLink" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: var(--text-input-background);
+  display: -webkit-inline-box!important;
+  display: -webkit-inline-flex!important;
+  display: -ms-inline-flexbox!important;
+  display: inline-flex!important;
+  font-size: 16px;
+  font-weight: 600;
+  overflow: hidden;
+  text-align: center;
+  text-overflow: ellipsis;
+  text-transform: none;
+  white-space: nowrap;
+  border: 0;
+  cursor: pointer;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin-bottom: 16px;
+  padding: 0 16px;
+  outline: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  touch-action: manipulation;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+  width: auto;
+  border-radius: 16px;
+  height: 48px;
+  line-height: 48px;
+  max-width: 100%;
+  min-width: 125px;
+  background-color: var(--accent-color);
+}
+
+.emotion-1:hover,
+.emotion-1:focus {
+  background-color: var(--button-primary-hover);
+}
+
+.emotion-1:focus {
+  border: 1px solid var(--button-primary-focus-border);
+}
+
+.emotion-1:active {
+  background-color: var(--button-primary-active);
+  border: 1px solid var(--button-primary-active-border);
+  color: #fff;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <a
-    className="css-kjqv3l-ButtonLink"
+    className="emotion-1"
   >
     Submit
   </a>
@@ -25,11 +147,105 @@ exports[`"ButtonLink" renders 1`] = `
 `;
 
 exports[`"ButtonLink" renders in loading state 1`] = `
+@keyframes animation-0 {
+  0% {
+    stroke-dashoffset: 251.36;
+  }
+
+  100% {
+    stroke-dashoffset: 0;
+  }
+}
+
+@keyframes animation-1 {
+  0% {
+    -webkit-transform: rotate(0);
+    -moz-transform: rotate(0);
+    -ms-transform: rotate(0);
+    transform: rotate(0);
+  }
+
+  100% {
+    -webkit-transform: rotate(360deg);
+    -moz-transform: rotate(360deg);
+    -ms-transform: rotate(360deg);
+    transform: rotate(360deg);
+  }
+}
+
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: var(--text-input-background);
+  display: -webkit-inline-box!important;
+  display: -webkit-inline-flex!important;
+  display: -ms-inline-flexbox!important;
+  display: inline-flex!important;
+  font-size: 16px;
+  font-weight: 600;
+  overflow: hidden;
+  text-align: center;
+  text-overflow: ellipsis;
+  text-transform: none;
+  white-space: nowrap;
+  border: 0;
+  cursor: pointer;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  margin-bottom: 16px;
+  padding: 0 16px;
+  outline: none;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  touch-action: manipulation;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+  width: auto;
+  border-radius: 16px;
+  height: 48px;
+  line-height: 48px;
+  max-width: 100%;
+  min-width: 125px;
+  background-color: var(--accent-color);
+}
+
+.emotion-1:hover,
+.emotion-1:focus {
+  background-color: var(--button-primary-hover);
+}
+
+.emotion-1:focus {
+  border: 1px solid var(--button-primary-focus-border);
+}
+
+.emotion-1:active {
+  background-color: var(--button-primary-active);
+  border: 1px solid var(--button-primary-active-border);
+  color: #fff;
+}
+
+.emotion-2 {
+  -webkit-animation: animation-0 2400ms ease-in-out infinite,animation-1 2400ms linear -1800ms infinite;
+  animation: animation-0 2400ms ease-in-out infinite,animation-1 2400ms linear -1800ms infinite;
+  stroke-dasharray: 125.68;
+  transform-origin: 50% 50%;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <a
-    className="css-kjqv3l-ButtonLink"
+    className="emotion-1"
   >
     <svg
       fill="none"
@@ -51,7 +267,7 @@ exports[`"ButtonLink" renders in loading state 1`] = `
         stroke="rgba(255, 255, 255, 0.07999999999999996)"
       />
       <circle
-        className="css-1ov5q7j-Loading"
+        className="emotion-2"
         cx="21.5"
         cy="21.5"
         r="20"
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.tsx.snap
index 0b89dc9edc..d1b020c7f2 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Checkbox.test.tsx.snap
@@ -1,11 +1,95 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Checkbox" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  position: relative;
+  left: -0.3rem;
+}
+
+.emotion-1 .wireinput:focus-visible+label {
+  outline: 1px solid #0667c8;
+  outline-offset: 0.4rem;
+}
+
+.emotion-2 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  position: relative;
+  margin: 0 0 0 -16px;
+  width: 100%;
+  line-height: 1.4;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  opacity: 1;
+  cursor: pointer;
+  border-radius: 4px;
+}
+
+.wireinput:checked+.emotion-2::before {
+  background: #0667c8;
+  border-color: #0667c8;
+}
+
+.wireinput:checked+.emotion-2>svg {
+  fill: #000;
+}
+
+.wireinput+.emotion-2>svg {
+  fill: none;
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  left: 0.25rem;
+}
+
+.wireinput:hover+.emotion-2::before {
+  border-color: #0667c8;
+}
+
+.wireinput+.emotion-2::before {
+  background: #edeff0;
+  border: 2px solid #9fa1a7;
+  border-radius: 3px;
+  box-sizing: border-box;
+  content: "";
+  display: inline-block;
+  width: 22px;
+  height: 22px;
+  line-height: 1.4;
+  margin: 0 8px 0 0px;
+  color: #fff;
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-168b0g9"
+    className="emotion-1"
   >
     <input
       className="wireinput"
@@ -22,7 +106,7 @@ exports[`"Checkbox" renders (dark theme) 1`] = `
       type="checkbox"
     />
     <label
-      className="css-1td0kch-StyledLabel"
+      className="emotion-2"
       htmlFor="1"
     >
       Checkbox
@@ -42,11 +126,95 @@ exports[`"Checkbox" renders (dark theme) 1`] = `
 `;
 
 exports[`"Checkbox" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  position: relative;
+  left: -0.3rem;
+}
+
+.emotion-1 .wireinput:focus-visible+label {
+  outline: 1px solid #0667c8;
+  outline-offset: 0.4rem;
+}
+
+.emotion-2 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  position: relative;
+  margin: 0 0 0 -16px;
+  width: 100%;
+  line-height: 1.4;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  opacity: 1;
+  cursor: pointer;
+  border-radius: 4px;
+}
+
+.wireinput:checked+.emotion-2::before {
+  background: #0667c8;
+  border-color: #0667c8;
+}
+
+.wireinput:checked+.emotion-2>svg {
+  fill: #edeff0;
+}
+
+.wireinput+.emotion-2>svg {
+  fill: none;
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  left: 0.25rem;
+}
+
+.wireinput:hover+.emotion-2::before {
+  border-color: #0667c8;
+}
+
+.wireinput+.emotion-2::before {
+  background: #edeff0;
+  border: 2px solid #54585f;
+  border-radius: 3px;
+  box-sizing: border-box;
+  content: "";
+  display: inline-block;
+  width: 22px;
+  height: 22px;
+  line-height: 1.4;
+  margin: 0 8px 0 0px;
+  color: rgb(29, 30, 31);
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-168b0g9"
+    className="emotion-1"
   >
     <input
       className="wireinput"
@@ -63,7 +231,7 @@ exports[`"Checkbox" renders 1`] = `
       type="checkbox"
     />
     <label
-      className="css-1503j3x-StyledLabel"
+      className="emotion-2"
       htmlFor="1"
     >
       Check
@@ -83,11 +251,95 @@ exports[`"Checkbox" renders 1`] = `
 `;
 
 exports[`"Checkbox" renders as invalid 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  position: relative;
+  left: -0.3rem;
+}
+
+.emotion-1 .wireinput:focus-visible+label {
+  outline: 1px solid #0667c8;
+  outline-offset: 0.4rem;
+}
+
+.emotion-2 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  position: relative;
+  margin: 0 0 0 -16px;
+  width: 100%;
+  line-height: 1.4;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  opacity: 1;
+  cursor: pointer;
+  border-radius: 4px;
+}
+
+.wireinput:checked+.emotion-2::before {
+  background: #0667c8;
+  border-color: #0667c8;
+}
+
+.wireinput:checked+.emotion-2>svg {
+  fill: #edeff0;
+}
+
+.wireinput+.emotion-2>svg {
+  fill: none;
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  left: 0.25rem;
+}
+
+.wireinput:hover+.emotion-2::before {
+  border-color: #0667c8;
+}
+
+.wireinput+.emotion-2::before {
+  background: #edeff0;
+  border: 2px solid #c20013;
+  border-radius: 3px;
+  box-sizing: border-box;
+  content: "";
+  display: inline-block;
+  width: 22px;
+  height: 22px;
+  line-height: 1.4;
+  margin: 0 8px 0 0px;
+  color: rgb(29, 30, 31);
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-168b0g9"
+    className="emotion-1"
   >
     <input
       className="wireinput"
@@ -104,7 +356,7 @@ exports[`"Checkbox" renders as invalid 1`] = `
       type="checkbox"
     />
     <label
-      className="css-1are297-StyledLabel"
+      className="emotion-2"
       htmlFor="1"
     >
       Check
@@ -124,11 +376,91 @@ exports[`"Checkbox" renders as invalid 1`] = `
 `;
 
 exports[`"Checkbox" renders disabled 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  position: relative;
+  left: -0.3rem;
+}
+
+.emotion-1 .wireinput:focus-visible+label {
+  outline: 1px solid #0667c8;
+  outline-offset: 0.4rem;
+}
+
+.emotion-2 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  position: relative;
+  margin: 0 0 0 -16px;
+  width: 100%;
+  line-height: 1.4;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  opacity: 0.56;
+  cursor: not-allowed;
+  border-radius: 4px;
+}
+
+.wireinput:checked+.emotion-2::before {
+  background: #edeff0;
+  border-color: #0667c8;
+}
+
+.wireinput:checked+.emotion-2>svg {
+  fill: #edeff0;
+}
+
+.wireinput+.emotion-2>svg {
+  fill: none;
+  position: absolute;
+  top: 50%;
+  -webkit-transform: translateY(-50%);
+  -moz-transform: translateY(-50%);
+  -ms-transform: translateY(-50%);
+  transform: translateY(-50%);
+  left: 0.25rem;
+}
+
+.wireinput+.emotion-2::before {
+  background: #edeff0;
+  border: 2px solid #9fa1a7;
+  border-radius: 3px;
+  box-sizing: border-box;
+  content: "";
+  display: inline-block;
+  width: 22px;
+  height: 22px;
+  line-height: 1.4;
+  margin: 0 8px 0 0px;
+  color: rgb(29, 30, 31);
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-168b0g9"
+    className="emotion-1"
   >
     <input
       className="wireinput"
@@ -146,7 +478,7 @@ exports[`"Checkbox" renders disabled 1`] = `
       type="checkbox"
     />
     <label
-      className="css-1jgztc1-StyledLabel"
+      className="emotion-2"
       htmlFor="1"
     >
       Check
@@ -166,11 +498,32 @@ exports[`"Checkbox" renders disabled 1`] = `
 `;
 
 exports[`"CheckboxLabel" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-1md0civ-CheckboxLabel"
+    className="emotion-1"
   >
     Label
   </span>
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.tsx.snap
index 2184300870..d8396107b9 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/DropFileInput.test.tsx.snap
@@ -1,27 +1,125 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"DropFileInput" matches snapshot 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-2 {
+  max-width: 330px;
+}
+
+.emotion-3 {
+  width: 100%;
+  padding: 28px 12px;
+  border: 1px dashed #0667c8;
+  border-bottom-width: 2px;
+  border-radius: 6px;
+  text-align: center;
+  background-color: #fff;
+  font-weight: 400;
+  font-size: 12px;
+  line-height: 13px;
+  color: #696c6e;
+}
+
+.emotion-4 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  -webkit-box-pack: center;
+  -ms-flex-pack: center;
+  -webkit-justify-content: center;
+  justify-content: center;
+  max-width: 280px;
+  margin: 0 auto;
+}
+
+.emotion-5 {
+  fill: rgb(29, 30, 31);
+  overflow: visible;
+  margin: 12px 0;
+}
+
+.emotion-6 {
+  max-width: 160px;
+  margin: 0 25px;
+}
+
+.emotion-7 {
+  display: block;
+  white-space: pre-line;
+}
+
+.emotion-8 {
+  color: #0667c8;
+  cursor: pointer;
+}
+
+.emotion-8:focus-within {
+  outline: 1px solid #0667c8;
+}
+
+.emotion-8:hover {
+  -webkit-text-decoration: underline;
+  text-decoration: underline;
+}
+
+.emotion-9 {
+  clip: rect(0 0 0 0);
+  -webkit-clip-path: inset(50%);
+  clip-path: inset(50%);
+  height: 1px;
+  overflow: hidden;
+  position: absolute;
+  white-space: nowrap;
+  width: 1px;
+}
+
+.emotion-10 {
+  margin-top: 12px;
+  font-weight: 400;
+  font-size: 10px;
+  line-height: 13px;
+  color: #696c6e;
+  white-space: pre-line;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="emotion-0"
   >
     <div
-      className="css-1y7m5n0"
+      className="emotion-2"
     >
       <div
-        className="css-qtc2fr"
+        className="emotion-3"
         data-testid="dropzone"
         onDragLeave={[Function]}
         onDragOver={[Function]}
         onDrop={[Function]}
       >
         <div
-          className="css-c9hw9m-DropFileInput"
+          className="emotion-4"
         >
           <svg
-            className="css-t97fbx-DropFileInput"
+            className="emotion-5"
             height={16}
             viewBox="0 0 16 16"
             width={16}
@@ -33,10 +131,10 @@ exports[`"DropFileInput" matches snapshot 1`] = `
             </g>
           </svg>
           <div
-            className="css-r5lgab-DropFileInput"
+            className="emotion-6"
           >
             <span
-              className="css-1kr0aza"
+              className="emotion-7"
             >
               Drag & Drop an image 
 or
@@ -44,14 +142,14 @@ or
             <label
               aria-label="Drag & Drop an image 
 or select one from your device (Image (JPG/PNG) size up to 1 MB, minimum 200 x 600 px)"
-              className="css-ylkvue"
+              className="emotion-8"
             >
               <span>
                 select one from your device
               </span>
               <input
                 accept="image/png, image/jpeg"
-                className="css-5ur8x"
+                className="emotion-9"
                 data-testid="file-input"
                 onChange={[Function]}
                 type="file"
@@ -61,7 +159,7 @@ or select one from your device (Image (JPG/PNG) size up to 1 MB, minimum 200 x 6
         </div>
       </div>
       <p
-        className="css-14vo0st"
+        className="emotion-10"
       >
         Image (JPG/PNG) size up to 1 MB, minimum 200 x 600 px
       </p>
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.tsx.snap
index 6b8b78ecdf..6c78beac4c 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/ErrorMessage.test.tsx.snap
@@ -1,14 +1,97 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"ErrorMessage" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  -webkit-align-items: flex-start;
+  -webkit-box-align: flex-start;
+  -ms-flex-align: flex-start;
+  align-items: flex-start;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-flex-wrap: nowrap;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: row;
+  -ms-flex-direction: row;
+  flex-direction: row;
+  -webkit-box-flex-wrap: nowrap;
+  -webkit-flex-wrap: nowrap;
+  -ms-flex-wrap: nowrap;
+  flex-wrap: nowrap;
+  -webkit-box-pack: start;
+  -ms-flex-pack: start;
+  -webkit-justify-content: flex-start;
+  justify-content: flex-start;
+  margin-bottom: 12px;
+}
+
+.emotion-1 a {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 12px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  cursor: pointer;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+}
+
+.emotion-1 a:visited,
+.emotion-1 a:link,
+.emotion-1 a:active {
+  color: rgb(29, 30, 31);
+}
+
+.emotion-1 a:hover {
+  -webkit-filter: brightness(70%);
+  filter: brightness(70%);
+}
+
+.emotion-2 {
+  color: #c20013;
+  display: inline;
+  font-size: 12px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  font-weight: 400;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-1nm7o2l-ErrorMessage"
+    className="emotion-1"
   >
     <span
-      className="css-1fgik08-ErrorMessage"
+      className="emotion-2"
     >
       ErrorMessage
     </span>
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Form.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/Form.test.tsx.snap
index f0e505af54..dd0ba57467 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Form.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Form.test.tsx.snap
@@ -1,11 +1,32 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Form" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-direction: column;
+  -ms-flex-direction: column;
+  flex-direction: column;
+  -webkit-box-pack: justify;
+  -webkit-justify-content: space-between;
+  justify-content: space-between;
+  margin-bottom: 0;
+  width: 100%;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <form
-    className="css-u7s9rg-Form"
+    className="emotion-1"
   >
     Form
   </form>
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Input.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/Input.test.tsx.snap
index f248053e88..cd02190da7 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Input.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Input.test.tsx.snap
@@ -1,17 +1,84 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Input" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  margin-bottom: 20px;
+  width: 100%;
+}
+
+.emotion-1:focus-within label {
+  color: #0667c8;
+}
+
+.emotion-2 {
+  position: relative;
+}
+
+.emotion-3 {
+  background: #fff;
+  border: none;
+  border-radius: 12px;
+  box-shadow: 0 0 0 1px #dce0e3;
+  caret-color: #0667c8;
+  color: rgb(29, 30, 31);
+  font-weight: 300;
+  height: 48px;
+  line-height: 24px;
+  outline: none;
+  padding: 0 16px;
+  width: 100%;
+}
+
+.emotion-3::-moz-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+  opacity: 1;
+}
+
+.emotion-3::-ms-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-3::-webkit-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-3:hover {
+  box-shadow: 0 0 0 1px var(--text-input-border-hover);
+}
+
+.emotion-3:focus-visible,
+.emotion-3:focus,
+.emotion-3:active {
+  box-shadow: 0 0 0 1px #0667c8;
+}
+
+.emotion-3:invalid:not(:focus, :hover) {
+  box-shadow: 0 0 0 1px #dce0e3;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="input-group css-txgkx1"
+    className="input-group emotion-1"
   >
     <div
-      className="css-4qql51-Input"
+      className="emotion-2"
     >
       <input
-        className="wireinput css-1aqzzyv"
+        className="wireinput emotion-3"
       />
     </div>
   </div>
@@ -19,17 +86,80 @@ exports[`"Input" renders 1`] = `
 `;
 
 exports[`"Input" renders as disabled 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  margin-bottom: 20px;
+  width: 100%;
+}
+
+.emotion-1:focus-within label {
+  color: #0667c8;
+}
+
+.emotion-2 {
+  position: relative;
+}
+
+.emotion-3 {
+  background: #edeff0;
+  border: none;
+  border-radius: 12px;
+  box-shadow: 0 0 0 1px #dce0e3;
+  caret-color: #0667c8;
+  color: rgb(29, 30, 31);
+  font-weight: 300;
+  height: 48px;
+  line-height: 24px;
+  outline: none;
+  padding: 0 16px;
+  width: 100%;
+}
+
+.emotion-3::-moz-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+  opacity: 1;
+}
+
+.emotion-3::-ms-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-3::-webkit-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-3:focus-visible,
+.emotion-3:focus,
+.emotion-3:active {
+  box-shadow: 0 0 0 1px #0667c8;
+}
+
+.emotion-3:invalid:not(:focus, :hover) {
+  box-shadow: 0 0 0 1px #dce0e3;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="input-group css-txgkx1"
+    className="input-group emotion-1"
   >
     <div
-      className="css-4qql51-Input"
+      className="emotion-2"
     >
       <input
-        className="wireinput css-1rvq0cq"
+        className="wireinput emotion-3"
         disabled={true}
       />
     </div>
@@ -38,17 +168,80 @@ exports[`"Input" renders as disabled 1`] = `
 `;
 
 exports[`"Input" renders as invalid 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  margin-bottom: 20px;
+  width: 100%;
+}
+
+.emotion-1:focus-within label {
+  color: #0667c8;
+}
+
+.emotion-2 {
+  position: relative;
+}
+
+.emotion-3 {
+  background: #fff;
+  border: none;
+  border-radius: 12px;
+  box-shadow: 0 0 0 1px #c20013;
+  caret-color: #0667c8;
+  color: rgb(29, 30, 31);
+  font-weight: 300;
+  height: 48px;
+  line-height: 24px;
+  outline: none;
+  padding: 0 16px;
+  width: 100%;
+}
+
+.emotion-3::-moz-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+  opacity: 1;
+}
+
+.emotion-3::-ms-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-3::-webkit-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-3:hover {
+  box-shadow: 0 0 0 1px var(--text-input-border-hover);
+}
+
+.emotion-3:focus-visible,
+.emotion-3:focus,
+.emotion-3:active {
+  box-shadow: 0 0 0 1px #0667c8;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="input-group css-txgkx1"
+    className="input-group emotion-1"
   >
     <div
-      className="css-4qql51-Input"
+      className="emotion-2"
     >
       <input
-        className="wireinput css-ofh3qg"
+        className="wireinput emotion-3"
       />
     </div>
   </div>
@@ -56,17 +249,84 @@ exports[`"Input" renders as invalid 1`] = `
 `;
 
 exports[`"Input" renders with placeholderTextTransform 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  margin-bottom: 20px;
+  width: 100%;
+}
+
+.emotion-1:focus-within label {
+  color: #0667c8;
+}
+
+.emotion-2 {
+  position: relative;
+}
+
+.emotion-3 {
+  background: #fff;
+  border: none;
+  border-radius: 12px;
+  box-shadow: 0 0 0 1px #dce0e3;
+  caret-color: #0667c8;
+  color: rgb(29, 30, 31);
+  font-weight: 300;
+  height: 48px;
+  line-height: 24px;
+  outline: none;
+  padding: 0 16px;
+  width: 100%;
+}
+
+.emotion-3::-moz-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: uppercase;
+  opacity: 1;
+}
+
+.emotion-3::-ms-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: uppercase;
+}
+
+.emotion-3::-webkit-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: uppercase;
+}
+
+.emotion-3:hover {
+  box-shadow: 0 0 0 1px var(--text-input-border-hover);
+}
+
+.emotion-3:focus-visible,
+.emotion-3:focus,
+.emotion-3:active {
+  box-shadow: 0 0 0 1px #0667c8;
+}
+
+.emotion-3:invalid:not(:focus, :hover) {
+  box-shadow: 0 0 0 1px #dce0e3;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="input-group css-txgkx1"
+    className="input-group emotion-1"
   >
     <div
-      className="css-4qql51-Input"
+      className="emotion-2"
     >
       <input
-        className="wireinput css-uxyw8l"
+        className="wireinput emotion-3"
         placeholder="Input"
       />
     </div>
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.tsx.snap
index 6e0baa6c5f..a608609093 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/RangeInput.test.tsx.snap
@@ -1,36 +1,139 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"RangeInput" matches snapshot 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-3 {
+  font-size: 14px;
+  font-weight: 400;
+  line-height: 16px;
+  color: #54585f;
+}
+
+.emotion-4 {
+  position: relative;
+  margin-top: 19px;
+}
+
+.emotion-5 {
+  pointer-events: none;
+  bottom: 100%;
+  font-size: 16px;
+  font-weight: 300;
+  position: absolute;
+  left: 4px;
+}
+
+.emotion-6 {
+  pointer-events: none;
+  bottom: 100%;
+  font-size: 16px;
+  font-weight: 300;
+  position: absolute;
+  right: 4px;
+}
+
+.emotion-7 {
+  display: block;
+  -webkit-appearance: none;
+  width: 100%;
+  height: 8px;
+  background: #9fa1a7;
+  border-radius: 4px;
+  background-image: linear-gradient(#0667c8, #0667c8);
+  -webkit-background-size: -50% 100%;
+  background-size: -50% 100%;
+  background-repeat: no-repeat;
+}
+
+.emotion-7::-webkit-slider-thumb {
+  -webkit-appearance: none;
+  height: 18px;
+  width: 18px;
+  border-radius: 50%;
+  background: #54585f;
+  cursor: pointer;
+  border: none;
+  box-shadow: none;
+}
+
+.emotion-7::-moz-range-thumb {
+  -webkit-appearance: none;
+  height: 18px;
+  width: 18px;
+  border-radius: 50%;
+  background: #54585f;
+  cursor: pointer;
+  border: none;
+  box-shadow: none;
+}
+
+.emotion-7::-ms-thumb {
+  -webkit-appearance: none;
+  height: 18px;
+  width: 18px;
+  border-radius: 50%;
+  background: #54585f;
+  cursor: pointer;
+  border: none;
+  box-shadow: none;
+}
+
+.emotion-7::-webkit-slider-runnable-track {
+  -webkit-appearance: none;
+  box-shadow: none;
+  border: none;
+  background: transparent;
+}
+
+.emotion-7::-moz-range-track {
+  -webkit-appearance: none;
+  box-shadow: none;
+  border: none;
+  background: transparent;
+}
+
+.emotion-7::-ms-track {
+  -webkit-appearance: none;
+  box-shadow: none;
+  border: none;
+  background: transparent;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-7uml9n-StyledAppContainer"
+    className="emotion-0"
   >
     <div
-      className="css-0"
+      className="emotion-2"
     >
       <label
-        className="css-180k17q-InputLabel"
+        className="emotion-3"
         htmlFor="zoom-input"
       >
         Zoom
       </label>
       <div
-        className="css-irx2dz"
+        className="emotion-4"
       >
         <span
-          className="css-1xle7h4"
+          className="emotion-5"
         >
           -
         </span>
         <span
-          className="css-7g2ml5"
+          className="emotion-6"
         >
           +
         </span>
         <input
-          className="css-5xbpwv"
+          className="emotion-7"
           id="zoom-input"
           max={3}
           min={1}
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Select.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/Select.test.tsx.snap
index 8958b799aa..e84ac00d29 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Select.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Select.test.tsx.snap
@@ -1,15 +1,213 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Select" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  margin-bottom: 20px;
+  width: 100%;
+}
+
+.emotion-1:focus-within label {
+  color: #0667c8;
+}
+
+.emotion-2>div {
+  background: #fff;
+  border: none;
+  border-radius: 12px;
+  box-shadow: 0 0 0 1px #dce0e3;
+  caret-color: #0667c8;
+  color: rgb(29, 30, 31);
+  font-weight: 300;
+  height: auto;
+  line-height: 24px;
+  outline: none;
+  padding: 0;
+  width: 100%;
+  min-height: 48px;
+  position: relative;
+  cursor: pointer;
+}
+
+.emotion-2>div::-moz-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+  opacity: 1;
+}
+
+.emotion-2>div::-ms-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-2>div::-webkit-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-2>div:hover {
+  box-shadow: 0 0 0 1px var(--text-input-border-hover);
+}
+
+.emotion-2>div:focus-visible,
+.emotion-2>div:focus,
+.emotion-2>div:active {
+  box-shadow: 0 0 0 1px #0667c8;
+}
+
+.emotion-2>div:invalid:not(:focus, :hover) {
+  box-shadow: 0 0 0 1px #dce0e3;
+}
+
+.emotion-2>div:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #000;
+}
+
+.emotion-2>div:focus:visible,
+.emotion-2>div active {
+  box-shadow: 0 0 0 1px #0667c8;
+}
+
+.emotion-3 {
+  z-index: 9999;
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  width: 1px;
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  white-space: nowrap;
+}
+
+.emotion-5 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -ms-appearance: none;
+  appearance: none;
+  padding: 0 8px 0 16px;
+  height: auto;
+  min-height: 48px;
+}
+
+.emotion-6 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: grid;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding: 0;
+  -webkit-overflow-scrolling: touch;
+  position: relative;
+  overflow: hidden;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.emotion-7 {
+  color: hsl(0, 0%, 50%);
+  grid-area: 1/1/2/3;
+  margin-left: 2px;
+  margin-right: 2px;
+  box-sizing: border-box;
+}
+
+.emotion-8 {
+  background: 0;
+  border: 0;
+  caret-color: transparent;
+  font-size: inherit;
+  grid-area: 1/1/2/3;
+  outline: 0;
+  padding: 0;
+  width: 1px;
+  color: transparent;
+  left: -100px;
+  opacity: 0;
+  position: relative;
+  -webkit-transform: scale(.01);
+  -moz-transform: scale(.01);
+  -ms-transform: scale(.01);
+  transform: scale(.01);
+}
+
+.emotion-9 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-align-self: stretch;
+  -ms-flex-item-align: stretch;
+  align-self: stretch;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  box-sizing: border-box;
+}
+
+.emotion-10 {
+  display: none;
+}
+
+.emotion-11 {
+  color: hsl(0, 0%, 80%);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 8px;
+  -webkit-transition: color 150ms;
+  transition: color 150ms;
+  box-sizing: border-box;
+}
+
+.emotion-11:hover {
+  color: hsl(0, 0%, 60%);
+}
+
+.emotion-12 {
+  fill: rgb(29, 30, 31);
+  overflow: visible;
+  margin-top: 4px;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-2ocyf0-Select"
+    className="emotion-1"
     data-uie-name="test"
   >
     <div
-      className=" css-dkntwv-SelectContainer"
+      className=" emotion-2"
       id="test"
       onKeyDown={[Function]}
     >
@@ -17,25 +215,25 @@ exports[`"Select" renders 1`] = `
         tabIndex={0}
       >
         <span
-          className="css-1f43avz-a11yText-A11yText"
+          className="emotion-3"
           id="react-select-2-live-region"
         />
         <span
           aria-atomic="false"
           aria-live="polite"
           aria-relevant="additions text"
-          className="css-1f43avz-a11yText-A11yText"
+          className="emotion-3"
         />
         <div
-          className=" css-6smaub-Control"
+          className=" emotion-5"
           onMouseDown={[Function]}
           onTouchEnd={[Function]}
         >
           <div
-            className=" css-16ieua5-ValueContainer"
+            className=" emotion-6"
           >
             <div
-              className=" css-14el2xx-placeholder"
+              className=" emotion-7"
               id="react-select-2-placeholder"
             >
               Select...
@@ -47,7 +245,7 @@ exports[`"Select" renders 1`] = `
               aria-expanded={false}
               aria-haspopup={true}
               aria-readonly={true}
-              className="css-mohuvp-dummyInput-DummyInput"
+              className="emotion-8"
               disabled={false}
               id="react-select-2-input"
               inputMode="none"
@@ -60,19 +258,19 @@ exports[`"Select" renders 1`] = `
             />
           </div>
           <div
-            className=" css-1hb7zxy-IndicatorsContainer"
+            className=" emotion-9"
           >
             <span
-              className=" css-1xjgjl1-IndicatorSeparator"
+              className=" emotion-10"
             />
             <div
               aria-hidden="true"
-              className=" css-1186e7r-indicatorContainer"
+              className=" emotion-11"
               onMouseDown={[Function]}
               onTouchEnd={[Function]}
             >
               <svg
-                className="css-1tuya7p-DropdownIndicator"
+                className="emotion-12"
                 height={16}
                 viewBox="0 0 16 16"
                 width={16}
@@ -93,15 +291,208 @@ exports[`"Select" renders 1`] = `
 `;
 
 exports[`"Select" renders as disabled 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  margin-bottom: 20px;
+  width: 100%;
+}
+
+.emotion-1:focus-within label {
+  color: #0667c8;
+}
+
+.emotion-2>div {
+  background: #edeff0;
+  border: none;
+  border-radius: 12px;
+  box-shadow: 0 0 0 1px #dce0e3;
+  caret-color: #0667c8;
+  color: #676b71;
+  font-weight: 300;
+  height: auto;
+  line-height: 24px;
+  outline: none;
+  padding: 0;
+  width: 100%;
+  min-height: 48px;
+  position: relative;
+  background-color: #edeff0;
+}
+
+.emotion-2>div::-moz-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+  opacity: 1;
+}
+
+.emotion-2>div::-ms-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-2>div::-webkit-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-2>div:focus-visible,
+.emotion-2>div:focus,
+.emotion-2>div:active {
+  box-shadow: 0 0 0 1px #0667c8;
+}
+
+.emotion-2>div:invalid:not(:focus, :hover) {
+  box-shadow: 0 0 0 1px #dce0e3;
+}
+
+.emotion-2>div:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #000;
+}
+
+.emotion-3 {
+  z-index: 9999;
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  width: 1px;
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  white-space: nowrap;
+}
+
+.emotion-5 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -ms-appearance: none;
+  appearance: none;
+  padding: 0 8px 0 16px;
+  height: auto;
+  min-height: 48px;
+}
+
+.emotion-6 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: grid;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding: 0;
+  -webkit-overflow-scrolling: touch;
+  position: relative;
+  overflow: hidden;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.emotion-7 {
+  color: hsl(0, 0%, 50%);
+  grid-area: 1/1/2/3;
+  margin-left: 2px;
+  margin-right: 2px;
+  box-sizing: border-box;
+}
+
+.emotion-8 {
+  background: 0;
+  border: 0;
+  caret-color: transparent;
+  font-size: inherit;
+  grid-area: 1/1/2/3;
+  outline: 0;
+  padding: 0;
+  width: 1px;
+  color: transparent;
+  left: -100px;
+  opacity: 0;
+  position: relative;
+  -webkit-transform: scale(.01);
+  -moz-transform: scale(.01);
+  -ms-transform: scale(.01);
+  transform: scale(.01);
+}
+
+.emotion-9 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-align-self: stretch;
+  -ms-flex-item-align: stretch;
+  align-self: stretch;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  box-sizing: border-box;
+}
+
+.emotion-10 {
+  display: none;
+}
+
+.emotion-11 {
+  color: hsl(0, 0%, 80%);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 8px;
+  -webkit-transition: color 150ms;
+  transition: color 150ms;
+  box-sizing: border-box;
+}
+
+.emotion-11:hover {
+  color: hsl(0, 0%, 60%);
+}
+
+.emotion-11>svg {
+  fill: rgb(80, 82, 84);
+}
+
+.emotion-12 {
+  fill: rgb(29, 30, 31);
+  overflow: visible;
+  margin-top: 4px;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-2ocyf0-Select"
+    className="emotion-1"
     data-uie-name="test"
   >
     <div
-      className=" css-19vi2h5-SelectContainer"
+      className=" emotion-2"
       id="test"
       onKeyDown={[Function]}
     >
@@ -109,25 +500,25 @@ exports[`"Select" renders as disabled 1`] = `
         tabIndex={0}
       >
         <span
-          className="css-1f43avz-a11yText-A11yText"
+          className="emotion-3"
           id="react-select-3-live-region"
         />
         <span
           aria-atomic="false"
           aria-live="polite"
           aria-relevant="additions text"
-          className="css-1f43avz-a11yText-A11yText"
+          className="emotion-3"
         />
         <div
-          className=" css-6smaub-Control"
+          className=" emotion-5"
           onMouseDown={[Function]}
           onTouchEnd={[Function]}
         >
           <div
-            className=" css-16ieua5-ValueContainer"
+            className=" emotion-6"
           >
             <div
-              className=" css-14el2xx-placeholder"
+              className=" emotion-7"
               id="react-select-3-placeholder"
             >
               Select...
@@ -139,7 +530,7 @@ exports[`"Select" renders as disabled 1`] = `
               aria-expanded={false}
               aria-haspopup={true}
               aria-readonly={true}
-              className="css-mohuvp-dummyInput-DummyInput"
+              className="emotion-8"
               disabled={true}
               id="react-select-3-input"
               inputMode="none"
@@ -152,19 +543,19 @@ exports[`"Select" renders as disabled 1`] = `
             />
           </div>
           <div
-            className=" css-1hb7zxy-IndicatorsContainer"
+            className=" emotion-9"
           >
             <span
-              className=" css-1xjgjl1-IndicatorSeparator"
+              className=" emotion-10"
             />
             <div
               aria-hidden="true"
-              className=" css-zbce0a-indicatorContainer"
+              className=" emotion-11"
               onMouseDown={[Function]}
               onTouchEnd={[Function]}
             >
               <svg
-                className="css-1tuya7p-DropdownIndicator"
+                className="emotion-12"
                 height={16}
                 viewBox="0 0 16 16"
                 width={16}
@@ -185,15 +576,209 @@ exports[`"Select" renders as disabled 1`] = `
 `;
 
 exports[`"Select" renders as invalid 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  margin-bottom: 2px;
+  width: 100%;
+}
+
+.emotion-1:focus-within label {
+  color: #0667c8;
+}
+
+.emotion-2>div {
+  background: #fff;
+  border: none;
+  border-radius: 12px;
+  box-shadow: 0 0 0 1px #c20013;
+  caret-color: #0667c8;
+  color: rgb(29, 30, 31);
+  font-weight: 300;
+  height: auto;
+  line-height: 24px;
+  outline: none;
+  padding: 0;
+  width: 100%;
+  min-height: 48px;
+  position: relative;
+  cursor: pointer;
+}
+
+.emotion-2>div::-moz-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+  opacity: 1;
+}
+
+.emotion-2>div::-ms-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-2>div::-webkit-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-2>div:hover {
+  box-shadow: 0 0 0 1px var(--text-input-border-hover);
+}
+
+.emotion-2>div:focus-visible,
+.emotion-2>div:focus,
+.emotion-2>div:active {
+  box-shadow: 0 0 0 1px #0667c8;
+}
+
+.emotion-2>div:-moz-focusring {
+  color: transparent;
+  text-shadow: 0 0 0 #000;
+}
+
+.emotion-2>div:focus:visible,
+.emotion-2>div active {
+  box-shadow: 0 0 0 1px #0667c8;
+}
+
+.emotion-3 {
+  z-index: 9999;
+  border: 0;
+  clip: rect(1px, 1px, 1px, 1px);
+  height: 1px;
+  width: 1px;
+  position: absolute;
+  overflow: hidden;
+  padding: 0;
+  white-space: nowrap;
+}
+
+.emotion-5 {
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-appearance: none;
+  -moz-appearance: none;
+  -ms-appearance: none;
+  appearance: none;
+  padding: 0 8px 0 16px;
+  height: auto;
+  min-height: 48px;
+}
+
+.emotion-6 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  display: grid;
+  -webkit-flex: 1;
+  -ms-flex: 1;
+  flex: 1;
+  -webkit-box-flex-wrap: wrap;
+  -webkit-flex-wrap: wrap;
+  -ms-flex-wrap: wrap;
+  flex-wrap: wrap;
+  padding: 0;
+  -webkit-overflow-scrolling: touch;
+  position: relative;
+  overflow: hidden;
+  box-sizing: border-box;
+  width: 100%;
+}
+
+.emotion-7 {
+  color: hsl(0, 0%, 50%);
+  grid-area: 1/1/2/3;
+  margin-left: 2px;
+  margin-right: 2px;
+  box-sizing: border-box;
+}
+
+.emotion-8 {
+  background: 0;
+  border: 0;
+  caret-color: transparent;
+  font-size: inherit;
+  grid-area: 1/1/2/3;
+  outline: 0;
+  padding: 0;
+  width: 1px;
+  color: transparent;
+  left: -100px;
+  opacity: 0;
+  position: relative;
+  -webkit-transform: scale(.01);
+  -moz-transform: scale(.01);
+  -ms-transform: scale(.01);
+  transform: scale(.01);
+}
+
+.emotion-9 {
+  -webkit-align-items: center;
+  -webkit-box-align: center;
+  -ms-flex-align: center;
+  align-items: center;
+  -webkit-align-self: stretch;
+  -ms-flex-item-align: stretch;
+  align-self: stretch;
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-flex-shrink: 0;
+  -ms-flex-negative: 0;
+  flex-shrink: 0;
+  box-sizing: border-box;
+}
+
+.emotion-10 {
+  display: none;
+}
+
+.emotion-11 {
+  color: hsl(0, 0%, 80%);
+  display: -webkit-box;
+  display: -webkit-flex;
+  display: -ms-flexbox;
+  display: flex;
+  padding: 8px;
+  -webkit-transition: color 150ms;
+  transition: color 150ms;
+  box-sizing: border-box;
+}
+
+.emotion-11:hover {
+  color: hsl(0, 0%, 60%);
+}
+
+.emotion-12 {
+  fill: rgb(29, 30, 31);
+  overflow: visible;
+  margin-top: 4px;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-yrzhnj-Select"
+    className="emotion-1"
     data-uie-name="test"
   >
     <div
-      className=" css-g607jh-SelectContainer"
+      className=" emotion-2"
       id="test"
       onKeyDown={[Function]}
     >
@@ -201,25 +786,25 @@ exports[`"Select" renders as invalid 1`] = `
         tabIndex={0}
       >
         <span
-          className="css-1f43avz-a11yText-A11yText"
+          className="emotion-3"
           id="react-select-4-live-region"
         />
         <span
           aria-atomic="false"
           aria-live="polite"
           aria-relevant="additions text"
-          className="css-1f43avz-a11yText-A11yText"
+          className="emotion-3"
         />
         <div
-          className=" css-6smaub-Control"
+          className=" emotion-5"
           onMouseDown={[Function]}
           onTouchEnd={[Function]}
         >
           <div
-            className=" css-16ieua5-ValueContainer"
+            className=" emotion-6"
           >
             <div
-              className=" css-14el2xx-placeholder"
+              className=" emotion-7"
               id="react-select-4-placeholder"
             >
               Select...
@@ -231,7 +816,7 @@ exports[`"Select" renders as invalid 1`] = `
               aria-expanded={false}
               aria-haspopup={true}
               aria-readonly={true}
-              className="css-mohuvp-dummyInput-DummyInput"
+              className="emotion-8"
               disabled={false}
               id="react-select-4-input"
               inputMode="none"
@@ -244,19 +829,19 @@ exports[`"Select" renders as invalid 1`] = `
             />
           </div>
           <div
-            className=" css-1hb7zxy-IndicatorsContainer"
+            className=" emotion-9"
           >
             <span
-              className=" css-1xjgjl1-IndicatorSeparator"
+              className=" emotion-10"
             />
             <div
               aria-hidden="true"
-              className=" css-1186e7r-indicatorContainer"
+              className=" emotion-11"
               onMouseDown={[Function]}
               onTouchEnd={[Function]}
             >
               <svg
-                className="css-1tuya7p-DropdownIndicator"
+                className="emotion-12"
                 height={16}
                 viewBox="0 0 16 16"
                 width={16}
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.tsx.snap
index ab71626ab3..03d9869c8e 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/Switch.test.tsx.snap
@@ -1,28 +1,105 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Switch" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  display: inline-block;
+  position: relative;
+  text-align: left;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  width: 42px;
+}
+
+.emotion-2 {
+  display: none;
+}
+
+.emotion-3 {
+  border-radius: 20px;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  overflow: hidden;
+}
+
+.emotion-4 {
+  display: block;
+  margin-left: -100%;
+  -webkit-transition: margin 0.1s ease-in 0s;
+  transition: margin 0.1s ease-in 0s;
+  width: 200%;
+}
+
+.emotion-4:after {
+  content: " ";
+  padding-right: 10px;
+  text-align: right;
+}
+
+.emotion-4:before {
+  content: " ";
+  padding-left: 10px;
+}
+
+.emotion-4:before,
+.emotion-4:after {
+  background-color: #d2d2d2;
+  box-sizing: border-box;
+  display: block;
+  float: left;
+  height: 25px;
+  line-height: 25px;
+  padding: 0;
+  width: 50%;
+}
+
+.emotion-5 {
+  background: #fff;
+  border-radius: 100%;
+  bottom: 0;
+  box-shadow: 0px 0px 2px -1px gray;
+  display: block;
+  height: 23px;
+  margin: 1px;
+  position: absolute;
+  right: 17px;
+  top: 0;
+  -webkit-transition: all 0.15s ease-in 0s;
+  transition: all 0.15s ease-in 0s;
+  width: 23px;
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-vlapzy-Switch"
+    className="emotion-1"
   >
     <input
       checked={false}
-      className="css-1mmu7i4-Switch"
+      className="emotion-2"
       id="3"
       onChange={[Function]}
       type="checkbox"
     />
     <label
-      className="css-m9in6d-Switch"
+      className="emotion-3"
       htmlFor="3"
     >
       <span
-        className="css-edcbmt-Switch"
+        className="emotion-4"
       />
       <span
-        className="css-dm4yw9-Switch"
+        className="emotion-5"
       />
     </label>
   </div>
@@ -30,28 +107,105 @@ exports[`"Switch" renders (dark theme) 1`] = `
 `;
 
 exports[`"Switch" renders checked 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  display: inline-block;
+  position: relative;
+  text-align: left;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  width: 42px;
+}
+
+.emotion-2 {
+  display: none;
+}
+
+.emotion-3 {
+  border-radius: 20px;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  overflow: hidden;
+}
+
+.emotion-4 {
+  display: block;
+  margin-left: 0;
+  -webkit-transition: margin 0.1s ease-in 0s;
+  transition: margin 0.1s ease-in 0s;
+  width: 200%;
+}
+
+.emotion-4:after {
+  content: " ";
+  padding-right: 10px;
+  text-align: right;
+}
+
+.emotion-4:before {
+  content: " ";
+  padding-left: 10px;
+}
+
+.emotion-4:before,
+.emotion-4:after {
+  background-color: #0772de;
+  box-sizing: border-box;
+  display: block;
+  float: left;
+  height: 25px;
+  line-height: 25px;
+  padding: 0;
+  width: 50%;
+}
+
+.emotion-5 {
+  background: #fff;
+  border-radius: 100%;
+  bottom: 0;
+  box-shadow: 0px 0px 2px -1px gray;
+  display: block;
+  height: 23px;
+  margin: 1px;
+  position: absolute;
+  right: 0px;
+  top: 0;
+  -webkit-transition: all 0.15s ease-in 0s;
+  transition: all 0.15s ease-in 0s;
+  width: 23px;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-vlapzy-Switch"
+    className="emotion-1"
   >
     <input
       checked={true}
-      className="css-1mmu7i4-Switch"
+      className="emotion-2"
       id="2"
       onChange={[Function]}
       type="checkbox"
     />
     <label
-      className="css-m9in6d-Switch"
+      className="emotion-3"
       htmlFor="2"
     >
       <span
-        className="css-1cbbamx-Switch"
+        className="emotion-4"
       />
       <span
-        className="css-xjd1wz-Switch"
+        className="emotion-5"
       />
     </label>
   </div>
@@ -59,29 +213,106 @@ exports[`"Switch" renders checked 1`] = `
 `;
 
 exports[`"Switch" renders disabled 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  display: inline-block;
+  position: relative;
+  text-align: left;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  width: 42px;
+}
+
+.emotion-2 {
+  display: none;
+}
+
+.emotion-3 {
+  border-radius: 20px;
+  display: block;
+  margin: 0;
+  overflow: hidden;
+}
+
+.emotion-4 {
+  display: block;
+  margin-left: -100%;
+  -webkit-transition: margin 0.1s ease-in 0s;
+  transition: margin 0.1s ease-in 0s;
+  width: 200%;
+}
+
+.emotion-4:after {
+  content: " ";
+  padding-right: 10px;
+  text-align: right;
+}
+
+.emotion-4:before {
+  content: " ";
+  padding-left: 10px;
+}
+
+.emotion-4:before,
+.emotion-4:after {
+  background-color: rgb(228, 228, 228);
+  box-sizing: border-box;
+  display: block;
+  float: left;
+  height: 25px;
+  line-height: 25px;
+  padding: 0;
+  width: 50%;
+}
+
+.emotion-5 {
+  background: #fff;
+  border-radius: 100%;
+  bottom: 0;
+  box-shadow: 0px 0px 2px -1px gray;
+  display: block;
+  height: 23px;
+  margin: 1px;
+  opacity: 0.7;
+  position: absolute;
+  right: 17px;
+  top: 0;
+  -webkit-transition: all 0.15s ease-in 0s;
+  transition: all 0.15s ease-in 0s;
+  width: 23px;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-vlapzy-Switch"
+    className="emotion-1"
   >
     <input
       checked={false}
-      className="css-1mmu7i4-Switch"
+      className="emotion-2"
       disabled={true}
       id="4"
       onChange={[Function]}
       type="checkbox"
     />
     <label
-      className="css-vjtkxv-Switch"
+      className="emotion-3"
       htmlFor="4"
     >
       <span
-        className="css-ryu7iu-Switch"
+        className="emotion-4"
       />
       <span
-        className="css-1ywitsw-Switch"
+        className="emotion-5"
       />
     </label>
   </div>
@@ -89,28 +320,105 @@ exports[`"Switch" renders disabled 1`] = `
 `;
 
 exports[`"Switch" renders unchecked 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  display: inline-block;
+  position: relative;
+  text-align: left;
+  -webkit-user-select: none;
+  -moz-user-select: none;
+  -ms-user-select: none;
+  user-select: none;
+  vertical-align: middle;
+  width: 42px;
+}
+
+.emotion-2 {
+  display: none;
+}
+
+.emotion-3 {
+  border-radius: 20px;
+  cursor: pointer;
+  display: block;
+  margin: 0;
+  overflow: hidden;
+}
+
+.emotion-4 {
+  display: block;
+  margin-left: -100%;
+  -webkit-transition: margin 0.1s ease-in 0s;
+  transition: margin 0.1s ease-in 0s;
+  width: 200%;
+}
+
+.emotion-4:after {
+  content: " ";
+  padding-right: 10px;
+  text-align: right;
+}
+
+.emotion-4:before {
+  content: " ";
+  padding-left: 10px;
+}
+
+.emotion-4:before,
+.emotion-4:after {
+  background-color: #d2d2d2;
+  box-sizing: border-box;
+  display: block;
+  float: left;
+  height: 25px;
+  line-height: 25px;
+  padding: 0;
+  width: 50%;
+}
+
+.emotion-5 {
+  background: #fff;
+  border-radius: 100%;
+  bottom: 0;
+  box-shadow: 0px 0px 2px -1px gray;
+  display: block;
+  height: 23px;
+  margin: 1px;
+  position: absolute;
+  right: 17px;
+  top: 0;
+  -webkit-transition: all 0.15s ease-in 0s;
+  transition: all 0.15s ease-in 0s;
+  width: 23px;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-vlapzy-Switch"
+    className="emotion-1"
   >
     <input
       checked={false}
-      className="css-1mmu7i4-Switch"
+      className="emotion-2"
       id="1"
       onChange={[Function]}
       type="checkbox"
     />
     <label
-      className="css-m9in6d-Switch"
+      className="emotion-3"
       htmlFor="1"
     >
       <span
-        className="css-edcbmt-Switch"
+        className="emotion-4"
       />
       <span
-        className="css-dm4yw9-Switch"
+        className="emotion-5"
       />
     </label>
   </div>
diff --git a/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.tsx.snap b/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.tsx.snap
index ddd3dbb258..e6143940e0 100644
--- a/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.tsx.snap
+++ b/packages/react-ui-kit/src/Form/__snapshots__/TextArea.test.tsx.snap
@@ -1,11 +1,60 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"TextArea" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  background: #fff;
+  border: none;
+  border-radius: 4px;
+  box-shadow: 0 0 0 1px #696c6e;
+  caret-color: #0772de;
+  color: rgb(29, 30, 31);
+  font-weight: 300;
+  line-height: 24px;
+  margin: 0 0 16px;
+  outline: none;
+  padding: 16px 16px;
+  resize: none;
+  width: 100%;
+}
+
+.emotion-1::-moz-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+  opacity: 1;
+}
+
+.emotion-1::-ms-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-1::-webkit-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-1:focus {
+  box-shadow: 0 0 0 1px #0772de;
+}
+
+.emotion-1:invalid {
+  box-shadow: 0 0 0 1px #696c6e;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <textarea
-    className="textarea css-1lmm8uy"
+    className="textarea emotion-1"
   >
     TextArea
   </textarea>
@@ -13,11 +62,60 @@ exports[`"TextArea" renders 1`] = `
 `;
 
 exports[`"TextArea" renders as disabled 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  background: #edeff0;
+  border: none;
+  border-radius: 4px;
+  box-shadow: 0 0 0 1px #696c6e;
+  caret-color: #0772de;
+  color: rgb(29, 30, 31);
+  font-weight: 300;
+  line-height: 24px;
+  margin: 0 0 16px;
+  outline: none;
+  padding: 16px 16px;
+  resize: none;
+  width: 100%;
+}
+
+.emotion-1::-moz-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+  opacity: 1;
+}
+
+.emotion-1::-ms-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-1::-webkit-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-1:focus {
+  box-shadow: 0 0 0 1px #0772de;
+}
+
+.emotion-1:invalid {
+  box-shadow: 0 0 0 1px #696c6e;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <textarea
-    className="textarea css-1lu21pm"
+    className="textarea emotion-1"
     disabled={true}
   >
     TextArea
@@ -26,11 +124,56 @@ exports[`"TextArea" renders as disabled 1`] = `
 `;
 
 exports[`"TextArea" renders as invalid 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  background: #fff;
+  border: none;
+  border-radius: 4px;
+  box-shadow: 0 0 0 1px #e02020;
+  caret-color: #0772de;
+  color: rgb(29, 30, 31);
+  font-weight: 300;
+  line-height: 24px;
+  margin: 0 0 16px;
+  outline: none;
+  padding: 16px 16px;
+  resize: none;
+  width: 100%;
+}
+
+.emotion-1::-moz-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+  opacity: 1;
+}
+
+.emotion-1::-ms-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-1::-webkit-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: none;
+}
+
+.emotion-1:focus {
+  box-shadow: 0 0 0 1px #0772de;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <textarea
-    className="textarea css-1xpn2km"
+    className="textarea emotion-1"
   >
     TextArea
   </textarea>
@@ -38,11 +181,60 @@ exports[`"TextArea" renders as invalid 1`] = `
 `;
 
 exports[`"TextArea" renders with placeholderTextTransform 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  background: #fff;
+  border: none;
+  border-radius: 4px;
+  box-shadow: 0 0 0 1px #696c6e;
+  caret-color: #0772de;
+  color: rgb(29, 30, 31);
+  font-weight: 300;
+  line-height: 24px;
+  margin: 0 0 16px;
+  outline: none;
+  padding: 16px 16px;
+  resize: none;
+  width: 100%;
+}
+
+.emotion-1::-moz-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: uppercase;
+  opacity: 1;
+}
+
+.emotion-1::-ms-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: uppercase;
+}
+
+.emotion-1::-webkit-input-placeholder {
+  color: rgb(80, 82, 84);
+  font-size: 16px;
+  text-transform: uppercase;
+}
+
+.emotion-1:focus {
+  box-shadow: 0 0 0 1px #0772de;
+}
+
+.emotion-1:invalid {
+  box-shadow: 0 0 0 1px #696c6e;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <textarea
-    className="textarea css-v6j4u8"
+    className="textarea emotion-1"
     placeholder="TextArea"
   >
     TextArea
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.tsx.snap
index 3f7cadd40e..9ccddb6acc 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Heading.test.tsx.snap
@@ -1,11 +1,37 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Heading" renders H! (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #fff;
+  display: block;
+  font-size: 48px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  line-height: 56px;
+  margin-bottom: 64px;
+  margin-top: 0;
+  min-height: 48px;
+}
+
+@media (max-width: 639px) {
+  .emotion-1 {
+    font-size: 40px;
+    line-height: 48px;
+  }
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <h1
-    className="css-l5qfww-H1"
+    className="emotion-1"
   >
     H1
   </h1>
@@ -13,11 +39,37 @@ exports[`"Heading" renders H! (dark theme) 1`] = `
 `;
 
 exports[`"Heading" renders H1 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: block;
+  font-size: 48px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  line-height: 56px;
+  margin-bottom: 64px;
+  margin-top: 0;
+  min-height: 48px;
+}
+
+@media (max-width: 639px) {
+  .emotion-1 {
+    font-size: 40px;
+    line-height: 48px;
+  }
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <h1
-    className="css-1mxde5b-H1"
+    className="emotion-1"
   >
     H1
   </h1>
@@ -25,11 +77,37 @@ exports[`"Heading" renders H1 1`] = `
 `;
 
 exports[`"Heading" renders H1 2`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: block;
+  font-size: 48px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  line-height: 56px;
+  margin-bottom: 64px;
+  margin-top: 0;
+  min-height: 48px;
+}
+
+@media (max-width: 639px) {
+  .emotion-1 {
+    font-size: 40px;
+    line-height: 48px;
+  }
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <h1
-    className="css-1mxde5b-H1"
+    className="emotion-1"
   >
     H1
   </h1>
@@ -37,11 +115,38 @@ exports[`"Heading" renders H1 2`] = `
 `;
 
 exports[`"Heading" renders H2 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: block;
+  font-size: 20px;
+  font-weight: 700;
+  text-align: left;
+  text-transform: none;
+  line-height: 28px;
+  margin-bottom: 24px;
+  margin-top: 32px;
+}
+
+@media (max-width: 639px) {
+  .emotion-1 {
+    font-size: 18px;
+    line-height: 26px;
+    margin-bottom: 20px;
+    margin-top: 26px;
+  }
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <h2
-    className="css-7ld864-H2"
+    className="emotion-1"
   >
     H2
   </h2>
@@ -49,11 +154,27 @@ exports[`"Heading" renders H2 1`] = `
 `;
 
 exports[`"Heading" renders H3 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: block;
+  font-size: 16px;
+  font-weight: 600;
+  text-align: left;
+  text-transform: none;
+  margin-bottom: 16px;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <h3
-    className="css-1i6ms6d-H3"
+    className="emotion-1"
   >
     H3
   </h3>
@@ -61,11 +182,28 @@ exports[`"Heading" renders H3 1`] = `
 `;
 
 exports[`"Heading" renders H4 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: block;
+  font-size: 11px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  margin-bottom: 5px;
+  margin-top: 20px;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <h3
-    className="css-1gksb4j-H4"
+    className="emotion-1"
   >
     H4
   </h3>
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Label.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Label.test.tsx.snap
index d8b62487d3..4f0d8f14bd 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Label.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Label.test.tsx.snap
@@ -1,11 +1,31 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"InputLabel" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: initial;
+  display: inline;
+  font-size: 12px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  width: 100%;
+}
+
+.emotion-1:focus-within {
+  color: #0772de;
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <label
-    className="css-evu342-Label"
+    className="emotion-1"
   >
     Label
   </label>
@@ -13,11 +33,31 @@ exports[`"InputLabel" renders (dark theme) 1`] = `
 `;
 
 exports[`"InputLabel" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: initial;
+  display: inline;
+  font-size: 12px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  width: 100%;
+}
+
+.emotion-1:focus-within {
+  color: #0772de;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <label
-    className="css-evu342-Label"
+    className="emotion-1"
   >
     Label
   </label>
@@ -25,11 +65,42 @@ exports[`"InputLabel" renders 1`] = `
 `;
 
 exports[`"LabelLink" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #fff;
+  display: inline;
+  font-size: 12px;
+  font-weight: 600;
+  text-align: left;
+  text-transform: uppercase;
+  cursor: pointer;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+}
+
+.emotion-1:visited,
+.emotion-1:link,
+.emotion-1:active {
+  color: #fff;
+}
+
+.emotion-1:hover {
+  -webkit-filter: brightness(70%);
+  filter: brightness(70%);
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <a
-    className="css-yrhris-LabelLink"
+    className="emotion-1"
   >
     LabelLink
   </a>
@@ -37,11 +108,42 @@ exports[`"LabelLink" renders (dark theme) 1`] = `
 `;
 
 exports[`"LabelLink" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 12px;
+  font-weight: 600;
+  text-align: left;
+  text-transform: uppercase;
+  cursor: pointer;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+}
+
+.emotion-1:visited,
+.emotion-1:link,
+.emotion-1:active {
+  color: rgb(29, 30, 31);
+}
+
+.emotion-1:hover {
+  -webkit-filter: brightness(70%);
+  filter: brightness(70%);
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <a
-    className="css-1jufn2v-LabelLink"
+    className="emotion-1"
   >
     LabelLink
   </a>
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Line.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Line.test.tsx.snap
index 9cd8b41249..73aa71fdb5 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Line.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Line.test.tsx.snap
@@ -1,11 +1,24 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Line" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  border: none;
+  border-bottom: 1px solid rgb(213, 214, 214);
+  margin-bottom: 16px;
+  margin-top: 16px;
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <hr
-    className="css-6n7l8x-Line"
+    className="emotion-1"
   >
     Line
   </hr>
@@ -13,11 +26,24 @@ exports[`"Line" renders (dark theme) 1`] = `
 `;
 
 exports[`"Line" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  border: none;
+  border-bottom: 1px solid rgb(213, 214, 214);
+  margin-bottom: 16px;
+  margin-top: 16px;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <hr
-    className="css-6n7l8x-Line"
+    className="emotion-1"
   >
     Line
   </hr>
@@ -25,11 +51,24 @@ exports[`"Line" renders 1`] = `
 `;
 
 exports[`"Line" renders with color 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  border: none;
+  border-bottom: 1px solid #e02020;
+  margin-bottom: 16px;
+  margin-top: 16px;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <hr
-    className="css-hqylb4-Line"
+    className="emotion-1"
     color="#e02020"
   >
     Line
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Link.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Link.test.tsx.snap
index c19082e2c0..5ab4c04459 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Link.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Link.test.tsx.snap
@@ -1,11 +1,42 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Link" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #fff;
+  display: inline;
+  font-size: 11px;
+  font-weight: 600;
+  text-align: left;
+  text-transform: uppercase;
+  cursor: pointer;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+}
+
+.emotion-1:visited,
+.emotion-1:link,
+.emotion-1:active {
+  color: #fff;
+}
+
+.emotion-1:hover {
+  -webkit-filter: brightness(70%);
+  filter: brightness(70%);
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <a
-    className="css-50pib5-Link"
+    className="emotion-1"
     rel="noopener noreferrer"
   >
     Link
@@ -14,11 +45,42 @@ exports[`"Link" renders (dark theme) 1`] = `
 `;
 
 exports[`"Link" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 11px;
+  font-weight: 600;
+  text-align: left;
+  text-transform: uppercase;
+  cursor: pointer;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+}
+
+.emotion-1:visited,
+.emotion-1:link,
+.emotion-1:active {
+  color: rgb(29, 30, 31);
+}
+
+.emotion-1:hover {
+  -webkit-filter: brightness(70%);
+  filter: brightness(70%);
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <a
-    className="css-g0x2vf-Link"
+    className="emotion-1"
     rel="noopener noreferrer"
   >
     Link
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.tsx.snap
index 935a507530..8272dfba70 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Paragraph.test.tsx.snap
@@ -1,11 +1,34 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Lead" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #fff;
+  display: block;
+  font-size: 24px;
+  font-weight: 300;
+  text-align: center;
+  text-transform: none;
+  margin-bottom: 56px;
+  margin-top: 0;
+}
+
+@media (max-width: 639px) {
+  .emotion-1 {
+    font-size: 20px;
+  }
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <p
-    className="css-bje2y9-Lead"
+    className="emotion-1"
   >
     Lead
   </p>
@@ -13,11 +36,34 @@ exports[`"Lead" renders (dark theme) 1`] = `
 `;
 
 exports[`"Lead" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: block;
+  font-size: 24px;
+  font-weight: 300;
+  text-align: center;
+  text-transform: none;
+  margin-bottom: 56px;
+  margin-top: 0;
+}
+
+@media (max-width: 639px) {
+  .emotion-1 {
+    font-size: 20px;
+  }
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <p
-    className="css-h0aqb6-Lead"
+    className="emotion-1"
   >
     Lead
   </p>
@@ -25,11 +71,28 @@ exports[`"Lead" renders 1`] = `
 `;
 
 exports[`"Paragraph" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #fff;
+  display: block;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  margin-bottom: 16px;
+  margin-top: 0;
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <p
-    className="css-15evjgv-Paragraph"
+    className="emotion-1"
   >
     Paragraph
   </p>
@@ -37,11 +100,28 @@ exports[`"Paragraph" renders (dark theme) 1`] = `
 `;
 
 exports[`"Paragraph" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: block;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  margin-bottom: 16px;
+  margin-top: 0;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <p
-    className="css-1by25mu-Paragraph"
+    className="emotion-1"
   >
     Paragraph
   </p>
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Text.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Text.test.tsx.snap
index 4992e9e383..1b6ecbe762 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Text.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Text.test.tsx.snap
@@ -1,11 +1,26 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Text" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #fff;
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-1xniryu"
+    className="emotion-1"
   >
     Text
   </span>
@@ -13,11 +28,26 @@ exports[`"Text" renders (dark theme) 1`] = `
 `;
 
 exports[`"Text" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-nm0i8o"
+    className="emotion-1"
   >
     Text
   </span>
@@ -25,11 +55,26 @@ exports[`"Text" renders 1`] = `
 `;
 
 exports[`"Text" renders as block 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: block;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-16vxtwd"
+    className="emotion-1"
   >
     Text
   </span>
@@ -37,11 +82,26 @@ exports[`"Text" renders as block 1`] = `
 `;
 
 exports[`"Text" renders bold 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 16px;
+  font-weight: 600;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-k4tiab"
+    className="emotion-1"
   >
     Text
   </span>
@@ -49,11 +109,26 @@ exports[`"Text" renders bold 1`] = `
 `;
 
 exports[`"Text" renders centered 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: center;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-1aut1m8"
+    className="emotion-1"
   >
     Text
   </span>
@@ -61,11 +136,26 @@ exports[`"Text" renders centered 1`] = `
 `;
 
 exports[`"Text" renders light 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 16px;
+  font-weight: 200;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-nurxuk"
+    className="emotion-1"
   >
     Text
   </span>
@@ -73,11 +163,26 @@ exports[`"Text" renders light 1`] = `
 `;
 
 exports[`"Text" renders muted 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #696c6e;
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-9fs502"
+    className="emotion-1"
   >
     Text
   </span>
@@ -85,11 +190,27 @@ exports[`"Text" renders muted 1`] = `
 `;
 
 exports[`"Text" renders no wrap 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  white-space: nowrap;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-1hzwasr"
+    className="emotion-1"
   >
     Text
   </span>
@@ -97,11 +218,26 @@ exports[`"Text" renders no wrap 1`] = `
 `;
 
 exports[`"Text" renders with color 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #0772de;
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-1om3prj"
+    className="emotion-1"
   >
     Text
   </span>
@@ -109,11 +245,26 @@ exports[`"Text" renders with color 1`] = `
 `;
 
 exports[`"Text" renders with size 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 2px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-veh1h2"
+    className="emotion-1"
   >
     Text
   </span>
@@ -121,11 +272,26 @@ exports[`"Text" renders with size 1`] = `
 `;
 
 exports[`"Text" renders with textTransform 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: uppercase;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-17oerc2"
+    className="emotion-1"
   >
     Text
   </span>
@@ -133,11 +299,26 @@ exports[`"Text" renders with textTransform 1`] = `
 `;
 
 exports[`"Text" renders with truncation 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: uppercase;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-17oerc2"
+    className="emotion-1"
   >
     aaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaaa
   </span>
@@ -145,11 +326,26 @@ exports[`"Text" renders with truncation 1`] = `
 `;
 
 exports[`Utility components renders Bold 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 16px;
+  font-weight: 600;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-k4tiab"
+    className="emotion-1"
   >
     Bold
   </span>
@@ -157,11 +353,26 @@ exports[`Utility components renders Bold 1`] = `
 `;
 
 exports[`Utility components renders Large 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 48px;
+  font-weight: 200;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-m3p6w3"
+    className="emotion-1"
   >
     Large
   </span>
@@ -169,11 +380,26 @@ exports[`Utility components renders Large 1`] = `
 `;
 
 exports[`Utility components renders Muted 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #696c6e;
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-9fs502"
+    className="emotion-1"
   >
     Muted
   </span>
@@ -181,11 +407,26 @@ exports[`Utility components renders Muted 1`] = `
 `;
 
 exports[`Utility components renders Small 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 12px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-1mag67q"
+    className="emotion-1"
   >
     Small
   </span>
@@ -193,11 +434,26 @@ exports[`Utility components renders Small 1`] = `
 `;
 
 exports[`Utility components renders Uppercase 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: rgb(29, 30, 31);
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: uppercase;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <span
-    className="css-17oerc2"
+    className="emotion-1"
   >
     Uppercase
   </span>
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.tsx.snap
index f3888342f2..651ee0e578 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/TextLink.test.tsx.snap
@@ -1,11 +1,42 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"TextLink" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #0667c8;
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  cursor: pointer;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+}
+
+.emotion-1:visited,
+.emotion-1:link,
+.emotion-1:active {
+  color: #0667c8;
+}
+
+.emotion-1:hover {
+  -webkit-filter: brightness(70%);
+  filter: brightness(70%);
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <a
-    className="css-207ys5-TextLink"
+    className="emotion-1"
     rel="noopener noreferrer"
   >
     TextLink
@@ -14,11 +45,42 @@ exports[`"TextLink" renders (dark theme) 1`] = `
 `;
 
 exports[`"TextLink" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #0667c8;
+  display: inline;
+  font-size: 16px;
+  font-weight: 300;
+  text-align: left;
+  text-transform: none;
+  cursor: pointer;
+  -webkit-text-decoration: none;
+  text-decoration: none;
+  -webkit-transition: all 0.24s;
+  transition: all 0.24s;
+}
+
+.emotion-1:visited,
+.emotion-1:link,
+.emotion-1:active {
+  color: #0667c8;
+}
+
+.emotion-1:hover {
+  -webkit-filter: brightness(70%);
+  filter: brightness(70%);
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <a
-    className="css-207ys5-TextLink"
+    className="emotion-1"
     rel="noopener noreferrer"
   >
     TextLink
diff --git a/packages/react-ui-kit/src/Text/__snapshots__/Title.test.tsx.snap b/packages/react-ui-kit/src/Text/__snapshots__/Title.test.tsx.snap
index 69f0e7fcd5..9f64fbd45f 100644
--- a/packages/react-ui-kit/src/Text/__snapshots__/Title.test.tsx.snap
+++ b/packages/react-ui-kit/src/Text/__snapshots__/Title.test.tsx.snap
@@ -1,11 +1,27 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"Title" renders (dark theme) 1`] = `
+.emotion-0 {
+  background: #000;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #696c6e;
+  display: block;
+  font-size: 32px;
+  font-weight: 600;
+  text-align: center;
+  text-transform: none;
+  margin-bottom: 8px;
+}
+
 <div
-  className="css-1mc7zwm-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-16j78gg-Title"
+    className="emotion-1"
   >
     Title
   </div>
@@ -13,11 +29,27 @@ exports[`"Title" renders (dark theme) 1`] = `
 `;
 
 exports[`"Title" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
+.emotion-1 {
+  color: #696c6e;
+  display: block;
+  font-size: 32px;
+  font-weight: 600;
+  text-align: center;
+  text-transform: none;
+  margin-bottom: 8px;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 >
   <div
-    className="css-16j78gg-Title"
+    className="emotion-1"
   >
     Title
   </div>
diff --git a/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.tsx.snap b/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.tsx.snap
index 3cf7560859..29f3b7dee4 100644
--- a/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.tsx.snap
+++ b/packages/react-ui-kit/src/__snapshots__/GlobalStyle.test.tsx.snap
@@ -1,7 +1,13 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`"GlobalStyle" renders 1`] = `
+.emotion-0 {
+  background: #edeff0;
+  -webkit-transition: background 0.15s;
+  transition: background 0.15s;
+}
+
 <div
-  className="css-7uml9n-StyledAppContainer"
+  className="emotion-0"
 />
 `;

From 5ef3987d67aca30d9ee28f42e4211f20b3b352ea Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Adrian=20Wei=C3=9F?= <gitlab@weissadrian.com>
Date: Mon, 24 Oct 2022 10:25:27 +0200
Subject: [PATCH 17/17] fix: use node test environment for copy-config

---
 package.json                            |  2 ++
 packages/api-client/package.json        |  3 +++
 packages/bazinga64/package.json         |  4 +++-
 packages/certificate-check/package.json |  4 +++-
 packages/copy-config/jest.config.js     |  1 +
 packages/copy-config/package.json       |  1 +
 packages/copy-config/src/main/utils.ts  |  2 +-
 packages/copy-config/tsconfig.json      |  1 +
 packages/priority-queue/package.json    |  1 +
 yarn.lock                               | 24 +++++++++++++++++++++---
 10 files changed, 37 insertions(+), 6 deletions(-)

diff --git a/package.json b/package.json
index 52c073c1d5..486cd554d6 100644
--- a/package.json
+++ b/package.json
@@ -1,11 +1,13 @@
 {
   "devDependencies": {
+    "@babel/core": "^7.19.6",
     "@babel/eslint-parser": "^7.19.1",
     "@lerna-lite/changed": "^1.11.3",
     "@lerna-lite/cli": "^1.11.3",
     "@lerna-lite/run": "^1.11.3",
     "@swc/core": "^1.3.10",
     "@swc/jest": "^0.2.23",
+    "@types/babel__core": "^7",
     "@types/jest": "^29.2.0",
     "@types/node": "^18.11.3",
     "@types/rimraf": "3.0.2",
diff --git a/packages/api-client/package.json b/packages/api-client/package.json
index 2f42197f34..aa85a73ee0 100644
--- a/packages/api-client/package.json
+++ b/packages/api-client/package.json
@@ -27,6 +27,7 @@
     "@types/axios": "^0.14.0",
     "@types/babel__preset-env": "^7",
     "@types/jest": "^29.2.0",
+    "@types/node": "^18.11.4",
     "@types/spark-md5": "3.0.2",
     "@types/tough-cookie": "4.0.1",
     "@types/ws": "8.5.3",
@@ -45,6 +46,8 @@
     "sinon": "14.0.1",
     "sinon-har-server": "0.3.0",
     "ts-node": "^10.9.1",
+    "typescript": "^4.8.4",
+    "webpack": "^5.74.0",
     "ws": "8.9.0"
   },
   "description": "Wire API Client to send and receive data.",
diff --git a/packages/bazinga64/package.json b/packages/bazinga64/package.json
index 773a06379f..1edeb690ea 100644
--- a/packages/bazinga64/package.json
+++ b/packages/bazinga64/package.json
@@ -5,10 +5,12 @@
     "@swc/jest": "^0.2.23",
     "@types/jest": "^29.2.0",
     "@types/libsodium-wrappers-sumo": "0.7.5",
+    "@types/node": "^18.11.4",
     "cross-env": "7.0.3",
     "jest": "^29.2.1",
     "libsodium-wrappers-sumo": "0.7.10",
-    "ts-node": "10.9.1"
+    "ts-node": "10.9.1",
+    "typescript": "^4.8.4"
   },
   "files": [
     "src",
diff --git a/packages/certificate-check/package.json b/packages/certificate-check/package.json
index abcef65c6f..739c8506ac 100644
--- a/packages/certificate-check/package.json
+++ b/packages/certificate-check/package.json
@@ -8,8 +8,10 @@
     "@swc/jest": "^0.2.23",
     "@types/jest": "^29.2.0",
     "@types/jsrsasign": "10.5.4",
+    "@types/node": "^18.11.4",
     "jest": "^29.2.1",
-    "ts-node": "^10.9.1"
+    "ts-node": "^10.9.1",
+    "typescript": "^4.8.4"
   },
   "files": [
     "src",
diff --git a/packages/copy-config/jest.config.js b/packages/copy-config/jest.config.js
index 64167f685e..8f02b29287 100644
--- a/packages/copy-config/jest.config.js
+++ b/packages/copy-config/jest.config.js
@@ -21,4 +21,5 @@ const baseConfig = require('../../jest.config.base');
 
 module.exports = {
   ...baseConfig,
+  testEnvironment: 'node',
 };
diff --git a/packages/copy-config/package.json b/packages/copy-config/package.json
index 86a0a89650..364305dcad 100644
--- a/packages/copy-config/package.json
+++ b/packages/copy-config/package.json
@@ -12,6 +12,7 @@
   "devDependencies": {
     "@swc/core": "^1.3.10",
     "@swc/jest": "^0.2.23",
+    "@types/axios": "^0.14.0",
     "@types/copy": "0.3.2",
     "@types/fs-extra": "9.0.13",
     "@types/jest": "^29.2.0",
diff --git a/packages/copy-config/src/main/utils.ts b/packages/copy-config/src/main/utils.ts
index d69f347d64..ea6d92d430 100644
--- a/packages/copy-config/src/main/utils.ts
+++ b/packages/copy-config/src/main/utils.ts
@@ -17,7 +17,6 @@
  *
  */
 
-import axios from 'axios';
 import {exec} from 'child_process';
 import path from 'path';
 import {promisify} from 'util';
@@ -27,6 +26,7 @@ import fs from 'fs-extra';
 import JSZip from 'jszip';
 import rimraf from 'rimraf';
 import File from 'vinyl';
+import axios from 'axios';
 
 export async function copyAsync(source: string, destination: string): Promise<File[]> {
   if (isFile(destination)) {
diff --git a/packages/copy-config/tsconfig.json b/packages/copy-config/tsconfig.json
index 9354e9dfd0..2a86d3215e 100644
--- a/packages/copy-config/tsconfig.json
+++ b/packages/copy-config/tsconfig.json
@@ -1,4 +1,5 @@
 {
+  "strict": true,
   "compilerOptions": {
     "esModuleInterop": true,
     "outDir": "src/main",
diff --git a/packages/priority-queue/package.json b/packages/priority-queue/package.json
index 0debae4232..f1b5a7aa9f 100644
--- a/packages/priority-queue/package.json
+++ b/packages/priority-queue/package.json
@@ -15,6 +15,7 @@
     "karma-sourcemap-loader": "0.3.8",
     "karma-spec-reporter": "0.0.34",
     "ts-node": "^10.9.1",
+    "typescript": "^4.8.4",
     "webpack": "4.46.0",
     "webpack-cli": "4.10.0"
   },
diff --git a/yarn.lock b/yarn.lock
index f7e4285f14..2ec2b469fc 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -97,7 +97,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"@babel/core@npm:7.19.6":
+"@babel/core@npm:7.19.6, @babel/core@npm:^7.19.6":
   version: 7.19.6
   resolution: "@babel/core@npm:7.19.6"
   dependencies:
@@ -4466,6 +4466,13 @@ __metadata:
   languageName: node
   linkType: hard
 
+"@types/node@npm:^18.11.4":
+  version: 18.11.4
+  resolution: "@types/node@npm:18.11.4"
+  checksum: 1de782b4eef4a5115396ae62137f248390ee5d1d9e9eeb49599714554cce1328af43da31bc28e7bab5a0ef859538a584a907b26163a59b42bc87b8317dc00bb8
+  languageName: node
+  linkType: hard
+
 "@types/node@npm:~14":
   version: 14.18.29
   resolution: "@types/node@npm:14.18.29"
@@ -5238,6 +5245,7 @@ __metadata:
     "@types/axios": ^0.14.0
     "@types/babel__preset-env": ^7
     "@types/jest": ^29.2.0
+    "@types/node": ^18.11.4
     "@types/spark-md5": 3.0.2
     "@types/tough-cookie": 4.0.1
     "@types/ws": 8.5.3
@@ -5266,6 +5274,8 @@ __metadata:
     spark-md5: 3.0.2
     tough-cookie: 4.1.2
     ts-node: ^10.9.1
+    typescript: ^4.8.4
+    webpack: ^5.74.0
     ws: 8.9.0
   languageName: unknown
   linkType: soft
@@ -5285,9 +5295,11 @@ __metadata:
     "@swc/jest": ^0.2.23
     "@types/jest": ^29.2.0
     "@types/jsrsasign": 10.5.4
+    "@types/node": ^18.11.4
     jest: ^29.2.1
     jsrsasign: 10.5.27
     ts-node: ^10.9.1
+    typescript: ^4.8.4
   languageName: unknown
   linkType: soft
 
@@ -5338,6 +5350,7 @@ __metadata:
   dependencies:
     "@swc/core": ^1.3.10
     "@swc/jest": ^0.2.23
+    "@types/axios": ^0.14.0
     "@types/copy": 0.3.2
     "@types/fs-extra": 9.0.13
     "@types/jest": ^29.2.0
@@ -5491,6 +5504,7 @@ __metadata:
     karma-sourcemap-loader: 0.3.8
     karma-spec-reporter: 0.0.34
     ts-node: ^10.9.1
+    typescript: ^4.8.4
     webpack: 4.46.0
     webpack-cli: 4.10.0
   languageName: unknown
@@ -6683,10 +6697,12 @@ __metadata:
     "@swc/jest": ^0.2.23
     "@types/jest": ^29.2.0
     "@types/libsodium-wrappers-sumo": 0.7.5
+    "@types/node": ^18.11.4
     cross-env: 7.0.3
     jest: ^29.2.1
     libsodium-wrappers-sumo: 0.7.10
     ts-node: 10.9.1
+    typescript: ^4.8.4
   languageName: unknown
   linkType: soft
 
@@ -18873,12 +18889,14 @@ __metadata:
   version: 0.0.0-use.local
   resolution: "root-workspace-0b6124@workspace:."
   dependencies:
+    "@babel/core": ^7.19.6
     "@babel/eslint-parser": ^7.19.1
     "@lerna-lite/changed": ^1.11.3
     "@lerna-lite/cli": ^1.11.3
     "@lerna-lite/run": ^1.11.3
     "@swc/core": ^1.3.10
     "@swc/jest": ^0.2.23
+    "@types/babel__core": ^7
     "@types/jest": ^29.2.0
     "@types/node": ^18.11.3
     "@types/rimraf": 3.0.2
@@ -21060,7 +21078,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@npm:4.8.4, typescript@npm:^4.6.2":
+"typescript@npm:4.8.4, typescript@npm:^4.6.2, typescript@npm:^4.8.4":
   version: 4.8.4
   resolution: "typescript@npm:4.8.4"
   bin:
@@ -21070,7 +21088,7 @@ __metadata:
   languageName: node
   linkType: hard
 
-"typescript@patch:typescript@4.8.4#~builtin<compat/typescript>, typescript@patch:typescript@^4.6.2#~builtin<compat/typescript>":
+"typescript@patch:typescript@4.8.4#~builtin<compat/typescript>, typescript@patch:typescript@^4.6.2#~builtin<compat/typescript>, typescript@patch:typescript@^4.8.4#~builtin<compat/typescript>":
   version: 4.8.4
   resolution: "typescript@patch:typescript@npm%3A4.8.4#~builtin<compat/typescript>::version=4.8.4&hash=a1c5e5"
   bin: