diff --git a/.github/workflows/deploy.yml b/.github/workflows/deploy.yml
index 7d8b327a08..c16eb3c4ac 100644
--- a/.github/workflows/deploy.yml
+++ b/.github/workflows/deploy.yml
@@ -47,10 +47,8 @@ jobs:
       - uses: actions/checkout@v4
       - uses: ./.github/actions/setup_modules
       - uses: ./.github/actions/build_cache_read
-      - name: Tests without snapshots
-        run: yarn test:noSnapshots
-      - name: Tests snapshots
-        run: yarn test:snapshots
+      - name: Tests
+        run: yarn test
       - name: BundleMon
         uses: lironer/bundlemon-action@v1
   argosDesktop:
diff --git a/jest.config.js b/jest.config.js
index 2b665d537e..2979157203 100644
--- a/jest.config.js
+++ b/jest.config.js
@@ -21,6 +21,5 @@ module.exports = {
   globals: {
     __ALLOW_HTTP__: false,
     cozy: {}
-  },
-  snapshotSerializers: ['enzyme-to-json/serializer']
+  }
 }
diff --git a/package.json b/package.json
index 986c5cb577..6d06f7a76c 100644
--- a/package.json
+++ b/package.json
@@ -48,8 +48,6 @@
     "sprite": "scripts/make-icon-sprite.sh",
     "screenshots": "node scripts/screenshots.js --screenshot-dir ./screenshots --styleguide-url file://$(pwd)/build/react --kss-dir ./build/styleguide",
     "test": "jest",
-    "test:noSnapshots": "jest --testPathIgnorePatterns 'react/examples.spec.jsx'",
-    "test:snapshots": "jest react/examples.spec.jsx",
     "screenshots:server": "nodemon ./scripts/pixelmatch-server/server.js -e js,hbs",
     "postbuild": "postcss transpiled/react/stylesheet.css --replace",
     "travis-deploy-once": "travis-deploy-once",
@@ -103,9 +101,6 @@
     "css-loader": "0.28.11",
     "cssnano": "4.1.11",
     "cssnano-preset-advanced": "4.0.8",
-    "enzyme": "3.11.0",
-    "enzyme-adapter-react-16": "1.15.6",
-    "enzyme-to-json": "3.6.2",
     "eslint": "8.11.0",
     "eslint-config-cozy-app": "^6.1.0",
     "eslint-config-prettier": "8.6.0",
@@ -134,7 +129,6 @@
     "postcss-cli": "6.1.3",
     "postcss-loader": "2.1.6",
     "prettier": "2.6.0",
-    "pretty": "2.0.0",
     "prop-types": "15.7.2",
     "react": "16.12.0",
     "react-dom": "16.12.0",
diff --git a/react/AppIcon/test/AppIcon.spec.js b/react/AppIcon/test/AppIcon.spec.js
index dba8b3d3c8..a776e29b9e 100644
--- a/react/AppIcon/test/AppIcon.spec.js
+++ b/react/AppIcon/test/AppIcon.spec.js
@@ -1,10 +1,17 @@
 'use strict'
 /* eslint-env jest */
 
-import { shallow } from 'enzyme'
+import { render, screen } from '@testing-library/react'
 import React from 'react'
 
 import { AppIcon } from '..'
+import Icon from '../../Icon'
+
+jest.mock('../../Icon', () => ({
+  ...jest.requireActual('../../Icon'),
+  __esModule: true,
+  default: jest.fn(() => <div data-testid="icon-component"></div>)
+}))
 
 describe('AppIcon component', () => {
   const app = {}
@@ -20,6 +27,7 @@ describe('AppIcon component', () => {
 
   beforeEach(() => {
     jest.resetModules()
+    jest.clearAllMocks()
 
     successFetchIcon = jest
       .fn()
@@ -33,17 +41,18 @@ describe('AppIcon component', () => {
   })
 
   it(`renders as loading`, () => {
-    const wrapper = shallow(
+    render(
       <AppIcon app={app} fetchIcon={successFetchIcon} client={mockClient} />
     )
 
-    const component = wrapper.getElement()
-    expect(component).toMatchSnapshot()
+    const loadingElement = screen.getByRole('progressbar')
+
+    expect(loadingElement).toBeInTheDocument()
     expect(successFetchIcon).toHaveBeenCalledWith(app, domain, secure)
     expect(console.error).not.toHaveBeenCalled()
   })
 
-  it(`should provide appData to getIconUrl in order to get icon simply, when oauth not needed`, async done => {
+  it(`should provide appData to getIconUrl in order to get icon simply, when oauth not needed`, async () => {
     const app = {
       name: 'app name',
       slug: 'slug',
@@ -63,92 +72,71 @@ describe('AppIcon component', () => {
         getIconURL: getIconURLMock
       })
     }
-    const wrapper = shallow(
-      <AppIcon
-        app={app}
-        client={mockClient}
-        onReady={() => {
-          wrapper.update()
-          expect(getIconURLMock).toHaveBeenNthCalledWith(1, {
-            appData: app,
-            priority: 'stack',
-            slug: 'slug',
-            type: 'app'
-          })
-          done()
-        }}
-      />
-    )
+
+    render(<AppIcon app={app} client={mockClient} />)
+
+    expect(getIconURLMock).toHaveBeenNthCalledWith(1, {
+      appData: app,
+      priority: 'stack',
+      slug: 'slug',
+      type: 'app'
+    })
   })
 
-  it(`renders correctly`, async done => {
-    const wrapper = shallow(
-      <AppIcon
-        app={app}
-        fetchIcon={successFetchIcon}
-        client={mockClient}
-        onReady={() => {
-          wrapper.update()
-          const component = wrapper.getElement()
-          expect(component).toMatchSnapshot()
-          expect(successFetchIcon).toHaveBeenCalledWith(app, domain, secure)
-          expect(console.error).not.toHaveBeenCalled()
-          done()
-        }}
-      />
+  it(`renders correctly`, async () => {
+    render(
+      <AppIcon app={app} fetchIcon={successFetchIcon} client={mockClient} />
     )
+
+    const iconElement = await screen.findByRole('img')
+    expect(iconElement).toBeInTheDocument()
+
+    expect(successFetchIcon).toHaveBeenCalledWith(app, domain, secure)
+    expect(console.error).not.toHaveBeenCalled()
   })
 
-  it(`renders default when fetch error occurs`, async done => {
-    const wrapper = shallow(
-      <AppIcon
-        app={app}
-        fetchIcon={failureFetchIcon}
-        client={mockClient}
-        onReady={() => {
-          wrapper.update()
-          const component = wrapper.getElement()
-          expect(component).toMatchSnapshot()
-          expect(failureFetchIcon).toHaveBeenCalledWith(app, domain, secure)
-          expect(console.error).not.toHaveBeenCalled()
-          done()
-        }}
-      />
+  it(`renders default when fetch error occurs`, async () => {
+    render(
+      <AppIcon app={app} fetchIcon={failureFetchIcon} client={mockClient} />
+    )
+
+    const iconFallbackElement = await screen.findByTestId('icon-component')
+    expect(iconFallbackElement).toBeInTheDocument()
+
+    expect(failureFetchIcon).toHaveBeenCalledWith(app, domain, secure)
+    expect(console.error).not.toHaveBeenCalled()
+
+    // Check that the Icon component has been called with a function (CubeIcon function is the default icon)
+    expect(Icon).toHaveBeenCalledWith(
+      expect.objectContaining({
+        icon: expect.any(Function)
+      }),
+      {}
     )
   })
 
-  it(`renders provided fallbackIcon when fetch error occurs`, async done => {
-    const wrapper = shallow(
+  it(`renders provided fallbackIcon when fetch error occurs`, async () => {
+    render(
       <AppIcon
         app={app}
         fetchIcon={failureFetchIcon}
         client={mockClient}
-        onReady={() => {
-          wrapper.update()
-          const component = wrapper.getElement()
-          expect(component).toMatchSnapshot()
-          expect(failureFetchIcon).toHaveBeenCalledWith(app, domain, secure)
-          expect(console.error).not.toHaveBeenCalled()
-          done()
-        }}
         fallbackIcon="warning"
       />
     )
-  })
 
-  it(`renders provided fallbackIcon on img error`, async done => {
-    const wrapper = shallow(
-      <AppIcon
-        fetchIcon={() => 'notagoodurl'}
-        onReady={() => {
-          wrapper.simulate('error')
-          wrapper.update()
-          const component = wrapper.getElement()
-          expect(component).toMatchSnapshot()
-          done()
-        }}
-        fallbackIcon="warning"
-      />
+    const iconFallbackElement = await screen.findByTestId('icon-component')
+    expect(iconFallbackElement).toBeInTheDocument()
+
+    expect(failureFetchIcon).toHaveBeenCalledWith(app, domain, secure)
+    expect(console.error).not.toHaveBeenCalled()
+
+    // Check that the Icon component has been called with "warning"
+    expect(Icon).toHaveBeenCalledWith(
+      expect.objectContaining({
+        icon: 'warning'
+      }),
+      {}
     )
   })
 })
diff --git a/react/AppIcon/test/__snapshots__/AppIcon.spec.js.snap b/react/AppIcon/test/__snapshots__/AppIcon.spec.js.snap
deleted file mode 100644
index 24f7e7e233..0000000000
--- a/react/AppIcon/test/__snapshots__/AppIcon.spec.js.snap
+++ /dev/null
@@ -1,49 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AppIcon component renders as loading 1`] = `
-<div
-  className="styles__c-loading-placeholder___3L6Gz styles__c-app-icon___2_O40"
-  role="progressbar"
-/>
-`;
-
-exports[`AppIcon component renders correctly 1`] = `
-<img
-  className="styles__c-app-icon___2_O40"
-  onError={[Function]}
-  src="http://cozy.tools/apps/test/icon"
-/>
-`;
-
-exports[`AppIcon component renders default when fetch error occurs 1`] = `
-<Icon
-  className="styles__c-app-icon___2_O40 styles__c-app-icon-default___3CEmt"
-  color="var(--coolGrey)"
-  height="100%"
-  icon={[Function]}
-  spin={false}
-  width="100%"
-/>
-`;
-
-exports[`AppIcon component renders provided fallbackIcon on img error 1`] = `
-<Icon
-  className="styles__c-app-icon___2_O40 styles__c-app-icon-default___3CEmt"
-  color="var(--coolGrey)"
-  height="100%"
-  icon="warning"
-  spin={false}
-  width="100%"
-/>
-`;
-
-exports[`AppIcon component renders provided fallbackIcon when fetch error occurs 1`] = `
-<Icon
-  className="styles__c-app-icon___2_O40 styles__c-app-icon-default___3CEmt"
-  color="var(--coolGrey)"
-  height="100%"
-  icon="warning"
-  spin={false}
-  width="100%"
-/>
-`;
diff --git a/react/AppSections/__snapshots__/index.spec.jsx.snap b/react/AppSections/__snapshots__/index.spec.jsx.snap
deleted file mode 100644
index 97758b875a..0000000000
--- a/react/AppSections/__snapshots__/index.spec.jsx.snap
+++ /dev/null
@@ -1,1843 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AppsSection component should be rendered correctly with apps list, subtitle and onAppClick 1`] = `
-<div
-  className=""
->
-  <SectionTitle>
-    Applications
-  </SectionTitle>
-  <Section>
-    <div>
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "label": 1,
-              "name": "Collect",
-              "name_prefix": "Cozy",
-              "permissions": Object {
-                "mock": Object {
-                  "type": "io.mock.doctype",
-                },
-                "mock2": Object {
-                  "type": "io.mock.doctype2",
-                },
-              },
-              "related": "http://collect.cozy.mock/",
-              "slug": "collect",
-              "tags": Array [
-                "konnector",
-                "collect",
-                "bills",
-                "providers",
-                "files",
-              ],
-              "type": "webapp",
-              "uninstallable": false,
-              "version": "3.0.0",
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                ],
-              },
-            },
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "installed": true,
-              "name": "Drive",
-              "name_prefix": "Cozy",
-              "permissions": Object {
-                "mock2": Object {
-                  "type": "io.mock.doctype2",
-                },
-              },
-              "related": "http://drive.cozy.mock/",
-              "slug": "drive",
-              "tags": Array [
-                "search",
-                "files",
-                "folders",
-              ],
-              "type": "webapp",
-              "uninstallable": false,
-              "version": "3.0.0-beta89bnhj3993",
-            },
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "locales": Object {
-                "en": Object {
-                  "long_description": "A long description finally short",
-                },
-              },
-              "name": "Photos",
-              "name_prefix": "Cozy",
-              "slug": "photos",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            The essentials
-          </SectionSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "availableVersion": "3.0.0",
-              "categories": Array [
-                "partners",
-              ],
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "name": "Tasky",
-              "slug": "tasky",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            Partners
-          </SectionSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "others",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "locales": Object {
-                "name": "For Dev Only",
-              },
-              "name": "DevOnly",
-              "slug": "devonly",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [],
-                "dev": Array [
-                  "1.0.0-betaojdkehy989ekhflldh",
-                ],
-                "stable": Array [],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            Others
-          </SectionSubtitle>
-        }
-      />
-    </div>
-    <div>
-      <SectionSubtitle>
-        Services
-      </SectionSubtitle>
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "isp",
-                "telecom",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "name": "Bouilligue",
-              "slug": "konnector-bouilligue",
-              "type": "konnector",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Mobile and Internet
-          </SectionSubSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "isp",
-                "telecom",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "name": "Bouilligue",
-              "slug": "konnector-bouilligue",
-              "type": "konnector",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Telecom
-          </SectionSubSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "transport",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "name": "Trinlane",
-              "permissions": Object {
-                "mock": Object {
-                  "type": "io.mock.doctype",
-                },
-              },
-              "slug": "konnector-trinlane",
-              "tags": Array [
-                "transport",
-                "files",
-                "bills",
-              ],
-              "type": "konnector",
-              "uninstallable": true,
-              "version": "0.1.0",
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Transportation
-          </SectionSubSubtitle>
-        }
-      />
-    </div>
-  </Section>
-</div>
-`;
-
-exports[`AppsSection component should not render dropdown filter on mobile if nav=false flag provided 1`] = `
-<div
-  className=""
->
-  <Section>
-    <div>
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "label": 1,
-              "name": "Collect",
-              "name_prefix": "Cozy",
-              "permissions": Object {
-                "mock": Object {
-                  "type": "io.mock.doctype",
-                },
-                "mock2": Object {
-                  "type": "io.mock.doctype2",
-                },
-              },
-              "related": "http://collect.cozy.mock/",
-              "slug": "collect",
-              "tags": Array [
-                "konnector",
-                "collect",
-                "bills",
-                "providers",
-                "files",
-              ],
-              "type": "webapp",
-              "uninstallable": false,
-              "version": "3.0.0",
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                ],
-              },
-            },
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "installed": true,
-              "name": "Drive",
-              "name_prefix": "Cozy",
-              "permissions": Object {
-                "mock2": Object {
-                  "type": "io.mock.doctype2",
-                },
-              },
-              "related": "http://drive.cozy.mock/",
-              "slug": "drive",
-              "tags": Array [
-                "search",
-                "files",
-                "folders",
-              ],
-              "type": "webapp",
-              "uninstallable": false,
-              "version": "3.0.0-beta89bnhj3993",
-            },
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "locales": Object {
-                "en": Object {
-                  "long_description": "A long description finally short",
-                },
-              },
-              "name": "Photos",
-              "name_prefix": "Cozy",
-              "slug": "photos",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            The essentials
-          </SectionSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "availableVersion": "3.0.0",
-              "categories": Array [
-                "partners",
-              ],
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "name": "Tasky",
-              "slug": "tasky",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            Partners
-          </SectionSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "others",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "locales": Object {
-                "name": "For Dev Only",
-              },
-              "name": "DevOnly",
-              "slug": "devonly",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [],
-                "dev": Array [
-                  "1.0.0-betaojdkehy989ekhflldh",
-                ],
-                "stable": Array [],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            Others
-          </SectionSubtitle>
-        }
-      />
-    </div>
-    <div>
-      <SectionSubtitle>
-        Services
-      </SectionSubtitle>
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "isp",
-                "telecom",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "name": "Bouilligue",
-              "slug": "konnector-bouilligue",
-              "type": "konnector",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Mobile and Internet
-          </SectionSubSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "isp",
-                "telecom",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "name": "Bouilligue",
-              "slug": "konnector-bouilligue",
-              "type": "konnector",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Telecom
-          </SectionSubSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "transport",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "name": "Trinlane",
-              "permissions": Object {
-                "mock": Object {
-                  "type": "io.mock.doctype",
-                },
-              },
-              "slug": "konnector-trinlane",
-              "tags": Array [
-                "transport",
-                "files",
-                "bills",
-              ],
-              "type": "konnector",
-              "uninstallable": true,
-              "version": "0.1.0",
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Transportation
-          </SectionSubSubtitle>
-        }
-      />
-    </div>
-  </Section>
-</div>
-`;
-
-exports[`AppsSection component should not render dropdown filter on tablet if nav=false flag provided 1`] = `
-<div
-  className=""
->
-  <SectionTitle>
-    Applications
-  </SectionTitle>
-  <Section>
-    <div>
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "label": 1,
-              "name": "Collect",
-              "name_prefix": "Cozy",
-              "permissions": Object {
-                "mock": Object {
-                  "type": "io.mock.doctype",
-                },
-                "mock2": Object {
-                  "type": "io.mock.doctype2",
-                },
-              },
-              "related": "http://collect.cozy.mock/",
-              "slug": "collect",
-              "tags": Array [
-                "konnector",
-                "collect",
-                "bills",
-                "providers",
-                "files",
-              ],
-              "type": "webapp",
-              "uninstallable": false,
-              "version": "3.0.0",
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                ],
-              },
-            },
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "installed": true,
-              "name": "Drive",
-              "name_prefix": "Cozy",
-              "permissions": Object {
-                "mock2": Object {
-                  "type": "io.mock.doctype2",
-                },
-              },
-              "related": "http://drive.cozy.mock/",
-              "slug": "drive",
-              "tags": Array [
-                "search",
-                "files",
-                "folders",
-              ],
-              "type": "webapp",
-              "uninstallable": false,
-              "version": "3.0.0-beta89bnhj3993",
-            },
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "locales": Object {
-                "en": Object {
-                  "long_description": "A long description finally short",
-                },
-              },
-              "name": "Photos",
-              "name_prefix": "Cozy",
-              "slug": "photos",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            The essentials
-          </SectionSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "availableVersion": "3.0.0",
-              "categories": Array [
-                "partners",
-              ],
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "name": "Tasky",
-              "slug": "tasky",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            Partners
-          </SectionSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "others",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "locales": Object {
-                "name": "For Dev Only",
-              },
-              "name": "DevOnly",
-              "slug": "devonly",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [],
-                "dev": Array [
-                  "1.0.0-betaojdkehy989ekhflldh",
-                ],
-                "stable": Array [],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            Others
-          </SectionSubtitle>
-        }
-      />
-    </div>
-    <div>
-      <SectionSubtitle>
-        Services
-      </SectionSubtitle>
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "isp",
-                "telecom",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "name": "Bouilligue",
-              "slug": "konnector-bouilligue",
-              "type": "konnector",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Mobile and Internet
-          </SectionSubSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "isp",
-                "telecom",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "name": "Bouilligue",
-              "slug": "konnector-bouilligue",
-              "type": "konnector",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Telecom
-          </SectionSubSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "transport",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "name": "Trinlane",
-              "permissions": Object {
-                "mock": Object {
-                  "type": "io.mock.doctype",
-                },
-              },
-              "slug": "konnector-trinlane",
-              "tags": Array [
-                "transport",
-                "files",
-                "bills",
-              ],
-              "type": "konnector",
-              "uninstallable": true,
-              "version": "0.1.0",
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Transportation
-          </SectionSubSubtitle>
-        }
-      />
-    </div>
-  </Section>
-</div>
-`;
-
-exports[`AppsSection component should render correctly render message if error provided 1`] = `
-<p
-  className="u-error"
->
-  This is a test error
-</p>
-`;
-
-exports[`AppsSection component should render dropdown filter on mobile if no nav=false flag provided 1`] = `
-<div
-  className="u-mt-half"
->
-  <DropdownFilter
-    defaultValue={
-      Object {
-        "label": "All categories",
-        "secondary": false,
-        "value": "all",
-      }
-    }
-    onChange={[Function]}
-    options={
-      Array [
-        Object {
-          "label": "All categories",
-          "secondary": false,
-          "value": "all",
-        },
-        Object {
-          "label": "The essentials",
-          "secondary": false,
-          "type": "webapp",
-          "value": "cozy",
-        },
-        Object {
-          "label": "Others",
-          "secondary": false,
-          "type": "webapp",
-          "value": "others",
-        },
-        Object {
-          "label": "Partners",
-          "secondary": false,
-          "type": "webapp",
-          "value": "partners",
-        },
-        Object {
-          "label": "Services",
-          "secondary": false,
-          "value": "konnectors",
-        },
-        Object {
-          "label": "Mobile and Internet",
-          "secondary": true,
-          "type": "konnector",
-          "value": "isp",
-        },
-        Object {
-          "label": "Telecom",
-          "secondary": true,
-          "type": "konnector",
-          "value": "telecom",
-        },
-        Object {
-          "label": "Transportation",
-          "secondary": true,
-          "type": "konnector",
-          "value": "transport",
-        },
-      ]
-    }
-  />
-  <Section>
-    <div>
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "label": 1,
-              "name": "Collect",
-              "name_prefix": "Cozy",
-              "permissions": Object {
-                "mock": Object {
-                  "type": "io.mock.doctype",
-                },
-                "mock2": Object {
-                  "type": "io.mock.doctype2",
-                },
-              },
-              "related": "http://collect.cozy.mock/",
-              "slug": "collect",
-              "tags": Array [
-                "konnector",
-                "collect",
-                "bills",
-                "providers",
-                "files",
-              ],
-              "type": "webapp",
-              "uninstallable": false,
-              "version": "3.0.0",
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                ],
-              },
-            },
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "installed": true,
-              "name": "Drive",
-              "name_prefix": "Cozy",
-              "permissions": Object {
-                "mock2": Object {
-                  "type": "io.mock.doctype2",
-                },
-              },
-              "related": "http://drive.cozy.mock/",
-              "slug": "drive",
-              "tags": Array [
-                "search",
-                "files",
-                "folders",
-              ],
-              "type": "webapp",
-              "uninstallable": false,
-              "version": "3.0.0-beta89bnhj3993",
-            },
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "locales": Object {
-                "en": Object {
-                  "long_description": "A long description finally short",
-                },
-              },
-              "name": "Photos",
-              "name_prefix": "Cozy",
-              "slug": "photos",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            The essentials
-          </SectionSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "availableVersion": "3.0.0",
-              "categories": Array [
-                "partners",
-              ],
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "name": "Tasky",
-              "slug": "tasky",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            Partners
-          </SectionSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "others",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "locales": Object {
-                "name": "For Dev Only",
-              },
-              "name": "DevOnly",
-              "slug": "devonly",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [],
-                "dev": Array [
-                  "1.0.0-betaojdkehy989ekhflldh",
-                ],
-                "stable": Array [],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            Others
-          </SectionSubtitle>
-        }
-      />
-    </div>
-    <div>
-      <SectionSubtitle>
-        Services
-      </SectionSubtitle>
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "isp",
-                "telecom",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "name": "Bouilligue",
-              "slug": "konnector-bouilligue",
-              "type": "konnector",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Mobile and Internet
-          </SectionSubSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "isp",
-                "telecom",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "name": "Bouilligue",
-              "slug": "konnector-bouilligue",
-              "type": "konnector",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Telecom
-          </SectionSubSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "transport",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "name": "Trinlane",
-              "permissions": Object {
-                "mock": Object {
-                  "type": "io.mock.doctype",
-                },
-              },
-              "slug": "konnector-trinlane",
-              "tags": Array [
-                "transport",
-                "files",
-                "bills",
-              ],
-              "type": "konnector",
-              "uninstallable": true,
-              "version": "0.1.0",
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Transportation
-          </SectionSubSubtitle>
-        }
-      />
-    </div>
-  </Section>
-</div>
-`;
-
-exports[`AppsSection component should render dropdown filter on tablet if no nav=false flag provided 1`] = `
-<div
-  className="u-mt-half"
->
-  <DropdownFilter
-    defaultValue={
-      Object {
-        "label": "All categories",
-        "secondary": false,
-        "value": "all",
-      }
-    }
-    onChange={[Function]}
-    options={
-      Array [
-        Object {
-          "label": "All categories",
-          "secondary": false,
-          "value": "all",
-        },
-        Object {
-          "label": "The essentials",
-          "secondary": false,
-          "type": "webapp",
-          "value": "cozy",
-        },
-        Object {
-          "label": "Others",
-          "secondary": false,
-          "type": "webapp",
-          "value": "others",
-        },
-        Object {
-          "label": "Partners",
-          "secondary": false,
-          "type": "webapp",
-          "value": "partners",
-        },
-        Object {
-          "label": "Services",
-          "secondary": false,
-          "value": "konnectors",
-        },
-        Object {
-          "label": "Mobile and Internet",
-          "secondary": true,
-          "type": "konnector",
-          "value": "isp",
-        },
-        Object {
-          "label": "Telecom",
-          "secondary": true,
-          "type": "konnector",
-          "value": "telecom",
-        },
-        Object {
-          "label": "Transportation",
-          "secondary": true,
-          "type": "konnector",
-          "value": "transport",
-        },
-      ]
-    }
-  />
-  <SectionTitle>
-    Applications
-  </SectionTitle>
-  <Section>
-    <div>
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "label": 1,
-              "name": "Collect",
-              "name_prefix": "Cozy",
-              "permissions": Object {
-                "mock": Object {
-                  "type": "io.mock.doctype",
-                },
-                "mock2": Object {
-                  "type": "io.mock.doctype2",
-                },
-              },
-              "related": "http://collect.cozy.mock/",
-              "slug": "collect",
-              "tags": Array [
-                "konnector",
-                "collect",
-                "bills",
-                "providers",
-                "files",
-              ],
-              "type": "webapp",
-              "uninstallable": false,
-              "version": "3.0.0",
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                ],
-              },
-            },
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "installed": true,
-              "name": "Drive",
-              "name_prefix": "Cozy",
-              "permissions": Object {
-                "mock2": Object {
-                  "type": "io.mock.doctype2",
-                },
-              },
-              "related": "http://drive.cozy.mock/",
-              "slug": "drive",
-              "tags": Array [
-                "search",
-                "files",
-                "folders",
-              ],
-              "type": "webapp",
-              "uninstallable": false,
-              "version": "3.0.0-beta89bnhj3993",
-            },
-            Object {
-              "categories": Array [
-                "cozy",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "locales": Object {
-                "en": Object {
-                  "long_description": "A long description finally short",
-                },
-              },
-              "name": "Photos",
-              "name_prefix": "Cozy",
-              "slug": "photos",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            The essentials
-          </SectionSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "availableVersion": "3.0.0",
-              "categories": Array [
-                "partners",
-              ],
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "name": "Tasky",
-              "slug": "tasky",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-                "dev": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-                "stable": Array [
-                  "3.0.0",
-                  "1.0.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            Partners
-          </SectionSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "others",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "editor": "Cozy",
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "locales": Object {
-                "name": "For Dev Only",
-              },
-              "name": "DevOnly",
-              "slug": "devonly",
-              "type": "webapp",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [],
-                "dev": Array [
-                  "1.0.0-betaojdkehy989ekhflldh",
-                ],
-                "stable": Array [],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubtitle>
-            Others
-          </SectionSubtitle>
-        }
-      />
-    </div>
-    <div>
-      <SectionSubtitle>
-        Services
-      </SectionSubtitle>
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "isp",
-                "telecom",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "name": "Bouilligue",
-              "slug": "konnector-bouilligue",
-              "type": "konnector",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Mobile and Internet
-          </SectionSubSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "isp",
-                "telecom",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "isInRegistry": true,
-              "name": "Bouilligue",
-              "slug": "konnector-bouilligue",
-              "type": "konnector",
-              "uninstallable": true,
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Telecom
-          </SectionSubSubtitle>
-        }
-      />
-      <AppsSection
-        appsList={
-          Array [
-            Object {
-              "categories": Array [
-                "transport",
-              ],
-              "developer": Object {
-                "name": "Cozy",
-              },
-              "icon": "<svg></svg>",
-              "installed": true,
-              "isInRegistry": true,
-              "name": "Trinlane",
-              "permissions": Object {
-                "mock": Object {
-                  "type": "io.mock.doctype",
-                },
-              },
-              "slug": "konnector-trinlane",
-              "tags": Array [
-                "transport",
-                "files",
-                "bills",
-              ],
-              "type": "konnector",
-              "uninstallable": true,
-              "version": "0.1.0",
-              "versions": Object {
-                "beta": Array [
-                  "0.1.0",
-                ],
-                "dev": Array [
-                  "0.1.0",
-                ],
-                "stable": Array [
-                  "0.1.0",
-                ],
-              },
-            },
-          ]
-        }
-        displaySpecificMaintenanceStyle={false}
-        onAppClick={[MockFunction]}
-        subtitle={
-          <SectionSubSubtitle>
-            Transportation
-          </SectionSubSubtitle>
-        }
-      />
-    </div>
-  </Section>
-</div>
-`;
diff --git a/react/AppSections/components/AppsSection.spec.jsx b/react/AppSections/components/AppsSection.spec.jsx
index 32da06a17c..7390fe51ed 100644
--- a/react/AppSections/components/AppsSection.spec.jsx
+++ b/react/AppSections/components/AppsSection.spec.jsx
@@ -2,13 +2,12 @@
 
 /* eslint-env jest */
 
-import { mount } from 'enzyme'
+import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
 
 import { CozyProvider } from 'cozy-client'
 
 import { AppsSection } from './AppsSection'
-import Tile, { TileTitle, TileSubtitle, TileFooter } from '../../Tile'
 import { I18nContext } from '../../jestLib/I18n'
 import mockApps from '../../mocks/apps'
 import { BreakpointsProvider } from '../../providers/Breakpoints'
@@ -19,10 +18,9 @@ const i18nContext = I18nContext({ locale: en })
 const tMock = i18nContext.t
 
 describe('AppsSection component', () => {
-  let component
   const client = {}
   const setup = ({ onAppClick }) => {
-    component = mount(
+    render(
       <CozyProvider client={client}>
         <BreakpointsProvider>
           <I18n lang="en" dictRequire={() => en}>
@@ -36,31 +34,24 @@ describe('AppsSection component', () => {
           </I18n>
         </BreakpointsProvider>
       </CozyProvider>
-    ).find(AppsSection)
+    )
   }
 
   it('should be rendered correctly with apps list, subtitle', () => {
     const mockOnAppClick = jest.fn()
     setup({ onAppClick: mockOnAppClick })
-    expect(
-      component.find(Tile).map(x => {
-        const developer = x.find(TileSubtitle)
-        const status = x.find(TileFooter)
-        return {
-          title: x.find(TileTitle).text(),
-          developer: developer.length ? developer.text() : null,
-          status: status.length ? status.text() : null
-        }
-      })
-    ).toMatchSnapshot()
+
+    mockApps.forEach(app => {
+      expect(screen.getByText(app.name, { exact: false })).toBeInTheDocument()
+    })
   })
 
   it('should run provided onAppClick on AppTile click event', () => {
     const mockOnAppClick = jest.fn()
     setup({ onAppClick: mockOnAppClick })
-    expect(component.find(Tile).length).toBe(mockApps.length)
-    const appItem = component.find(Tile).at(0)
-    appItem.simulate('click')
+
+    const bouilligue = screen.getByText('Bouilligue', { exact: false })
+    fireEvent.click(bouilligue)
     expect(mockOnAppClick.mock.calls.length).toBe(1)
     expect(mockOnAppClick.mock.calls[0][0]).toBe('konnector-bouilligue')
   })
diff --git a/react/AppSections/components/__snapshots__/AppsSection.spec.jsx.snap b/react/AppSections/components/__snapshots__/AppsSection.spec.jsx.snap
deleted file mode 100644
index ec14d0b8ef..0000000000
--- a/react/AppSections/components/__snapshots__/AppsSection.spec.jsx.snap
+++ /dev/null
@@ -1,41 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`AppsSection component should be rendered correctly with apps list, subtitle 1`] = `
-Array [
-  Object {
-    "developer": "By Cozy",
-    "status": null,
-    "title": "Bouilligue",
-  },
-  Object {
-    "developer": "By Cozy",
-    "status": "Installed",
-    "title": "Cozy Collect",
-  },
-  Object {
-    "developer": "By Cozy",
-    "status": null,
-    "title": "DevOnly",
-  },
-  Object {
-    "developer": "By Cozy",
-    "status": "Installed",
-    "title": "Cozy Drive",
-  },
-  Object {
-    "developer": "By Cozy",
-    "status": null,
-    "title": "Cozy Photos",
-  },
-  Object {
-    "developer": null,
-    "status": "Update available",
-    "title": "Tasky",
-  },
-  Object {
-    "developer": "By Cozy",
-    "status": "Installed",
-    "title": "Trinlane",
-  },
-]
-`;
diff --git a/react/AppSections/index.spec.jsx b/react/AppSections/index.spec.jsx
index eae0799d61..5ac8c66526 100644
--- a/react/AppSections/index.spec.jsx
+++ b/react/AppSections/index.spec.jsx
@@ -2,13 +2,14 @@
 
 /* eslint-env jest */
 
-import { shallow } from 'enzyme'
+import { render, screen } from '@testing-library/react'
 import React from 'react'
 
 import { Sections } from './Sections'
 import en from './locales/en.json'
 import { I18nContext } from '../jestLib/I18n'
 import mockApps from '../mocks/apps'
+import DemoProvider from '../providers/DemoProvider'
 
 const i18nContext = I18nContext({ locale: en })
 const tMock = i18nContext.t
@@ -16,101 +17,121 @@ const tMock = i18nContext.t
 describe('AppsSection component', () => {
   it('should be rendered correctly with apps list, subtitle and onAppClick', () => {
     const mockOnAppClick = jest.fn()
-    const component = shallow(
-      <Sections
-        t={tMock}
-        lang="en"
-        subtitle="Test Apps"
-        apps={mockApps}
-        allApps={mockApps}
-        onAppClick={mockOnAppClick}
-        error={null}
-        location={{ search: '' }}
-      />
-    ).getElement()
-    expect(component).toMatchSnapshot()
+    render(
+      <DemoProvider>
+        <Sections
+          t={tMock}
+          lang="en"
+          subtitle="Test Apps"
+          apps={mockApps}
+          allApps={mockApps}
+          onAppClick={mockOnAppClick}
+          error={null}
+          location={{ search: '' }}
+        />
+      </DemoProvider>
+    )
+
+    expect(screen.queryByText('Cozy Collect')).toBeInTheDocument()
+    expect(screen.queryByText('Cozy Drive')).toBeInTheDocument()
+    expect(screen.queryByText('DevOnly')).toBeInTheDocument()
   })
 
   it('should render correctly render message if error provided', () => {
     const mockOnAppClick = jest.fn()
-    const component = shallow(
-      <Sections
-        t={tMock}
-        lang="en"
-        subtitle="Test Apps"
-        apps={mockApps}
-        allApps={mockApps}
-        onAppClick={mockOnAppClick}
-        error={new Error('This is a test error')}
-        location={{ search: '' }}
-      />
-    ).getElement()
-    expect(component).toMatchSnapshot()
+    render(
+      <DemoProvider>
+        <Sections
+          t={tMock}
+          lang="en"
+          subtitle="Test Apps"
+          apps={mockApps}
+          allApps={mockApps}
+          onAppClick={mockOnAppClick}
+          error={new Error('This is a test error')}
+          location={{ search: '' }}
+        />
+      </DemoProvider>
+    )
+
+    expect(screen.queryByText('This is a test error')).toBeInTheDocument()
   })
 
   it('should not render dropdown filter on mobile if nav=false flag provided', () => {
     const mockOnAppClick = jest.fn()
-    const component = shallow(
-      <Sections
-        t={tMock}
-        lang="en"
-        subtitle="Test Apps"
-        apps={mockApps}
-        allApps={mockApps}
-        onAppClick={mockOnAppClick}
-        breakpoints={{ isMobile: true }}
-        hasNav={false}
-      />
-    ).getElement()
-    expect(component).toMatchSnapshot()
+    render(
+      <DemoProvider>
+        <Sections
+          t={tMock}
+          lang="en"
+          subtitle="Test Apps"
+          apps={mockApps}
+          allApps={mockApps}
+          onAppClick={mockOnAppClick}
+          breakpoints={{ isMobile: true }}
+          hasNav={false}
+        />
+      </DemoProvider>
+    )
+
+    expect(screen.queryByText('All categories')).not.toBeInTheDocument()
   })
 
   it('should not render dropdown filter on tablet if nav=false flag provided', () => {
     const mockOnAppClick = jest.fn()
-    const component = shallow(
-      <Sections
-        t={tMock}
-        lang="en"
-        subtitle="Test Apps"
-        apps={mockApps}
-        allApps={mockApps}
-        onAppClick={mockOnAppClick}
-        breakpoints={{ isTablet: true }}
-        hasNav={false}
-      />
-    ).getElement()
-    expect(component).toMatchSnapshot()
+    render(
+      <DemoProvider>
+        <Sections
+          t={tMock}
+          lang="en"
+          subtitle="Test Apps"
+          apps={mockApps}
+          allApps={mockApps}
+          onAppClick={mockOnAppClick}
+          breakpoints={{ isTablet: true }}
+          hasNav={false}
+        />
+      </DemoProvider>
+    )
+
+    expect(screen.queryByText('All categories')).not.toBeInTheDocument()
   })
 
   it('should render dropdown filter on mobile if no nav=false flag provided', () => {
     const mockOnAppClick = jest.fn()
-    const component = shallow(
-      <Sections
-        t={tMock}
-        lang="en"
-        subtitle="Test Apps"
-        apps={mockApps}
-        allApps={mockApps}
-        onAppClick={mockOnAppClick}
-        breakpoints={{ isMobile: true }}
-      />
-    ).getElement()
-    expect(component).toMatchSnapshot()
+    render(
+      <DemoProvider>
+        <Sections
+          t={tMock}
+          lang="en"
+          subtitle="Test Apps"
+          apps={mockApps}
+          allApps={mockApps}
+          onAppClick={mockOnAppClick}
+          breakpoints={{ isMobile: true }}
+        />
+      </DemoProvider>
+    )
+
+    expect(screen.queryByText('All categories')).toBeInTheDocument()
   })
 
   it('should render dropdown filter on tablet if no nav=false flag provided', () => {
     const mockOnAppClick = jest.fn()
-    const component = shallow(
-      <Sections
-        t={tMock}
-        lang="en"
-        subtitle="Test Apps"
-        apps={mockApps}
-        allApps={mockApps}
-        onAppClick={mockOnAppClick}
-        breakpoints={{ isTablet: true }}
-      />
-    ).getElement()
-    expect(component).toMatchSnapshot()
+    render(
+      <DemoProvider>
+        <Sections
+          t={tMock}
+          lang="en"
+          subtitle="Test Apps"
+          apps={mockApps}
+          allApps={mockApps}
+          onAppClick={mockOnAppClick}
+          breakpoints={{ isTablet: true }}
+        />
+      </DemoProvider>
+    )
+
+    expect(screen.queryByText('All categories')).toBeInTheDocument()
   })
 })
diff --git a/react/ContactsList/ContactRow.spec.js b/react/ContactsList/ContactRow.spec.js
index fcc2dd8bfa..98f6f6b4f7 100644
--- a/react/ContactsList/ContactRow.spec.js
+++ b/react/ContactsList/ContactRow.spec.js
@@ -1,6 +1,5 @@
-import { mount } from 'enzyme'
+import { render, screen } from '@testing-library/react'
 import React from 'react'
-import renderer from 'react-test-renderer'
 
 import logger from 'cozy-logger'
 
@@ -16,20 +15,22 @@ const makeContact = attrs => ({
 })
 
 const setup = ({ contact }) => {
-  const root = mount(
+  render(
     <BreakpointsProvider>
       <ContactRow contact={contact} />
     </BreakpointsProvider>
   )
-  return { root }
 }
 
 describe('ContactRow', () => {
   it('should accept the strict minimum', () => {
     const contact = makeContact({ email: [{ address: 'johndoe@localhost' }] })
-    const { root } = setup({ contact })
-    const contactrowemail = root.find('ContactEmail')
-    expect(contactrowemail.text()).toBe(contact.email[0].address)
+    setup({ contact })
+
+    // With a minimal contact, email is displayed twice
+    // - one as display name
+    // - one as email
+    expect(screen.getAllByText('johndoe@localhost').length).toBe(2)
   })
 
   it('should display data', () => {
@@ -39,62 +40,36 @@ describe('ContactRow', () => {
       email: [{ address: 'johndoe@localhost' }],
       cozy: [{ url: 'http://johndoe.mycozy.cloud' }]
     })
-    const { root } = setup({ contact })
-    const contactrowname = root.find('ContactName')
-    expect(contactrowname).toBeDefined()
-    expect(contactrowname.text()).toEqual(
-      expect.stringContaining(contact.name.givenName)
-    )
-    expect(contactrowname.text()).toEqual(
-      expect.stringContaining(contact.name.familyName)
-    )
-    const contactrowphone = root.find('ContactPhone')
-    expect(contactrowphone).toBeDefined()
-    expect(contactrowphone.text()).toBe(contact.phone[0].number)
+    setup({ contact })
 
-    const contactrowcozyurl = root.find('ContactCozy')
-    expect(contactrowcozyurl).toBeDefined()
-    expect(contactrowcozyurl.text()).toBe(contact.cozy[0].url)
+    // We need to check first and last name separatly because they are in two different span
+    expect(screen.getByText('John')).toBeInTheDocument()
+    expect(screen.getByText('Doe')).toBeInTheDocument()
+    expect(screen.getByText('0123456789')).toBeInTheDocument()
+    expect(screen.getByText('johndoe@localhost')).toBeInTheDocument()
+    expect(screen.getByText('http://johndoe.mycozy.cloud')).toBeInTheDocument()
   })
 
   it('should display email for missing information', () => {
     const contact = makeContact({
       email: [{ address: 'johndoe@localhost' }]
     })
-    const { root } = setup({ contact })
-    const contactrowname = root.find('ContactName')
-    expect(contactrowname).toBeDefined()
-    expect(contactrowname.text().trim()).toBe('johndoe@localhost')
-    const contactrowphone = root.find('ContactPhone')
-    expect(contactrowphone).toBeDefined()
-    expect(contactrowphone.text().trim()).toBe('—')
-    const contactrowcozyurl = root.find('ContactCozy')
-    expect(contactrowcozyurl).toBeDefined()
-    expect(contactrowcozyurl.text().trim()).toBe('—')
+    setup({ contact })
+
+    const emailColumn = screen.getByTestId('ContactEmail')
+    expect(emailColumn.textContent).toBe('johndoe@localhost')
+
+    const phoneColumn = screen.getByTestId('ContactPhone')
+    expect(phoneColumn.textContent).toBe('—')
+
+    const cozyColumn = screen.getByTestId('ContactCozy')
+    expect(cozyColumn.textContent).toBe('—')
   })
 
   it('should accept empty array', () => {
     const contact = makeContact({ email: [] })
-    const { root } = setup({ contact })
-    const contactrowemail = root.find('ContactEmail')
-    expect(contactrowemail).toBeDefined()
-    expect(contactrowemail.text()).toBe('—')
-  })
-
-  it('should match the contact snapshot', () => {
-    const contact = makeContact({
-      name: { familyName: 'Doe', givenName: 'John' },
-      phone: [{ number: '0123456789' }],
-      email: [{ address: 'johndoe@localhost' }],
-      cozy: [{ url: 'http://johndoe.mycozy.cloud' }]
-    })
-    const tree = renderer
-      .create(
-        <BreakpointsProvider>
-          <ContactRow contact={contact} />
-        </BreakpointsProvider>
-      )
-      .toJSON()
-    expect(tree).toMatchSnapshot()
+    setup({ contact })
+    const emailColumn = screen.getByTestId('ContactEmail')
+    expect(emailColumn.textContent).toBe('—')
   })
 })
diff --git a/react/ContactsList/__snapshots__/ContactRow.spec.js.snap b/react/ContactsList/__snapshots__/ContactRow.spec.js.snap
deleted file mode 100644
index 09d57fb512..0000000000
--- a/react/ContactsList/__snapshots__/ContactRow.spec.js.snap
+++ /dev/null
@@ -1,69 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ContactRow should match the contact snapshot 1`] = `
-<li
-  className="MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-1 makeStyles-gutters-11"
-  data-testid="contact-listItem"
-  disabled={false}
-  onClick={[Function]}
-  size="medium"
->
-  <div
-    className="styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0"
-    data-testid="ContactIdentity"
-  >
-    <div
-      className="styles__c-avatar___PpDI- styles__c-avatar--text___2dvna"
-      data-testid="Avatar"
-      style={
-        Object {
-          "--circleSize": "32px",
-          "backgroundColor": "#FFC644",
-        }
-      }
-    >
-      
-      <span
-        className="styles__c-avatar-initials___310qC"
-      >
-        JD
-      </span>
-    </div>
-    <p
-      className="MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline"
-      data-testid="ContactName"
-    >
-      <span
-        className=""
-      >
-        John
-         
-      </span>
-      <span
-        className="u-fw-bold"
-      >
-        Doe
-         
-      </span>
-    </p>
-  </div>
-  <div
-    className="styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0"
-    data-testid="ContactEmail"
-  >
-    johndoe@localhost
-  </div>
-  <div
-    className="styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0"
-    data-testid="ContactPhone"
-  >
-    0123456789
-  </div>
-  <div
-    className="styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0"
-    data-testid="ContactCozy"
-  >
-    http://johndoe.mycozy.cloud
-  </div>
-</li>
-`;
diff --git a/react/DateMonthPicker/index.spec.jsx b/react/DateMonthPicker/index.spec.jsx
index ee2a882913..8d0e09dfaa 100644
--- a/react/DateMonthPicker/index.spec.jsx
+++ b/react/DateMonthPicker/index.spec.jsx
@@ -1,36 +1,13 @@
-import { mount } from 'enzyme'
+import { fireEvent, render, screen } from '@testing-library/react'
 import React from 'react'
-import { act } from 'react-dom/test-utils'
 
 import DateMonthPicker from '.'
-import LeftIcon from '../Icons/Left'
-import RightIcon from '../Icons/Right'
 import I18n from '../providers/I18n'
 
-const findButtonWithLabel = (root, label) =>
-  root.findWhere(n => n.type() == 'button' && n.props().children === label)
-
-const findButtonWithIcon = (root, iconName) =>
-  root.findWhere(n => {
-    const props = n.props()
-    if (n.type() !== 'button') {
-      return
-    }
-    if (!props.children || !props.children.length > 1) {
-      return
-    }
-
-    return (
-      props.children.props &&
-      props.children.props.icon &&
-      props.children.props.icon == iconName
-    )
-  })
-
 describe('DateMonthPicker', () => {
   const setup = ({ initialValue }) => {
     const handleSelect = jest.fn()
-    const root = mount(
+    const root = render(
       <I18n lang="en" dictRequire={() => {}}>
         <DateMonthPicker initialValue={initialValue} onSelect={handleSelect} />
       </I18n>
@@ -39,36 +16,31 @@ describe('DateMonthPicker', () => {
   }
 
   it('should be able to select a month', async () => {
-    const { root, handleSelect } = setup({ initialValue: '2015-08' })
-    const februaryButton = findButtonWithLabel(root, 'Feb')
-    expect(februaryButton.length).toBe(1)
-    februaryButton.props().onClick()
+    const { handleSelect } = setup({ initialValue: '2015-08' })
+    const februaryButton = screen.getByText('Feb')
+    fireEvent.click(februaryButton)
     expect(handleSelect).toHaveBeenCalledTimes(1)
     expect(handleSelect).toHaveBeenCalledWith('2015-02-01')
   })
 
   it('should be able to go to previous year', async () => {
-    const { root, handleSelect } = setup({ initialValue: '2015-08' })
-    const prevYearButton = findButtonWithIcon(root, LeftIcon)
-    act(() => {
-      prevYearButton.props().onClick()
-    })
-    root.update()
-    const februaryButton = findButtonWithLabel(root, 'Feb')
-    februaryButton.props().onClick()
+    const { handleSelect } = setup({ initialValue: '2015-08' })
+    // Left arrow to go to previous year is first button
+    const previousYearButton = screen.getAllByRole('button')[0]
+    fireEvent.click(previousYearButton)
+    const februaryButton = screen.getByText('Feb')
+    fireEvent.click(februaryButton)
     expect(handleSelect).toHaveBeenCalledTimes(1)
     expect(handleSelect).toHaveBeenCalledWith('2014-02-01')
   })
 
   it('should be able to go to next year', async () => {
-    const { root, handleSelect } = setup({ initialValue: '2015-08' })
-    const nextYearButton = findButtonWithIcon(root, RightIcon)
-    act(() => {
-      nextYearButton.props().onClick()
-    })
-    root.update()
-    const februaryButton = findButtonWithLabel(root, 'Feb')
-    februaryButton.props().onClick()
+    const { handleSelect } = setup({ initialValue: '2015-08' })
+    // Right arrow to go to next year is first button
+    const nextYearButton = screen.getAllByRole('button')[1]
+    fireEvent.click(nextYearButton)
+    const februaryButton = screen.getByText('Feb')
+    fireEvent.click(februaryButton)
     expect(handleSelect).toHaveBeenCalledTimes(1)
     expect(handleSelect).toHaveBeenCalledWith('2016-02-01')
   })
diff --git a/react/Field/index.spec.js b/react/Field/index.spec.js
index 0a650724b5..2448b5267b 100644
--- a/react/Field/index.spec.js
+++ b/react/Field/index.spec.js
@@ -1,4 +1,4 @@
-import { shallow } from 'enzyme'
+import { render } from '@testing-library/react'
 import React from 'react'
 
 import Field from '.'
@@ -18,19 +18,42 @@ describe('Field component', () => {
 
   it('should expect object type value for type=select', () => {
     expect(() =>
-      shallow(<Field label="mock field" type="select" value={{}} />)
+      render(
+        <Field
+          label="mock field"
+          type="select"
+          value={{}}
+          onChange={() => {}}
+        />
+      )
     ).not.toThrowError()
     expect(() =>
-      shallow(<Field label="mock field" type="select" value="wrong" />)
+      render(
+        <Field
+          label="mock field"
+          type="select"
+          value="wrong"
+          onChange={() => {}}
+        />
+      )
     ).toThrowError()
   })
 
   it('should expect string type value for all types but select', () => {
     expect(() =>
-      shallow(<Field label="mock field" type="text" value="good" />)
+      render(
+        <Field
+          label="mock field"
+          type="text"
+          value="good"
+          onChange={() => {}}
+        />
+      )
     ).not.toThrowError()
     expect(() =>
-      shallow(<Field label="mock field" type="text" value={{}} />)
+      render(
+        <Field label="mock field" type="text" value={{}} onChange={() => {}} />
+      )
     ).toThrowError()
   })
 })
diff --git a/react/Figure/Figure.spec.jsx b/react/Figure/Figure.spec.jsx
index a462a547b5..49d67677ec 100644
--- a/react/Figure/Figure.spec.jsx
+++ b/react/Figure/Figure.spec.jsx
@@ -1,4 +1,4 @@
-import { shallow } from 'enzyme'
+import { render } from '@testing-library/react'
 import { flatten, merge } from 'lodash'
 import React from 'react'
 
@@ -39,13 +39,18 @@ describe('Figure', () => {
       return merge.apply(null, [{}, ...attrs])
     })
 
+  // We check for different king of amounts if
+  // - its red if it is negative if coloredNegative is set
+  // - its green if it is positive if coloredPositive is set
+  // - its yellow if it is above the warning limit if coloredWarning is set
+
   for (let amount of amounts) {
     for (let attrs of combinations) {
       it(`should render correctly ${amount} ${formatAttrs(attrs)}`, () => {
-        const el = shallow(
+        const { container } = render(
           <Figure warningLimit={110} total={amount} {...attrs} />
-        ).getElement()
-        expect(el).toMatchSnapshot()
+        )
+        expect(container).toMatchSnapshot()
       })
     }
   }
diff --git a/react/Figure/__snapshots__/Figure.spec.jsx.snap b/react/Figure/__snapshots__/Figure.spec.jsx.snap
index 8cfec93499..a5d529f7d8 100644
--- a/react/Figure/__snapshots__/Figure.spec.jsx.snap
+++ b/react/Figure/__snapshots__/Figure.spec.jsx.snap
@@ -1,385 +1,449 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
 exports[`Figure should render correctly -100 coloredPositive: false, coloredNegative: false, coloredWarning: false 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    -100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      -100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly -100 coloredPositive: false, coloredNegative: false, coloredWarning: true 1`] = `
-<div
-  className="Figure__Figure-content--warning___1Pn6n"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--warning___1Pn6n"
   >
-    -100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      -100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly -100 coloredPositive: false, coloredNegative: true, coloredWarning: false 1`] = `
-<div
-  className="Figure__Figure-content--negative___3ACbA"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--negative___3ACbA"
   >
-    -100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      -100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly -100 coloredPositive: false, coloredNegative: true, coloredWarning: true 1`] = `
-<div
-  className="Figure__Figure-content--warning___1Pn6n"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--warning___1Pn6n"
   >
-    -100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      -100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly -100 coloredPositive: true, coloredNegative: false, coloredWarning: false 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    -100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      -100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly -100 coloredPositive: true, coloredNegative: false, coloredWarning: true 1`] = `
-<div
-  className="Figure__Figure-content--warning___1Pn6n"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--warning___1Pn6n"
   >
-    -100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      -100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly -100 coloredPositive: true, coloredNegative: true, coloredWarning: false 1`] = `
-<div
-  className="Figure__Figure-content--negative___3ACbA"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--negative___3ACbA"
   >
-    -100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      -100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly -100 coloredPositive: true, coloredNegative: true, coloredWarning: true 1`] = `
-<div
-  className="Figure__Figure-content--warning___1Pn6n"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--warning___1Pn6n"
   >
-    -100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      -100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 4 coloredPositive: false, coloredNegative: false, coloredWarning: false 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    4,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      4,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 4 coloredPositive: false, coloredNegative: false, coloredWarning: true 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    4,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      4,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 4 coloredPositive: false, coloredNegative: true, coloredWarning: false 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    4,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      4,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 4 coloredPositive: false, coloredNegative: true, coloredWarning: true 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    4,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      4,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 4 coloredPositive: true, coloredNegative: false, coloredWarning: false 1`] = `
-<div
-  className="Figure__Figure-content--positive___1qyd8"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--positive___1qyd8"
   >
-    4,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      4,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 4 coloredPositive: true, coloredNegative: false, coloredWarning: true 1`] = `
-<div
-  className="Figure__Figure-content--positive___1qyd8"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--positive___1qyd8"
   >
-    4,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      4,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 4 coloredPositive: true, coloredNegative: true, coloredWarning: false 1`] = `
-<div
-  className="Figure__Figure-content--positive___1qyd8"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--positive___1qyd8"
   >
-    4,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      4,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 4 coloredPositive: true, coloredNegative: true, coloredWarning: true 1`] = `
-<div
-  className="Figure__Figure-content--positive___1qyd8"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--positive___1qyd8"
   >
-    4,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      4,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 100 coloredPositive: false, coloredNegative: false, coloredWarning: false 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 100 coloredPositive: false, coloredNegative: false, coloredWarning: true 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 100 coloredPositive: false, coloredNegative: true, coloredWarning: false 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 100 coloredPositive: false, coloredNegative: true, coloredWarning: true 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 100 coloredPositive: true, coloredNegative: false, coloredWarning: false 1`] = `
-<div
-  className="Figure__Figure-content--positive___1qyd8"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--positive___1qyd8"
   >
-    100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 100 coloredPositive: true, coloredNegative: false, coloredWarning: true 1`] = `
-<div
-  className="Figure__Figure-content--positive___1qyd8"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--positive___1qyd8"
   >
-    100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 100 coloredPositive: true, coloredNegative: true, coloredWarning: false 1`] = `
-<div
-  className="Figure__Figure-content--positive___1qyd8"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--positive___1qyd8"
   >
-    100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 100 coloredPositive: true, coloredNegative: true, coloredWarning: true 1`] = `
-<div
-  className="Figure__Figure-content--positive___1qyd8"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--positive___1qyd8"
   >
-    100,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      100,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 500 coloredPositive: false, coloredNegative: false, coloredWarning: false 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    500,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      500,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 500 coloredPositive: false, coloredNegative: false, coloredWarning: true 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    500,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      500,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 500 coloredPositive: false, coloredNegative: true, coloredWarning: false 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    500,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      500,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 500 coloredPositive: false, coloredNegative: true, coloredWarning: true 1`] = `
-<div
-  className=""
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class=""
   >
-    500,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      500,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 500 coloredPositive: true, coloredNegative: false, coloredWarning: false 1`] = `
-<div
-  className="Figure__Figure-content--positive___1qyd8"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--positive___1qyd8"
   >
-    500,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      500,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 500 coloredPositive: true, coloredNegative: false, coloredWarning: true 1`] = `
-<div
-  className="Figure__Figure-content--positive___1qyd8"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--positive___1qyd8"
   >
-    500,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      500,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 500 coloredPositive: true, coloredNegative: true, coloredWarning: false 1`] = `
-<div
-  className="Figure__Figure-content--positive___1qyd8"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
+<div>
+  <div
+    class="Figure__Figure-content--positive___1qyd8"
   >
-    500,00
-  </span>
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      500,00
+    </span>
+  </div>
 </div>
 `;
 
 exports[`Figure should render correctly 500 coloredPositive: true, coloredNegative: true, coloredWarning: true 1`] = `
-<div
-  className="Figure__Figure-content--positive___1qyd8"
->
-  <span
-    className="Figure__Figure-total___MZ7Xt"
-  >
-    500,00
-  </span>
+<div>
+  <div
+    class="Figure__Figure-content--positive___1qyd8"
+  >
+    <span
+      class="Figure__Figure-total___MZ7Xt"
+    >
+      500,00
+    </span>
+  </div>
 </div>
 `;
diff --git a/react/FileInput/__snapshots__/index.spec.jsx.snap b/react/FileInput/__snapshots__/index.spec.jsx.snap
deleted file mode 100644
index 2ae6c694c0..0000000000
--- a/react/FileInput/__snapshots__/index.spec.jsx.snap
+++ /dev/null
@@ -1,86 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`FileInput component should pass props to the input 1`] = `
-<label
-  className="styles__c-file-input___YNZSh"
-  disabled={false}
->
-  <span
-    aria-controls="file-input-123"
-    onKeyPress={[Function]}
-    role="button"
-    tabIndex={0}
-  >
-    Click me
-  </span>
-  <input
-    accept="image/*"
-    hidden={true}
-    id="file-input-123"
-    multiple={false}
-    onChange={[Function]}
-    type="file"
-  />
-</label>
-`;
-
-exports[`FileInput component should render a default file selector 1`] = `
-<label
-  className="styles__c-file-input___YNZSh"
-  disabled={false}
->
-  <input
-    hidden={false}
-    id="file-input-123"
-    multiple={false}
-    onChange={[Function]}
-    type="file"
-  />
-</label>
-`;
-
-exports[`FileInput component should render a disabled file selector 1`] = `
-<label
-  className="styles__c-file-input___YNZSh"
-  disabled={true}
->
-  <span
-    aria-controls="file-input-123"
-    onKeyPress={[Function]}
-    role="button"
-    tabIndex={0}
-  >
-    Click me
-  </span>
-  <input
-    hidden={true}
-    id="file-input-123"
-    multiple={false}
-    onChange={[Function]}
-    type="file"
-  />
-</label>
-`;
-
-exports[`FileInput component should render a file selector 1`] = `
-<label
-  className="styles__c-file-input___YNZSh"
-  disabled={false}
->
-  <span
-    aria-controls="file-input-123"
-    onKeyPress={[Function]}
-    role="button"
-    tabIndex={0}
-  >
-    Click me
-  </span>
-  <input
-    hidden={true}
-    id="file-input-123"
-    multiple={false}
-    onChange={[Function]}
-    type="file"
-  />
-</label>
-`;
diff --git a/react/FileInput/index.jsx b/react/FileInput/index.jsx
index 80e77eb4d3..561f8399b6 100644
--- a/react/FileInput/index.jsx
+++ b/react/FileInput/index.jsx
@@ -47,6 +47,7 @@ const FileInput = ({
             onChange(Array.from(e.target.files)[0])
           }
         }}
+        data-testid="file-input"
         {...inputProps}
       />
     </label>
diff --git a/react/FileInput/index.spec.jsx b/react/FileInput/index.spec.jsx
index 70da94f57a..9ae8656b7c 100644
--- a/react/FileInput/index.spec.jsx
+++ b/react/FileInput/index.spec.jsx
@@ -1,3 +1,4 @@
+import { fireEvent, render, screen } from '@testing-library/react'
 import uniqueId from 'lodash/uniqueId'
 import React from 'react'
 
@@ -20,66 +21,43 @@ describe('FileInput component', () => {
   })
 
   it('should render a file selector', () => {
-    const component = shallow(
+    render(
       <FileInput onChange={onChangeSpy}>
         <span>Click me</span>
       </FileInput>
-    ).getElement()
-    expect(component).toMatchSnapshot()
-  })
-
-  it('should render a default file selector', () => {
-    const component = shallow(
-      <FileInput hidden={false} onChange={onChangeSpy} />
-    ).getElement()
-    expect(component).toMatchSnapshot()
-  })
+    )
 
-  it('should render a disabled file selector', () => {
-    const component = shallow(
-      <FileInput disabled onChange={onChangeSpy}>
-        <span>Click me</span>
-      </FileInput>
-    ).getElement()
-    expect(component).toMatchSnapshot()
-  })
+    const button = screen.getByText('Click me')
 
-  it('should pass props to the input', () => {
-    const component = shallow(
-      <FileInput accept="image/*" onChange={onChangeSpy}>
-        <span>Click me</span>
-      </FileInput>
-    ).getElement()
-    expect(component).toMatchSnapshot()
+    expect(button).toBeInTheDocument()
+    expect(screen.getByTestId('file-input')).toBeInTheDocument()
   })
 
   it('should process selected file on change', () => {
     const filelist = [pic1]
-    const component = shallow(
+    render(
       <FileInput accept="image/*" onChange={onChangeSpy}>
         <span>Click me</span>
       </FileInput>
     )
-    component.find('input').simulate('change', {
-      target: {
-        files: filelist
-      }
-    })
+
+    const input = screen.getByTestId('file-input')
+    fireEvent.change(input, { target: { files: filelist } })
+
     expect(onChangeSpy).toHaveBeenCalledWith(pic1)
   })
 
   it('should process selected files on change if it is multiple', () => {
     const filelist = [pic1, pic2]
-    const component = shallow(
+    render(
       <FileInput accept="image/*" multiple onChange={onChangeSpy}>
         <span>Click me</span>
       </FileInput>
     )
-    component.find('input').simulate('change', {
-      target: {
-        files: filelist
-      }
-    })
+
+    const input = screen.getByTestId('file-input')
+    fireEvent.change(input, { target: { files: filelist } })
+
     expect(onChangeSpy).toHaveBeenCalledWith([pic1, pic2])
   })
 })
diff --git a/react/Input/__snapshots__/index.spec.jsx.snap b/react/Input/__snapshots__/index.spec.jsx.snap
deleted file mode 100644
index df12d66aa9..0000000000
--- a/react/Input/__snapshots__/index.spec.jsx.snap
+++ /dev/null
@@ -1,11 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Input component should support number type 1`] = `
-<input
-  className="styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR"
-  onChange={[MockFunction]}
-  spellCheck={false}
-  type="number"
-  value="42"
-/>
-`;
diff --git a/react/Input/index.spec.jsx b/react/Input/index.spec.jsx
deleted file mode 100644
index 423f9eaf7e..0000000000
--- a/react/Input/index.spec.jsx
+++ /dev/null
@@ -1,12 +0,0 @@
-import React from 'react'
-
-import Input from '.'
-
-describe('Input component', () => {
-  it('should support number type', () => {
-    const component = shallow(
-      <Input type="number" value="42" onChange={jest.fn()} />
-    ).getElement()
-    expect(component).toMatchSnapshot()
-  })
-})
diff --git a/react/Popup/index.spec.jsx b/react/Popup/index.spec.jsx
index 069b0f8565..10ef5c60f5 100644
--- a/react/Popup/index.spec.jsx
+++ b/react/Popup/index.spec.jsx
@@ -1,4 +1,4 @@
-import { shallow } from 'enzyme'
+import { render, fireEvent } from '@testing-library/react'
 import React from 'react'
 
 import { isMobileApp } from 'cozy-device-helper'
@@ -17,35 +17,56 @@ const props = {
   height: '200'
 }
 
-const popupMock = {}
-class MessageEventMock {
-  constructor(options = {}) {
-    this.source = options.source || popupMock
+class MessageEventMock extends Event {
+  constructor(options = {}, mock) {
+    super('message', options)
+    this.source = options.source || mock
+  }
+}
+
+class LoadStartEventMock extends Event {
+  constructor(url) {
+    super('loadstart')
+    this.url = url
+  }
+}
+
+class ExitEventMock extends Event {
+  constructor() {
+    super('exit')
   }
 }
 
 describe('Popup', () => {
-  beforeAll(() => {
-    jest.useFakeTimers()
+  const setup = ({ mockAddEventListener = true }) => {
+    const popupMock = new EventTarget()
+
+    isMobileApp.mockReturnValue(false)
 
     jest.spyOn(global, 'open').mockReturnValue(popupMock)
     jest.spyOn(global, 'addEventListener')
-  })
 
-  afterAll(() => {
-    global.open.mockRestore()
-    global.addEventListener.mockRestore()
-  })
+    if (mockAddEventListener) {
+      popupMock.addEventListener = jest.fn()
+    }
 
-  beforeEach(() => {
-    isMobileApp.mockReturnValue(false)
-    popupMock.addEventListener = jest.fn()
     popupMock.close = jest.fn()
     popupMock.focus = jest.fn()
     popupMock.closed = false
     props.onClose = jest.fn()
     props.onMessage = jest.fn()
     props.onMobileUrlChange = jest.fn()
+
+    return popupMock
+  }
+
+  beforeAll(() => {
+    jest.useFakeTimers()
+  })
+
+  afterAll(() => {
+    global.open.mockRestore()
+    global.addEventListener.mockRestore()
   })
 
   afterEach(() => {
@@ -54,7 +75,10 @@ describe('Popup', () => {
   })
 
   it('should open new window', () => {
-    shallow(<Popup {...props} />)
+    const popupMock = setup({})
+
+    render(<Popup {...props} />)
+
     expect(global.open).toHaveBeenCalledWith(
       props.initialUrl,
       props.title,
@@ -64,66 +88,91 @@ describe('Popup', () => {
   })
 
   it('should subscribe to message events', () => {
-    const wrapper = shallow(<Popup {...props} />)
+    setup({})
+
+    render(<Popup {...props} />)
+
     expect(global.addEventListener).toHaveBeenCalledWith(
       'message',
-      wrapper.instance().handleMessage
+      expect.any(Function)
     )
   })
 
   it('should subcribe to mobile events', () => {
+    const popupMock = setup({})
     isMobileApp.mockReturnValue(true)
-    const wrapper = shallow(<Popup {...props} />)
+
+    render(<Popup {...props} />)
+
     expect(popupMock.addEventListener).toHaveBeenCalledWith(
       'loadstart',
-      wrapper.instance().handleLoadStart
+      expect.any(Function)
     )
     expect(popupMock.addEventListener).toHaveBeenCalledWith(
       'exit',
-      wrapper.instance().handleClose
+      expect.any(Function)
     )
   })
 
-  describe('monitorClosing', () => {
-    it('should detect closing', () => {
-      const wrapper = shallow(<Popup {...props} />)
-      jest.spyOn(wrapper.instance(), 'handleClose')
-      popupMock.closed = true
-      jest.runAllTimers()
-      expect(wrapper.instance().handleClose).toHaveBeenCalled()
-    })
-  })
-
   describe('handleClose', () => {
     it('should call onClose', () => {
-      const wrapper = shallow(<Popup {...props} />)
-      wrapper.instance().handleClose()
+      const popupMock = setup({
+        mockAddEventListener: false
+      })
+      isMobileApp.mockReturnValue(true)
+
+      render(<Popup {...props} />)
+
+      const messageEvent = new ExitEventMock()
+      fireEvent(popupMock, messageEvent)
+
       expect(props.onClose).toHaveBeenCalled()
     })
   })
 
   describe('handleMessage', () => {
     it('should call onMessage', () => {
-      const wrapper = shallow(<Popup {...props} />)
-      const messageEvent = new MessageEventMock()
-      wrapper.instance().handleMessage(messageEvent)
+      const popupMock = setup({
+        mockAddEventListener: false
+      })
+      isMobileApp.mockReturnValue(true)
+
+      render(<Popup {...props} />)
+
+      const messageEvent = new MessageEventMock({}, popupMock)
+      fireEvent(window, messageEvent)
+
       expect(props.onMessage).toHaveBeenCalledWith(messageEvent)
     })
 
     it('should ignore messageEvent from another window ', () => {
-      const wrapper = shallow(<Popup {...props} />)
+      setup({
+        mockAddEventListener: false
+      })
+      isMobileApp.mockReturnValue(true)
+
+      render(<Popup {...props} />)
+
       const messageEvent = new MessageEventMock({ source: {} })
-      wrapper.instance().handleMessage(messageEvent)
+      fireEvent(window, messageEvent)
+
       expect(props.onMessage).not.toHaveBeenCalled()
     })
   })
 
   describe('handleLoadStart', () => {
     it('should call onMobileUrlChange', () => {
-      const wrapper = shallow(<Popup {...props} />)
+      const popupMock = setup({
+        mockAddEventListener: false
+      })
+      isMobileApp.mockReturnValue(true)
+
+      render(<Popup {...props} />)
+
       const url = 'https://cozy.io'
-      const urlEvent = { url }
-      wrapper.instance().handleLoadStart(urlEvent)
+      const messageEvent = new LoadStartEventMock(url)
+      fireEvent(popupMock, messageEvent)
+
       expect(props.onMobileUrlChange).toHaveBeenCalledWith(expect.any(URL))
       expect(props.onMobileUrlChange).toHaveBeenCalledWith(new URL(url))
     })
diff --git a/react/SelectBox/test/SelectBox.spec.js b/react/SelectBox/test/SelectBox.spec.js
index 4e6e597088..5c3a56867a 100644
--- a/react/SelectBox/test/SelectBox.spec.js
+++ b/react/SelectBox/test/SelectBox.spec.js
@@ -1,5 +1,6 @@
 'use strict'
 /* eslint-env jest */
+import { render, screen } from '@testing-library/react'
 import React from 'react'
 
 import { isIOSApp } from 'cozy-device-helper'
@@ -81,13 +82,19 @@ describe('SelectBox', () => {
       isIOSApp.mockReturnValue(false)
     })
     it('should not add needclicks if not on iOS', () => {
-      const wrapper = shallow(<SelectBox breakpoints={{}} />)
-      expect(wrapper.prop('classNamePrefix')).toEqual('')
+      render(<SelectBox breakpoints={{}} />)
+
+      const select = screen.getByText('Select...')
+
+      expect(select.className).not.toContain('needsclick')
     })
     it('shoudl add needclick if iOS', () => {
       isIOSApp.mockReturnValue(true)
-      const wrapper = shallow(<SelectBox breakpoints={{}} />)
-      expect(wrapper.prop('classNamePrefix')).toContain('needsclick')
+      render(<SelectBox breakpoints={{}} />)
+
+      const select = screen.getByText('Select...')
+
+      expect(select.className).toContain('needsclick')
     })
   })
 })
diff --git a/react/__snapshots__/examples.spec.jsx.snap b/react/__snapshots__/examples.spec.jsx.snap
deleted file mode 100644
index 4fe759c65c..0000000000
--- a/react/__snapshots__/examples.spec.jsx.snap
+++ /dev/null
@@ -1,3720 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Alert should render examples: Alert 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"LONGTEXT\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">LONGTEXT</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"TITLE\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">TITLE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"BLOCK\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">BLOCK</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"COLOR\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">COLOR</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"LARGEICON\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">LARGEICON</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"NOICON\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">NOICON</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"SQUARE\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">SQUARE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"ACTIONONE\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">ACTIONONE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"ACTIONTWO\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">ACTIONTWO</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"ACTIONTHREE\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">ACTIONTHREE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"FILLED\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">FILLED</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"CLOSE\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">CLOSE</span></label>
-  </div>
-  <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-standardSuccess cozyStyles-primary-standard MuiPaper-elevation0\\" role=\\"alert\\">
-    <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <defs>
-          <path id=\\"info_svg__a\\" d=\\"M8 16A8 8 0 118 0a8 8 0 010 16zM7 4a1 1 0 102 0 1 1 0 10-2 0zm1 2H6v2h1v4a1 1 0 001 1h2v-2H9V7a1 1 0 00-1-1z\\"></path>
-        </defs>
-        <use fill-rule=\\"evenodd\\" xlink:href=\\"#info_svg__a\\"></use>
-      </svg></div>
-    <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-6\\">Get Cozy Drive for Desktop and synchronise your files safely to make them accessible at all times.</div>
-  </div>
-</div>"
-`;
-
-exports[`Alert should render examples: Alert 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"TITLE\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">TITLE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"BLOCK\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">BLOCK</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"CLOSE\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">CLOSE</span></label>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-standardSuccess cozyStyles-primary-standard action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <defs>
-            <path id=\\"info_svg__a\\" d=\\"M8 16A8 8 0 118 0a8 8 0 010 16zM7 4a1 1 0 102 0 1 1 0 10-2 0zm1 2H6v2h1v4a1 1 0 001 1h2v-2H9V7a1 1 0 00-1-1z\\"></path>
-          </defs>
-          <use fill-rule=\\"evenodd\\" xlink:href=\\"#info_svg__a\\"></use>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-7\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">primary</div>This is a primary alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-standardSuccess cozyStyles-secondary-standard action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <defs>
-            <path id=\\"info_svg__a\\" d=\\"M8 16A8 8 0 118 0a8 8 0 010 16zM7 4a1 1 0 102 0 1 1 0 10-2 0zm1 2H6v2h1v4a1 1 0 001 1h2v-2H9V7a1 1 0 00-1-1z\\"></path>
-          </defs>
-          <use fill-rule=\\"evenodd\\" xlink:href=\\"#info_svg__a\\"></use>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-8\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">secondary</div>This is a secondary alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-standardSuccess cozyStyles-success-standard action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 48 48\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <path fill-rule=\\"evenodd\\" d=\\"M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24zM13.414 24.586a2 2 0 00-2.828 2.828l7 7a2 2 0 002.828 0l15-15a2 2 0 00-2.828-2.828L19 30.172l-5.586-5.586z\\"></path>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-9\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">success</div>This is a success alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-success MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-standardError cozyStyles-error-standard action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <path fill-rule=\\"evenodd\\" d=\\"M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 9.75C7.30964 9.75 6.75 10.3096 6.75 11C6.75 11.6904 7.30964 12.25 8 12.25C8.69036 12.25 9.25 11.6904 9.25 11C9.25 10.3096 8.69036 9.75 8 9.75ZM8 4C7.48716 4 7.06449 4.38604 7.00673 4.88338L7 5V8C7 8.55228 7.44772 9 8 9C8.51284 9 8.93551 8.61396 8.99327 8.11662L9 8V5C9 4.44772 8.55228 4 8 4Z\\"></path>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-10\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">error</div>This is a error alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-error MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-standardWarning cozyStyles-warning-standard action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <path fill-rule=\\"evenodd\\" d=\\"M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z\\"></path>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-11\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">warning</div>This is a warning alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-warning MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-standardInfo cozyStyles-info-standard action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <defs>
-            <path id=\\"info_svg__a\\" d=\\"M8 16A8 8 0 118 0a8 8 0 010 16zM7 4a1 1 0 102 0 1 1 0 10-2 0zm1 2H6v2h1v4a1 1 0 001 1h2v-2H9V7a1 1 0 00-1-1z\\"></path>
-          </defs>
-          <use fill-rule=\\"evenodd\\" xlink:href=\\"#info_svg__a\\"></use>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-12\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">info</div>This is a info alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-info MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <hr>
-  <p class=\\"MuiTypography-root MuiTypography-h4 MuiTypography-colorTextPrimary MuiTypography-paragraph\\">Filled variant</p>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-filledSuccess cozyStyles-primary-filled action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <defs>
-            <path id=\\"info_svg__a\\" d=\\"M8 16A8 8 0 118 0a8 8 0 010 16zM7 4a1 1 0 102 0 1 1 0 10-2 0zm1 2H6v2h1v4a1 1 0 001 1h2v-2H9V7a1 1 0 00-1-1z\\"></path>
-          </defs>
-          <use fill-rule=\\"evenodd\\" xlink:href=\\"#info_svg__a\\"></use>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-13\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">primary</div>This is a primary alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-filledSuccess cozyStyles-secondary-filled action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <defs>
-            <path id=\\"info_svg__a\\" d=\\"M8 16A8 8 0 118 0a8 8 0 010 16zM7 4a1 1 0 102 0 1 1 0 10-2 0zm1 2H6v2h1v4a1 1 0 001 1h2v-2H9V7a1 1 0 00-1-1z\\"></path>
-          </defs>
-          <use fill-rule=\\"evenodd\\" xlink:href=\\"#info_svg__a\\"></use>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-14\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">secondary</div>This is a secondary alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-filledSuccess cozyStyles-success-filled action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 48 48\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <path fill-rule=\\"evenodd\\" d=\\"M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24zM13.414 24.586a2 2 0 00-2.828 2.828l7 7a2 2 0 002.828 0l15-15a2 2 0 00-2.828-2.828L19 30.172l-5.586-5.586z\\"></path>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-15\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">success</div>This is a success alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-filledError cozyStyles-error-filled action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <path fill-rule=\\"evenodd\\" d=\\"M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 9.75C7.30964 9.75 6.75 10.3096 6.75 11C6.75 11.6904 7.30964 12.25 8 12.25C8.69036 12.25 9.25 11.6904 9.25 11C9.25 10.3096 8.69036 9.75 8 9.75ZM8 4C7.48716 4 7.06449 4.38604 7.00673 4.88338L7 5V8C7 8.55228 7.44772 9 8 9C8.51284 9 8.93551 8.61396 8.99327 8.11662L9 8V5C9 4.44772 8.55228 4 8 4Z\\"></path>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-16\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">error</div>This is a error alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-filledWarning cozyStyles-warning-filled action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <path fill-rule=\\"evenodd\\" d=\\"M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z\\"></path>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-17\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">warning</div>This is a warning alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-filledInfo cozyStyles-info-filled action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <defs>
-            <path id=\\"info_svg__a\\" d=\\"M8 16A8 8 0 118 0a8 8 0 010 16zM7 4a1 1 0 102 0 1 1 0 10-2 0zm1 2H6v2h1v4a1 1 0 001 1h2v-2H9V7a1 1 0 00-1-1z\\"></path>
-          </defs>
-          <use fill-rule=\\"evenodd\\" xlink:href=\\"#info_svg__a\\"></use>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-18\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">info</div>This is a info alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <hr>
-  <p class=\\"MuiTypography-root MuiTypography-h4 MuiTypography-colorTextPrimary MuiTypography-paragraph\\">Outlined variant</p>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-outlinedSuccess cozyStyles-primary-outlined action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <defs>
-            <path id=\\"info_svg__a\\" d=\\"M8 16A8 8 0 118 0a8 8 0 010 16zM7 4a1 1 0 102 0 1 1 0 10-2 0zm1 2H6v2h1v4a1 1 0 001 1h2v-2H9V7a1 1 0 00-1-1z\\"></path>
-          </defs>
-          <use fill-rule=\\"evenodd\\" xlink:href=\\"#info_svg__a\\"></use>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-19\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">primary</div>This is a primary alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-outlinedSuccess cozyStyles-secondary-outlined action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <defs>
-            <path id=\\"info_svg__a\\" d=\\"M8 16A8 8 0 118 0a8 8 0 010 16zM7 4a1 1 0 102 0 1 1 0 10-2 0zm1 2H6v2h1v4a1 1 0 001 1h2v-2H9V7a1 1 0 00-1-1z\\"></path>
-          </defs>
-          <use fill-rule=\\"evenodd\\" xlink:href=\\"#info_svg__a\\"></use>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-20\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">secondary</div>This is a secondary alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-outlinedSuccess cozyStyles-success-outlined action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 48 48\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <path fill-rule=\\"evenodd\\" d=\\"M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24zM13.414 24.586a2 2 0 00-2.828 2.828l7 7a2 2 0 002.828 0l15-15a2 2 0 00-2.828-2.828L19 30.172l-5.586-5.586z\\"></path>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-21\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">success</div>This is a success alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-success MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-outlinedError cozyStyles-error-outlined action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <path fill-rule=\\"evenodd\\" d=\\"M8 0C12.4183 0 16 3.58172 16 8C16 12.4183 12.4183 16 8 16C3.58172 16 0 12.4183 0 8C0 3.58172 3.58172 0 8 0ZM8 9.75C7.30964 9.75 6.75 10.3096 6.75 11C6.75 11.6904 7.30964 12.25 8 12.25C8.69036 12.25 9.25 11.6904 9.25 11C9.25 10.3096 8.69036 9.75 8 9.75ZM8 4C7.48716 4 7.06449 4.38604 7.00673 4.88338L7 5V8C7 8.55228 7.44772 9 8 9C8.51284 9 8.93551 8.61396 8.99327 8.11662L9 8V5C9 4.44772 8.55228 4 8 4Z\\"></path>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-22\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">error</div>This is a error alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-error MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-outlinedWarning cozyStyles-warning-outlined action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <path fill-rule=\\"evenodd\\" d=\\"M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z\\"></path>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-23\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">warning</div>This is a warning alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-warning MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-  <div class=\\"u-mb-1\\">
-    <div class=\\"MuiPaper-root MuiAlert-root MuiAlert-outlinedInfo cozyStyles-info-outlined action MuiPaper-elevation0\\" role=\\"alert\\">
-      <div class=\\"MuiAlert-icon\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <defs>
-            <path id=\\"info_svg__a\\" d=\\"M8 16A8 8 0 118 0a8 8 0 010 16zM7 4a1 1 0 102 0 1 1 0 10-2 0zm1 2H6v2h1v4a1 1 0 001 1h2v-2H9V7a1 1 0 00-1-1z\\"></path>
-          </defs>
-          <use fill-rule=\\"evenodd\\" xlink:href=\\"#info_svg__a\\"></use>
-        </svg></div>
-      <div class=\\"MuiAlert-message makeStyles-message-5 makeStyles-message-24\\">
-        <div class=\\"MuiTypography-root MuiAlertTitle-root MuiTypography-body1 MuiTypography-gutterBottom\\">info</div>This is a info alert
-      </div>
-      <div class=\\"MuiAlert-action\\"><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-info MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ACTION</span></button></div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`AppTitle should render examples: AppTitle 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <h1 class=\\"MuiTypography-root styles__c-apptitle___eqV9l MuiTypography-h4\\">Drive</h1>
-</div>"
-`;
-
-exports[`Avatar should render examples: Avatar 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"DISABLED\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">DISABLED</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"GHOST\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">GHOST</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"OVERLAP\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">OVERLAP</span></label>
-  </div>
-  <div class=\\"u-flex u-mb-half\\">
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 16px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M8 9c2.21 0 4-2.015 4-4.5S10.21 0 8 0 4 2.015 4 4.5 5.79 9 8 9zm-8 5c0-1 2-4 4-4s1 1 4 1 2-1 4-1 4 3 4 4 0 2-1 2H1c-1 0-1-1-1-2z\\"></path>
-      </svg></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 16px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--image___jDBci\\" style=\\"--circleSize: 16px;\\"><img src=\\"test-file-stub\\" class=\\"styles__c-avatar-image___3yJnb\\" alt=\\"\\"></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 16px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M9.259 4.045a1.043 1.043 0 11-1.475-1.474L9.44.915a3.126 3.126 0 014.417-.002l1.23 1.23a3.126 3.126 0 01-.007 4.422l-3.612 3.612c-1.6 1.6-4.244 1.65-5.77.124a1.043 1.043 0 111.475-1.474c.699.698 2.023.673 2.82-.125l3.613-3.612a1.04 1.04 0 00.006-1.473l-1.23-1.23a1.04 1.04 0 00-1.468.003L9.26 4.045zm-2.518 7.91a1.043 1.043 0 011.475 1.474L6.56 15.085a3.126 3.126 0 01-4.417.002l-1.23-1.23a3.126 3.126 0 01.006-4.422l3.613-3.612c1.6-1.6 4.243-1.65 5.77-.124a1.043 1.043 0 01-1.475 1.474c-.7-.698-2.023-.673-2.82.125L2.393 10.91a1.04 1.04 0 00-.007 1.473l1.23 1.23a1.04 1.04 0 001.469-.003l1.655-1.655z\\"></path>
-      </svg></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 16px; color: black;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 16px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z\\"></path>
-      </svg></div>
-  </div>
-  <div class=\\"u-flex u-mb-half\\">
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 32px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M8 9c2.21 0 4-2.015 4-4.5S10.21 0 8 0 4 2.015 4 4.5 5.79 9 8 9zm-8 5c0-1 2-4 4-4s1 1 4 1 2-1 4-1 4 3 4 4 0 2-1 2H1c-1 0-1-1-1-2z\\"></path>
-      </svg></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--image___jDBci\\" style=\\"--circleSize: 32px;\\"><img src=\\"test-file-stub\\" class=\\"styles__c-avatar-image___3yJnb\\" alt=\\"\\"></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 32px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M9.259 4.045a1.043 1.043 0 11-1.475-1.474L9.44.915a3.126 3.126 0 014.417-.002l1.23 1.23a3.126 3.126 0 01-.007 4.422l-3.612 3.612c-1.6 1.6-4.244 1.65-5.77.124a1.043 1.043 0 111.475-1.474c.699.698 2.023.673 2.82-.125l3.613-3.612a1.04 1.04 0 00.006-1.473l-1.23-1.23a1.04 1.04 0 00-1.468.003L9.26 4.045zm-2.518 7.91a1.043 1.043 0 011.475 1.474L6.56 15.085a3.126 3.126 0 01-4.417.002l-1.23-1.23a3.126 3.126 0 01.006-4.422l3.613-3.612c1.6-1.6 4.243-1.65 5.77-.124a1.043 1.043 0 01-1.475 1.474c-.7-.698-2.023-.673-2.82.125L2.393 10.91a1.04 1.04 0 00-.007 1.473l1.23 1.23a1.04 1.04 0 001.469-.003l1.655-1.655z\\"></path>
-      </svg></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 32px; color: black;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 32px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z\\"></path>
-      </svg></div>
-  </div>
-  <div class=\\"u-flex u-mb-half\\">
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 40px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M8 9c2.21 0 4-2.015 4-4.5S10.21 0 8 0 4 2.015 4 4.5 5.79 9 8 9zm-8 5c0-1 2-4 4-4s1 1 4 1 2-1 4-1 4 3 4 4 0 2-1 2H1c-1 0-1-1-1-2z\\"></path>
-      </svg></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 40px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--image___jDBci\\" style=\\"--circleSize: 40px;\\"><img src=\\"test-file-stub\\" class=\\"styles__c-avatar-image___3yJnb\\" alt=\\"\\"></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 40px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M9.259 4.045a1.043 1.043 0 11-1.475-1.474L9.44.915a3.126 3.126 0 014.417-.002l1.23 1.23a3.126 3.126 0 01-.007 4.422l-3.612 3.612c-1.6 1.6-4.244 1.65-5.77.124a1.043 1.043 0 111.475-1.474c.699.698 2.023.673 2.82-.125l3.613-3.612a1.04 1.04 0 00.006-1.473l-1.23-1.23a1.04 1.04 0 00-1.468.003L9.26 4.045zm-2.518 7.91a1.043 1.043 0 011.475 1.474L6.56 15.085a3.126 3.126 0 01-4.417.002l-1.23-1.23a3.126 3.126 0 01.006-4.422l3.613-3.612c1.6-1.6 4.243-1.65 5.77-.124a1.043 1.043 0 01-1.475 1.474c-.7-.698-2.023-.673-2.82.125L2.393 10.91a1.04 1.04 0 00-.007 1.473l1.23 1.23a1.04 1.04 0 001.469-.003l1.655-1.655z\\"></path>
-      </svg></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 40px; color: black;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 40px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z\\"></path>
-      </svg></div>
-  </div>
-  <div class=\\"u-flex u-mb-half\\">
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 48px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M8 9c2.21 0 4-2.015 4-4.5S10.21 0 8 0 4 2.015 4 4.5 5.79 9 8 9zm-8 5c0-1 2-4 4-4s1 1 4 1 2-1 4-1 4 3 4 4 0 2-1 2H1c-1 0-1-1-1-2z\\"></path>
-      </svg></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 48px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--image___jDBci\\" style=\\"--circleSize: 48px;\\"><img src=\\"test-file-stub\\" class=\\"styles__c-avatar-image___3yJnb\\" alt=\\"\\"></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 48px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M9.259 4.045a1.043 1.043 0 11-1.475-1.474L9.44.915a3.126 3.126 0 014.417-.002l1.23 1.23a3.126 3.126 0 01-.007 4.422l-3.612 3.612c-1.6 1.6-4.244 1.65-5.77.124a1.043 1.043 0 111.475-1.474c.699.698 2.023.673 2.82-.125l3.613-3.612a1.04 1.04 0 00.006-1.473l-1.23-1.23a1.04 1.04 0 00-1.468.003L9.26 4.045zm-2.518 7.91a1.043 1.043 0 011.475 1.474L6.56 15.085a3.126 3.126 0 01-4.417.002l-1.23-1.23a3.126 3.126 0 01.006-4.422l3.613-3.612c1.6-1.6 4.243-1.65 5.77-.124a1.043 1.043 0 01-1.475 1.474c-.7-.698-2.023-.673-2.82.125L2.393 10.91a1.04 1.04 0 00-.007 1.473l1.23 1.23a1.04 1.04 0 001.469-.003l1.655-1.655z\\"></path>
-      </svg></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 48px; color: black;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 48px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z\\"></path>
-      </svg></div>
-  </div>
-  <div class=\\"u-flex u-mb-half\\">
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 64px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M8 9c2.21 0 4-2.015 4-4.5S10.21 0 8 0 4 2.015 4 4.5 5.79 9 8 9zm-8 5c0-1 2-4 4-4s1 1 4 1 2-1 4-1 4 3 4 4 0 2-1 2H1c-1 0-1-1-1-2z\\"></path>
-      </svg></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 64px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--image___jDBci\\" style=\\"--circleSize: 64px;\\"><img src=\\"test-file-stub\\" class=\\"styles__c-avatar-image___3yJnb\\" alt=\\"\\"></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 64px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M9.259 4.045a1.043 1.043 0 11-1.475-1.474L9.44.915a3.126 3.126 0 014.417-.002l1.23 1.23a3.126 3.126 0 01-.007 4.422l-3.612 3.612c-1.6 1.6-4.244 1.65-5.77.124a1.043 1.043 0 111.475-1.474c.699.698 2.023.673 2.82-.125l3.613-3.612a1.04 1.04 0 00.006-1.473l-1.23-1.23a1.04 1.04 0 00-1.468.003L9.26 4.045zm-2.518 7.91a1.043 1.043 0 011.475 1.474L6.56 15.085a3.126 3.126 0 01-4.417.002l-1.23-1.23a3.126 3.126 0 01.006-4.422l3.613-3.612c1.6-1.6 4.243-1.65 5.77-.124a1.043 1.043 0 01-1.475 1.474c-.7-.698-2.023-.673-2.82.125L2.393 10.91a1.04 1.04 0 00-.007 1.473l1.23 1.23a1.04 1.04 0 001.469-.003l1.655-1.655z\\"></path>
-      </svg></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 64px; color: black;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 64px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z\\"></path>
-      </svg></div>
-  </div>
-  <hr>
-  <div class=\\"u-flex u-mb-half\\">
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 24px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M8 9c2.21 0 4-2.015 4-4.5S10.21 0 8 0 4 2.015 4 4.5 5.79 9 8 9zm-8 5c0-1 2-4 4-4s1 1 4 1 2-1 4-1 4 3 4 4 0 2-1 2H1c-1 0-1-1-1-2z\\"></path>
-      </svg></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 24px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--image___jDBci\\" style=\\"--circleSize: 24px;\\"><img src=\\"test-file-stub\\" class=\\"styles__c-avatar-image___3yJnb\\" alt=\\"\\"></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 24px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M9.259 4.045a1.043 1.043 0 11-1.475-1.474L9.44.915a3.126 3.126 0 014.417-.002l1.23 1.23a3.126 3.126 0 01-.007 4.422l-3.612 3.612c-1.6 1.6-4.244 1.65-5.77.124a1.043 1.043 0 111.475-1.474c.699.698 2.023.673 2.82-.125l3.613-3.612a1.04 1.04 0 00.006-1.473l-1.23-1.23a1.04 1.04 0 00-1.468.003L9.26 4.045zm-2.518 7.91a1.043 1.043 0 011.475 1.474L6.56 15.085a3.126 3.126 0 01-4.417.002l-1.23-1.23a3.126 3.126 0 01.006-4.422l3.613-3.612c1.6-1.6 4.243-1.65 5.77-.124a1.043 1.043 0 01-1.475 1.474c-.7-.698-2.023-.673-2.82.125L2.393 10.91a1.04 1.04 0 00-.007 1.473l1.23 1.23a1.04 1.04 0 001.469-.003l1.655-1.655z\\"></path>
-      </svg></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 24px; color: black;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div>
-    <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI-\\" style=\\"--circleSize: 24px;\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z\\"></path>
-      </svg></div>
-  </div>
-</div>"
-`;
-
-exports[`Badge should render examples: Badge 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"OVERLAP\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">OVERLAP</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"DOT\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">DOT</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"WITHBORDER\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">WITHBORDER</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"LEFT\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">LEFT</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"BOTTOM\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">BOTTOM</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"SMALL\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">SMALL</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"LARGE\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">LARGE</span></label>
-  </div><span class=\\"MuiBadge-root u-m-half\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--slateGrey);\\" width=\\"24\\" height=\\"24\\"><circle cx=\\"8\\" cy=\\"8\\" r=\\"8\\" fill-rule=\\"evenodd\\"></circle></svg><span class=\\"MuiBadge-badge badgeSizeMedium MuiBadge-anchorOriginTopRightCircular\\">4</span></span><span class=\\"MuiBadge-root u-m-half\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--slateGrey);\\" width=\\"24\\" height=\\"24\\"><circle cx=\\"8\\" cy=\\"8\\" r=\\"8\\" fill-rule=\\"evenodd\\"></circle></svg><span class=\\"MuiBadge-badge badgeSizeMedium MuiBadge-anchorOriginTopRightCircular MuiBadge-colorPrimary\\">4</span></span><span class=\\"MuiBadge-root u-m-half\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--slateGrey);\\" width=\\"24\\" height=\\"24\\"><circle cx=\\"8\\" cy=\\"8\\" r=\\"8\\" fill-rule=\\"evenodd\\"></circle></svg><span class=\\"MuiBadge-badge badgeSizeMedium MuiBadge-anchorOriginTopRightCircular MuiBadge-colorSecondary\\">4</span></span><span class=\\"MuiBadge-root u-m-half\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--slateGrey);\\" width=\\"24\\" height=\\"24\\"><circle cx=\\"8\\" cy=\\"8\\" r=\\"8\\" fill-rule=\\"evenodd\\"></circle></svg><span class=\\"MuiBadge-badge badgeSizeMedium colorSuccess MuiBadge-anchorOriginTopRightCircular MuiBadge-colorPrimary\\">4</span></span><span class=\\"MuiBadge-root u-m-half\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--slateGrey);\\" width=\\"24\\" height=\\"24\\"><circle cx=\\"8\\" cy=\\"8\\" r=\\"8\\" fill-rule=\\"evenodd\\"></circle></svg><span class=\\"MuiBadge-badge badgeSizeMedium MuiBadge-anchorOriginTopRightCircular MuiBadge-colorError\\">4</span></span><span class=\\"MuiBadge-root u-m-half\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--slateGrey);\\" width=\\"24\\" height=\\"24\\"><circle cx=\\"8\\" cy=\\"8\\" r=\\"8\\" fill-rule=\\"evenodd\\"></circle></svg><span class=\\"MuiBadge-badge badgeSizeMedium colorWarning MuiBadge-anchorOriginTopRightCircular MuiBadge-colorPrimary\\">4</span></span><span class=\\"MuiBadge-root u-m-half\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--slateGrey);\\" width=\\"24\\" height=\\"24\\"><circle cx=\\"8\\" cy=\\"8\\" r=\\"8\\" fill-rule=\\"evenodd\\"></circle></svg><span class=\\"MuiBadge-badge badgeSizeMedium colorInfo MuiBadge-anchorOriginTopRightCircular MuiBadge-colorPrimary\\">4</span></span>
-</div>"
-`;
-
-exports[`Badge should render examples: Badge 2`] = `"<div data-testid=\\"mountNode\\"><span class=\\"MuiBadge-root\\"><div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CD</span></div><span class=\\"MuiBadge-badge Component-qualifier-25 MuiBadge-anchorOriginBottomRightCircular\\"><span class=\\"MuiBadge-root\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"10\\" height=\\"10\\"><path fill-rule=\\"evenodd\\" d=\\"M9.259 4.045a1.043 1.043 0 11-1.475-1.474L9.44.915a3.126 3.126 0 014.417-.002l1.23 1.23a3.126 3.126 0 01-.007 4.422l-3.612 3.612c-1.6 1.6-4.244 1.65-5.77.124a1.043 1.043 0 111.475-1.474c.699.698 2.023.673 2.82-.125l3.613-3.612a1.04 1.04 0 00.006-1.473l-1.23-1.23a1.04 1.04 0 00-1.468.003L9.26 4.045zm-2.518 7.91a1.043 1.043 0 011.475 1.474L6.56 15.085a3.126 3.126 0 01-4.417.002l-1.23-1.23a3.126 3.126 0 01.006-4.422l3.613-3.612c1.6-1.6 4.243-1.65 5.77-.124a1.043 1.043 0 01-1.475 1.474c-.7-.698-2.023-.673-2.82.125L2.393 10.91a1.04 1.04 0 00-.007 1.473l1.23 1.23a1.04 1.04 0 001.469-.003l1.655-1.655z\\"></path></svg><span class=\\"MuiBadge-badge badgeSizeSmall badgeBorder MuiBadge-anchorOriginTopRightCircular MuiBadge-colorError MuiBadge-dot\\"></span></span></span></span></div>"`;
-
-exports[`Banner should render examples: Banner 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"ICON\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">ICON</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"LONGTEXT\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">LONGTEXT</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"BUTTONONE\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">BUTTONONE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"BUTTONTWO\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">BUTTONTWO</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"INLINE\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">INLINE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"BACKGROUNDCOLOR\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">BACKGROUNDCOLOR</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"DISABLEICONSTYLES\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">DISABLEICONSTYLES</span></label>
-  </div>
-  <div class=\\"MuiPaper-root MuiPaper-elevation0\\">
-    <div class=\\"styles__c-banner-wrapper___3KlaG\\">
-      <div class=\\"MuiGrid-root MuiGrid-container MuiGrid-justify-content-xs-space-between\\">
-        <div class=\\"MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-align-items-xs-center MuiGrid-grid-xs-12 MuiGrid-grid-lg-8\\">
-          <div class=\\"MuiGrid-root MuiGrid-item\\">
-            <div class=\\"styles__c-banner-icon___1f_LM\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-                <g fill=\\"none\\" fill-rule=\\"evenodd\\">
-                  <path fill=\\"#32363F\\" d=\\"M2 25V5.995C2 4.893 2.9 4 3.991 4H28.01C29.109 4 30 4.902 30 5.995V25H2z\\"></path>
-                  <path fill=\\"#5D6165\\" d=\\"M4 6h24v16H4z\\"></path>
-                  <path fill=\\"#95999D\\" d=\\"M19 24.5c0 .276-.233.5-.503.5h-5.994a.507.507 0 01-.503-.5c0-.276-.229-.5-.5-.5H.5c-.276 0-.5.215-.5.49V26c0 1.105.89 2 2.002 2h27.996A1.996 1.996 0 0032 26v-1.51c0-.27-.226-.49-.494-.49H19.494a.502.502 0 00-.494.5z\\"></path>
-                </g>
-              </svg></div>
-          </div>
-          <div class=\\"MuiGrid-root styles__c-banner-text___1sTVC MuiGrid-item\\">
-            <p class=\\"MuiTypography-root MuiTypography-body2 MuiTypography-colorTextPrimary\\">Get Cozy Drive for Desktop and synchronise your files safely to make them accessible at all times.</p>
-          </div>
-        </div>
-        <div class=\\"MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-align-items-xs-center MuiGrid-justify-content-xs-flex-end MuiGrid-grid-xs-12 MuiGrid-grid-lg-4\\">
-          <div class=\\"MuiGrid-root styles__c-banner-buttons___3sLgG MuiGrid-item\\"><button type=\\"submit\\" class=\\"styles__c-btn___3kXsk styles__c-btn--text___33vmu styles__c-btn--center___Nny0n\\"><span><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path fill-rule=\\"evenodd\\" d=\\"M7 9.586L5.707 8.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L9 9.586V2a1 1 0 10-2 0v7.586zM1 14h14a1 1 0 110 2H1a1 1 0 110-2z\\"></path></svg><span>Download</span></span></button><button type=\\"submit\\" class=\\"styles__c-btn___3kXsk styles__c-btn--text___33vmu styles__c-btn--center___Nny0n\\"><span><span>No, thanks!</span></span></button></div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <hr class=\\"MuiDivider-root\\">
-</div>"
-`;
-
-exports[`BarButton should render examples: BarButton 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__BarButton___3z5Er styles__BarButton--disabled___5e3Ll\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__BarButtonIcon___1pSOT styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-      <path d=\\"M3.414 7h11.58C15.548 7 16 7.444 16 8c0 .552-.45 1-1.007 1H3.414l5.293 5.293a1 1 0 01-1.414 1.414l-7-7a1 1 0 010-1.414l7-7a1 1 0 111.414 1.414L3.414 7z\\" fill-rule=\\"evenodd\\"></path>
-    </svg></div>
-</div>"
-`;
-
-exports[`BarButton should render examples: BarButton 2`] = `
-"<div data-testid=\\"mountNode\\"><a href=\\"http://cozy.io\\" class=\\"styles__BarButton___3z5Er\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__BarButtonIcon___1pSOT styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-      <path fill-rule=\\"evenodd\\" d=\\"M7 6.414L5.707 7.707a1 1 0 01-1.414-1.414l3-3a1 1 0 011.414 0l3 3a1 1 0 01-1.414 1.414L9 6.414V14a1 1 0 11-2 0V6.414zM1 2h14a1 1 0 100-2H1a1 1 0 100 2z\\"></path>
-    </svg></a></div>"
-`;
-
-exports[`BarButton should render examples: BarButton 3`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__BarButton___3z5Er\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__BarButtonIcon___1pSOT styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-      <path d=\\"M1 11.009V5.5c0-.55.39-.773.872-.498l5.256 3.003c.476.272.872.944.872 1.495v5.508c0 .549-.39.772-.872.497l-5.256-3.003C1.396 12.231 1 11.56 1 11.01zm15 0c0 .55-.396 1.222-.872 1.494l-5.256 3.003c-.481.275-.872.052-.872-.497V9.5c0-.55.396-1.223.872-1.495l5.256-3.003c.481-.275.872-.052.872.498v5.508zM9.35 6.982c-.47.288-1.237.284-1.7 0l-4.8-2.954c-.47-.29-.463-.732.027-.995L7.623.477c.485-.261 1.264-.264 1.754 0l4.746 2.556c.485.26.49.71.027.995l-4.8 2.954z\\"></path>
-    </svg></div>
-</div>"
-`;
-
-exports[`BarButton should render examples: BarButton 4`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__BarButton___3z5Er\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__BarButtonIcon___1pSOT styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-      <path d=\\"M14.25 7.078c.051.26.077.568.077.926 0 .358-.026.665-.078.925l1.62 1.333c.131.086.163.203.099.352-.325.95-.859 1.826-1.602 2.628-.104.124-.229.155-.37.094l-2.032-.668c-.52.396-1.08.705-1.68.926l-.409 2c-.026.146-.117.233-.273.258-.56.1-1.094.148-1.602.148a9.21 9.21 0 01-1.601-.148c-.157-.024-.248-.11-.274-.259l-.409-1.999a5.98 5.98 0 01-1.68-.926l-2.03.668c-.145.062-.268.03-.372-.094C.892 12.44.359 11.565.032 10.614c-.065-.148-.032-.266.098-.352L1.751 8.93a4.761 4.761 0 01-.078-.925c0-.358.026-.667.078-.926L.131 5.746C0 5.66-.034 5.542.031 5.394c.326-.95.86-1.826 1.602-2.627.104-.123.228-.154.371-.093l2.031.667a5.99 5.99 0 011.68-.926l.41-1.999c.025-.148.116-.234.273-.259a8.221 8.221 0 013.202 0c.156.024.247.111.273.26l.41 1.998c.6.223 1.159.53 1.68.926l2.03-.667c.143-.062.267-.03.371.093.742.802 1.276 1.678 1.602 2.627.064.148.032.266-.098.352l-1.62 1.332zM8 4.5a3.5 3.5 0 100 7 3.5 3.5 0 000-7z\\" fill-rule=\\"evenodd\\"></path>
-    </svg></div>
-</div>"
-`;
-
-exports[`Buttons should render examples: Buttons 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>default</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>disabled</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>busy</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Buttons should render examples: Buttons 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>small</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-containedSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-outlinedSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-outlinedSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>medium</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>large</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-containedSizeLarge MuiButton-sizeLarge MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-outlinedSizeLarge MuiButton-sizeLarge MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-outlinedSizeLarge MuiButton-sizeLarge MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeLarge MuiButton-sizeLarge MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Buttons should render examples: Buttons 3`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>startIcon</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>endIcon</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>label is only icon</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary u-miw-auto MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary u-ml-1 u-miw-auto MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary u-miw-auto MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary u-ml-1 u-miw-auto MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost u-miw-auto MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost u-ml-1 u-miw-auto MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary u-miw-auto MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary u-ml-1 u-miw-auto MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>round icon button</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary u-ml-1 u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary u-ml-1 u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost u-ml-1 u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary u-ml-1 u-miw-auto u-w-2 u-h-2 u-bdrs-circle MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label u-flex u-w-auto\\"><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\"><path d=\\"M.75 1.5A.75.75 0 011.5.75h9a.75.75 0 01.75.75v9a.75.75 0 01-.75.75h-9a.75.75 0 01-.75-.75v-9z\\"></path></svg></span></button></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Buttons should render examples: Buttons 4`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>startIcon - small</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-containedSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeSmall\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-outlinedSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeSmall\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-outlinedSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeSmall\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeSmall\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>startIcon - medium</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>startIcon - large</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-containedSizeLarge MuiButton-sizeLarge MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeLarge\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-outlinedSizeLarge MuiButton-sizeLarge MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeLarge\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-outlinedSizeLarge MuiButton-sizeLarge MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeLarge\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeLarge MuiButton-sizeLarge MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\"><span class=\\"MuiButton-startIcon MuiButton-iconSizeLarge\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span>text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>endIcon - small</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-containedSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeSmall\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-outlinedSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeSmall\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-outlinedSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeSmall\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeSmall MuiButton-sizeSmall MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeSmall\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>endIcon - medium</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-4\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>endIcon - large</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-containedSizeLarge MuiButton-sizeLarge MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeLarge\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-outlinedSizeLarge MuiButton-sizeLarge MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeLarge\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-outlinedSizeLarge MuiButton-sizeLarge MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeLarge\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-textSizeLarge MuiButton-sizeLarge MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeLarge\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></span></button></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Buttons should render examples: Buttons 5`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>default</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>inherit</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-colorInherit MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>primary</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>secondary</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textSecondary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>success</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-success MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-success MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-success ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-success MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>error</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-error MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-error MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-error ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-error MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>warning</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-warning MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-warning MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-warning ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-warning MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>info</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-info MuiButton-containedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-info MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-info ghost  MuiButton-outlinedPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-info MuiButton-textPrimary MuiButton-disableElevation\\" tabindex=\\"0\\" type=\\"button\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Buttons should render examples: Buttons 6`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>default</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>inherit</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-colorInherit MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>primary</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>secondary</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textSecondary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>success</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-success MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-success MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-success ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-success MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>error</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-error MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-error MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-error ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-error MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>warning</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-warning MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-warning MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-warning ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-warning MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>info</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-info MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-info MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-info ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost</span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-info MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text</span></button></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Buttons should render examples: Buttons 7`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>default</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>inherit</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-colorInherit MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>primary</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>secondary</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-primary MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-primary ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-primary MuiButton-textSecondary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>success</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-success MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-success MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-success ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-success MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>error</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-error MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-error MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-error ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-error MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>warning</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-warning MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-warning MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-warning ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-warning MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <div>info</div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-contained customColor-info MuiButton-containedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">primary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-info MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">secondary<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-outlined customColor-info ghost  MuiButton-outlinedPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">ghost<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-        <div><button class=\\"MuiButtonBase-root MuiButton-root MuiButton-text customColor-info MuiButton-textPrimary MuiButton-disableElevation Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" type=\\"button\\" disabled=\\"\\"><span class=\\"MuiButton-label\\">text<span class=\\"MuiButton-endIcon MuiButton-iconSizeMedium\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\" role=\\"progressbar\\" aria-busy=\\"true\\"><path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path><path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path></svg></span></span></button></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Card should render examples: Card 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__c-card___YgP7B\\">
-    <h6 class=\\"MuiTypography-root u-mb-1 MuiTypography-h6 MuiTypography-colorTextPrimary\\">This is a card</h6>
-    <p class=\\"MuiTypography-root u-mb-1 MuiTypography-body1 MuiTypography-colorTextPrimary\\">This is some card content. Content can be small or huge.</p><button type=\\"submit\\" class=\\"styles__c-btn___3kXsk styles__c-btn--center___Nny0n u-ml-0\\"><span><span>Demo button</span></span></button>
-  </div>
-</div>"
-`;
-
-exports[`Card should render examples: Card 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__c-card___YgP7B styles__c-card--inset___2pofc\\">
-    <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">This is some card content. Content can be small or huge. Also, it has margins.</p>
-  </div>
-</div>"
-`;
-
-exports[`Card should render examples: Card 3`] = `
-"<div data-testid=\\"mountNode\\"><a class=\\"styles__c-card___YgP7B\\" href=\\"https://cozy.io\\" target=\\"_blank\\">
-    <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary\\">Visit cozy.io</h6>
-    <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">To learn more about us</p>
-  </a></div>"
-`;
-
-exports[`Checkbox should render examples: Checkbox 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-3\\">
-      <div><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"Checkbox\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">Checkbox</span></label></div>
-      <div><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"Checked checkbox\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">Checked checkbox</span></label></div>
-      <div><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-indeterminate MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"true\\" aria-label=\\"Mixed checkbox\\" aria-checked=\\"mixed\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">Mixed checkbox</span></label></div>
-      <div><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-indeterminate PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"true\\" aria-label=\\"Mixed checked checkbox\\" aria-checked=\\"mixed\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">Mixed checked checkbox</span></label></div>
-    </div>
-    <div class=\\"MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-3\\">
-      <div><label class=\\"MuiFormControlLabel-root Mui-disabled\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-disabled-3 Mui-disabled MuiIconButton-colorPrimary Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" aria-disabled=\\"true\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" disabled=\\"\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"Disabled checkbox\\" aria-checked=\\"\\" aria-disabled=\\"true\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1\\">Disabled checkbox</span></label></div>
-      <div><label class=\\"MuiFormControlLabel-root Mui-disabled\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked PrivateSwitchBase-disabled-3 Mui-disabled MuiIconButton-colorPrimary Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" aria-disabled=\\"true\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" disabled=\\"\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"Disabled checked checkbox\\" aria-checked=\\"\\" aria-disabled=\\"true\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1\\">Disabled checked checkbox</span></label></div>
-      <div><label class=\\"MuiFormControlLabel-root Mui-disabled\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-indeterminate PrivateSwitchBase-disabled-3 Mui-disabled MuiIconButton-colorPrimary Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" aria-disabled=\\"true\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" disabled=\\"\\" type=\\"checkbox\\" data-indeterminate=\\"true\\" aria-label=\\"Disabled mixed checkbox\\" aria-checked=\\"mixed\\" aria-disabled=\\"true\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1\\">Disabled mixed checkbox</span></label></div>
-      <div><label class=\\"MuiFormControlLabel-root Mui-disabled\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiCheckbox-indeterminate PrivateSwitchBase-checked-2 Mui-checked PrivateSwitchBase-disabled-3 Mui-disabled MuiIconButton-colorPrimary Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" aria-disabled=\\"true\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" disabled=\\"\\" type=\\"checkbox\\" data-indeterminate=\\"true\\" aria-label=\\"Disabled mixed checked checkbox\\" aria-checked=\\"mixed\\" aria-disabled=\\"true\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1\\">Disabled mixed checked checkbox</span></label></div>
-    </div>
-    <div class=\\"MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-3\\">
-      <div><label class=\\"MuiFormControlLabel-root FormControlLabel-error\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorSecondary MuiIconButton-colorSecondary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"Error checkbox\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">Error checkbox</span></label></div>
-      <div><label class=\\"MuiFormControlLabel-root FormControlLabel-error\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorSecondary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"Error checked checkbox\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">Error checked checkbox</span></label></div>
-      <div><label class=\\"MuiFormControlLabel-root FormControlLabel-error\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorSecondary MuiCheckbox-indeterminate MuiIconButton-colorSecondary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"true\\" aria-label=\\"Error mixed checkbox\\" aria-checked=\\"mixed\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">Error mixed checkbox</span></label></div>
-      <div><label class=\\"MuiFormControlLabel-root FormControlLabel-error\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorSecondary MuiCheckbox-indeterminate PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorSecondary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"true\\" aria-label=\\"Error mixed checked checkbox\\" aria-checked=\\"mixed\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">Error mixed checked checkbox</span></label></div>
-    </div>
-    <div class=\\"MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6 MuiGrid-grid-sm-3\\">
-      <div><label class=\\"MuiFormControlLabel-root FormControlLabel-error Mui-disabled\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-disabled-3 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" aria-disabled=\\"true\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" disabled=\\"\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"Error disabled checkbox\\" aria-checked=\\"\\" aria-disabled=\\"true\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1\\">Error disabled checkbox</span></label></div>
-      <div><label class=\\"MuiFormControlLabel-root FormControlLabel-error Mui-disabled\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorSecondary PrivateSwitchBase-checked-2 Mui-checked PrivateSwitchBase-disabled-3 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" aria-disabled=\\"true\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" disabled=\\"\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"Error disabled checked checkbox\\" aria-checked=\\"\\" aria-disabled=\\"true\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1\\">Error disabled checked checkbox</span></label></div>
-      <div><label class=\\"MuiFormControlLabel-root FormControlLabel-error Mui-disabled\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorSecondary MuiCheckbox-indeterminate PrivateSwitchBase-disabled-3 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" aria-disabled=\\"true\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" disabled=\\"\\" type=\\"checkbox\\" data-indeterminate=\\"true\\" aria-label=\\"Error disabled mixed checkbox\\" aria-checked=\\"mixed\\" aria-disabled=\\"true\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1\\">Error disabled mixed checkbox</span></label></div>
-      <div><label class=\\"MuiFormControlLabel-root FormControlLabel-error Mui-disabled\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorSecondary MuiCheckbox-indeterminate PrivateSwitchBase-checked-2 Mui-checked PrivateSwitchBase-disabled-3 Mui-disabled MuiIconButton-colorSecondary Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" aria-disabled=\\"true\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" disabled=\\"\\" type=\\"checkbox\\" data-indeterminate=\\"true\\" aria-label=\\"Error disabled mixed checked checkbox\\" aria-checked=\\"mixed\\" aria-disabled=\\"true\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm-2 10H7v-2h10v2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1\\">Error disabled mixed checked checkbox</span></label></div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Checkbox should render examples: Checkbox 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <div><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"[object Object]\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">This is a <strong>complex</strong> text</span></label></div>
-</div>"
-`;
-
-exports[`Chips should render examples: Chips 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5>
-    <div class=\\"MuiFormGroup-root MuiFormGroup-row\\" role=\\"radiogroup\\" aria-label=\\"radio\\"><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" name=\\"variantRadioSelector\\" type=\\"radio\\" value=\\"default\\" checked=\\"\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 16A8 8 0 108 0a8 8 0 000 16zm0-6a2 2 0 100-4 2 2 0 000 4z\\" clip-rule=\\"evenodd\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">DEFAULT</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" name=\\"variantRadioSelector\\" type=\\"radio\\" value=\\"active\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zm0 14A6 6 0 108 2a6 6 0 000 12z\\" clip-rule=\\"evenodd\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">ACTIVE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" name=\\"variantRadioSelector\\" type=\\"radio\\" value=\\"ghost\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zm0 14A6 6 0 108 2a6 6 0 000 12z\\" clip-rule=\\"evenodd\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">GHOST</span></label></div>
-  </div>
-  <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">default</p>
-        <div>
-          <div class=\\"MuiChip-root customColor-primary MuiChip-outlined\\"><span class=\\"MuiChip-label\\">Simple chip</span></div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-primary MuiChip-outlined MuiChip-clickable\\" tabindex=\\"0\\" role=\\"button\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">Clickable chip</span></div>
-        </div>
-        <div>
-          <div class=\\"MuiChip-root customColor-primary MuiChip-outlined\\">
-            <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna MuiChip-avatar\\" style=\\"background-color: rgb(253, 116, 97); --circleSize: 16px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">AL</span></div><span class=\\"MuiChip-label\\">Avatar chip</span>
-          </div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-primary MuiChip-outlined MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\"><span class=\\"MuiChip-label\\">Deletable chip</span><svg class=\\"MuiSvgIcon-root MuiChip-deleteIcon\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\">
-              <path d=\\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\\"></path>
-            </svg></div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-primary MuiChip-outlined MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">Deletable chip with icon</span><svg class=\\"MuiSvgIcon-root MuiChip-deleteIcon\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\">
-              <path d=\\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\\"></path>
-            </svg></div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-primary MuiChip-outlined MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">1 invoice</span><svg viewBox=\\"0 0 16 16\\" class=\\"u-h-1 MuiChip-deleteIcon styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path d=\\"M9 0v2h3.5L6 8.5 7.5 10 14 3.5V7h2V1.003A.996.996 0 0014.997 0H9zM7 2V0H1.003A1 1 0 000 1v14c0 .552.445 1 1 1h14c.552 0 1-.438 1-1.003V9h-2v5H2V2h5z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root u-ml-1 customColor-primary MuiChip-outlined MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">Deletable chip with icon and class</span><svg class=\\"MuiSvgIcon-root MuiChip-deleteIcon\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\">
-              <path d=\\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\\"></path>
-            </svg></div>
-        </div>
-        <div>
-          <div class=\\"MuiChip-root noLabel customColor-primary MuiChip-outlined\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M12.707 7.293l-6-6a.999.999 0 10-1.414 1.414L10.586 8l-5.293 5.293a.999.999 0 101.414 1.414l6-6a.999.999 0 000-1.414\\"></path>
-            </svg><span class=\\"MuiChip-label\\"></span></div>
-        </div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">disabled</p>
-        <div>
-          <div class=\\"MuiChip-root customColor-primary MuiChip-outlined Mui-disabled\\" aria-disabled=\\"true\\"><span class=\\"MuiChip-label\\">Simple chip</span></div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-primary MuiChip-outlined Mui-disabled MuiChip-clickable\\" tabindex=\\"0\\" role=\\"button\\" aria-disabled=\\"true\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">Clickable chip</span></div>
-        </div>
-        <div>
-          <div class=\\"MuiChip-root customColor-primary MuiChip-outlined Mui-disabled\\" aria-disabled=\\"true\\">
-            <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna MuiChip-avatar\\" style=\\"background-color: rgb(253, 116, 97); --circleSize: 16px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">AL</span></div><span class=\\"MuiChip-label\\">Avatar chip</span>
-          </div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-primary MuiChip-outlined Mui-disabled MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\" aria-disabled=\\"true\\"><span class=\\"MuiChip-label\\">Deletable chip</span><svg class=\\"MuiSvgIcon-root MuiChip-deleteIcon\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\">
-              <path d=\\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\\"></path>
-            </svg></div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-primary MuiChip-outlined Mui-disabled MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\" aria-disabled=\\"true\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">Deletable chip with icon</span><svg class=\\"MuiSvgIcon-root MuiChip-deleteIcon\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\">
-              <path d=\\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\\"></path>
-            </svg></div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-primary MuiChip-outlined Mui-disabled MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\" aria-disabled=\\"true\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">1 invoice</span><svg viewBox=\\"0 0 16 16\\" class=\\"u-h-1 MuiChip-deleteIcon styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path d=\\"M9 0v2h3.5L6 8.5 7.5 10 14 3.5V7h2V1.003A.996.996 0 0014.997 0H9zM7 2V0H1.003A1 1 0 000 1v14c0 .552.445 1 1 1h14c.552 0 1-.438 1-1.003V9h-2v5H2V2h5z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root u-ml-1 customColor-primary MuiChip-outlined Mui-disabled MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\" aria-disabled=\\"true\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">Deletable chip with icon and class</span><svg class=\\"MuiSvgIcon-root MuiChip-deleteIcon\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\">
-              <path d=\\"M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z\\"></path>
-            </svg></div>
-        </div>
-        <div>
-          <div class=\\"MuiChip-root noLabel customColor-primary MuiChip-outlined Mui-disabled\\" aria-disabled=\\"true\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M12.707 7.293l-6-6a.999.999 0 10-1.414 1.414L10.586 8l-5.293 5.293a.999.999 0 101.414 1.414l6-6a.999.999 0 000-1.414\\"></path>
-            </svg><span class=\\"MuiChip-label\\"></span></div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Chips should render examples: Chips 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5>
-    <div class=\\"MuiFormGroup-root MuiFormGroup-row\\" role=\\"radiogroup\\" aria-label=\\"radio\\"><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" name=\\"variantRadioSelector\\" type=\\"radio\\" value=\\"default\\" checked=\\"\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 16A8 8 0 108 0a8 8 0 000 16zm0-6a2 2 0 100-4 2 2 0 000 4z\\" clip-rule=\\"evenodd\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">DEFAULT</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" name=\\"variantRadioSelector\\" type=\\"radio\\" value=\\"active\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zm0 14A6 6 0 108 2a6 6 0 000 12z\\" clip-rule=\\"evenodd\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">ACTIVE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" name=\\"variantRadioSelector\\" type=\\"radio\\" value=\\"ghost\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zm0 14A6 6 0 108 2a6 6 0 000 12z\\" clip-rule=\\"evenodd\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">GHOST</span></label></div>
-  </div>
-  <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">success</p>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-success MuiChip-outlined MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">1 invoice</span><svg viewBox=\\"0 0 16 16\\" class=\\"u-h-1 MuiChip-deleteIcon styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path d=\\"M9 0v2h3.5L6 8.5 7.5 10 14 3.5V7h2V1.003A.996.996 0 0014.997 0H9zM7 2V0H1.003A1 1 0 000 1v14c0 .552.445 1 1 1h14c.552 0 1-.438 1-1.003V9h-2v5H2V2h5z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-success MuiChip-outlined Mui-disabled MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\" aria-disabled=\\"true\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">1 invoice</span><svg viewBox=\\"0 0 16 16\\" class=\\"u-h-1 MuiChip-deleteIcon styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path d=\\"M9 0v2h3.5L6 8.5 7.5 10 14 3.5V7h2V1.003A.996.996 0 0014.997 0H9zM7 2V0H1.003A1 1 0 000 1v14c0 .552.445 1 1 1h14c.552 0 1-.438 1-1.003V9h-2v5H2V2h5z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">error</p>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-error MuiChip-outlined MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">1 invoice</span><svg viewBox=\\"0 0 16 16\\" class=\\"u-h-1 MuiChip-deleteIcon styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path d=\\"M9 0v2h3.5L6 8.5 7.5 10 14 3.5V7h2V1.003A.996.996 0 0014.997 0H9zM7 2V0H1.003A1 1 0 000 1v14c0 .552.445 1 1 1h14c.552 0 1-.438 1-1.003V9h-2v5H2V2h5z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-error MuiChip-outlined Mui-disabled MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\" aria-disabled=\\"true\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">1 invoice</span><svg viewBox=\\"0 0 16 16\\" class=\\"u-h-1 MuiChip-deleteIcon styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path d=\\"M9 0v2h3.5L6 8.5 7.5 10 14 3.5V7h2V1.003A.996.996 0 0014.997 0H9zM7 2V0H1.003A1 1 0 000 1v14c0 .552.445 1 1 1h14c.552 0 1-.438 1-1.003V9h-2v5H2V2h5z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">warning</p>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-warning MuiChip-outlined MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">1 invoice</span><svg viewBox=\\"0 0 16 16\\" class=\\"u-h-1 MuiChip-deleteIcon styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path d=\\"M9 0v2h3.5L6 8.5 7.5 10 14 3.5V7h2V1.003A.996.996 0 0014.997 0H9zM7 2V0H1.003A1 1 0 000 1v14c0 .552.445 1 1 1h14c.552 0 1-.438 1-1.003V9h-2v5H2V2h5z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-warning MuiChip-outlined Mui-disabled MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\" aria-disabled=\\"true\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">1 invoice</span><svg viewBox=\\"0 0 16 16\\" class=\\"u-h-1 MuiChip-deleteIcon styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path d=\\"M9 0v2h3.5L6 8.5 7.5 10 14 3.5V7h2V1.003A.996.996 0 0014.997 0H9zM7 2V0H1.003A1 1 0 000 1v14c0 .552.445 1 1 1h14c.552 0 1-.438 1-1.003V9h-2v5H2V2h5z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root u-mb-1 MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6 MuiGrid-grid-md-3\\">
-      <div class=\\"styles__Stack--s___22WMg\\">
-        <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">info</p>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-info MuiChip-outlined MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">1 invoice</span><svg viewBox=\\"0 0 16 16\\" class=\\"u-h-1 MuiChip-deleteIcon styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path d=\\"M9 0v2h3.5L6 8.5 7.5 10 14 3.5V7h2V1.003A.996.996 0 0014.997 0H9zM7 2V0H1.003A1 1 0 000 1v14c0 .552.445 1 1 1h14c.552 0 1-.438 1-1.003V9h-2v5H2V2h5z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-        <div>
-          <div class=\\"MuiButtonBase-root MuiChip-root customColor-info MuiChip-outlined Mui-disabled MuiChip-clickable MuiChip-deletable\\" tabindex=\\"0\\" role=\\"button\\" aria-disabled=\\"true\\"><svg viewBox=\\"0 0 16 16\\" class=\\"MuiChip-icon u-ml-half styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path fill-rule=\\"evenodd\\" d=\\"M13 5h-3V2H4c-.55 0-1 .45-1 1v10c0 .55.45 1 1 1h8c.55 0 1-.45 1-1V5zm2-.999v11.003a1 1 0 01-1.007.996H2.007A1.001 1.001 0 011 14.999V1.001A.999.999 0 011.998 0H11l4 4.001z\\"></path>
-            </svg><span class=\\"MuiChip-label\\">1 invoice</span><svg viewBox=\\"0 0 16 16\\" class=\\"u-h-1 MuiChip-deleteIcon styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-              <path d=\\"M9 0v2h3.5L6 8.5 7.5 10 14 3.5V7h2V1.003A.996.996 0 0014.997 0H9zM7 2V0H1.003A1 1 0 000 1v14c0 .552.445 1 1 1h14c.552 0 1-.438 1-1.003V9h-2v5H2V2h5z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`ContactsList should render examples: ContactsList 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"CozyTheme--light-normal u-dc\\">
-    <div style=\\"height: 500px; overflow-y: scroll;\\">
-      <div class=\\"styles__Table___39nEw\\">
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-27\\" gutters=\\"double\\">ME</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-30\\" data-testid=\\"contact-listItem\\" id=\\"013a6413-9726-4a4d-8b34-d3b9946a17c5\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(253, 116, 97); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">A</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">alexis.bickers@logico.club&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">alexis.bickers@logico.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)7 58 16 92 55</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-32\\" gutters=\\"double\\">EMPTY</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-33\\" data-testid=\\"contact-listItem\\" id=\\"013a6414-9727-4a4e-8b35-d3b9946a17c6\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(64, 222, 142); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">I</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">isabelle.durand@cozycloud.cc&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">isabelle.durand@cozycloud.cc</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">—</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-35\\" gutters=\\"double\\">B</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-36 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"799b0f99-3ad7-4f07-a689-9765b4e239c9\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 109, 0); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">B</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Baramax&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">tyler.rhymer@baramax.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)2 38 88 00 99</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-38 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"857a0db5-84ff-4efe-a16e-9fa6b6a843eb\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">JB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Jenette&nbsp;</span><span class=\\"u-fw-bold\\">Bourne&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">jenette.bourne@dynaair.mobi</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (0)8 05 76 45 70</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-40 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"3043b044-072b-464f-b301-46df3ae99aee\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Raylene&nbsp;</span><span class=\\"u-fw-bold\\">Bourne&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">raylene.bourne@tecomix.name</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)5 71 20 15 93</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-42 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"a9d28cf8-43a6-4fff-81a1-4a09048edf71\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rico&nbsp;</span><span class=\\"u-fw-bold\\">Bourne&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rico.bourne@citisys.org</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (1)4 84 34 52 44</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-44 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"d0c565de-f440-4d2f-83db-0e3d75f49d23\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rosanne&nbsp;</span><span class=\\"u-fw-bold\\">Bourne&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rosanne.bourne@creatonix.xyz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (1)3 93 75 09 69</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-46 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"1be291a9-0836-4c94-876b-5269fa901ed4\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(194, 173, 244); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">KB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Katelin&nbsp;</span><span class=\\"u-fw-bold\\">Bourquin&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">katelin.bourquin@unilogic.biz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)3 52 45 98 35</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-48 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"0ffe83ef-10cf-4be6-bf6c-a189f907e65a\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 127, 27); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">SB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Shea&nbsp;</span><span class=\\"u-fw-bold\\">Brier&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">shea.brier@logico.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (0)8 43 39 94 21</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-50\\" data-testid=\\"contact-listItem\\" id=\\"24e83428-df51-46fd-97ed-1f7d94064548\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(245, 45, 45); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">AB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Aiden&nbsp;</span><span class=\\"u-fw-bold\\">Bryd&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">aiden.bryd@citisys.info</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (1)4 80 11 59 28</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-52\\" gutters=\\"double\\">C</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-53 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"507fcc3d-1423-46da-b5f9-8fbcfd3f3fe4\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 76, 131); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">LC</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Lorelei&nbsp;</span><span class=\\"u-fw-bold\\">Cadena&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">lorelei.cadena@dalserve.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)4 72 27 49 64</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-55 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"7cb3822f-3a2b-4978-9791-a1e19e792828\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 127, 27); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RC</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Raisa&nbsp;</span><span class=\\"u-fw-bold\\">Cappel&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">raisa.cappel@zatheon.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)3 69 80 63 05</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-57 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"9b05f823-53fd-48b7-ba50-e2abf7aa20bc\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 127, 27); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RC</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rosanne&nbsp;</span><span class=\\"u-fw-bold\\">Chapman&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rosanne.chapman@peersys.gov</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)1 50 82 04 53</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-59\\" data-testid=\\"contact-listItem\\" id=\\"fc1f5295-a7e9-431c-a3cb-70259edd81e0\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(245, 45, 45); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">C</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">CoreMax&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">grace.muldoon@coremax.xyz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)1 17 99 91 53</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-61\\" gutters=\\"double\\">F</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-62 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"7acdab81-52cb-46f6-9e81-42032e9843ae\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">FF</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Francis&nbsp;</span><span class=\\"u-fw-bold\\">Flinn&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">francis.flinn@fortyfour.xyz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)1 24 07 51 43</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-64\\" data-testid=\\"contact-listItem\\" id=\\"6f767688-7118-4837-818f-610d0565ce83\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">VF</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Vaughn&nbsp;</span><span class=\\"u-fw-bold\\">Friedrich&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">vaughn.friedrich@seelogic.co</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (1)8 68 41 49 83</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-66\\" gutters=\\"double\\">G</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-67\\" data-testid=\\"contact-listItem\\" id=\\"8ba82505-25c3-4821-88df-2e11becc21e8\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 109, 0); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">KG</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Kurt&nbsp;</span><span class=\\"u-fw-bold\\">Goudy&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">kurt.goudy@amsquare.edu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)3 54 74 20 62</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-69\\" gutters=\\"double\\">H</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-70 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"307c4e16-70b8-4328-af1c-1d762f788e16\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 127, 27); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MH</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Max&nbsp;</span><span class=\\"u-fw-bold\\">Higgins&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">max.higgins@maxcast.com</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)5 39 48 09 09</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-72 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"155e4c33-f6ad-45ee-816d-5eb0874225f2\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(180, 73, 231); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">H</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Hivemind&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">neida.backer@hivemind.biz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (1)6 74 60 61 23</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-74 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"f330db30-2c2b-4621-b40f-25bb737e2eba\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">LH</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Lyn&nbsp;</span><span class=\\"u-fw-bold\\">Hollis&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">lyn.hollis@citisys.biz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)8 32 79 16 61</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-76\\" data-testid=\\"contact-listItem\\" id=\\"42a330ca-a30c-489f-8939-4c1b137f84e9\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(194, 173, 244); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">EH</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Eleanore&nbsp;</span><span class=\\"u-fw-bold\\">Hottle&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">eleanore.hottle@tomiatech.edu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)6 44 88 19 04</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-78\\" gutters=\\"double\\">J</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-79\\" data-testid=\\"contact-listItem\\" id=\\"3e540ae7-4605-4f05-82c9-8cb901a0c34d\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MJ</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Michelle&nbsp;</span><span class=\\"u-fw-bold\\">Jensen&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">michelle.jensen@pancast.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)4 55 02 64 05</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-81\\" gutters=\\"double\\">K</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-82 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"366f3eec-aaa0-4c82-9f27-80ad305ecec8\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">AK</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Andy&nbsp;</span><span class=\\"u-fw-bold\\">Keesee&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">andy.keesee@fortyfour.mobi</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (0)5 64 21 84 37</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-84 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"6e109549-bbb7-4b23-a95e-794407001cd1\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(31, 168, 241); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">EK</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Edward&nbsp;</span><span class=\\"u-fw-bold\\">Kelsey&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">edward.kelsey@hivemind.co</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)6 35 56 75 23</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-86\\" data-testid=\\"contact-listItem\\" id=\\"289a814a-0d7d-4c6d-aa6c-be8bd28456dd\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(180, 73, 231); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MK</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Maisha&nbsp;</span><span class=\\"u-fw-bold\\">Kilmer&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">maisha.kilmer@nitrosystems.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (0)5 89 50 15 43</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-88\\" gutters=\\"double\\">L</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-89 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"3fe82c80-9da3-4a42-bab5-8274df1316e6\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 76, 131); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CL</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Chloe&nbsp;</span><span class=\\"u-fw-bold\\">Leath&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">chloe.leath@iridimax.org</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)7 91 15 42 39</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-91 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"07719549-2087-412e-8da2-e5c0b55fe7b8\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 198, 68); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RL</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rosanne&nbsp;</span><span class=\\"u-fw-bold\\">Leath&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rosanne.leath@conixco.name</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)4 11 94 93 17</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-93 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"083bf60c-287b-45e9-b3d6-0e64ee2eee2d\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 198, 68); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RL</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rosanne&nbsp;</span><span class=\\"u-fw-bold\\">Lenihan&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rosanne.lenihan@corerobotics.info</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)3 86 10 59 74</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-95\\" data-testid=\\"contact-listItem\\" id=\\"0409957b-36c1-4a66-b4f7-316e1a06e8b8\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(194, 173, 244); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">AL</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Alexa&nbsp;</span><span class=\\"u-fw-bold\\">Luck&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">alexa.luck@grafixmedia.name</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)1 80 76 59 62</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-97\\" gutters=\\"double\\">M</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-98 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"d50b7eea-6e71-4348-ad75-fc791d7a82d4\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 76, 131); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RM</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rico&nbsp;</span><span class=\\"u-fw-bold\\">Magby&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rico.magby@freecast.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)4 20 14 07 04</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-100 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"398e8336-de18-43c8-8b5a-86ab72005c41\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(180, 73, 231); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">KM</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Kirstie&nbsp;</span><span class=\\"u-fw-bold\\">Mercer&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">kirstie.mercer@tomiatech.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)8 99 21 10 92</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-102 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"f87951a3-f887-498c-b683-efbf59221da0\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(13, 203, 207); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MM</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Marcus&nbsp;</span><span class=\\"u-fw-bold\\">Milligan&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">marcus.milligan@fortyfour.me</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)8 38 98 96 07</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-104 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"9393e04d-90eb-4f47-b0d1-7cfd88ca9a3f\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(13, 203, 207); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MM</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Madeleine&nbsp;</span><span class=\\"u-fw-bold\\">Milling&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">madeleine.milling@acousticom.gov</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)0 61 39 16 43</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-106 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"a68a9b3c-f3f7-4f94-b3f2-f2d0363895a5\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(105, 132, 206); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">IM</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Isabelle&nbsp;</span><span class=\\"u-fw-bold\\">Muldoon&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">isabelle.muldoon@fastmart.co</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)6 38 04 02 44</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-108\\" data-testid=\\"contact-listItem\\" id=\\"309067e3-81a5-45a4-8125-179185dc37da\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 76, 131); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RM</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Raymond&nbsp;</span><span class=\\"u-fw-bold\\">Muldoon&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">raymond.muldoon@thermolock.info</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (7)2 68 87 05 72</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-110\\" gutters=\\"double\\">N</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-111\\" data-testid=\\"contact-listItem\\" id=\\"627ba975-1314-4813-8366-cea7ac4734bf\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(180, 73, 231); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">JN</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Jetta&nbsp;</span><span class=\\"u-fw-bold\\">Neal&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">jetta.neal@multiserv.net</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)1 88 04 40 79</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-113\\" gutters=\\"double\\">O</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-114\\" data-testid=\\"contact-listItem\\" id=\\"3f6007f9-9284-4bfd-9350-1cbf294bd39b\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(64, 222, 142); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">JO</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Jay&nbsp;</span><span class=\\"u-fw-bold\\">Okainmayle&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">—</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)0 31 26 10 64</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-116\\" gutters=\\"double\\">P</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-117 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"53c75e29-5c9b-4c4f-b802-e4a152551b23\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(13, 203, 207); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">JP</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Jay&nbsp;</span><span class=\\"u-fw-bold\\">Padeutell&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">jay.padeutell@noemail.net</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">—</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-119 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"4bb1f622-5383-449e-a2d2-fc9e14006903\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">TP</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Travis&nbsp;</span><span class=\\"u-fw-bold\\">Paquette&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">travis.paquette@zatheon.co</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)7 21 10 25 88</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-121 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"a83989ca-041d-4615-87e0-7d41f86acc5d\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(13, 203, 207); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">JP</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Jamie&nbsp;</span><span class=\\"u-fw-bold\\">Paschall&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">jamie.paschall@acousticom.me</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)9 34 94 87 29</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-123\\" data-testid=\\"contact-listItem\\" id=\\"706364ef-f84c-4d84-896a-f96c1c6a554c\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 109, 0); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RP</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Raylene&nbsp;</span><span class=\\"u-fw-bold\\">Pullman&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">raylene.pullman@viewtopia.me</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (0)7 90 41 79 27</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-125\\" gutters=\\"double\\">R</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-126 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"c55c831a-9869-4e14-b3aa-d004bced41b0\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(31, 168, 241); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">NR</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Neida&nbsp;</span><span class=\\"u-fw-bold\\">Remus&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">neida.remus@dynalab.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (5)6 42 50 42 12</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-128\\" data-testid=\\"contact-listItem\\" id=\\"44bae7a3-04ed-4cc3-80f8-e15fc9b2399d\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(194, 173, 244); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">KR</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Kurt&nbsp;</span><span class=\\"u-fw-bold\\">Rohloff&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">kurt.rohloff@corexts.org</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)8 32 78 45 41</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-130\\" gutters=\\"double\\">S</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-131 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"814f6f67-bcc0-498f-bb91-cab5ed315a12\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(53, 206, 104); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">HS</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Hannah&nbsp;</span><span class=\\"u-fw-bold\\">Sager&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">hannah.sager@haltheon.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (0)0 16 15 45 65</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-133 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"823d1ca9-4b10-456f-a603-231e3de5a774\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">AS</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Aiden&nbsp;</span><span class=\\"u-fw-bold\\">Smit&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">aiden.smit@tomiatech.co</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)9 42 00 67 88</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-135 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"5c21e9fa-18a5-4999-b704-59b902db8542\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">TS</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Travis&nbsp;</span><span class=\\"u-fw-bold\\">Sprowl&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">travis.sprowl@vtgrafix.name</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)9 22 15 20 68</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-137 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"29fdda84-d786-4890-9fd6-842fed02d193\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">DS</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Danny&nbsp;</span><span class=\\"u-fw-bold\\">Stine&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">danny.stine@celmax.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)8 94 64 96 17</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-139 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"328b1bb6-8234-4efd-b18f-1aafd58dc83e\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 127, 27); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RS</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rosanne&nbsp;</span><span class=\\"u-fw-bold\\">Stine&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rosanne.stine@infracom.edu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)0 11 98 31 70</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-141\\" data-testid=\\"contact-listItem\\" id=\\"2a75a0e5-cc4b-4fdc-be4d-2ac24a802368\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(245, 45, 45); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">S</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">StrategyLine&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">ivan.bryd@strategyline.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)8 15 32 28 30</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-143\\" gutters=\\"double\\">T</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-144 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"0ea42f4a-28f1-432e-934a-68f9c50fe38e\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">HT</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Haydee&nbsp;</span><span class=\\"u-fw-bold\\">Tindel&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">haydee.tindel@galcom.com</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)7 11 08 64 48</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-146 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"a749ffad-068e-4772-9060-4cb9bd7e8039\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(53, 206, 104); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">WT</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Warren&nbsp;</span><span class=\\"u-fw-bold\\">Tindel&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">warren.tindel@fortyfour.info</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)7 00 31 47 81</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-148 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"1816abd3-d371-482c-ae9d-33385fb8780d\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">T</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Tomiatech&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">edward.carter@tomiatech.com</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)8 48 86 77 17</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-150\\" data-testid=\\"contact-listItem\\" id=\\"b21e4b4b-1df9-4992-b39b-cf844df864d5\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">T</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">TrioSys&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rico.murphy@triosys.info</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)3 45 36 56 40</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-152\\" gutters=\\"double\\">V</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-153 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"23d3d724-d869-4def-841f-c85b499aa6a6\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(64, 222, 142); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CV</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Cory&nbsp;</span><span class=\\"u-fw-bold\\">Verde&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">cory.verde@peersys.xyz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)3 15 97 52 48</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-155 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"8cbefa6a-41c9-4065-ad33-87618dfee702\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(245, 45, 45); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MV</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Madeleine&nbsp;</span><span class=\\"u-fw-bold\\">Verde&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">madeleine.verde@tomiatech.me</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)0 94 18 19 04</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-157\\" data-testid=\\"contact-listItem\\" id=\\"7a8b0143-ed8a-4e28-85ec-37c16d1904b6\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(105, 132, 206); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">V</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">VTGrafix&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">vernon.leath@vtgrafix.co</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)7 92 54 15 17</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-159\\" gutters=\\"double\\">W</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-160 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"b6f5fc43-4199-4cca-8372-d1fe4e75a168\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 198, 68); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">GW</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Gavin&nbsp;</span><span class=\\"u-fw-bold\\">Wallis&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">gavin.wallis@infratouch.biz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)4 15 56 27 30</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-162 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"e93c6abd-4819-4873-b7fb-ea46e02816a2\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(64, 222, 142); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RW</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Raylene&nbsp;</span><span class=\\"u-fw-bold\\">Wallis&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">raylene.wallis@corerobotics.name</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)2 20 49 87 28</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-164 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"d2bda580-4df6-473e-89db-2af41364c44e\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">W</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Westercom&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">anton.brandt@westercom.me</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)6 47 62 10 86</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-166 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"63d70d1a-838b-4eb4-b9ca-c3ea15937d51\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">W</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">WestGate&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">selma.keesee@westgate.net</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (7)6 39 42 48 60</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-168 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"6ed104be-083e-4991-bacb-78e18f815210\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MW</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Madelyn&nbsp;</span><span class=\\"u-fw-bold\\">Woodrum&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">madelyn.woodrum@airconix.xyz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)4 54 36 85 66</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-170\\" data-testid=\\"contact-listItem\\" id=\\"0c647009-9785-4d09-b18a-0f22d3bff233\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MW</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Mitch&nbsp;</span><span class=\\"u-fw-bold\\">Woodrum&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">mitch.woodrum@opticast.org</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)7 70 95 95 36</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-172\\" gutters=\\"double\\">X</li>
-          <li class=\\"MuiListItem-root medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-173\\" data-testid=\\"contact-listItem\\" id=\\"71967809-8e54-4413-aa8e-35b2b945e816\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(180, 73, 231); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">X</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Xenosys&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">cecilia.latshaw@xenosys.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)2 00 61 89 63</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`ContactsList should render examples: ContactsList 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"CozyTheme--light-normal u-dc\\">
-    <p>No contact clicked</p>
-    <div style=\\"height: 500px; overflow-y: scroll;\\">
-      <div class=\\"styles__Table___39nEw\\">
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-175\\" gutters=\\"double\\">ME</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-176\\" data-testid=\\"contact-listItem\\" id=\\"013a6413-9726-4a4d-8b34-d3b9946a17c5\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(253, 116, 97); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">A</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">alexis.bickers@logico.club&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">alexis.bickers@logico.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)7 58 16 92 55</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-178\\" gutters=\\"double\\">EMPTY</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-179\\" data-testid=\\"contact-listItem\\" id=\\"013a6414-9727-4a4e-8b35-d3b9946a17c6\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(64, 222, 142); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">I</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">isabelle.durand@cozycloud.cc&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">isabelle.durand@cozycloud.cc</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">—</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-181\\" gutters=\\"double\\">B</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-182 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"799b0f99-3ad7-4f07-a689-9765b4e239c9\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 109, 0); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">B</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Baramax&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">tyler.rhymer@baramax.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)2 38 88 00 99</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-184 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"857a0db5-84ff-4efe-a16e-9fa6b6a843eb\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">JB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Jenette&nbsp;</span><span class=\\"u-fw-bold\\">Bourne&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">jenette.bourne@dynaair.mobi</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (0)8 05 76 45 70</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-186 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"3043b044-072b-464f-b301-46df3ae99aee\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Raylene&nbsp;</span><span class=\\"u-fw-bold\\">Bourne&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">raylene.bourne@tecomix.name</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)5 71 20 15 93</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-188 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"a9d28cf8-43a6-4fff-81a1-4a09048edf71\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rico&nbsp;</span><span class=\\"u-fw-bold\\">Bourne&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rico.bourne@citisys.org</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (1)4 84 34 52 44</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-190 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"d0c565de-f440-4d2f-83db-0e3d75f49d23\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rosanne&nbsp;</span><span class=\\"u-fw-bold\\">Bourne&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rosanne.bourne@creatonix.xyz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (1)3 93 75 09 69</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-192 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"1be291a9-0836-4c94-876b-5269fa901ed4\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(194, 173, 244); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">KB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Katelin&nbsp;</span><span class=\\"u-fw-bold\\">Bourquin&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">katelin.bourquin@unilogic.biz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)3 52 45 98 35</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-194 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"0ffe83ef-10cf-4be6-bf6c-a189f907e65a\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 127, 27); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">SB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Shea&nbsp;</span><span class=\\"u-fw-bold\\">Brier&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">shea.brier@logico.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (0)8 43 39 94 21</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-196\\" data-testid=\\"contact-listItem\\" id=\\"24e83428-df51-46fd-97ed-1f7d94064548\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(245, 45, 45); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">AB</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Aiden&nbsp;</span><span class=\\"u-fw-bold\\">Bryd&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">aiden.bryd@citisys.info</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (1)4 80 11 59 28</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-198\\" gutters=\\"double\\">C</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-199 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"507fcc3d-1423-46da-b5f9-8fbcfd3f3fe4\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 76, 131); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">LC</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Lorelei&nbsp;</span><span class=\\"u-fw-bold\\">Cadena&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">lorelei.cadena@dalserve.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)4 72 27 49 64</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-201 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"7cb3822f-3a2b-4978-9791-a1e19e792828\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 127, 27); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RC</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Raisa&nbsp;</span><span class=\\"u-fw-bold\\">Cappel&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">raisa.cappel@zatheon.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)3 69 80 63 05</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-203 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"9b05f823-53fd-48b7-ba50-e2abf7aa20bc\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 127, 27); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RC</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rosanne&nbsp;</span><span class=\\"u-fw-bold\\">Chapman&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rosanne.chapman@peersys.gov</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)1 50 82 04 53</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-205\\" data-testid=\\"contact-listItem\\" id=\\"fc1f5295-a7e9-431c-a3cb-70259edd81e0\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(245, 45, 45); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">C</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">CoreMax&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">grace.muldoon@coremax.xyz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)1 17 99 91 53</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-207\\" gutters=\\"double\\">F</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-208 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"7acdab81-52cb-46f6-9e81-42032e9843ae\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">FF</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Francis&nbsp;</span><span class=\\"u-fw-bold\\">Flinn&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">francis.flinn@fortyfour.xyz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)1 24 07 51 43</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-210\\" data-testid=\\"contact-listItem\\" id=\\"6f767688-7118-4837-818f-610d0565ce83\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">VF</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Vaughn&nbsp;</span><span class=\\"u-fw-bold\\">Friedrich&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">vaughn.friedrich@seelogic.co</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (1)8 68 41 49 83</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-212\\" gutters=\\"double\\">G</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-213\\" data-testid=\\"contact-listItem\\" id=\\"8ba82505-25c3-4821-88df-2e11becc21e8\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 109, 0); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">KG</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Kurt&nbsp;</span><span class=\\"u-fw-bold\\">Goudy&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">kurt.goudy@amsquare.edu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)3 54 74 20 62</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-215\\" gutters=\\"double\\">H</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-216 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"307c4e16-70b8-4328-af1c-1d762f788e16\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 127, 27); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MH</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Max&nbsp;</span><span class=\\"u-fw-bold\\">Higgins&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">max.higgins@maxcast.com</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)5 39 48 09 09</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-218 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"155e4c33-f6ad-45ee-816d-5eb0874225f2\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(180, 73, 231); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">H</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Hivemind&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">neida.backer@hivemind.biz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (1)6 74 60 61 23</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-220 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"f330db30-2c2b-4621-b40f-25bb737e2eba\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">LH</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Lyn&nbsp;</span><span class=\\"u-fw-bold\\">Hollis&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">lyn.hollis@citisys.biz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)8 32 79 16 61</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-222\\" data-testid=\\"contact-listItem\\" id=\\"42a330ca-a30c-489f-8939-4c1b137f84e9\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(194, 173, 244); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">EH</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Eleanore&nbsp;</span><span class=\\"u-fw-bold\\">Hottle&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">eleanore.hottle@tomiatech.edu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)6 44 88 19 04</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-224\\" gutters=\\"double\\">J</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-225\\" data-testid=\\"contact-listItem\\" id=\\"3e540ae7-4605-4f05-82c9-8cb901a0c34d\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MJ</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Michelle&nbsp;</span><span class=\\"u-fw-bold\\">Jensen&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">michelle.jensen@pancast.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)4 55 02 64 05</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-227\\" gutters=\\"double\\">K</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-228 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"366f3eec-aaa0-4c82-9f27-80ad305ecec8\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">AK</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Andy&nbsp;</span><span class=\\"u-fw-bold\\">Keesee&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">andy.keesee@fortyfour.mobi</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (0)5 64 21 84 37</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-230 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"6e109549-bbb7-4b23-a95e-794407001cd1\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(31, 168, 241); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">EK</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Edward&nbsp;</span><span class=\\"u-fw-bold\\">Kelsey&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">edward.kelsey@hivemind.co</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)6 35 56 75 23</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-232\\" data-testid=\\"contact-listItem\\" id=\\"289a814a-0d7d-4c6d-aa6c-be8bd28456dd\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(180, 73, 231); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MK</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Maisha&nbsp;</span><span class=\\"u-fw-bold\\">Kilmer&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">maisha.kilmer@nitrosystems.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (0)5 89 50 15 43</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-234\\" gutters=\\"double\\">L</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-235 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"3fe82c80-9da3-4a42-bab5-8274df1316e6\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 76, 131); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CL</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Chloe&nbsp;</span><span class=\\"u-fw-bold\\">Leath&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">chloe.leath@iridimax.org</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)7 91 15 42 39</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-237 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"07719549-2087-412e-8da2-e5c0b55fe7b8\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 198, 68); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RL</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rosanne&nbsp;</span><span class=\\"u-fw-bold\\">Leath&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rosanne.leath@conixco.name</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)4 11 94 93 17</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-239 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"083bf60c-287b-45e9-b3d6-0e64ee2eee2d\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 198, 68); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RL</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rosanne&nbsp;</span><span class=\\"u-fw-bold\\">Lenihan&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rosanne.lenihan@corerobotics.info</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)3 86 10 59 74</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-241\\" data-testid=\\"contact-listItem\\" id=\\"0409957b-36c1-4a66-b4f7-316e1a06e8b8\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(194, 173, 244); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">AL</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Alexa&nbsp;</span><span class=\\"u-fw-bold\\">Luck&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">alexa.luck@grafixmedia.name</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)1 80 76 59 62</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-243\\" gutters=\\"double\\">M</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-244 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"d50b7eea-6e71-4348-ad75-fc791d7a82d4\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 76, 131); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RM</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rico&nbsp;</span><span class=\\"u-fw-bold\\">Magby&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rico.magby@freecast.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)4 20 14 07 04</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-246 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"398e8336-de18-43c8-8b5a-86ab72005c41\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(180, 73, 231); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">KM</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Kirstie&nbsp;</span><span class=\\"u-fw-bold\\">Mercer&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">kirstie.mercer@tomiatech.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)8 99 21 10 92</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-248 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"f87951a3-f887-498c-b683-efbf59221da0\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(13, 203, 207); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MM</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Marcus&nbsp;</span><span class=\\"u-fw-bold\\">Milligan&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">marcus.milligan@fortyfour.me</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)8 38 98 96 07</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-250 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"9393e04d-90eb-4f47-b0d1-7cfd88ca9a3f\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(13, 203, 207); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MM</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Madeleine&nbsp;</span><span class=\\"u-fw-bold\\">Milling&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">madeleine.milling@acousticom.gov</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)0 61 39 16 43</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-252 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"a68a9b3c-f3f7-4f94-b3f2-f2d0363895a5\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(105, 132, 206); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">IM</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Isabelle&nbsp;</span><span class=\\"u-fw-bold\\">Muldoon&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">isabelle.muldoon@fastmart.co</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)6 38 04 02 44</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-254\\" data-testid=\\"contact-listItem\\" id=\\"309067e3-81a5-45a4-8125-179185dc37da\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 76, 131); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RM</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Raymond&nbsp;</span><span class=\\"u-fw-bold\\">Muldoon&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">raymond.muldoon@thermolock.info</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (7)2 68 87 05 72</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-256\\" gutters=\\"double\\">N</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-257\\" data-testid=\\"contact-listItem\\" id=\\"627ba975-1314-4813-8366-cea7ac4734bf\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(180, 73, 231); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">JN</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Jetta&nbsp;</span><span class=\\"u-fw-bold\\">Neal&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">jetta.neal@multiserv.net</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)1 88 04 40 79</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-259\\" gutters=\\"double\\">O</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-260\\" data-testid=\\"contact-listItem\\" id=\\"3f6007f9-9284-4bfd-9350-1cbf294bd39b\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(64, 222, 142); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">JO</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Jay&nbsp;</span><span class=\\"u-fw-bold\\">Okainmayle&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">—</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)0 31 26 10 64</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-262\\" gutters=\\"double\\">P</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-263 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"53c75e29-5c9b-4c4f-b802-e4a152551b23\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(13, 203, 207); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">JP</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Jay&nbsp;</span><span class=\\"u-fw-bold\\">Padeutell&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">jay.padeutell@noemail.net</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">—</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-265 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"4bb1f622-5383-449e-a2d2-fc9e14006903\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">TP</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Travis&nbsp;</span><span class=\\"u-fw-bold\\">Paquette&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">travis.paquette@zatheon.co</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)7 21 10 25 88</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-267 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"a83989ca-041d-4615-87e0-7d41f86acc5d\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(13, 203, 207); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">JP</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Jamie&nbsp;</span><span class=\\"u-fw-bold\\">Paschall&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">jamie.paschall@acousticom.me</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)9 34 94 87 29</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-269\\" data-testid=\\"contact-listItem\\" id=\\"706364ef-f84c-4d84-896a-f96c1c6a554c\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(252, 109, 0); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RP</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Raylene&nbsp;</span><span class=\\"u-fw-bold\\">Pullman&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">raylene.pullman@viewtopia.me</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (0)7 90 41 79 27</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-271\\" gutters=\\"double\\">R</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-272 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"c55c831a-9869-4e14-b3aa-d004bced41b0\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(31, 168, 241); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">NR</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Neida&nbsp;</span><span class=\\"u-fw-bold\\">Remus&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">neida.remus@dynalab.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (5)6 42 50 42 12</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-274\\" data-testid=\\"contact-listItem\\" id=\\"44bae7a3-04ed-4cc3-80f8-e15fc9b2399d\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(194, 173, 244); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">KR</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Kurt&nbsp;</span><span class=\\"u-fw-bold\\">Rohloff&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">kurt.rohloff@corexts.org</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)8 32 78 45 41</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-276\\" gutters=\\"double\\">S</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-277 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"814f6f67-bcc0-498f-bb91-cab5ed315a12\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(53, 206, 104); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">HS</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Hannah&nbsp;</span><span class=\\"u-fw-bold\\">Sager&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">hannah.sager@haltheon.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (0)0 16 15 45 65</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-279 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"823d1ca9-4b10-456f-a603-231e3de5a774\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">AS</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Aiden&nbsp;</span><span class=\\"u-fw-bold\\">Smit&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">aiden.smit@tomiatech.co</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)9 42 00 67 88</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-281 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"5c21e9fa-18a5-4999-b704-59b902db8542\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">TS</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Travis&nbsp;</span><span class=\\"u-fw-bold\\">Sprowl&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">travis.sprowl@vtgrafix.name</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)9 22 15 20 68</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-283 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"29fdda84-d786-4890-9fd6-842fed02d193\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">DS</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Danny&nbsp;</span><span class=\\"u-fw-bold\\">Stine&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">danny.stine@celmax.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)8 94 64 96 17</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-285 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"328b1bb6-8234-4efd-b18f-1aafd58dc83e\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 127, 27); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RS</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Rosanne&nbsp;</span><span class=\\"u-fw-bold\\">Stine&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rosanne.stine@infracom.edu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)0 11 98 31 70</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-287\\" data-testid=\\"contact-listItem\\" id=\\"2a75a0e5-cc4b-4fdc-be4d-2ac24a802368\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(245, 45, 45); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">S</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">StrategyLine&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">ivan.bryd@strategyline.eu</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)8 15 32 28 30</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-289\\" gutters=\\"double\\">T</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-290 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"0ea42f4a-28f1-432e-934a-68f9c50fe38e\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(61, 166, 126); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">HT</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Haydee&nbsp;</span><span class=\\"u-fw-bold\\">Tindel&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">haydee.tindel@galcom.com</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)7 11 08 64 48</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-292 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"a749ffad-068e-4772-9060-4cb9bd7e8039\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(53, 206, 104); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">WT</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Warren&nbsp;</span><span class=\\"u-fw-bold\\">Tindel&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">warren.tindel@fortyfour.info</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)7 00 31 47 81</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-294 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"1816abd3-d371-482c-ae9d-33385fb8780d\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">T</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Tomiatech&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">edward.carter@tomiatech.com</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)8 48 86 77 17</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-296\\" data-testid=\\"contact-listItem\\" id=\\"b21e4b4b-1df9-4992-b39b-cf844df864d5\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">T</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">TrioSys&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">rico.murphy@triosys.info</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)3 45 36 56 40</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-298\\" gutters=\\"double\\">V</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-299 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"23d3d724-d869-4def-841f-c85b499aa6a6\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(64, 222, 142); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">CV</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Cory&nbsp;</span><span class=\\"u-fw-bold\\">Verde&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">cory.verde@peersys.xyz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)3 15 97 52 48</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-301 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"8cbefa6a-41c9-4065-ad33-87618dfee702\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(245, 45, 45); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MV</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Madeleine&nbsp;</span><span class=\\"u-fw-bold\\">Verde&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">madeleine.verde@tomiatech.me</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (4)0 94 18 19 04</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-303\\" data-testid=\\"contact-listItem\\" id=\\"7a8b0143-ed8a-4e28-85ec-37c16d1904b6\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(105, 132, 206); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">V</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">VTGrafix&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">vernon.leath@vtgrafix.co</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (6)7 92 54 15 17</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-305\\" gutters=\\"double\\">W</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-306 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"b6f5fc43-4199-4cca-8372-d1fe4e75a168\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 198, 68); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">GW</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Gavin&nbsp;</span><span class=\\"u-fw-bold\\">Wallis&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">gavin.wallis@infratouch.biz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)4 15 56 27 30</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-308 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"e93c6abd-4819-4873-b7fb-ea46e02816a2\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(64, 222, 142); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">RW</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Raylene&nbsp;</span><span class=\\"u-fw-bold\\">Wallis&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">raylene.wallis@corerobotics.name</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)2 20 49 87 28</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-310 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"d2bda580-4df6-473e-89db-2af41364c44e\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">W</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Westercom&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">anton.brandt@westercom.me</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (2)6 47 62 10 86</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-312 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"63d70d1a-838b-4eb4-b9ca-c3ea15937d51\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(127, 107, 238); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">W</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">WestGate&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">selma.keesee@westgate.net</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (7)6 39 42 48 60</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-314 MuiListItem-divider\\" data-testid=\\"contact-listItem\\" id=\\"6ed104be-083e-4991-bacb-78e18f815210\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MW</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Madelyn&nbsp;</span><span class=\\"u-fw-bold\\">Woodrum&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">madelyn.woodrum@airconix.xyz</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (8)4 54 36 85 66</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-316\\" data-testid=\\"contact-listItem\\" id=\\"0c647009-9785-4d09-b18a-0f22d3bff233\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(255, 150, 47); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">MW</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Mitch&nbsp;</span><span class=\\"u-fw-bold\\">Woodrum&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">mitch.woodrum@opticast.org</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (9)7 70 95 95 36</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-        <ul class=\\"MuiList-root MuiList-padding MuiList-subheader\\">
-          <li class=\\"MuiListSubheader-root MuiListSubheader-sticky MuiListSubheader-gutters makeStyles-gutters-26 makeStyles-gutters-318\\" gutters=\\"double\\">X</li>
-          <li class=\\"MuiListItem-root u-c-pointer medium MuiListItem-gutters makeStyles-gutters-28 makeStyles-gutters-319\\" data-testid=\\"contact-listItem\\" id=\\"71967809-8e54-4413-aa8e-35b2b945e816\\">
-            <div class=\\"styles__TableCell___3vgVE styles__contact-identity___mL3IJ u-flex u-flex-items-center u-ellipsis u-p-0\\" data-testid=\\"ContactIdentity\\">
-              <div data-testid=\\"Avatar\\" class=\\"styles__c-avatar___PpDI- styles__c-avatar--text___2dvna\\" style=\\"background-color: rgb(180, 73, 231); --circleSize: 32px;\\"><span class=\\"styles__c-avatar-initials___310qC\\">X</span></div>
-              <p class=\\"MuiTypography-root u-ml-1 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap MuiTypography-gutterBottom MuiTypography-displayInline\\" data-testid=\\"ContactName\\"><span class=\\"\\">Xenosys&nbsp;</span></p>
-            </div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-email___3n3q2 u-ellipsis u-p-0\\" data-testid=\\"ContactEmail\\">cecilia.latshaw@xenosys.club</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-phone___1sA_m u-ellipsis u-p-0\\" data-testid=\\"ContactPhone\\">+33 (3)2 00 61 89 63</div>
-            <div class=\\"styles__TableCell___3vgVE styles__contact-cozyurl___3kBp5 u-ellipsis u-p-0\\" data-testid=\\"ContactCozy\\">—</div>
-          </li>
-        </ul>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`ContactsListModal should render examples: ContactsListModal 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"CozyTheme--light-normal u-dc\\"><button type=\\"button\\">Open contacts list</button></div>
-</div>"
-`;
-
-exports[`DateMonthPicker should render examples: DateMonthPicker 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div>
-    <div class=\\"styles__DateMonthPicker__YearControls___1DGlB\\"><button class=\\"styles__DateMonthPicker__YearButton___3zNDK\\" title=\\"2018\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <path fill-rule=\\"evenodd\\" d=\\"M10.707 2.707a.999.999 0 10-1.414-1.414l-6 6a.999.999 0 000 1.414l6 6a.999.999 0 101.414-1.414L5.414 8l5.293-5.293z\\"></path>
-        </svg></button>
-      <div class=\\"styles__DateMonthPicker__Year___387bP\\">2019</div><button class=\\"styles__DateMonthPicker__YearButton___3zNDK\\" title=\\"2020\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-          <path fill-rule=\\"evenodd\\" d=\\"M12.707 7.293l-6-6a.999.999 0 10-1.414 1.414L10.586 8l-5.293 5.293a.999.999 0 101.414 1.414l6-6a.999.999 0 000-1.414\\"></path>
-        </svg></button>
-    </div>
-    <div class=\\"styles__DateMonthPicker__MonthGrid___TCFg4\\"><button class=\\"styles__DateMonthPicker__MonthButton___3I_Mm\\">Jan</button><button class=\\"styles__DateMonthPicker__MonthButton___3I_Mm\\">Feb</button><button class=\\"styles__DateMonthPicker__MonthButton___3I_Mm\\">Mar</button><button class=\\"styles__DateMonthPicker__MonthButton___3I_Mm\\">Apr</button><button class=\\"styles__DateMonthPicker__MonthButton___3I_Mm\\">May</button><button class=\\"styles__DateMonthPicker__MonthButton___3I_Mm\\">Jun</button><button class=\\"styles__DateMonthPicker__MonthButton___3I_Mm\\">Jul</button><button class=\\"styles__DateMonthPicker__MonthButton___3I_Mm styles__DateMonthPicker__MonthButton--selected___40hCm\\">Aug</button><button class=\\"styles__DateMonthPicker__MonthButton___3I_Mm\\">Sep</button><button class=\\"styles__DateMonthPicker__MonthButton___3I_Mm\\">Oct</button><button class=\\"styles__DateMonthPicker__MonthButton___3I_Mm\\">Nov</button><button class=\\"styles__DateMonthPicker__MonthButton___3I_Mm\\">Dec</button></div>
-  </div>
-</div>"
-`;
-
-exports[`Dialog should render examples: Dialog 1`] = `
-"<div data-testid=\\"mountNode\\"><button>Toggle modal</button>
-  <div class=\\"CozyTheme--light-normal u-dc\\"></div>
-</div>"
-`;
-
-exports[`DropdownText should render examples: DropdownText 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6\\">Default <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-497\\">
-          <h1 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-498 MuiTypography-h1 MuiTypography-colorTextPrimary\\">h1</h1>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-499 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"24\\" height=\\"24\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-500\\">
-          <h2 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-501 MuiTypography-h2 MuiTypography-colorTextPrimary\\">h2</h2>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-502 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"17\\" height=\\"17\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-503\\">
-          <h3 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-504 MuiTypography-h3 MuiTypography-colorTextPrimary\\">h3</h3>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-505 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"15\\" height=\\"15\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-506\\">
-          <h4 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-507 MuiTypography-h4 MuiTypography-colorTextPrimary\\">h4</h4>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-508 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"14\\" height=\\"14\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-509\\">
-          <h5 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-510 MuiTypography-h5 MuiTypography-colorTextPrimary\\">h5</h5>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-511 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"13\\" height=\\"13\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-512\\">
-          <h6 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-513 MuiTypography-subtitle1 MuiTypography-colorTextPrimary\\">subtitle1</h6>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-514 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"11\\" height=\\"11\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-515\\">
-          <h6 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-516 MuiTypography-subtitle2 MuiTypography-colorTextPrimary\\">subtitle2</h6>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-517 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"10\\" height=\\"10\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-518\\">
-          <p class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-519 MuiTypography-body1 MuiTypography-colorTextPrimary\\">body1</p>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-520 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-521\\">
-          <p class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-522 MuiTypography-body2 MuiTypography-colorTextPrimary\\">body2</p>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-523 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"11\\" height=\\"11\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-524\\"><span class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-525 MuiTypography-caption MuiTypography-colorTextSecondary\\">caption</span>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-526 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"10\\" height=\\"10\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root MuiGrid-item MuiGrid-grid-xs-6\\">Disabled <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-527\\">
-          <h1 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-528 MuiTypography-h1 MuiTypography-colorTextPrimary\\">h1</h1>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-529 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"24\\" height=\\"24\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-530\\">
-          <h2 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-531 MuiTypography-h2 MuiTypography-colorTextPrimary\\">h2</h2>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-532 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"17\\" height=\\"17\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-533\\">
-          <h3 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-534 MuiTypography-h3 MuiTypography-colorTextPrimary\\">h3</h3>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-535 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"15\\" height=\\"15\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-536\\">
-          <h4 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-537 MuiTypography-h4 MuiTypography-colorTextPrimary\\">h4</h4>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-538 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"14\\" height=\\"14\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-539\\">
-          <h5 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-540 MuiTypography-h5 MuiTypography-colorTextPrimary\\">h5</h5>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-541 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"13\\" height=\\"13\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-542\\">
-          <h6 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-543 MuiTypography-subtitle1 MuiTypography-colorTextPrimary\\">subtitle1</h6>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-544 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"11\\" height=\\"11\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-545\\">
-          <h6 class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-546 MuiTypography-subtitle2 MuiTypography-colorTextPrimary\\">subtitle2</h6>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-547 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"10\\" height=\\"10\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-548\\">
-          <p class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-549 MuiTypography-body1 MuiTypography-colorTextPrimary\\">body1</p>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-550 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-551\\">
-          <p class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-552 MuiTypography-body2 MuiTypography-colorTextPrimary\\">body2</p>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-553 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"11\\" height=\\"11\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-      <div class=\\"u-mb-1\\">
-        <div class=\\"makeStyles-container-494 makeStyles-container-554\\"><span class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-555 MuiTypography-caption MuiTypography-colorTextSecondary\\">caption</span>
-          <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-556 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"10\\" height=\\"10\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></p>
-        </div>
-      </div>
-    </div>
-  </div>
-  <div style=\\"margin-bottom: 1rem;\\">
-    <div class=\\"makeStyles-container-494 makeStyles-container-557\\">
-      <p class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-558 MuiTypography-body1 MuiTypography-colorTextPrimary\\">This is a long text without ellipsis without restrictive container</p>
-      <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-559 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\">
-          <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-        </svg></p>
-    </div>
-  </div>
-  <div style=\\"width: 150px; margin-bottom: 1rem;\\">
-    <div class=\\"makeStyles-container-494 makeStyles-container-560\\">
-      <p class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-561 MuiTypography-body1 MuiTypography-colorTextPrimary\\">This is a long text without ellipsis inside a restrictive container</p>
-      <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-562 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\">
-          <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-        </svg></p>
-    </div>
-  </div>
-  <div style=\\"width: 150px; margin-bottom: 1rem;\\">
-    <div class=\\"makeStyles-container-494 makeStyles-container-563\\">
-      <p class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-564 MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-noWrap\\">This is a long text with ellipsis inside a container</p>
-      <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-565 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\">
-          <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-        </svg></p>
-    </div>
-  </div>
-  <div style=\\"width: 100%; margin-bottom: 1rem;\\">
-    <div class=\\"makeStyles-container-494 makeStyles-container-566\\">
-      <p class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-567 MuiTypography-body1 MuiTypography-colorTextPrimary\\">Text with<br>breaking spaces<br>inside content</p>
-      <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-568 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\">
-          <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-        </svg></p>
-    </div>
-  </div>
-  <div style=\\"width: 100%;\\">
-    <div class=\\"makeStyles-container-494 makeStyles-container-569\\">
-      <p class=\\"MuiTypography-root makeStyles-typography-495 makeStyles-typography-570 MuiTypography-body1 MuiTypography-colorTextPrimary\\">Space between text and icon</p>
-      <p class=\\"MuiTypography-root makeStyles-endIcon-496 makeStyles-endIcon-571 MuiTypography-body1 MuiTypography-colorTextPrimary\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" width=\\"12\\" height=\\"12\\">
-          <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-        </svg></p>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Empty should render examples: Empty 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"LARGE\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">LARGE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"MEDIUM\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">MEDIUM</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"WITHCONTENT\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">WITHCONTENT</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"LONGTITLE\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">LONGTITLE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"LONGTEXT\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">LONGTEXT</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"CENTERED\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">CENTERED</span></label>
-  </div>
-  <div class=\\"u-db-s u-flex\\" style=\\"height: 500px; transform: scale(1);\\">
-    <div class=\\"styles__c-empty___3w5oV\\"><svg viewBox=\\"0 0 52 52\\" class=\\"styles__c-empty-img___2GC4d styles__icon___23x3R\\" width=\\"100%\\" height=\\"100%\\">
-        <path fill=\\"#297EF2\\" fill-rule=\\"evenodd\\" d=\\"M38.231 44H13.769C6.175 44 0 37.756 0 30.08c0-3.66 1.394-7.117 3.927-9.733 2.219-2.29 5.093-3.715 8.203-4.086a13.887 13.887 0 014.042-8.292A13.608 13.608 0 0125.801 4c3.62 0 7.04 1.407 9.629 3.968a13.897 13.897 0 014.038 8.25C46.482 16.853 52 22.828 52 30.082 52 37.756 45.82 44 38.23 44h.001zm-.163-3.001h.104c5.97 0 10.828-4.91 10.828-10.947 0-6.035-4.857-10.946-10.828-10.946h-.11c-.779 0-1.417-.627-1.435-1.417C36.492 11.794 31.637 7 25.803 7c-5.835 0-10.692 4.796-10.826 10.69a1.445 1.445 0 01-1.403 1.42C7.744 19.244 3 24.153 3 30.052 3 36.09 7.857 41 13.828 41h.088l.035-.002c.03 0 .062 0 .093.002h24.021l.003-.001zm-4.302-11.776c-.875-.585-.918-1.659-.92-1.706A.52.52 0 0032.32 27a.523.523 0 00-.506.536c.002.039.016.543.251 1.137a7.99 7.99 0 01-11.138.019 3.554 3.554 0 00.257-1.155.523.523 0 00-.503-.536.526.526 0 00-.528.515c0 .043-.042 1.121-.92 1.706a.536.536 0 00-.15.731.51.51 0 00.714.154c.225-.15.414-.322.572-.505a9.006 9.006 0 0012.251-.01c.16.184.35.36.582.515a.503.503 0 00.281.085.516.516 0 00.432-.24.537.537 0 00-.15-.731v.002z\\"></path>
-      </svg>
-      <h3 class=\\"MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary MuiTypography-gutterBottom\\">This list is empty</h3>
-      <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextSecondary MuiTypography-gutterBottom\\">Try adding some content to this list</p>
-      <div class=\\"styles__c-empty-text___3HnvR\\"></div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Empty should render examples: Empty 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__c-empty___3w5oV\\"><svg viewBox=\\"0 0 52 52\\" class=\\"styles__c-empty-img___2GC4d styles__icon___23x3R\\" width=\\"100%\\" height=\\"100%\\">
-      <path fill=\\"#297EF2\\" fill-rule=\\"evenodd\\" d=\\"M38.231 44H13.769C6.175 44 0 37.756 0 30.08c0-3.66 1.394-7.117 3.927-9.733 2.219-2.29 5.093-3.715 8.203-4.086a13.887 13.887 0 014.042-8.292A13.608 13.608 0 0125.801 4c3.62 0 7.04 1.407 9.629 3.968a13.897 13.897 0 014.038 8.25C46.482 16.853 52 22.828 52 30.082 52 37.756 45.82 44 38.23 44h.001zm-.163-3.001h.104c5.97 0 10.828-4.91 10.828-10.947 0-6.035-4.857-10.946-10.828-10.946h-.11c-.779 0-1.417-.627-1.435-1.417C36.492 11.794 31.637 7 25.803 7c-5.835 0-10.692 4.796-10.826 10.69a1.445 1.445 0 01-1.403 1.42C7.744 19.244 3 24.153 3 30.052 3 36.09 7.857 41 13.828 41h.088l.035-.002c.03 0 .062 0 .093.002h24.021l.003-.001zm-4.302-11.776c-.875-.585-.918-1.659-.92-1.706A.52.52 0 0032.32 27a.523.523 0 00-.506.536c.002.039.016.543.251 1.137a7.99 7.99 0 01-11.138.019 3.554 3.554 0 00.257-1.155.523.523 0 00-.503-.536.526.526 0 00-.528.515c0 .043-.042 1.121-.92 1.706a.536.536 0 00-.15.731.51.51 0 00.714.154c.225-.15.414-.322.572-.505a9.006 9.006 0 0012.251-.01c.16.184.35.36.582.515a.503.503 0 00.281.085.516.516 0 00.432-.24.537.537 0 00-.15-.731v.002z\\"></path>
-    </svg>
-    <h3 class=\\"MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary MuiTypography-gutterBottom\\">With functional SVG</h3>
-    <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextSecondary MuiTypography-gutterBottom\\">Try adding some content to this list</p>
-    <div class=\\"styles__c-empty-text___3HnvR\\"></div>
-  </div>
-  <div class=\\"styles__c-empty___3w5oV\\"><img src=\\"test-file-stub\\" class=\\"styles__c-empty-img___2GC4d\\">
-    <h3 class=\\"MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary MuiTypography-gutterBottom\\">With IMG</h3>
-    <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextSecondary MuiTypography-gutterBottom\\">Try adding some content to this list</p>
-    <div class=\\"styles__c-empty-text___3HnvR\\"></div>
-  </div>
-  <div class=\\"styles__c-empty___3w5oV\\"><svg width=\\"100\\" height=\\"100\\" class=\\"styles__c-empty-img___2GC4d\\">
-      <circle cx=\\"50\\" cy=\\"50\\" r=\\"40\\" stroke=\\"var(--primaryColor)\\" stroke-width=\\"4\\" fill=\\"var(--paperBackgroundColor)\\"></circle>
-    </svg>
-    <h3 class=\\"MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary MuiTypography-gutterBottom\\">With SVG</h3>
-    <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextSecondary MuiTypography-gutterBottom\\">Try adding some content to this list</p>
-    <div class=\\"styles__c-empty-text___3HnvR\\"></div>
-  </div>
-  <div class=\\"styles__c-empty___3w5oV\\"><svg viewBox=\\"0 0 52 52\\" class=\\"styles__c-empty-img___2GC4d styles__icon___23x3R\\" width=\\"100%\\" height=\\"100%\\">
-      <path fill=\\"#297EF2\\" fill-rule=\\"evenodd\\" d=\\"M38.231 44H13.769C6.175 44 0 37.756 0 30.08c0-3.66 1.394-7.117 3.927-9.733 2.219-2.29 5.093-3.715 8.203-4.086a13.887 13.887 0 014.042-8.292A13.608 13.608 0 0125.801 4c3.62 0 7.04 1.407 9.629 3.968a13.897 13.897 0 014.038 8.25C46.482 16.853 52 22.828 52 30.082 52 37.756 45.82 44 38.23 44h.001zm-.163-3.001h.104c5.97 0 10.828-4.91 10.828-10.947 0-6.035-4.857-10.946-10.828-10.946h-.11c-.779 0-1.417-.627-1.435-1.417C36.492 11.794 31.637 7 25.803 7c-5.835 0-10.692 4.796-10.826 10.69a1.445 1.445 0 01-1.403 1.42C7.744 19.244 3 24.153 3 30.052 3 36.09 7.857 41 13.828 41h.088l.035-.002c.03 0 .062 0 .093.002h24.021l.003-.001zm-4.302-11.776c-.875-.585-.918-1.659-.92-1.706A.52.52 0 0032.32 27a.523.523 0 00-.506.536c.002.039.016.543.251 1.137a7.99 7.99 0 01-11.138.019 3.554 3.554 0 00.257-1.155.523.523 0 00-.503-.536.526.526 0 00-.528.515c0 .043-.042 1.121-.92 1.706a.536.536 0 00-.15.731.51.51 0 00.714.154c.225-.15.414-.322.572-.505a9.006 9.006 0 0012.251-.01c.16.184.35.36.582.515a.503.503 0 00.281.085.516.516 0 00.432-.24.537.537 0 00-.15-.731v.002z\\"></path>
-    </svg>
-    <h3 class=\\"MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary MuiTypography-gutterBottom\\">With Icon component</h3>
-    <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextSecondary MuiTypography-gutterBottom\\">Try adding some content to this list</p>
-    <div class=\\"styles__c-empty-text___3HnvR\\"></div>
-  </div>
-</div>"
-`;
-
-exports[`Hero should render examples: Hero 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__Hero___14z7_\\">
-    <h2 class=\\" styles__Hero-title___256Uz\\">Connect your bank accounts</h2>
-    <div class=\\" styles__Hero-sections___ETV6e\\">
-      <div class=\\" styles__Hero-section___1BcNz\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"color: rgb(245, 45, 45);\\" width=\\"80\\" height=\\"80\\">
-          <path fill-rule=\\"evenodd\\" d=\\"M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z\\"></path>
-        </svg>
-        <h3 class=\\" styles__Hero-subtitle___1E_WG\\">Control your budget</h3>
-        <p class=\\" \\">Summary of all your accounts at a glance</p>
-      </div>
-      <div class=\\" styles__Hero-section___1BcNz\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"color: rgb(167, 91, 203);\\" width=\\"80\\" height=\\"80\\">
-          <path d=\\"M16 0l-6 15-2.5-2.5L4 15l-1-4 10-8.5-10 6L0 6z\\" fill-rule=\\"evenodd\\"></path>
-        </svg>
-        <h3 class=\\" styles__Hero-subtitle___1E_WG\\">Save Time</h3>
-        <p class=\\" \\">Your invoices at your fingertips directly from your statements</p>
-      </div>
-      <div class=\\" styles__Hero-section___1BcNz\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"color: rgb(45, 138, 242);\\" width=\\"80\\" height=\\"80\\">
-          <path d=\\"M0 2.007C0 1.45.451 1 .99 1h4.52c.271 0 .648.157.84.348l1.303 1.304c.192.192.579.348.848.348h6.503c.55 0 .997.456.997 1.002v8.99A2.005 2.005 0 0114.006 15H1.994A2 2 0 010 12.994V2.007zM0 5h16v1H0V5z\\" fill-rule=\\"evenodd\\"></path>
-        </svg>
-        <h3 class=\\" styles__Hero-subtitle___1E_WG\\">Cozy is working for you</h3>
-        <p class=\\" \\">Automatic follow-up of your medical expenses</p>
-      </div>
-    </div>
-    <p class=\\" styles__Hero-cta___2KhwU\\"><button type=\\"submit\\" class=\\"styles__c-btn___3kXsk styles__c-btn--full___1VumB styles__c-btn--center___Nny0n\\"><span><span>Connect your bank accounts</span></span></button></p>
-  </div>
-</div>"
-`;
-
-exports[`HistoryRow should render examples: HistoryRow 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__media___1rIBu styles__HistoryRowMedia___2jgYN\\">
-    <div class=\\"u-media u-media-grow u-row-m\\">
-      <div class=\\"styles__HistoryRowCircleWrapper___3r8Uo\\">
-        <div class=\\"styles__img___3sztD styles__HistoryRowMediaImg___1J9OI\\">
-          <div class=\\"styles__c-circle___1DuMR styles__HistoryRowCircle___4FWWa\\" style=\\"--circleSize: 32px;\\"><span class=\\"styles__c-circle-text___1jFgD\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--primaryTextColor);\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"file_svg__a\\" d=\\"M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 01-1.007.996H2.007A1.002 1.002 0 011 15V1zm10 3V0l4 4h-4z\\"></path></defs><use xlink:href=\\"#file_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></div>
-        </div>
-      </div>
-      <div class=\\"u-media u-media-grow u-stack-xs u-row-m\\">
-        <div class=\\"styles__bd___3SAX2\\">
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary\\">12/12/12 12:12</h6>
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary MuiTypography-gutterBottom\\">Current Version</h6><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextSecondary MuiTypography-gutterBottom\\">10ko</span>
-        </div>
-        <div class=\\"styles__img___3sztD\\"><svg viewBox=\\"0 0 16 16\\" class=\\"u-c-pointer styles__icon___23x3R\\" style=\\"fill: var(--secondaryTextColor);\\" width=\\"16\\" height=\\"16\\">
-            <path fill-rule=\\"evenodd\\" d=\\"M7 9.586L5.707 8.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L9 9.586V2a1 1 0 10-2 0v7.586zM1 14h14a1 1 0 110 2H1a1 1 0 110-2z\\"></path>
-          </svg></div>
-      </div>
-    </div>
-  </div>
-  <div class=\\"styles__media___1rIBu styles__HistoryRowMedia___2jgYN\\">
-    <div class=\\"u-media u-media-grow u-row-m\\">
-      <div class=\\"styles__HistoryRowCircleWrapper___3r8Uo\\">
-        <div class=\\"styles__img___3sztD styles__HistoryRowMediaImg___1J9OI\\">
-          <div class=\\"styles__c-circle___1DuMR styles__HistoryRowCircle___4FWWa\\" style=\\"--circleSize: 16px;\\"><span class=\\"styles__c-circle-text___1jFgD\\"></span></div>
-        </div>
-      </div>
-      <div class=\\"u-media u-media-grow u-stack-xs u-row-m\\">
-        <div class=\\"styles__bd___3SAX2\\">
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary\\">12/12/12 12:10</h6>
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary MuiTypography-gutterBottom\\"></h6><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextSecondary MuiTypography-gutterBottom\\">9ko</span>
-        </div>
-        <div class=\\"styles__img___3sztD\\"><svg viewBox=\\"0 0 16 16\\" class=\\"u-c-pointer styles__icon___23x3R\\" style=\\"fill: var(--secondaryTextColor);\\" width=\\"16\\" height=\\"16\\">
-            <path fill-rule=\\"evenodd\\" d=\\"M7 9.586L5.707 8.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L9 9.586V2a1 1 0 10-2 0v7.586zM1 14h14a1 1 0 110 2H1a1 1 0 110-2z\\"></path>
-          </svg></div>
-      </div>
-    </div>
-  </div>
-  <div class=\\"styles__media___1rIBu styles__HistoryRowMedia___2jgYN\\">
-    <div class=\\"u-media u-media-grow u-row-m\\">
-      <div class=\\"styles__HistoryRowCircleWrapper___3r8Uo\\">
-        <div class=\\"styles__img___3sztD styles__HistoryRowMediaImg___1J9OI\\">
-          <div class=\\"styles__c-circle___1DuMR styles__HistoryRowCircle___4FWWa\\" style=\\"--circleSize: 32px;\\"><span class=\\"styles__c-circle-text___1jFgD\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--primaryTextColor);\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"file_svg__a\\" d=\\"M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 01-1.007.996H2.007A1.002 1.002 0 011 15V1zm10 3V0l4 4h-4z\\"></path></defs><use xlink:href=\\"#file_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></div>
-        </div>
-      </div>
-      <div class=\\"u-media u-media-grow u-stack-xs u-row-m\\">
-        <div class=\\"styles__bd___3SAX2\\">
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary\\">12/12/12 12:09</h6>
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary MuiTypography-gutterBottom\\">V2</h6><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextSecondary MuiTypography-gutterBottom\\">9ko</span>
-        </div>
-        <div class=\\"styles__img___3sztD\\"><svg viewBox=\\"0 0 16 16\\" class=\\"u-c-pointer styles__icon___23x3R\\" style=\\"fill: var(--secondaryTextColor);\\" width=\\"16\\" height=\\"16\\">
-            <path fill-rule=\\"evenodd\\" d=\\"M7 9.586L5.707 8.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L9 9.586V2a1 1 0 10-2 0v7.586zM1 14h14a1 1 0 110 2H1a1 1 0 110-2z\\"></path>
-          </svg></div>
-      </div>
-    </div>
-  </div>
-  <div class=\\"styles__media___1rIBu styles__HistoryRowMedia___2jgYN\\">
-    <div class=\\"u-media u-media-grow u-row-m\\">
-      <div class=\\"styles__HistoryRowCircleWrapper___3r8Uo\\">
-        <div class=\\"styles__img___3sztD styles__HistoryRowMediaImg___1J9OI\\">
-          <div class=\\"styles__c-circle___1DuMR styles__HistoryRowCircle___4FWWa\\" style=\\"--circleSize: 16px;\\"><span class=\\"styles__c-circle-text___1jFgD\\"></span></div>
-        </div>
-      </div>
-      <div class=\\"u-media u-media-grow u-stack-xs u-row-m\\">
-        <div class=\\"styles__bd___3SAX2\\">
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary\\">12/12/12 12:07</h6>
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary MuiTypography-gutterBottom\\"></h6><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextSecondary MuiTypography-gutterBottom\\">9ko</span>
-        </div>
-        <div class=\\"styles__img___3sztD\\"><svg viewBox=\\"0 0 16 16\\" class=\\"u-c-pointer styles__icon___23x3R\\" style=\\"fill: var(--secondaryTextColor);\\" width=\\"16\\" height=\\"16\\">
-            <path fill-rule=\\"evenodd\\" d=\\"M7 9.586L5.707 8.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L9 9.586V2a1 1 0 10-2 0v7.586zM1 14h14a1 1 0 110 2H1a1 1 0 110-2z\\"></path>
-          </svg></div>
-      </div>
-    </div>
-  </div>
-  <div class=\\"styles__media___1rIBu styles__HistoryRowMedia___2jgYN\\">
-    <div class=\\"u-media u-media-grow u-row-m\\">
-      <div class=\\"styles__HistoryRowCircleWrapper___3r8Uo\\">
-        <div class=\\"styles__img___3sztD styles__HistoryRowMediaImg___1J9OI\\">
-          <div class=\\"styles__c-circle___1DuMR styles__HistoryRowCircle___4FWWa\\" style=\\"--circleSize: 16px;\\"><span class=\\"styles__c-circle-text___1jFgD\\"></span></div>
-        </div>
-      </div>
-      <div class=\\"u-media u-media-grow u-stack-xs u-row-m\\">
-        <div class=\\"styles__bd___3SAX2\\">
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary\\">12/12/12 12:05</h6>
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary MuiTypography-gutterBottom\\"></h6><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextSecondary MuiTypography-gutterBottom\\">9ko</span>
-        </div>
-        <div class=\\"styles__img___3sztD\\"><svg viewBox=\\"0 0 16 16\\" class=\\"u-c-pointer styles__icon___23x3R\\" style=\\"fill: var(--secondaryTextColor);\\" width=\\"16\\" height=\\"16\\">
-            <path fill-rule=\\"evenodd\\" d=\\"M7 9.586L5.707 8.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L9 9.586V2a1 1 0 10-2 0v7.586zM1 14h14a1 1 0 110 2H1a1 1 0 110-2z\\"></path>
-          </svg></div>
-      </div>
-    </div>
-  </div>
-  <div class=\\"styles__media___1rIBu styles__HistoryRowMedia___2jgYN\\">
-    <div class=\\"u-media u-media-grow u-row-m\\">
-      <div class=\\"styles__HistoryRowCircleWrapper___3r8Uo\\">
-        <div class=\\"styles__img___3sztD styles__HistoryRowMediaImg___1J9OI\\">
-          <div class=\\"styles__c-circle___1DuMR styles__HistoryRowCircle___4FWWa\\" style=\\"--circleSize: 16px;\\"><span class=\\"styles__c-circle-text___1jFgD\\"></span></div>
-        </div>
-      </div>
-      <div class=\\"u-media u-media-grow u-stack-xs u-row-m\\">
-        <div class=\\"styles__bd___3SAX2\\">
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary\\">12/12/12 12:04</h6>
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary MuiTypography-gutterBottom\\"></h6><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextSecondary MuiTypography-gutterBottom\\">9ko</span>
-        </div>
-        <div class=\\"styles__img___3sztD\\"><svg viewBox=\\"0 0 16 16\\" class=\\"u-c-pointer styles__icon___23x3R\\" style=\\"fill: var(--secondaryTextColor);\\" width=\\"16\\" height=\\"16\\">
-            <path fill-rule=\\"evenodd\\" d=\\"M7 9.586L5.707 8.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L9 9.586V2a1 1 0 10-2 0v7.586zM1 14h14a1 1 0 110 2H1a1 1 0 110-2z\\"></path>
-          </svg></div>
-      </div>
-    </div>
-  </div>
-  <div class=\\"styles__media___1rIBu styles__HistoryRowMedia___2jgYN\\">
-    <div class=\\"u-media u-media-grow u-row-m\\">
-      <div class=\\"styles__HistoryRowCircleWrapper___3r8Uo\\">
-        <div class=\\"styles__img___3sztD styles__HistoryRowMediaImg___1J9OI\\">
-          <div class=\\"styles__c-circle___1DuMR styles__HistoryRowCircle___4FWWa\\" style=\\"--circleSize: 32px;\\"><span class=\\"styles__c-circle-text___1jFgD\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--primaryTextColor);\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"file_svg__a\\" d=\\"M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 01-1.007.996H2.007A1.002 1.002 0 011 15V1zm10 3V0l4 4h-4z\\"></path></defs><use xlink:href=\\"#file_svg__a\\" fill-rule=\\"evenodd\\"></use></svg></span></div>
-        </div>
-      </div>
-      <div class=\\"u-media u-media-grow u-stack-xs u-row-m\\">
-        <div class=\\"styles__bd___3SAX2\\">
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary\\">12/12/12 12:03</h6>
-          <h6 class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary MuiTypography-gutterBottom\\">V1</h6><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextSecondary MuiTypography-gutterBottom\\">9ko</span>
-        </div>
-        <div class=\\"styles__img___3sztD\\"><svg viewBox=\\"0 0 16 16\\" class=\\"u-c-pointer styles__icon___23x3R\\" style=\\"fill: var(--secondaryTextColor);\\" width=\\"16\\" height=\\"16\\">
-            <path fill-rule=\\"evenodd\\" d=\\"M7 9.586L5.707 8.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L9 9.586V2a1 1 0 10-2 0v7.586zM1 14h14a1 1 0 110 2H1a1 1 0 110-2z\\"></path>
-          </svg></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`IconStack should render examples: IconStack 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__IconStack-wrapper___10dhG optional-bg-wrapper-class\\"><svg viewBox=\\"0 0 26 32\\" class=\\"styles__icon___23x3R\\" style=\\"fill: blue;\\" width=\\"32\\" height=\\"32\\">
-      <g fill-rule=\\"evenodd\\">
-        <path d=\\"M0 2.002C0 .896.89 0 1.997 0H19l7 7v22.996A2 2 0 0124.003 32H1.997A1.995 1.995 0 010 29.998C.048 16 0 16 0 2.002z\\" opacity=\\"0.242\\"></path>
-        <path d=\\"M18.5 0c-.276 0-.5.23-.5.5V8h7.5c.276 0 .5-.232.5-.5V7l-7-7h-.5z\\"></path>
-      </g>
-    </svg>
-    <div style=\\"margin-top: 3px;\\" class=\\"styles__IconStack-foregroundIcon___ZvY-t optional-fg-wrapper-class\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"fill: red;\\" width=\\"16\\" height=\\"16\\">
-        <path fill-rule=\\"evenodd\\" d=\\"M7.979 0L0 5.066v1.966h15.958V5.066L7.979 0zm4 13.063h2v-5h-2v5zm-5 0h2v-5h-2v5zm-5 0h2v-5h-2v5zm-1.979 3h15.958v-2H0v2z\\"></path>
-      </svg></div>
-  </div>
-</div>"
-`;
-
-exports[`InputGroup should render examples: InputGroup 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <form>
-    <div>
-      <div class=\\"styles__c-inputgroup___12OVJ\\">
-        <div class=\\"styles__c-inputgroup-main___1LP4B\\"><input type=\\"text\\" class=\\"styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR\\" placeholder=\\"Placeholder\\" spellcheck=\\"false\\" value=\\"\\"></div>
-        <div class=\\"styles__c-inputgroup-side___60v0v\\"><span class=\\"styles__c-inputgroup-unit___bFj9a\\">€</span></div>
-      </div>
-    </div>
-  </form>
-</div>"
-`;
-
-exports[`InputGroup should render examples: InputGroup 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <form>
-    <div>
-      <div class=\\"styles__c-inputgroup___12OVJ\\">
-        <div class=\\"styles__c-inputgroup-side___60v0v\\">
-          <h6 class=\\"MuiTypography-root u-pl-1 MuiTypography-h6 MuiTypography-colorTextPrimary\\">text</h6>
-        </div>
-        <div class=\\"styles__c-inputgroup-main___1LP4B\\"><input type=\\"text\\" class=\\"styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR\\" placeholder=\\"Placeholder\\" spellcheck=\\"false\\" value=\\"\\"></div>
-      </div>
-    </div>
-  </form>
-</div>"
-`;
-
-exports[`InputGroup should render examples: InputGroup 3`] = `
-"<div data-testid=\\"mountNode\\">
-  <form>
-    <div>
-      <div class=\\"styles__c-inputgroup___12OVJ\\">
-        <div class=\\"styles__c-inputgroup-main___1LP4B\\"><input type=\\"text\\" class=\\"styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR\\" placeholder=\\"Email\\" spellcheck=\\"false\\" value=\\"\\"></div>
-        <div class=\\"styles__c-inputgroup-side___60v0v\\"><input type=\\"text\\" class=\\"styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR u-w-4\\" placeholder=\\"@domain.tld\\" spellcheck=\\"false\\" value=\\"\\"></div>
-      </div>
-    </div>
-  </form>
-</div>"
-`;
-
-exports[`InputGroup should render examples: InputGroup 4`] = `
-"<div data-testid=\\"mountNode\\">
-  <form>
-    <div>
-      <div class=\\"styles__c-inputgroup___12OVJ\\">
-        <div class=\\"styles__c-inputgroup-main___1LP4B\\"><input type=\\"text\\" class=\\"styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR\\" placeholder=\\"URL\\" spellcheck=\\"false\\" value=\\"\\"></div>
-        <div class=\\"styles__c-inputgroup-side___60v0v\\">
-          <div class=\\"styles__select--autowidth___16AEp u-w-4 css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-            <div class=\\" css-102s2p7-control\\">
-              <div class=\\" css-blko0k-ValueContainer\\">
-                <div class=\\" css-1u3ujn0-placeholder\\">Select...</div>
-                <div class=\\"css-b8ldur-Input\\">
-                  <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-2-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-                    <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-                  </div>
-                </div>
-              </div>
-              <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-                <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-                    <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-                  </svg></div>
-              </div>
-            </div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>"
-`;
-
-exports[`InputGroup should render examples: InputGroup 5`] = `
-"<div data-testid=\\"mountNode\\">
-  <form>
-    <div>
-      <div class=\\"styles__c-inputgroup___12OVJ styles__c-inputgroup--fullwidth___3nuay\\">
-        <div class=\\"styles__c-inputgroup-main___1LP4B\\"><input type=\\"text\\" class=\\"styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR\\" placeholder=\\"Placeholder\\" spellcheck=\\"false\\" value=\\"\\"></div>
-        <div class=\\"styles__c-inputgroup-side___60v0v\\">
-          <h6 class=\\"MuiTypography-root u-pr-1 MuiTypography-h6 MuiTypography-colorTextPrimary\\">text</h6>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>"
-`;
-
-exports[`InputGroup should render examples: InputGroup 6`] = `
-"<div data-testid=\\"mountNode\\">
-  <form>
-    <div>
-      <div class=\\"styles__c-inputgroup___12OVJ styles__c-inputgroup--error___1JNbu\\">
-        <div class=\\"styles__c-inputgroup-main___1LP4B\\"><input type=\\"text\\" class=\\"styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR\\" placeholder=\\"Placeholder\\" spellcheck=\\"false\\" value=\\"\\"></div>
-        <div class=\\"styles__c-inputgroup-side___60v0v\\">
-          <h6 class=\\"MuiTypography-root u-pr-1 MuiTypography-h6 MuiTypography-colorTextPrimary\\">text</h6>
-        </div>
-      </div>
-    </div>
-  </form>
-</div>"
-`;
-
-exports[`InputGroup should render examples: InputGroup 7`] = `
-"<div data-testid=\\"mountNode\\">
-  <form>
-    <div>
-      <div class=\\"styles__c-inputgroup___12OVJ u-bdrs-3\\">
-        <div class=\\"styles__c-inputgroup-side___60v0v\\">
-          <h6 class=\\"MuiTypography-root u-pl-1 MuiTypography-h6 MuiTypography-colorTextPrimary\\">text</h6>
-        </div>
-        <div class=\\"styles__c-inputgroup-main___1LP4B\\"><input type=\\"text\\" class=\\"styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR\\" placeholder=\\"Placeholder\\" spellcheck=\\"false\\" value=\\"\\"></div>
-      </div>
-    </div>
-  </form>
-</div>"
-`;
-
-exports[`Label should render examples: Label 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <form>
-    <div><label for=\\"idInput\\" class=\\"styles__c-label___o4ozG styles__c-label--block___2ZV_7\\">This is a label</label><input type=\\"text\\" id=\\"idInput\\" class=\\"styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR\\" placeholder=\\"Recherche\\" spellcheck=\\"false\\" value=\\"\\"></div>
-  </form>
-</div>"
-`;
-
-exports[`Label should render examples: Label 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <form>
-    <div><label for=\\"idInput2\\" class=\\"styles__c-label___o4ozG\\">This is an inline label</label><input type=\\"text\\" id=\\"idInput2\\" class=\\"styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR\\" placeholder=\\"Recherche\\" spellcheck=\\"false\\" value=\\"\\"></div>
-  </form>
-</div>"
-`;
-
-exports[`Label should render examples: Label 3`] = `
-"<div data-testid=\\"mountNode\\">
-  <form>
-    <div><label for=\\"idInput2\\" class=\\"styles__c-label___o4ozG styles__c-label--block___2ZV_7 styles__is-error___2Dwem\\">This is an error label</label><input type=\\"text\\" id=\\"idInput2\\" class=\\"styles__c-input-text___3TAv1 styles__is-error___3lsCJ styles__c-input-text--large___28EaR\\" placeholder=\\"Recherche\\" spellcheck=\\"false\\" value=\\"\\"></div>
-  </form>
-</div>"
-`;
-
-exports[`Labs/CollectionField should render examples: Labs/CollectionField 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"INLINE\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">INLINE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"EMPTYDATA\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">EMPTYDATA</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"NULLDATA\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">NULLDATA</span></label>
-  </div>
-  <div class=\\"CozyTheme--light-normal u-dc\\">
-    <div class=\\"styles__o-field___3n5HM\\"><label class=\\"styles__c-label___o4ozG styles__c-label--block___2ZV_7\\">Contacts</label>
-      <div class=\\"styles__Stack--m___1tSpV\\">
-        <div class=\\"styles__Stack--s___22WMg\\">
-          <div class=\\"styles__CollectionField__row___Z7bbf\\"><button type=\\"button\\" class=\\"styles__SelectControl___2OxoO\\">isabelle.durand@cozycloud.cc</button><button type=\\"button\\" class=\\"styles__c-btn___3kXsk styles__c-btn--secondary___1hLVM styles__c-btn--center___Nny0n styles__c-btn--round___35GfW\\" title=\\"Remove this contact\\"><span><svg viewBox=\\"0 0 12 12\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--slateGrey);\\" width=\\"16\\" height=\\"16\\"><path d=\\"M6 4.59l2.3-2.3a1 1 0 011.4 1.42L7.42 6l2.3 2.3A1 1 0 118.3 9.7L6 7.42l-2.3 2.3A1 1 0 112.3 8.3L4.58 6l-2.3-2.3A1 1 0 013.7 2.3L6 4.58z\\"></path></svg><span class=\\"u-visuallyhidden\\">Remove this contact</span></span></button></div>
-        </div><button type=\\"button\\" class=\\"styles__c-btn___3kXsk styles__c-btn--text___33vmu styles__c-btn--center___Nny0n styles__CollectionField__addBtn___Z0FO-\\"><span><svg viewBox=\\"0 0 16 16\\" class=\\"styles__CollectionField__addBtnIcon___1hA5b styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><defs><path id=\\"plus_svg__a\\" d=\\"M7 0h2v7h7v2H9v7H7V9H0V7h7z\\"></path></defs><use xlink:href=\\"#plus_svg__a\\" fill-rule=\\"evenodd\\"></use></svg><span>Add a contact</span></span></button>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`ListItemText should render examples: ListItemText 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiListItemText-root\\"><span class=\\"MuiTypography-root u-db u-ellipsis MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock\\">I'm a list item text</span></div>
-</div>"
-`;
-
-exports[`ListItemText should render examples: ListItemText 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiListItemText-root MuiListItemText-multiline\\"><span class=\\"MuiTypography-root u-db u-ellipsis MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock\\">I'm a primary text</span><span class=\\"MuiTypography-root u-db u-ellipsis MuiListItemText-secondary MuiTypography-caption MuiTypography-colorTextSecondary MuiTypography-displayBlock\\">I'm a secondary text</span></div>
-</div>"
-`;
-
-exports[`ListItemText should render examples: ListItemText 3`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiListItemText-root\\"><span class=\\"MuiTypography-root u-db u-ellipsis MuiListItemText-primary MuiTypography-body1 MuiTypography-displayBlock\\"><p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">I'm a primary text</p><span class=\\"MuiTypography-root MuiTypography-caption MuiTypography-colorTextSecondary\\" tag=\\"a\\" href=\\"http://cozy.io\\"><div class=\\"u-midellipsis\\"><span>Augusta Ada King-Noel, Countess of Lovelace (née Byron; 10 December 1815 – 27 November 1852) was an English mathematician and writer, chiefly known for her work on Charles Babbage's proposed mechanical general-purpose computer, the Analytical Engine. She was the first to recognis</span><span>‎e that the machine had applications beyond pure calculation, and published the first algorithm intended to be carried out by such a machine. As a result, she is often regarded as the first to recognise the full potential of a \\"computing machine\\" and the first computer programmer.‎</span></div></span></span>
-</div>
-</div>"
-`;
-
-exports[`OrderedList should render examples: OrderedList 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <ol class=\\"styles__OrderedList___17A_o styles__Stack--m___1tSpV\\">
-    <li class=\\"styles__ListItem___2Lu4a\\">Do this</li>
-    <li class=\\"styles__ListItem___2Lu4a\\">Then do this</li>
-    <li class=\\"styles__ListItem___2Lu4a\\">And finally do this</li>
-  </ol>
-</div>"
-`;
-
-exports[`Paper should render examples: Paper 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"SQUARE\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">SQUARE</span></label>
-  </div>
-  <div class=\\"styles__Stack--m___1tSpV\\">
-    <div class=\\"MuiPaper-root PaperExample-root-579 MuiPaper-elevation0\\">
-      <h3 class=\\"MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary\\">This is a sheet of paper</h3>
-      <div style=\\"position: absolute; right: 1rem; top: 1rem;\\">
-        <h6 class=\\"MuiTypography-root MuiTypography-subtitle1 MuiTypography-colorTextPrimary\\">elevation 0</h6>
-      </div>
-      <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">Paper can be used to build surface or other elements for your application.</p>
-    </div>
-    <div class=\\"MuiPaper-root PaperExample-root-579 MuiPaper-elevation1\\">
-      <h3 class=\\"MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary\\">This is a sheet of paper</h3>
-      <div style=\\"position: absolute; right: 1rem; top: 1rem;\\">
-        <h6 class=\\"MuiTypography-root MuiTypography-subtitle1 MuiTypography-colorTextPrimary\\">elevation 1</h6>
-      </div>
-      <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">Paper can be used to build surface or other elements for your application.</p>
-    </div>
-    <div class=\\"MuiPaper-root PaperExample-root-579 MuiPaper-elevation4\\">
-      <h3 class=\\"MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary\\">This is a sheet of paper</h3>
-      <div style=\\"position: absolute; right: 1rem; top: 1rem;\\">
-        <h6 class=\\"MuiTypography-root MuiTypography-subtitle1 MuiTypography-colorTextPrimary\\">elevation 4</h6>
-      </div>
-      <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">Paper can be used to build surface or other elements for your application.</p>
-    </div>
-    <div class=\\"MuiPaper-root PaperExample-root-579 MuiPaper-elevation16\\">
-      <h3 class=\\"MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary\\">This is a sheet of paper</h3>
-      <div style=\\"position: absolute; right: 1rem; top: 1rem;\\">
-        <h6 class=\\"MuiTypography-root MuiTypography-subtitle1 MuiTypography-colorTextPrimary\\">elevation 16</h6>
-      </div>
-      <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">Paper can be used to build surface or other elements for your application.</p>
-    </div>
-    <div class=\\"MuiPaper-root PaperExample-root-579 MuiPaper-elevation24\\">
-      <h3 class=\\"MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary\\">This is a sheet of paper</h3>
-      <div style=\\"position: absolute; right: 1rem; top: 1rem;\\">
-        <h6 class=\\"MuiTypography-root MuiTypography-subtitle1 MuiTypography-colorTextPrimary\\">elevation 24</h6>
-      </div>
-      <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">Paper can be used to build surface or other elements for your application.</p>
-    </div>
-    <div class=\\"MuiPaper-root PaperExample-root-579\\">
-      <h3 class=\\"MuiTypography-root MuiTypography-h3 MuiTypography-colorTextPrimary\\">This is a sheet of paper</h3>
-      <div style=\\"position: absolute; right: 1rem; top: 1rem;\\">
-        <h6 class=\\"MuiTypography-root MuiTypography-subtitle1 MuiTypography-colorTextPrimary\\">elevation 25</h6>
-      </div>
-      <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary\\">Paper can be used to build surface or other elements for your application.</p>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`PasswordExample should render examples: PasswordExample 1`] = `"<div data-testid=\\"mountNode\\"><span class=\\"styles__c-inline-card___1a8Og\\"><span class=\\"\\">C</span><span class=\\"\\">l</span><span class=\\"styles__Token--number___2EzoN\\">4</span><span class=\\"\\">u</span><span class=\\"\\">d</span><span class=\\"\\">e</span><span class=\\"styles__Token--special___3_rSu\\">€</span><span class=\\"\\">s</span><span class=\\"\\">t</span><span class=\\"styles__Token--number___2EzoN\\">1</span><span class=\\"\\">N</span><span class=\\"\\">u</span><span class=\\"styles__Token--special___3_rSu\\">@</span><span class=\\"\\">g</span><span class=\\"\\">e</span></span></div>"`;
-
-exports[`PasswordExample should render examples: PasswordExample 2`] = `"<div data-testid=\\"mountNode\\"><span class=\\"styles__c-inline-card___1a8Og\\"><span class=\\"\\">C</span><span class=\\"\\">l</span><span class=\\"\\">a</span><span class=\\"\\">u</span><span class=\\"\\">d</span><span class=\\"\\">e</span><span class=\\"\\"> </span><span class=\\"\\">e</span><span class=\\"\\">s</span><span class=\\"\\">t</span><span class=\\"\\"> </span><span class=\\"\\">l</span><span class=\\"\\">e</span><span class=\\"\\"> </span><span class=\\"\\">m</span><span class=\\"\\">e</span><span class=\\"\\">i</span><span class=\\"\\">l</span><span class=\\"\\">l</span><span class=\\"\\">e</span><span class=\\"\\">u</span><span class=\\"\\">r</span><span class=\\"\\"> </span><span class=\\"\\">n</span><span class=\\"\\">u</span><span class=\\"\\">a</span><span class=\\"\\">g</span><span class=\\"\\">e</span><span class=\\"\\"> </span><span class=\\"\\">!</span></span></div>"`;
-
-exports[`PieChart should render examples: PieChart 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiGrid-root MuiGrid-container\\">
-    <div class=\\"MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6\\">
-      <div class=\\"makeStyles-container-580\\">
-        <div class=\\"makeStyles-background-581 makeStyles-background-584\\"></div><canvas role=\\"img\\" height=\\"150\\" width=\\"300\\"></canvas>
-        <div class=\\"makeStyles-centerText-582\\">
-          <h3 class=\\"MuiTypography-root makeStyles-typography-583 makeStyles-typography-585 MuiTypography-h3 MuiTypography-colorTextPrimary\\">60 %</h3>
-          <p class=\\"MuiTypography-root makeStyles-typography-583 makeStyles-typography-585 MuiTypography-body2 MuiTypography-colorTextPrimary\\">of the total</p>
-        </div>
-      </div>
-    </div>
-    <div class=\\"MuiGrid-root MuiGrid-item MuiGrid-grid-xs-12 MuiGrid-grid-sm-6\\">
-      <div class=\\"makeStyles-container-580\\">
-        <div class=\\"makeStyles-background-581 makeStyles-background-586\\"></div><canvas role=\\"img\\" height=\\"150\\" width=\\"300\\"></canvas>
-        <div class=\\"makeStyles-centerText-582\\">
-          <h3 class=\\"MuiTypography-root makeStyles-typography-583 makeStyles-typography-587 MuiTypography-h3 MuiTypography-colorTextPrimary\\">105 €</h3>
-          <p class=\\"MuiTypography-root makeStyles-typography-583 makeStyles-typography-587 MuiTypography-body2 MuiTypography-colorTextPrimary\\">on the period</p>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Progress should render examples: Progress 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"WITHVALUE\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">WITHVALUE</span></label>
-  </div>
-  <div class=\\"MuiLinearProgress-root MuiLinearProgress-colorPrimary MuiLinearProgress-determinate\\" role=\\"progressbar\\" aria-valuenow=\\"0\\" aria-valuemin=\\"0\\" aria-valuemax=\\"100\\">
-    <div class=\\"MuiLinearProgress-bar MuiLinearProgress-barColorPrimary MuiLinearProgress-bar1Determinate\\" style=\\"transform: translateX(-100%);\\"></div>
-  </div><br>
-  <div class=\\"MuiCircularProgress-root MuiCircularProgress-colorPrimary MuiCircularProgress-determinate\\" style=\\"width: 40px; height: 40px; transform: rotate(-90deg);\\" role=\\"progressbar\\" aria-valuenow=\\"0\\"><svg class=\\"MuiCircularProgress-svg\\" viewBox=\\"22 22 44 44\\">
-      <circle class=\\"MuiCircularProgress-circle MuiCircularProgress-circleDeterminate\\" style=\\"stroke-dasharray: 126.920; stroke-dashoffset: 126.920px;\\" cx=\\"44\\" cy=\\"44\\" r=\\"20.2\\" fill=\\"none\\" stroke-width=\\"3.6\\"></circle>
-    </svg></div>
-</div>"
-`;
-
-exports[`ProgressionBanner should render examples: ProgressionBanner 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"WITHVALUE\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">WITHVALUE</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"PROGRESSBAR\\" aria-checked=\\"\\" value=\\"\\" checked=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 3H5c-1.11 0-2 .9-2 2v14c0 1.1.89 2 2 2h14c1.11 0 2-.9 2-2V5c0-1.1-.89-2-2-2zm-9 14l-5-5 1.41-1.41L10 14.17l7.59-7.59L19 8l-9 9z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">PROGRESSBAR</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"WITHBUTTON\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">WITHBUTTON</span></label>
-  </div>
-  <div class=\\"MuiPaper-root MuiPaper-elevation0\\">
-    <div class=\\"styles__c-banner-wrapper___3KlaG Component-banner-588\\">
-      <div class=\\"MuiGrid-root MuiGrid-container MuiGrid-justify-content-xs-space-between\\">
-        <div class=\\"MuiGrid-root MuiGrid-container MuiGrid-item MuiGrid-wrap-xs-nowrap MuiGrid-align-items-xs-center MuiGrid-grid-xs-12 MuiGrid-grid-lg-8\\">
-          <div class=\\"MuiGrid-root MuiGrid-item\\">
-            <div class=\\"styles__c-banner-icon___1f_LM\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\">
-                <g fill=\\"none\\" fill-rule=\\"evenodd\\">
-                  <path fill=\\"#B2D3FF\\" d=\\"M8.889 27.892A8.889 8.889 0 010 19.003a8.892 8.892 0 017.26-8.74c.765-4.13 4.387-7.26 8.74-7.26 4.353 0 7.975 3.13 8.74 7.26a8.892 8.892 0 017.26 8.74 8.888 8.888 0 01-8.627 8.885l-.262.004H8.89z\\"></path>
-                  <path fill=\\"#297EF1\\" d=\\"M22.052 19.17a.89.89 0 01.405 1.19c-1.201 2.435-3.707 4.032-6.457 4.032-2.103 0-4.04-.962-5.373-2.471a.875.875 0 01-.85.693.889.889 0 01-.888-.889V18.17c0-.056.014-.106.023-.158.005-.024.004-.048.01-.071a.866.866 0 01.132-.285l.022-.024a.896.896 0 01.879-.327c.024.005.047.012.07.018a.842.842 0 01.22.102c.024.015.048.026.071.043.01.008.021.011.031.02l2.667 2.221a.89.89 0 01.113 1.252c-.166.2-.4.301-.64.313.96.832 2.198 1.34 3.513 1.34 2.065 0 3.958-1.206 4.862-3.04a.889.889 0 011.19-.404zm1.031-2.589c-.003.018-.002.036-.007.053a.862.862 0 01-.138.28c-.011.016-.024.026-.035.039a.88.88 0 01-.19.171c-.023.016-.043.03-.067.043a.91.91 0 01-.295.103c-.003 0-.005.002-.007.003-.008 0-.015-.003-.023-.002a.85.85 0 01-.362-.036.884.884 0 01-.225-.11c-.02-.014-.042-.023-.06-.038-.007-.005-.015-.006-.02-.012l-2.668-2.223a.888.888 0 01-.113-1.251.872.872 0 01.713-.305A5.448 5.448 0 0016 11.948c-2.103 0-4.007 1.213-4.89 3.06a.887.887 0 11-1.604-.764C10.682 11.78 13.21 10.17 16 10.17c2.127 0 4.061.93 5.385 2.412a.876.876 0 01.837-.634.89.89 0 01.889.888v3.556c0 .068-.014.128-.028.19z\\"></path>
-                </g>
-              </svg></div>
-          </div>
-          <div class=\\"MuiGrid-root styles__c-banner-text___1sTVC MuiGrid-item\\">
-            <p class=\\"MuiTypography-root MuiTypography-body2 MuiTypography-colorTextPrimary\\"><span class=\\"MuiTypography-root MuiTypography-h6 MuiTypography-colorTextPrimary\\">4 remaining items</span></p>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-  <hr class=\\"MuiDivider-root\\">
-  <div class=\\"MuiLinearProgress-root MuiLinearProgress-colorPrimary Component-progress-589 MuiLinearProgress-indeterminate\\" role=\\"progressbar\\">
-    <div class=\\"MuiLinearProgress-bar MuiLinearProgress-barColorPrimary MuiLinearProgress-bar1Indeterminate\\"></div>
-    <div class=\\"MuiLinearProgress-bar MuiLinearProgress-bar2Indeterminate MuiLinearProgress-barColorPrimary\\"></div>
-  </div>
-</div>"
-`;
-
-exports[`Radios should render examples: Radios 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"MuiFormGroup-root\\" role=\\"radiogroup\\" aria-label=\\"radio\\"><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-checked-2 Mui-checked MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" name=\\"radioName\\" type=\\"radio\\" value=\\"item1\\" checked=\\"\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 16A8 8 0 108 0a8 8 0 000 16zm0-6a2 2 0 100-4 2 2 0 000 4z\\" clip-rule=\\"evenodd\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">This is a radio button</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorSecondary MuiIconButton-colorSecondary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" name=\\"radioName\\" type=\\"radio\\" value=\\"item2\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zm0 14A6 6 0 108 2a6 6 0 000 12z\\" clip-rule=\\"evenodd\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">This is an intent radio button</span></label><label class=\\"MuiFormControlLabel-root Mui-disabled\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-disabled-3 Mui-disabled MuiIconButton-colorPrimary Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" aria-disabled=\\"true\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" disabled=\\"\\" name=\\"radioName\\" type=\\"radio\\" value=\\"item3\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zm0 14A6 6 0 108 2a6 6 0 000 12z\\" clip-rule=\\"evenodd\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1\\">This is a disabled radio button</span></label><label class=\\"MuiFormControlLabel-root Mui-disabled\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary PrivateSwitchBase-checked-2 Mui-checked PrivateSwitchBase-disabled-3 Mui-disabled MuiIconButton-colorPrimary Mui-disabled Mui-disabled\\" tabindex=\\"-1\\" aria-disabled=\\"true\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" disabled=\\"\\" name=\\"radioName\\" type=\\"radio\\" value=\\"item4\\" checked=\\"\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 16A8 8 0 108 0a8 8 0 000 16zm0-6a2 2 0 100-4 2 2 0 000 4z\\" clip-rule=\\"evenodd\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label Mui-disabled MuiTypography-body1\\">This is a checked disabled radio button</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary MuiIconButton-colorPrimary MuiIconButton-edgeStart\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" name=\\"radioName\\" type=\\"radio\\" value=\\"item5\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zm0 14A6 6 0 108 2a6 6 0 000 12z\\" clip-rule=\\"evenodd\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">This is a edge start radio button</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary MuiIconButton-colorPrimary MuiIconButton-edgeEnd\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" name=\\"radioName\\" type=\\"radio\\" value=\\"item6\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zm0 14A6 6 0 108 2a6 6 0 000 12z\\" clip-rule=\\"evenodd\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">This is a edge end radio button</span></label></div>
-  <div class=\\"MuiPaper-root u-p-1 u-mb-1 MuiPaper-elevation1\\">
-    <h5 class=\\"MuiTypography-root u-mb-1 MuiTypography-h5 MuiTypography-colorTextPrimary\\">Variant selector</h5><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"CHECKED\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">CHECKED</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"DISABLED\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">DISABLED</span></label><label class=\\"MuiFormControlLabel-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiCheckbox-root MuiCheckbox-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"checkbox\\" data-indeterminate=\\"false\\" aria-label=\\"SECONDARY\\" aria-checked=\\"\\" value=\\"\\"><svg class=\\"MuiSvgIcon-root\\" focusable=\\"false\\" viewBox=\\"0 0 24 24\\" aria-hidden=\\"true\\"><path d=\\"M19 5v14H5V5h14m0-2H5c-1.1 0-2 .9-2 2v14c0 1.1.9 2 2 2h14c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2z\\"></path></svg></span></span><span class=\\"MuiTypography-root MuiFormControlLabel-label MuiTypography-body1\\">SECONDARY</span></label>
-  </div><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"radio\\" value=\\"\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zm0 14A6 6 0 108 2a6 6 0 000 12z\\" clip-rule=\\"evenodd\\"></path></svg></span></span>
-</div>"
-`;
-
-exports[`Radios should render examples: Radios 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <div style=\\"height: 3rem; width: 3rem; border: 2px dashed #ccc; display: flex; justify-content: center; align-items: center;\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary MuiIconButton-colorPrimary\\" aria-disabled=\\"false\\" style=\\"border: 1px solid red;\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"radio\\" value=\\"\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zm0 14A6 6 0 108 2a6 6 0 000 12z\\" clip-rule=\\"evenodd\\"></path></svg></span></span></div>
-  <div style=\\"height: 3rem; width: 3rem; border: 2px dashed #ccc; display: flex; justify-content: center; align-items: center;\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary MuiIconButton-colorPrimary MuiIconButton-edgeStart\\" aria-disabled=\\"false\\" style=\\"border: 1px solid red;\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"radio\\" value=\\"\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zm0 14A6 6 0 108 2a6 6 0 000 12z\\" clip-rule=\\"evenodd\\"></path></svg></span></span></div>
-  <div style=\\"height: 3rem; width: 3rem; border: 2px dashed #ccc; display: flex; justify-content: center; align-items: center;\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiRadio-root MuiRadio-colorPrimary MuiIconButton-colorPrimary MuiIconButton-edgeEnd\\" aria-disabled=\\"false\\" style=\\"border: 1px solid red;\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4\\" type=\\"radio\\" value=\\"\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\"><path fill-rule=\\"evenodd\\" d=\\"M8 0a8 8 0 100 16A8 8 0 008 0zm0 14A6 6 0 108 2a6 6 0 000 12z\\" clip-rule=\\"evenodd\\"></path></svg></span></span></div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div style=\\"background: whitesmoke; padding: .5em;\\">
-    <div class=\\"styles__select--autowidth___16AEp css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-      <div class=\\" css-8ushqo-control\\">
-        <div class=\\" css-blko0k-ValueContainer\\">
-          <div class=\\" css-1u3ujn0-placeholder\\">Select...</div>
-          <div class=\\"css-b8ldur-Input\\">
-            <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-3-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-              <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-            </div>
-          </div>
-        </div>
-        <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-          <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__select--autowidth___16AEp css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-    <div class=\\" css-8ushqo-control\\">
-      <div class=\\" css-blko0k-ValueContainer\\">
-        <div class=\\" css-1u3ujn0-placeholder\\">Select...</div>
-        <div class=\\"css-b8ldur-Input\\">
-          <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-4-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-            <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-          </div>
-        </div>
-      </div>
-      <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-        <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-            <path d=\\"M20.603 17.825a1.571 1.571 0 002.222-2.222l-9.428-9.428a1.571 1.571 0 00-2.222 0l-9.429 9.428a1.571 1.571 0 002.222 2.222l8.318-8.317 8.317 8.317z\\" fill-rule=\\"evenodd\\"></path>
-          </svg></div>
-      </div>
-    </div>
-    <div class=\\" css-t5wif0-menu\\">
-      <div class=\\" css-4ljt47-MenuList\\">
-        <div id=\\"react-select-4-option-0\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">Chocolate</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 3`] = `
-"<div data-testid=\\"mountNode\\">
-  <div style=\\"height: 12rem; padding: .5rem; overflow: auto;\\">Container height: 12rem. <button>Change container height</button>
-    <div class=\\"styles__select--autowidth___16AEp css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-      <div class=\\" css-8ushqo-control\\">
-        <div class=\\" css-blko0k-ValueContainer\\">
-          <div class=\\" css-1u3ujn0-placeholder\\">Select...</div>
-          <div class=\\"css-b8ldur-Input\\">
-            <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-5-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-              <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-            </div>
-          </div>
-        </div>
-        <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-          <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 4`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__select--autowidth___16AEp styles__select--disabled___1W3en css-14jk2my-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-    <div class=\\" css-1r0x2f0-control\\">
-      <div class=\\" css-blko0k-ValueContainer\\">
-        <div class=\\" css-1u3ujn0-placeholder\\">Select...</div>
-        <div class=\\"css-1bwsx9e-Input\\">
-          <div class=\\"\\" style=\\"display: inline-block;\\"><input disabled=\\"\\" autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-6-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-            <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-          </div>
-        </div>
-      </div>
-      <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-        <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-            <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-          </svg></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 5`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__select--fullwidth___2l_xM css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-    <div class=\\" css-8ushqo-control\\">
-      <div class=\\" css-blko0k-ValueContainer\\">
-        <div class=\\" css-1u3ujn0-placeholder\\">Select...</div>
-        <div class=\\"css-b8ldur-Input\\">
-          <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-7-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-            <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-          </div>
-        </div>
-      </div>
-      <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-        <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-            <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-          </svg></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 6`] = `
-"<div data-testid=\\"mountNode\\">
-  <div>
-    <div class=\\"styles__select--autowidth___16AEp styles__select--disabled___1W3en css-14jk2my-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-      <div class=\\" css-1r0x2f0-control\\">
-        <div class=\\" css-blko0k-ValueContainer\\">
-          <div class=\\" css-1u3ujn0-placeholder\\">Select...</div>
-          <div class=\\"css-1bwsx9e-Input\\">
-            <div class=\\"\\" style=\\"display: inline-block;\\"><input disabled=\\"\\" autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-8-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-              <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-            </div>
-          </div>
-        </div>
-        <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-          <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-      </div>
-    </div><button>Show inputElement value</button>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 7`] = `
-"<div data-testid=\\"mountNode\\">
-  <div>
-    <div class=\\"u-mb-1\\">
-      <div class=\\"styles__select--autowidth___16AEp css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-        <div class=\\" css-y839ce-control\\">
-          <div class=\\" css-blko0k-ValueContainer\\">
-            <div class=\\" css-12iw3je-singleValue\\">I am a tiny SelectBox</div>
-            <div class=\\"css-b8ldur-Input\\">
-              <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-9-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-                <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-              </div>
-            </div>
-          </div>
-          <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-            <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-                <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-              </svg></div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class=\\"u-mb-1\\">
-      <div class=\\"styles__select--autowidth___16AEp css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-        <div class=\\" css-r96bzv-control\\">
-          <div class=\\" css-blko0k-ValueContainer\\">
-            <div class=\\" css-12iw3je-singleValue\\">I am a medium SelectBox</div>
-            <div class=\\"css-b8ldur-Input\\">
-              <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-10-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-                <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-              </div>
-            </div>
-          </div>
-          <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-            <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-                <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-              </svg></div>
-          </div>
-        </div>
-      </div>
-    </div>
-    <div class=\\"u-mb-1\\">
-      <div class=\\"styles__select--autowidth___16AEp css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-        <div class=\\" css-8ushqo-control\\">
-          <div class=\\" css-blko0k-ValueContainer\\">
-            <div class=\\" css-12iw3je-singleValue\\">I am a large SelectBox</div>
-            <div class=\\"css-b8ldur-Input\\">
-              <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-11-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-                <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-              </div>
-            </div>
-          </div>
-          <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-            <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-                <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-              </svg></div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 8`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__select--autowidth___16AEp css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-    <div><button>toggle options</button>
-      <div class=\\"styles__select-control__input___1xDlj\\">
-        <div class=\\" css-blko0k-ValueContainer\\">
-          <div class=\\" css-1u3ujn0-placeholder\\">Select...</div>
-          <div class=\\"css-b8ldur-Input\\">
-            <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-12-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-              <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-            </div>
-          </div>
-        </div>
-        <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-          <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-              <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-            </svg></div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 9`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__select--autowidth___16AEp css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-    <div class=\\" css-8ushqo-control\\">
-      <div class=\\" css-blko0k-ValueContainer\\">
-        <div class=\\" css-1u3ujn0-placeholder\\">Select...</div>
-        <div class=\\"css-b8ldur-Input\\">
-          <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-13-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-            <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-          </div>
-        </div>
-      </div>
-      <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-        <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-            <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-          </svg></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 10`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__select--autowidth___16AEp css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-    <div class=\\" css-8ushqo-control\\">
-      <div class=\\" css-blko0k-ValueContainer\\">
-        <div class=\\" css-1u3ujn0-placeholder\\">Select...</div>
-        <div class=\\"css-b8ldur-Input\\">
-          <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-14-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-            <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-          </div>
-        </div>
-      </div>
-      <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-        <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-            <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-          </svg></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 11`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__select--autowidth___16AEp css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-    <div class=\\" css-8ushqo-control\\">
-      <div class=\\" css-blko0k-ValueContainer\\">
-        <div class=\\" css-1u3ujn0-placeholder\\">Select...</div>
-        <div class=\\"css-b8ldur-Input\\">
-          <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-15-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-            <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-          </div>
-        </div>
-      </div>
-      <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-        <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-            <path d=\\"M20.603 17.825a1.571 1.571 0 002.222-2.222l-9.428-9.428a1.571 1.571 0 00-2.222 0l-9.429 9.428a1.571 1.571 0 002.222 2.222l8.318-8.317 8.317 8.317z\\" fill-rule=\\"evenodd\\"></path>
-          </svg></div>
-      </div>
-    </div>
-    <div class=\\" css-t5wif0-menu\\">
-      <div class=\\"styles__MenuList___1H_pH css-4ljt47-MenuList\\">
-        <div class=\\"styles__Group___J6s7k css-syji7d-Group\\">
-          <div>
-            <div id=\\"react-select-15-option-0-0\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">B</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-1\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">C</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-2\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">D</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-3\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">E</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-4\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">F</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-5\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">G</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-6\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">H</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-7\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">I</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-8\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">J</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-9\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">K</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-10\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">L</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-11\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">M</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-12\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">N</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-13\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">O</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-14\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">P</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-15\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">Q</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-16\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">R</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-17\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">S</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-18\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">T</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-19\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">U</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-20\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">V</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-21\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">W</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-22\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">X</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-0-23\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">Y</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-          </div>
-        </div>
-        <div class=\\"styles__FixedGroup___2izTc css-syji7d-Group\\">
-          <div>
-            <div id=\\"react-select-15-option-1-0\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">A</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-            <div id=\\"react-select-15-option-1-1\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">Z</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 12`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__select--autowidth___16AEp css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-    <div class=\\" css-8ushqo-control\\">
-      <div class=\\"needsclick css-blko0k-ValueContainer\\">
-        <div class=\\" css-1u3ujn0-placeholder\\">Select...</div>
-        <div class=\\"css-b8ldur-Input\\">
-          <div class=\\"\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-16-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-            <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-          </div>
-        </div>
-      </div>
-      <div class=\\" css-1hb7zxy-IndicatorsContainer\\"><span class=\\" css-1xjgjl1-IndicatorSeparator\\"></span>
-        <div class=\\" css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-            <path d=\\"M3.968 6.175a1.571 1.571 0 00-2.222 2.222l9.429 9.428a1.571 1.571 0 002.222 0l9.428-9.428a1.571 1.571 0 00-2.222-2.222l-8.317 8.317-8.318-8.317z\\" fill-rule=\\"evenodd\\"></path>
-          </svg></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 13`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__select--autowidth___16AEp css-2b097c-container\\"><span aria-live=\\"polite\\" aria-atomic=\\"false\\" aria-relevant=\\"additions text\\" class=\\"css-1f43avz-a11yText-A11yText\\"></span>
-    <div class=\\"needsclick cz__control needsclick cz__control--menu-is-open css-8ushqo-control\\">
-      <div class=\\"needsclick cz__value-container css-blko0k-ValueContainer\\">
-        <div class=\\"needsclick cz__placeholder css-1u3ujn0-placeholder\\">Select...</div>
-        <div class=\\"css-b8ldur-Input\\">
-          <div class=\\"needsclick cz__input\\" style=\\"display: inline-block;\\"><input autocapitalize=\\"none\\" autocomplete=\\"off\\" autocorrect=\\"off\\" id=\\"react-select-17-input\\" spellcheck=\\"false\\" tabindex=\\"0\\" type=\\"text\\" aria-autocomplete=\\"list\\" style=\\"box-sizing: content-box; width: 2px; border: 0px; opacity: 1; outline: 0; padding: 0px;\\" value=\\"\\">
-            <div style=\\"position: absolute; top: 0px; left: 0px; visibility: hidden; height: 0px; overflow: scroll; white-space: pre; font-family: -webkit-small-control; letter-spacing: normal; text-transform: none;\\"></div>
-          </div>
-        </div>
-      </div>
-      <div class=\\"needsclick cz__indicators css-1hb7zxy-IndicatorsContainer\\"><span class=\\"needsclick cz__indicator-separator css-1xjgjl1-IndicatorSeparator\\"></span>
-        <div class=\\"needsclick cz__indicator needsclick cz__dropdown-indicator css-c1md1-indicatorContainer\\" aria-hidden=\\"true\\"><svg viewBox=\\"0 0 24 24\\" class=\\"styles__icon___23x3R\\" style=\\"fill: var(--iconTextColor);\\" width=\\"20\\" height=\\"16\\">
-            <path d=\\"M20.603 17.825a1.571 1.571 0 002.222-2.222l-9.428-9.428a1.571 1.571 0 00-2.222 0l-9.429 9.428a1.571 1.571 0 002.222 2.222l8.318-8.317 8.317 8.317z\\" fill-rule=\\"evenodd\\"></path>
-          </svg></div>
-      </div>
-    </div>
-    <div class=\\"needsclick cz__menu css-t5wif0-menu\\">
-      <div class=\\"needsclick cz__menu-list css-4ljt47-MenuList\\">
-        <div id=\\"react-select-17-option-0\\" tabindex=\\"-1\\" class=\\"styles__select-option___ov_IT\\"><span class=\\"styles__select-option__label___1Xi5R\\"><span class=\\"u-ellipsis\\">Chocolate</span></span><span class=\\"styles__select-option__checkmark___ChXXs\\"></span></div>
-      </div>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`SelectBox should render examples: SelectBox 14`] = `
-"<div data-testid=\\"mountNode\\"><button>Toggle modal</button>
-  <div class=\\"CozyTheme--light-normal u-dc\\"></div>
-</div>"
-`;
-
-exports[`Sidebar should render examples: Sidebar 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <aside id=\\"sidebar\\" class=\\"styles__o-sidebar___1295j\\">
-    <nav role=\\"navigation\\">
-      <ul class=\\"styles__c-nav___33dZy\\">
-        <li class=\\"styles__c-nav-item___3XOLK\\" id=\\"nav-item\\"><a class=\\"styles__c-nav-link___3mK6W styles__is-active___2D0jN\\"><span class=\\"styles__c-nav-icon___hrJUe\\"><svg viewBox=\\"0 0 48 48\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path fill-rule=\\"evenodd\\" d=\\"M24 48c13.255 0 24-10.745 24-24S37.255 0 24 0 0 10.745 0 24s10.745 24 24 24zm-1.503-34.897c.83-1.438 2.175-1.44 3.007 0l9.992 17.294c.83 1.438.16 2.603-1.504 2.603H14.008c-1.661 0-2.336-1.162-1.504-2.603l9.993-17.294zm.082 5.323A1.334 1.334 0 0123.93 17h.141c.79 0 1.395.633 1.35 1.426l-.365 6.576c-.03.551-.499.998-1.055.998a1.069 1.069 0 01-1.055-.998l-.366-6.576zM22.5 29c0-.828.666-1.5 1.5-1.5.828 0 1.5.666 1.5 1.5 0 .828-.666 1.5-1.5 1.5-.828 0-1.5-.666-1.5-1.5z\\"></path></svg></span><span class=\\"styles__c-nav-text___1J3yU\\">Warn</span></a></li>
-        <li class=\\"styles__c-nav-item___3XOLK\\"><a class=\\"styles__c-nav-link___3mK6W\\"><span class=\\"styles__c-nav-icon___hrJUe\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M1.707 10.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l11-11a1 1 0 00-1.414-1.414L4 12.586l-2.293-2.293z\\"></path></svg></span><span class=\\"styles__c-nav-text___1J3yU\\">Check</span></a></li>
-        <li class=\\"styles__c-nav-item___3XOLK styles__c-nav-item-secondary___k14rf\\"><a class=\\"styles__c-nav-link___3mK6W\\"><span class=\\"styles__c-nav-text___1J3yU\\">Secondary link</span></a></li>
-        <li class=\\"styles__c-nav-item___3XOLK\\"><a class=\\"styles__c-nav-link___3mK6W\\"><span class=\\"styles__c-nav-icon___hrJUe\\"><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path fill-rule=\\"evenodd\\" d=\\"M7 9.586L5.707 8.293a1 1 0 00-1.414 1.414l3 3a1 1 0 001.414 0l3-3a1 1 0 00-1.414-1.414L9 9.586V2a1 1 0 10-2 0v7.586zM1 14h14a1 1 0 110 2H1a1 1 0 110-2z\\"></path></svg></span><span class=\\"styles__c-nav-text___1J3yU\\">Download</span></a></li>
-      </ul>
-    </nav>
-  </aside>
-</div>"
-`;
-
-exports[`Spinner should render examples: Spinner 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: var(--primaryColor);\\" width=\\"16\\" height=\\"16\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-      <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-      <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-    </svg></div>
-</div>"
-`;
-
-exports[`Spinner should render examples: Spinner 2`] = `
-"<div data-testid=\\"mountNode\\">
-  <div>blue (default): <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: var(--primaryColor);\\" width=\\"16\\" height=\\"16\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div> or <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: blue;\\" width=\\"16\\" height=\\"16\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div>grey: <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: grey;\\" width=\\"16\\" height=\\"16\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div>white: <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: white;\\" width=\\"16\\" height=\\"16\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div>red: <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: red;\\" width=\\"16\\" height=\\"16\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div>
-  </div>
-</div>"
-`;
-
-exports[`Spinner should render examples: Spinner 3`] = `
-"<div data-testid=\\"mountNode\\">
-  <div>
-    <div class=\\"styles__c-spinner___1snK7 styles__c-spinner--nomargin___13JyW\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: var(--primaryColor);\\" width=\\"16\\" height=\\"16\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div>
-  </div>
-</div>"
-`;
-
-exports[`Spinner should render examples: Spinner 4`] = `
-"<div data-testid=\\"mountNode\\">
-  <div>tiny: <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: var(--primaryColor);\\" width=\\"8\\" height=\\"8\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div><br>small: <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: var(--primaryColor);\\" width=\\"12\\" height=\\"12\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div><br>medium (default): <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: var(--primaryColor);\\" width=\\"16\\" height=\\"16\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div> or <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: var(--primaryColor);\\" width=\\"16\\" height=\\"16\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div><br>large: <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: var(--primaryColor);\\" width=\\"24\\" height=\\"24\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div><br>xlarge: <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: var(--primaryColor);\\" width=\\"36\\" height=\\"36\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div><br>xxlarge: <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: var(--primaryColor);\\" width=\\"80\\" height=\\"80\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg></div>
-  </div>
-</div>"
-`;
-
-exports[`Spinner should render examples: Spinner 5`] = `
-"<div data-testid=\\"mountNode\\">
-  <div>
-    <div class=\\"styles__c-spinner___1snK7\\"><svg viewBox=\\"0 0 32 32\\" class=\\"styles__icon___23x3R styles__icon--spin___ybfC1\\" style=\\"fill: var(--primaryColor);\\" width=\\"80\\" height=\\"80\\" role=\\"progressbar\\" aria-busy=\\"true\\">
-        <path opacity=\\"0.25\\" d=\\"M16 0a16 16 0 000 32 16 16 0 000-32m0 4a12 12 0 010 24 12 12 0 010-24\\"></path>
-        <path d=\\"M16 0a16 16 0 0116 16h-4A12 12 0 0016 4z\\"></path>
-      </svg>
-      <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextSecondary\\">Hello world !</p>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Switch should render examples: Switch 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <div class=\\"styles__Stack--xs___2R5lW\\">
-    <div class=\\"MuiBox-root MuiBox-root-591\\">
-      <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-displayInline\\">primary</p><span class=\\"MuiSwitch-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiSwitch-switchBase MuiSwitch-colorPrimary PrivateSwitchBase-checked-2 Mui-checked\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4 MuiSwitch-input\\" type=\\"checkbox\\" value=\\"\\" checked=\\"\\"><span class=\\"MuiSwitch-thumb\\"></span></span></span><span class=\\"MuiSwitch-track\\"></span></span>
-    </div>
-    <div class=\\"MuiBox-root MuiBox-root-592\\">
-      <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-displayInline\\">secondary</p><span class=\\"MuiSwitch-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiSwitch-switchBase MuiSwitch-colorSecondary PrivateSwitchBase-checked-2 Mui-checked\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4 MuiSwitch-input\\" type=\\"checkbox\\" value=\\"\\" checked=\\"\\"><span class=\\"MuiSwitch-thumb\\"></span></span></span><span class=\\"MuiSwitch-track\\"></span></span>
-    </div>
-    <div class=\\"MuiBox-root MuiBox-root-593\\">
-      <p class=\\"MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-displayInline\\">default</p><span class=\\"MuiSwitch-root\\"><span class=\\"MuiButtonBase-root MuiIconButton-root PrivateSwitchBase-root-1 MuiSwitch-switchBase\\" aria-disabled=\\"false\\"><span class=\\"MuiIconButton-label\\"><input class=\\"PrivateSwitchBase-input-4 MuiSwitch-input\\" type=\\"checkbox\\" value=\\"\\"><span class=\\"MuiSwitch-thumb\\"></span></span></span><span class=\\"MuiSwitch-track\\"></span></span>
-    </div>
-  </div>
-</div>"
-`;
-
-exports[`Textarea should render examples: Textarea 1`] = `"<div data-testid=\\"mountNode\\"><textarea placeholder=\\"Once upon a time…\\" class=\\"styles__c-textarea___D7EEH\\"></textarea></div>"`;
-
-exports[`Textarea should render examples: Textarea 2`] = `"<div data-testid=\\"mountNode\\"><textarea placeholder=\\"Once upon a time, there was an error…\\" class=\\"styles__c-textarea___D7EEH styles__is-error___1kGLj\\"></textarea></div>"`;
-
-exports[`Textarea should render examples: Textarea 3`] = `"<div data-testid=\\"mountNode\\"><textarea aria-disabled=\\"true\\" disabled=\\"\\" placeholder=\\"\\" class=\\"styles__c-textarea___D7EEH\\">Don't edit me.</textarea></div>"`;
-
-exports[`Textarea should render examples: Textarea 4`] = `
-"<div data-testid=\\"mountNode\\">
-  <div>
-    <p><textarea placeholder=\\"I'm have a tiny size\\" class=\\"styles__c-textarea___D7EEH styles__c-textarea--tiny___3fmPW\\"></textarea></p>
-    <p><textarea placeholder=\\"I'm have a medium size\\" class=\\"styles__c-textarea___D7EEH styles__c-textarea--medium___T8f3b\\"></textarea></p>
-  </div>
-</div>"
-`;
-
-exports[`Textarea should render examples: Textarea 5`] = `
-"<div data-testid=\\"mountNode\\">
-  <div>
-    <p><textarea placeholder=\\"I'm full width\\" class=\\"styles__c-textarea___D7EEH styles__c-textarea--fullwidth___Ih_mg\\"></textarea></p>
-  </div>
-</div>"
-`;
-
-exports[`Textarea should render examples: Textarea 6`] = `
-"<div data-testid=\\"mountNode\\">
-  <div><textarea placeholder=\\"\\" class=\\"styles__c-textarea___D7EEH\\" name=\\"my-field\\"></textarea></div>
-</div>"
-`;
-
-exports[`UnorderedList should render examples: UnorderedList 1`] = `
-"<div data-testid=\\"mountNode\\">
-  <ul class=\\"styles__UnorderedList___2uFFY styles__Stack--m___1tSpV\\">
-    <li class=\\"styles__ListItem___3cRoI\\">Do this</li>
-    <li class=\\"styles__ListItem___3cRoI\\">And this</li>
-    <li class=\\"styles__ListItem___3cRoI\\">Oh, and this, too</li>
-  </ul>
-</div>"
-`;
-
-exports[`Wizard should render examples: Wizard 1`] = `
-"<div data-testid=\\"mountNode\\"><button>Show wizard</button><br>
-  <div class=\\"styles__wizard___m6AMR\\">
-    <div class=\\"styles__wizard-wrapper___38V4s\\">
-      <header class=\\"styles__wizard-header___2_r05\\"><button type=\\"button\\" class=\\"styles__c-btn___3kXsk styles__c-btn--subtle___2rRQ0 styles__c-btn--narrow___erKsd styles__c-btn--center___Nny0n styles__wizard-previous___2StGt\\" title=\\"Previous\\"><span><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" width=\\"16\\" height=\\"16\\" aria-hidden=\\"true\\" focusable=\\"false\\"><path d=\\"M3.414 7h11.58C15.548 7 16 7.444 16 8c0 .552-.45 1-1.007 1H3.414l5.293 5.293a1 1 0 01-1.414 1.414l-7-7a1 1 0 010-1.414l7-7a1 1 0 111.414 1.414L3.414 7z\\" fill-rule=\\"evenodd\\"></path></svg><span class=\\"u-visuallyhidden\\">Previous</span></span></button>
-        <h3 class=\\"MuiTypography-root styles__wizard-title___11Dzr MuiTypography-h3 MuiTypography-colorTextPrimary\\">Connect to your Cozy</h3>
-      </header>
-      <div class=\\"styles__wizard-main___ObvId\\">
-        <div class=\\"styles__o-field___3n5HM\\"><label for=\\"\\" class=\\"styles__c-label___o4ozG styles__c-label--block___2ZV_7\\">Login</label><input type=\\"text\\" id=\\"\\" class=\\"styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR\\" placeholder=\\"dalailama@cozycloud.cc\\" spellcheck=\\"false\\" value=\\"\\"></div>
-        <div class=\\"styles__o-field___3n5HM\\"><label for=\\"\\" class=\\"styles__c-label___o4ozG styles__c-label--block___2ZV_7\\">Password</label><input type=\\"text\\" id=\\"\\" class=\\"styles__c-input-text___3TAv1 styles__c-input-text--large___28EaR\\" placeholder=\\"\\" spellcheck=\\"false\\" value=\\"\\"></div>
-        <p class=\\"styles__wizard-errors___1ufSE u-error\\">There is an error</p>
-      </div>
-      <footer class=\\"styles__wizard-footer___-ZrgM u-pb-2\\"><button type=\\"submit\\" class=\\"styles__c-btn___3kXsk styles__c-btn--large___3PnsT styles__c-btn--center___Nny0n styles__wizard-next___38lPl\\"><span><span>Next step</span><svg viewBox=\\"0 0 16 16\\" class=\\"styles__icon___23x3R\\" style=\\"fill: white;\\" width=\\"16\\" height=\\"16\\">
-            <path d=\\"M12.586 7H1.006C.452 7 0 7.444 0 8c0 .552.45 1 1.007 1h11.579l-5.293 5.293a1 1 0 001.414 1.414l7-7a1 1 0 000-1.414l-7-7a1 1 0 10-1.414 1.414L12.586 7z\\" fill-rule=\\"evenodd\\"></path>
-          </svg></span></button><button type=\\"button\\" class=\\"styles__c-btn___3kXsk styles__c-btn--text___33vmu styles__c-btn--large___3PnsT styles__c-btn--subtle___2rRQ0 styles__c-btn--center___Nny0n\\"><span><span>Register an account</span></span></button></footer>
-    </div>
-  </div>
-</div>"
-`;
diff --git a/react/deprecated/ActionMenu/__snapshots__/index.spec.jsx.snap b/react/deprecated/ActionMenu/__snapshots__/index.spec.jsx.snap
deleted file mode 100644
index 8aeb4d2826..0000000000
--- a/react/deprecated/ActionMenu/__snapshots__/index.spec.jsx.snap
+++ /dev/null
@@ -1,157 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`ActionMenu should render as expected 1`] = `
-<div>
-  <div
-    class="styles__media___cSJMp styles__media--top___K9w0I styles__c-actionmenu-item___gODqd"
-  >
-    <div
-      class="styles__img___3SHpG u-mh-1"
-    >
-      <svg
-        class="styles__icon___23x3R"
-        height="16"
-        viewBox="0 0 16 16"
-        width="16"
-      >
-        <defs>
-          <path
-            d="M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 01-1.007.996H2.007A1.002 1.002 0 011 15V1zm10 3V0l4 4h-4z"
-            id="file_svg__a"
-          />
-        </defs>
-        <use
-          fill-rule="evenodd"
-          xlink:href="#file_svg__a"
-        />
-      </svg>
-    </div>
-    <div
-      class="styles__bd___1Uv-F u-mr-1 u-stack-xs"
-    >
-      Item 1 with onclick action
-    </div>
-    <div
-      class="styles__img___3SHpG u-mr-1"
-    >
-      <svg
-        class="styles__icon___23x3R"
-        height="16"
-        style="fill: var(--errorColor);"
-        viewBox="0 0 16 16"
-        width="16"
-      >
-        <path
-          d="M7.022 1.736c.543-.959 1.428-.95 1.966 0l6.532 11.529c.543.958.094 1.735-1.016 1.735h-13C.399 15-.051 14.215.487 13.265l6.535-11.53zM7.004 13c0-.552.443-1 1-1 .552 0 1 .444 1 1 0 .553-.444 1-1 1-.553 0-1-.444-1-1zm0-7.997a.999.999 0 011-1.003c.552 0 1 .438 1 1.003v4.994a.999.999 0 01-1 1.003c-.553 0-1-.438-1-1.003V5.003z"
-          fill-rule="evenodd"
-        />
-      </svg>
-    </div>
-  </div>
-  <div
-    class="styles__media___cSJMp styles__media--top___K9w0I styles__c-actionmenu-item___gODqd"
-  >
-    <div
-      class="styles__img___3SHpG u-mh-1"
-    >
-      <svg
-        class="styles__icon___23x3R"
-        height="16"
-        viewBox="0 0 16 16"
-        width="16"
-      >
-        <defs>
-          <path
-            d="M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 01-1.007.996H2.007A1.002 1.002 0 011 15V1zm10 3V0l4 4h-4z"
-            id="file_svg__a"
-          />
-        </defs>
-        <use
-          fill-rule="evenodd"
-          xlink:href="#file_svg__a"
-        />
-      </svg>
-    </div>
-    <div
-      class="styles__bd___1Uv-F u-mr-1 u-stack-xs"
-    >
-      Item 2 with dialog action
-    </div>
-  </div>
-  <div
-    class="styles__media___cSJMp styles__media--top___K9w0I styles__c-actionmenu-item___gODqd"
-  >
-    <div
-      class="styles__img___3SHpG u-mh-1"
-    >
-      <label
-        class="styles__c-input-radio___XJQt1 styles__c-actionmenu-radio___Km9uj"
-      >
-        <input
-          type="radio"
-          value=""
-        />
-        <span />
-      </label>
-    </div>
-    <div
-      class="styles__bd___1Uv-F u-mr-1 u-stack-xs"
-    >
-      Item 3
-    </div>
-  </div>
-  <div
-    class="styles__media___cSJMp styles__media--top___K9w0I styles__c-actionmenu-item___gODqd"
-  >
-    <div
-      class="styles__img___3SHpG u-mh-1"
-    >
-      <svg
-        class="styles__icon___23x3R"
-        height="16"
-        viewBox="0 0 16 16"
-        width="16"
-      >
-        <defs>
-          <path
-            d="M1 1c0-.552.446-1 .998-1H10v5h5v10.004a1 1 0 01-1.007.996H2.007A1.002 1.002 0 011 15V1zm10 3V0l4 4h-4z"
-            id="file_svg__a"
-          />
-        </defs>
-        <use
-          fill-rule="evenodd"
-          xlink:href="#file_svg__a"
-        />
-      </svg>
-    </div>
-    <div
-      class="styles__bd___1Uv-F u-mr-1 u-stack-xs"
-    >
-      <p
-        class="MuiTypography-root MuiTypography-body1 MuiTypography-colorTextPrimary MuiTypography-gutterBottom"
-      >
-        Item 4
-      </p>
-      <span
-        class="MuiTypography-root MuiTypography-caption MuiTypography-colorTextSecondary"
-      >
-        Descriptive text to elaborate on what item 3 does.
-      </span>
-    </div>
-  </div>
-</div>
-`;
-
-exports[`ActionMenu should support null children 1`] = `
-<div
-  className="styles__c-actionmenu___22Fp1 styles__c-actionmenu--inline___1SXZa"
-  onClick={[Function]}
-  onTouchEnd={[Function]}
->
-  <ActionMenuItem
-    contentSpacing="xs"
-  >
-    Item 1
-  </ActionMenuItem>
-</div>
-`;
diff --git a/react/deprecated/ActionMenu/index.spec.jsx b/react/deprecated/ActionMenu/index.spec.jsx
deleted file mode 100644
index 814c9aaa28..0000000000
--- a/react/deprecated/ActionMenu/index.spec.jsx
+++ /dev/null
@@ -1,115 +0,0 @@
-import { render } from '@testing-library/react'
-import { mount } from 'enzyme'
-import React from 'react'
-import { act } from 'react-dom/test-utils'
-
-import ActionMenu, { ActionMenuItem, ActionMenuRadio } from '.'
-import Icon from '../../Icon'
-import FileIcon from '../../Icons/File'
-import WarningIcon from '../../Icons/Warning'
-import { fixPopperTesting } from '../../Popper/testing'
-import Typography from '../../Typography'
-import { BreakpointsProvider } from '../../providers/Breakpoints'
-
-xdescribe('ActionMenu', () => {
-  fixPopperTesting()
-
-  // The update-not-wrapping-in-act warning is disabled for ActionMenuWrapper since
-  // we have not found how to remove the "update" happening when mounting the
-  // ActionMenu.
-  let originalConsoleError = console.error
-
-  beforeEach(() => {
-    // eslint-disable-next-line no-console
-    console.error = function (msg, arg) {
-      if (
-        msg.includes('An update to %s inside a test was not wrapped in act') &&
-        arg == 'ActionMenuWrapper'
-      ) {
-        return
-      } else {
-        return originalConsoleError.apply(this, arguments)
-      }
-    }
-  })
-
-  afterEach(() => {
-    // eslint-disable-next-line no-console
-    console.error = originalConsoleError
-  })
-
-  it('should support null children', async () => {
-    const comp = mount(
-      <BreakpointsProvider>
-        <ActionMenu onClose={jest.fn()}>
-          <ActionMenuItem>Item 1</ActionMenuItem>
-          {null}
-        </ActionMenu>
-      </BreakpointsProvider>
-    )
-    // Remove an update was not wrapped in act() warning
-    await act(async () => {})
-    expect(comp.find(ActionMenuItem).parent().getElement()).toMatchSnapshot()
-  })
-
-  it('should support auto-closing the menu', async () => {
-    const closeMenu = jest.fn()
-    const menuAction1 = jest.fn()
-    const menuAction2 = jest.fn()
-    const menuActionStoppingPropagation = e => {
-      e.stopPropagation()
-      menuAction2()
-    }
-
-    const comp = mount(
-      <BreakpointsProvider>
-        <ActionMenu onClose={closeMenu} autoclose>
-          <ActionMenuItem onClick={menuAction1}>Item 1</ActionMenuItem>
-          <ActionMenuItem onClick={menuActionStoppingPropagation}>
-            Item 2
-          </ActionMenuItem>
-        </ActionMenu>
-      </BreakpointsProvider>
-    )
-
-    await act(async () => {
-      comp.find(ActionMenuItem).at(1).simulate('click')
-    })
-    expect(menuAction2).toHaveBeenCalled()
-    expect(closeMenu).not.toHaveBeenCalled()
-
-    act(() => {
-      comp.find(ActionMenuItem).at(0).simulate('click')
-    })
-    expect(menuAction1).toHaveBeenCalled()
-    expect(closeMenu).toHaveBeenCalled()
-  })
-
-  it('should render as expected', async () => {
-    const { container } = render(
-      <BreakpointsProvider>
-        <ActionMenuItem
-          left={<Icon icon={FileIcon} />}
-          right={<Icon icon={WarningIcon} color="var(--errorColor)" />}
-          onClick={() => alert('click')}
-        >
-          Item 1 with onclick action
-        </ActionMenuItem>
-        <ActionMenuItem left={<Icon icon={FileIcon} />}>
-          Item 2 with dialog action
-        </ActionMenuItem>
-        <ActionMenuItem left={<ActionMenuRadio />}>Item 3</ActionMenuItem>
-        <ActionMenuItem left={<Icon icon={FileIcon} />}>
-          <Typography variant="body1" gutterBottom>
-            Item 4
-          </Typography>
-          <Typography variant="caption" color="textSecondary">
-            Descriptive text to elaborate on what item 3 does.
-          </Typography>
-        </ActionMenuItem>
-      </BreakpointsProvider>
-    )
-
-    expect(container).toMatchSnapshot()
-  })
-})
diff --git a/react/deprecated/Alerter/__snapshots__/alerter.spec.js.snap b/react/deprecated/Alerter/__snapshots__/alerter.spec.js.snap
deleted file mode 100644
index b3fbc3d047..0000000000
--- a/react/deprecated/Alerter/__snapshots__/alerter.spec.js.snap
+++ /dev/null
@@ -1,88 +0,0 @@
-// Jest Snapshot v1, https://goo.gl/fbAQLP
-
-exports[`Alerter component handles dismiss provided to buttonAction 1`] = `
-<div
-  className="styles__c-alert___dJvZ8 styles__c-alert--hidden___2HD9e"
-  role="alert"
->
-  <div
-    className="styles__c-alert-wrapper___1VWFK styles__c-alert--info___2EDwe"
-  >
-    <p>
-      Test alert with button
-    </p>
-    <DefaultButton
-      className="styles__c-btn--alert-info___1xAkg"
-      label="BTN"
-      onClick={[Function]}
-      size="tiny"
-    />
-  </div>
-</div>
-`;
-
-exports[`Alerter component renders button if buttonText provided 1`] = `
-<div
-  className="styles__c-alert___dJvZ8 styles__c-alert--hidden___2HD9e"
-  role="alert"
->
-  <div
-    className="styles__c-alert-wrapper___1VWFK styles__c-alert--info___2EDwe"
-  >
-    <p>
-      Test alert with button
-    </p>
-    <DefaultButton
-      className="styles__c-btn--alert-info___1xAkg"
-      label="BTN"
-      onClick={[Function]}
-      size="tiny"
-    />
-  </div>
-</div>
-`;
-
-exports[`Alerter component renders correctly an error alert 1`] = `
-<div
-  className="styles__c-alert___dJvZ8 styles__c-alert--hidden___2HD9e"
-  role="alert"
->
-  <div
-    className="styles__c-alert-wrapper___1VWFK styles__c-alert--error___g5tIs"
-  >
-    <p>
-      Test error alert
-    </p>
-  </div>
-</div>
-`;
-
-exports[`Alerter component renders correctly an info alert 1`] = `
-<div
-  className="styles__c-alert___dJvZ8 styles__c-alert--hidden___2HD9e"
-  role="alert"
->
-  <div
-    className="styles__c-alert-wrapper___1VWFK styles__c-alert--info___2EDwe"
-  >
-    <p>
-      Test info alert
-    </p>
-  </div>
-</div>
-`;
-
-exports[`Alerter component renders correctly an success alert 1`] = `
-<div
-  className="styles__c-alert___dJvZ8 styles__c-alert--hidden___2HD9e"
-  role="alert"
->
-  <div
-    className="styles__c-alert-wrapper___1VWFK styles__c-alert--success___2DGDO"
-  >
-    <p>
-      Test success alert
-    </p>
-  </div>
-</div>
-`;
diff --git a/react/deprecated/Alerter/alerter.spec.js b/react/deprecated/Alerter/alerter.spec.js
deleted file mode 100644
index 33c6f6e3e6..0000000000
--- a/react/deprecated/Alerter/alerter.spec.js
+++ /dev/null
@@ -1,78 +0,0 @@
-'use strict'
-/* eslint-env jest */
-
-import { shallow } from 'enzyme'
-import React from 'react'
-
-import Alerter from '.'
-import Alert from './Alert'
-import Button from '../Button'
-
-describe('Alerter component', () => {
-  beforeEach(() => {
-    Alerter.reset()
-  })
-  //
-  ;['info', 'success', 'error'].forEach(type => {
-    it(`renders correctly an ${type} alert`, () => {
-      const wrapper = shallow(<Alerter />)
-      Alerter[type](`Test ${type} alert`)
-      expect(wrapper.find(Alert).dive().getElement()).toMatchSnapshot()
-    })
-  })
-
-  it('should not render too much alerts', () => {
-    const wrapper = shallow(<Alerter />)
-    Alerter.info(`Test 1`)
-    Alerter.info(`Test 2`)
-    Alerter.info(`Test 3`)
-    expect(wrapper.find(Alert).length).toBe(3)
-  })
-
-  it('renders button if buttonText provided', () => {
-    const wrapper = shallow(<Alerter />)
-    Alerter.info(`Test alert with button`, {
-      buttonText: 'BTN'
-    })
-    expect(wrapper.find(Alert).dive().getElement()).toMatchSnapshot()
-  })
-
-  it('handles dismiss provided to buttonAction', () => {
-    const alerterWrapper = shallow(<Alerter />)
-    Alerter.info(`Test alert with button`, {
-      buttonText: 'BTN',
-      buttonAction: dismiss => {
-        console.log('DISMISS')
-        dismiss()
-      },
-      duration: 20000
-    })
-    const alertWrapper = alerterWrapper.find(Alert)
-    const alert = alertWrapper.dive()
-    expect(alert.getElement()).toMatchSnapshot()
-    alert.instance().base = document.createElement('div')
-    // we have to wait the same delay as in the Alerter didMount
-    setTimeout(() => {
-      expect(alert.state('hidden')).toBe(false)
-      alert.children().find(Button).simulate('click')
-      expect(alert.state('hidden')).toBe(true)
-    }, 20)
-  })
-
-  it('handles programmatic removal', () => {
-    const wrapper = shallow(<Alerter />)
-    const notif = Alerter.info(`Test alert with button`, {
-      duration: 20000
-    })
-    Alerter.info(`Test another alert`, {
-      duration: 20000
-    })
-    expect(wrapper.find(Alert).length).toBe(2)
-    Alerter.removeNotification(notif)
-    expect(wrapper.find(Alert).length).toBe(1)
-
-    // Nothing should happen if we try to remove a non existing notification
-    Alerter.removeNotification(notif)
-    expect(wrapper.find(Alert).length).toBe(1)
-  })
-})
diff --git a/react/deprecated/InfosCarrousel/index.spec.jsx b/react/deprecated/InfosCarrousel/index.spec.jsx
deleted file mode 100644
index 484aac83c7..0000000000
--- a/react/deprecated/InfosCarrousel/index.spec.jsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import React from 'react'
-import { act } from 'react-dom/test-utils'
-import SwipeableViews from 'react-swipeable-views'
-
-import InfosCarrousel from '.'
-import IconButton from '../../IconButton'
-import Typography from '../../Typography'
-import Button from '../Button'
-import Infos from '../Infos'
-
-// This is necessary for tests to be predictable
-const swipeableProps = { disableLazyLoading: true }
-
-const Example = ({ numberOfChildren = 2 }) => (
-  <div className="u-stack-m">
-    <InfosCarrousel theme="danger" swipeableProps={swipeableProps}>
-      {[...new Array(numberOfChildren)].map((child, index) => (
-        <Infos
-          key={index}
-          description={
-            <>
-              <Typography variant="h5">News {index}</Typography>
-              <Typography variant="body1">Breaking news {index}</Typography>
-            </>
-          }
-          action={<Button theme="secondary" label="A CTA button" />}
-        />
-      ))}
-    </InfosCarrousel>
-  </div>
-)
-
-const getArrowsDisabledProps = root =>
-  root
-    .find(IconButton)
-    .map(node => node.props())
-    .map(x => x.disabled)
-
-const simulateSwipeToSlideIndex = (root, slideIndex) => {
-  act(() => {
-    root.find(SwipeableViews).props().onChangeIndex(slideIndex)
-  })
-  root.update()
-}
-
-describe('InfosCarrousel', () => {
-  const setup = () => {
-    const root = mount(<Example />)
-    return { root }
-  }
-
-  it('should update arrows after swipe', () => {
-    const { root } = setup()
-    expect(getArrowsDisabledProps(root)).toEqual([true, false])
-    simulateSwipeToSlideIndex(root, 1)
-    expect(getArrowsDisabledProps(root)).toEqual([false, true])
-    simulateSwipeToSlideIndex(root, 0)
-    expect(getArrowsDisabledProps(root)).toEqual([true, false])
-  })
-
-  it('should change index when a child is removed', () => {
-    const root = mount(<Example numberOfChildren={3} />)
-    expect(root.find(SwipeableViews).prop('index')).toEqual(0)
-    simulateSwipeToSlideIndex(root, 2)
-    expect(root.find(SwipeableViews).prop('index')).toEqual(2)
-    root.setProps({ numberOfChildren: 2 })
-    root.update()
-    expect(root.find(Infos).length).toBe(2)
-    expect(root.find(SwipeableViews).prop('index')).toEqual(1)
-  })
-})
diff --git a/react/deprecated/Modal/index.spec.jsx b/react/deprecated/Modal/index.spec.jsx
deleted file mode 100644
index b756959a39..0000000000
--- a/react/deprecated/Modal/index.spec.jsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import { mount } from 'enzyme'
-import React, { useState } from 'react'
-import { act } from 'react-dom/test-utils'
-
-import Modal, { BODY_CLASS } from '.'
-import { BreakpointsProvider } from '../../providers/Breakpoints'
-
-describe('Modal', () => {
-  const Example = () => {
-    const [showModal, setShowModal] = useState(false)
-    const [showModal2, setShowModal2] = useState(false)
-    return (
-      <BreakpointsProvider>
-        {showModal ? <Modal title="example 1">1</Modal> : null}
-        {showModal2 ? <Modal title="example 2">2</Modal> : null}
-        <button onClick={() => setShowModal(true)} />
-        <button onClick={() => setShowModal2(true)} />
-        <button onClick={() => setShowModal2(false)} />
-        <button onClick={() => setShowModal(false)} />
-      </BreakpointsProvider>
-    )
-  }
-
-  const clickNthButton = (root, n) =>
-    root.find('button').at(n).props().onClick()
-
-  const mountFirstModal = root => clickNthButton(root, 0)
-  const mountSecondModal = root => clickNthButton(root, 1)
-  const unmountSecondModal = root => clickNthButton(root, 2)
-  const unmountFirstModal = root => clickNthButton(root, 3)
-
-  const hasModalBodyClass = () => document.body.classList.contains(BODY_CLASS)
-
-  afterEach(() => {
-    document.body.classList.remove(BODY_CLASS)
-  })
-
-  it('should apply a class to the body when mounted', () => {
-    const root = mount(<Example />)
-    expect(hasModalBodyClass()).toBe(false)
-    act(() => {
-      mountFirstModal(root)
-    })
-    expect(hasModalBodyClass()).toBe(true)
-    act(() => {
-      unmountFirstModal(root)
-    })
-    expect(hasModalBodyClass()).toBe(false)
-  })
-
-  it('should not remove the class if two modals were mounted and the second one is removed', () => {
-    const root = mount(<Example />)
-    expect(hasModalBodyClass()).toBe(false)
-    act(() => {
-      mountFirstModal(root)
-    })
-    expect(hasModalBodyClass()).toBe(true)
-    act(() => {
-      mountSecondModal(root)
-    })
-    act(() => {
-      unmountSecondModal(root)
-    })
-    expect(hasModalBodyClass()).toBe(true)
-    act(() => {
-      unmountFirstModal(root)
-    })
-    expect(hasModalBodyClass()).toBe(false)
-  })
-})
diff --git a/react/deprecated/ViewStack/example.jsx b/react/deprecated/ViewStack/example.jsx
index 88fef78390..c07614354a 100644
--- a/react/deprecated/ViewStack/example.jsx
+++ b/react/deprecated/ViewStack/example.jsx
@@ -17,7 +17,7 @@ const Slide = ({ number }) => {
   const handleClickPop = async () => {
     await stackPop()
 
-    // No alerts during enzyme tests
+    // No alerts during tests
     if (number === 2 && !global.mount) {
       alert('You went back to the first slide')
     }
diff --git a/react/deprecated/ViewStack/index.spec.jsx b/react/deprecated/ViewStack/index.spec.jsx
deleted file mode 100644
index 325e3ed32b..0000000000
--- a/react/deprecated/ViewStack/index.spec.jsx
+++ /dev/null
@@ -1,64 +0,0 @@
-import { mount } from 'enzyme'
-import React from 'react'
-import { act } from 'react-dom/test-utils'
-import SwipeableViews from 'react-swipeable-views'
-
-import ViewStack from '.'
-import { Slide } from './example'
-import Button from '../Button'
-
-const findButtonWithLabel = (root, label) =>
-  root.findWhere(n => n.type() == Button && n.props().label === label)
-
-describe('ViewStack', () => {
-  beforeEach(() => {
-    const originalError = console.error.bind(console)
-
-    // Ignore act's warning, since act does not support async logic and we have
-    // a sleep when popping to wait for the animation
-    jest.spyOn(console, 'error').mockImplementation(function (message) {
-      if (
-        !message.includes(
-          'An update to %s inside a test was not wrapped in act'
-        )
-      ) {
-        originalError.apply(this, arguments)
-      }
-    })
-  })
-
-  afterEach(() => {
-    jest.restoreAllMocks()
-  })
-
-  it('should push / pop views', async () => {
-    const root = mount(
-      <ViewStack>
-        <Slide number={1} />
-      </ViewStack>
-    )
-    expect(root.find(Slide).props().number).toBe(1)
-    act(() => {
-      findButtonWithLabel(root, 'stack').props().onClick()
-    })
-    root.update()
-
-    const swiperProps = root.find(SwipeableViews).props()
-    expect(swiperProps.children.length).toBe(2)
-    expect(swiperProps.index).toBe(1)
-
-    let prom
-    act(() => {
-      prom = findButtonWithLabel(root, 'pop').props().onClick()
-    })
-    root.update()
-    const swiperProps2 = root.find(SwipeableViews).props()
-    expect(swiperProps2.index).toBe(0)
-    expect(swiperProps2.children.length).toBe(2) // waiting for animation
-
-    await prom
-    root.update()
-    const swiperProps3 = root.find(SwipeableViews).props()
-    expect(swiperProps3.children.length).toBe(1)
-  })
-})
diff --git a/react/examples.spec.jsx b/react/examples.spec.jsx
deleted file mode 100644
index 136193d10c..0000000000
--- a/react/examples.spec.jsx
+++ /dev/null
@@ -1,67 +0,0 @@
-import path from 'path'
-
-import testFromStyleguidist from '../test/testFromStyleguidist'
-
-// Popper does not work well inside of jest as it heavily relies on DOM APIs (see https://github.com/popperjs/popper-core/issues/478).
-jest.mock('@material-ui/core/Popper', () => {
-  return ({ children }) => children
-})
-
-const makeRequire = subpath => m => {
-  if (m.indexOf('.') === 0) {
-    return require('./' + path.join(subpath, m))
-  } else {
-    return require(m)
-  }
-}
-
-const testComponent = (ComponentName, options) => {
-  testFromStyleguidist(
-    ComponentName,
-    path.join(__dirname, ComponentName, 'Readme.md'),
-    makeRequire(ComponentName),
-    options
-  )
-}
-
-// Please keep the list sorted
-testComponent('Alert')
-testComponent('AppTitle')
-testComponent('Avatar')
-testComponent('Badge')
-testComponent('Banner')
-testComponent('BarButton')
-testComponent('Buttons')
-testComponent('Card')
-testComponent('Checkbox')
-testComponent('Chips')
-testComponent('ContactsList')
-testComponent('ContactsListModal')
-testComponent('DateMonthPicker')
-testComponent('DropdownText')
-testComponent('Dialog') // Prints error: Functions are not valid as a React child
-testComponent('Empty')
-// testComponent('Field') // fuzzy test, need to investigate why
-testComponent('Hero')
-testComponent('HistoryRow')
-// testComponent('Icon') // fuzzy test, need to investigate why
-// testComponent('IconButton') // fuzzy test, need to investigate why
-testComponent('IconStack')
-testComponent('InputGroup')
-testComponent('Label')
-testComponent('Labs/CollectionField')
-testComponent('ListItemText')
-testComponent('OrderedList')
-testComponent('Paper')
-testComponent('PasswordExample')
-testComponent('PieChart')
-testComponent('Progress')
-testComponent('ProgressionBanner')
-testComponent('Radios')
-testComponent('SelectBox')
-testComponent('Sidebar')
-testComponent('Spinner')
-testComponent('Switch')
-testComponent('Textarea')
-testComponent('UnorderedList')
-testComponent('Wizard')
diff --git a/react/hooks/useClientErrors.spec.jsx b/react/hooks/useClientErrors.spec.jsx
index 77fb5246ac..ef86b8adae 100644
--- a/react/hooks/useClientErrors.spec.jsx
+++ b/react/hooks/useClientErrors.spec.jsx
@@ -1,11 +1,11 @@
-import { renderHook, act } from '@testing-library/react-hooks'
-import { shallow } from 'enzyme'
+import { screen, render, act } from '@testing-library/react'
+import { renderHook } from '@testing-library/react-hooks'
 import React from 'react'
 
-import { CozyProvider } from 'cozy-client'
 import { FetchError } from 'cozy-stack-client'
 
 import useClientErrors from './useClientErrors'
+import DemoProvider from '../providers/DemoProvider'
 
 function createCozyClient() {
   return {
@@ -14,9 +14,15 @@ function createCozyClient() {
   }
 }
 
+jest.mock('../deprecated/QuotaAlert', () => ({ onClose }) => (
+  <>
+    QuotaAlert <button onClick={onClose}>Dismiss</button>
+  </>
+))
+
 function createWrapper(client = createCozyClient()) {
   function Wrapper({ children }) {
-    return <CozyProvider client={client}>{children}</CozyProvider>
+    return <DemoProvider client={client}>{children}</DemoProvider>
   }
   return Wrapper
 }
@@ -27,7 +33,7 @@ function renderWrappedHook(client) {
 }
 
 function wrappedShallow(tree, client) {
-  return shallow(tree, { wrappingComponent: createWrapper(client) })
+  return render(tree, { wrapper: createWrapper(client) })
 }
 
 describe('useClientErrors', () => {
@@ -47,14 +53,12 @@ describe('useClientErrors', () => {
     it('displays nothing by default', () => {
       const { result } = renderWrappedHook()
       const { ClientErrors } = result.current
-      const node = wrappedShallow(<ClientErrors />)
-      expect(node).toHaveLength(0)
+      wrappedShallow(<ClientErrors />)
+
+      expect(screen.queryByText('QuotaAlert')).not.toBeInTheDocument()
     })
 
     describe('for quota errors', () => {
-      const findQuotaAlert = node => {
-        return node.at(0).dive()
-      }
       const setup = async () => {
         const client = createCozyClient()
         const response = new Response(null, {
@@ -81,21 +85,9 @@ describe('useClientErrors', () => {
       }
 
       it('displays a a QuotaAlert', async () => {
-        const { node } = await setup()
-        expect(node).toHaveLength(1)
-        expect(findQuotaAlert(node).type().name).toEqual('QuotaAlert')
-      })
-
-      it('can be dismissed', async () => {
-        const { node, result, client } = await setup()
-        const quotaAlert = findQuotaAlert(node)
-        const onClose = quotaAlert.props().onClose
-        act(() => onClose())
+        await setup()
 
-        // re-render ClientErrors returned by the hook
-        const { ClientErrors } = result.current
-        const updatedNode = wrappedShallow(<ClientErrors />, client)
-        expect(updatedNode.at(0).length).toBe(0)
+        expect(screen.queryByText('QuotaAlert')).toBeInTheDocument()
       })
     })
   })
diff --git a/react/providers/I18n/index.spec.jsx b/react/providers/I18n/index.spec.jsx
index 742bedeea0..f46a52e886 100644
--- a/react/providers/I18n/index.spec.jsx
+++ b/react/providers/I18n/index.spec.jsx
@@ -1,4 +1,4 @@
-import { render, fireEvent } from '@testing-library/react'
+import { render, fireEvent, screen } from '@testing-library/react'
 import PropTypes from 'prop-types'
 import React, { useState } from 'react'
 
@@ -34,23 +34,31 @@ I18nHelloWorldOldAPI.contextTypes = {
 
 describe('new context api', () => {
   it('should provide t and f and lang through useI18n hook', () => {
-    const root = mount(
+    render(
       <I18n lang="en" dictRequire={() => locales}>
         <I18nHelloWorldHook />
       </I18n>
     )
-    expect(root.html()).toBe('<div>Hello World !<br>6 Jan<br>en</div>')
+    expect(
+      screen.getByText('Hello World !', { exact: false })
+    ).toBeInTheDocument()
+    expect(screen.getByText('6 Jan', { exact: false })).toBeInTheDocument()
+    expect(screen.getByText('en', { exact: false })).toBeInTheDocument()
   })
 })
 
 describe('old context api', () => {
   it('should provide t and f and lang through old context API', () => {
-    const root = mount(
+    render(
       <I18n lang="en" dictRequire={() => locales}>
         <I18nHelloWorldOldAPI />
       </I18n>
     )
-    expect(root.html()).toBe('<div>Hello World !<br>6 Jan<br>en</div>')
+    expect(
+      screen.getByText('Hello World !', { exact: false })
+    ).toBeInTheDocument()
+    expect(screen.getByText('6 Jan', { exact: false })).toBeInTheDocument()
+    expect(screen.getByText('en', { exact: false })).toBeInTheDocument()
   })
 })
 
diff --git a/react/providers/I18n/withLocales.spec.jsx b/react/providers/I18n/withLocales.spec.jsx
index 83b3c8dda9..62cec372d4 100644
--- a/react/providers/I18n/withLocales.spec.jsx
+++ b/react/providers/I18n/withLocales.spec.jsx
@@ -1,3 +1,4 @@
+import { render, screen } from '@testing-library/react'
 import React from 'react'
 
 import { I18n } from '.'
@@ -29,9 +30,8 @@ class MockComponent extends React.Component {
 }
 
 describe('with locales', () => {
-  let root
   const setup = ({ lang, Component }) => {
-    root = mount(
+    render(
       <I18n lang={lang} dictRequire={localeCode => globalLocales[localeCode]}>
         <Component />
       </I18n>
@@ -42,9 +42,9 @@ describe('with locales', () => {
     describe(description, () => {
       it('should provide t with correct locale strings', () => {
         setup({ lang: 'en', Component })
-        expect(root.text()).toBe('Hello local world !')
+        expect(screen.getByText('Hello local world !')).toBeInTheDocument()
         setup({ lang: 'fr', Component })
-        expect(root.text()).toBe('Bonjour le monde local !')
+        expect(screen.getByText('Bonjour le monde local !')).toBeInTheDocument()
       })
     })
   }
diff --git a/test/jestsetup.js b/test/jestsetup.js
index c34ca5d390..cd29c6653e 100644
--- a/test/jestsetup.js
+++ b/test/jestsetup.js
@@ -1,13 +1,7 @@
 import '@testing-library/jest-dom/extend-expect'
-import { configure, mount, shallow } from 'enzyme'
-import Adapter from 'enzyme-adapter-react-16'
 import fetch from 'whatwg-fetch'
 
-configure({ adapter: new Adapter() })
-
 global.fetch = fetch
-global.mount = mount
-global.shallow = shallow
 
 const isDeprecatedLifecycleWarning = (msg, componentName) => {
   return (
diff --git a/test/testFromStyleguidist.js b/test/testFromStyleguidist.js
deleted file mode 100644
index ec58f30bce..0000000000
--- a/test/testFromStyleguidist.js
+++ /dev/null
@@ -1,85 +0,0 @@
-import React from 'react'
-import fs from 'fs'
-import pretty from 'pretty'
-import Preview from 'react-styleguidist/lib/client/rsg-components/Preview'
-import Context from 'react-styleguidist/lib/client/rsg-components/Context'
-import chunkify from 'react-styleguidist/lib/loaders/utils/chunkify'
-
-import * as content from '../docs/fixtures/content'
-
-const sleep = ms => new Promise(resolve => setTimeout(resolve, ms))
-
-const testFromStyleguidist = (
-  name,
-  markdown,
-  require,
-  { delay } = { delay: 0 }
-) => {
-  const evalInContext = a =>
-    // eslint-disable-next-line no-new-func
-    new Function(
-      'require',
-      'content',
-      'isTesting',
-      'state',
-      'setState',
-      `const React = require("react");
-      ` + a
-    ).bind(null, require, content, () => true)
-
-  const context = {
-    config: {
-      compilerConfig: {
-        objectAssign: 'Object.assign',
-        target: { ie: 11 },
-        transforms: {
-          modules: false,
-          dangerousTaggedTemplateString: true,
-          asyncAwait: false
-        }
-      }
-    },
-    codeRevision: 1337
-  }
-  const Provider = props => <Context.Provider value={context} {...props} />
-
-  // TouchRipples can cause flaky tests
-  const touchRippleRx = /<span class="MuiTouchRipple-root"><\/span>/g
-  const removeTouchRipples = html => {
-    return html.replace(touchRippleRx, '')
-  }
-
-  describe(name, () => {
-    it('should render examples', done => {
-      let doneCounter = 0
-      const Readme = fs.readFileSync(markdown)
-      const chunks = chunkify(Readme)
-      const codes = chunks.filter(x => x.type === 'code')
-      const rendered = []
-      const finish = () => {
-        rendered.forEach(rendered => {
-          expect(rendered).toMatchSnapshot(name)
-        })
-        done()
-      }
-      codes.forEach(async code => {
-        const root = mount(
-          <Provider>
-            <Preview code={code.content} evalInContext={evalInContext} />
-          </Provider>
-        )
-        await sleep(delay) // some components (like the ActionMenu) are flaky due to external libs
-        requestAnimationFrame(async () => {
-          await root.update()
-          rendered.push(pretty(removeTouchRipples(root.html())))
-          doneCounter++
-          if (doneCounter === codes.length) {
-            finish()
-          }
-        })
-      })
-    })
-  })
-}
-
-export default testFromStyleguidist
diff --git a/yarn.lock b/yarn.lock
index 79780c0159..cc901006e9 100644
--- a/yarn.lock
+++ b/yarn.lock
@@ -2739,13 +2739,6 @@
   dependencies:
     "@babel/types" "^7.3.0"
 
-"@types/cheerio@^0.22.22":
-  version "0.22.30"
-  resolved "https://registry.yarnpkg.com/@types/cheerio/-/cheerio-0.22.30.tgz#6c1ded70d20d890337f0f5144be2c5e9ce0936e6"
-  integrity sha512-t7ZVArWZlq3dFa9Yt33qFBQIK4CQd1Q3UJp0V+UhP6vgLWLM6Qug7vZuRSGXg45zXeB1Fm5X2vmBkEX58LV2Tw==
-  dependencies:
-    "@types/node" "*"
-
 "@types/color-name@^1.1.1":
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/@types/color-name/-/color-name-1.1.1.tgz#1c1261bbeaa10a8055bbc5d8ab84b7b2afc846a0"
@@ -3438,21 +3431,6 @@ aggregate-error@^3.0.0:
     clean-stack "^2.0.0"
     indent-string "^3.2.0"
 
-airbnb-prop-types@^2.16.0:
-  version "2.16.0"
-  resolved "https://registry.yarnpkg.com/airbnb-prop-types/-/airbnb-prop-types-2.16.0.tgz#b96274cefa1abb14f623f804173ee97c13971dc2"
-  integrity sha512-7WHOFolP/6cS96PhKNrslCLMYAI8yB1Pp6u6XmxozQOiZbsI5ycglZr5cHhBFfuRcQQjzCMith5ZPZdYiJCxUg==
-  dependencies:
-    array.prototype.find "^2.1.1"
-    function.prototype.name "^1.1.2"
-    is-regex "^1.1.0"
-    object-is "^1.1.2"
-    object.assign "^4.1.0"
-    object.entries "^1.1.2"
-    prop-types "^15.7.2"
-    prop-types-exact "^1.2.0"
-    react-is "^16.13.1"
-
 ajv-errors@^1.0.0:
   version "1.0.1"
   resolved "https://registry.yarnpkg.com/ajv-errors/-/ajv-errors-1.0.1.tgz#f35986aceb91afadec4102fbd85014950cefa64d"
@@ -3801,34 +3779,6 @@ array-unique@^0.3.2:
   resolved "https://registry.yarnpkg.com/array-unique/-/array-unique-0.3.2.tgz#a894b75d4bc4f6cd679ef3244a9fd8f46ae2d428"
   integrity sha1-qJS3XUvE9s1nnvMkSp/Y9Gri1Cg=
 
-array.prototype.filter@^1.0.0:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/array.prototype.filter/-/array.prototype.filter-1.0.1.tgz#20688792acdb97a09488eaaee9eebbf3966aae21"
-  integrity sha512-Dk3Ty7N42Odk7PjU/Ci3zT4pLj20YvuVnneG/58ICM6bt4Ij5kZaJTVQ9TSaWaIECX2sFyz4KItkVZqHNnciqw==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.0"
-    es-array-method-boxes-properly "^1.0.0"
-    is-string "^1.0.7"
-
-array.prototype.find@^2.1.1:
-  version "2.1.1"
-  resolved "https://registry.yarnpkg.com/array.prototype.find/-/array.prototype.find-2.1.1.tgz#3baca26108ca7affb08db06bf0be6cb3115a969c"
-  integrity sha512-mi+MYNJYLTx2eNYy+Yh6raoQacCsNeeMUaspFPh9Y141lFSsWxxB8V9mM2ye+eqiRs917J6/pJ4M9ZPzenWckA==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.4"
-
-array.prototype.flat@^1.2.3:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.2.5.tgz#07e0975d84bbc7c48cd1879d609e682598d33e13"
-  integrity sha512-KaYU+S+ndVqyUnignHftkwc58o3uVU1jzczILJ1tN2YaIZpFIKBiP/x/j97E5MVPsaCloPbqWLB/8qCTVvT2qg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.0"
-
 array.prototype.flat@^1.3.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/array.prototype.flat/-/array.prototype.flat-1.3.2.tgz#1476217df8cff17d72ee8f3ba06738db5b387d18"
@@ -5125,17 +5075,6 @@ chart.js@3.7.1:
   resolved "https://registry.yarnpkg.com/chart.js/-/chart.js-3.7.1.tgz#0516f690c6a8680c6c707e31a4c1807a6f400ada"
   integrity sha512-8knRegQLFnPQAheZV8MjxIXc5gQEfDFD897BJgv/klO/vtIyFFmgMXrNfgrXpbTr/XbTturxRgxIXx/Y+ASJBA==
 
-cheerio-select@^1.5.0:
-  version "1.5.0"
-  resolved "https://registry.yarnpkg.com/cheerio-select/-/cheerio-select-1.5.0.tgz#faf3daeb31b17c5e1a9dabcee288aaf8aafa5823"
-  integrity sha512-qocaHPv5ypefh6YNxvnbABM07KMxExbtbfuJoIie3iZXX1ERwYmJcIiRrr9H05ucQP1k28dav8rpdDgjQd8drg==
-  dependencies:
-    css-select "^4.1.3"
-    css-what "^5.0.1"
-    domelementtype "^2.2.0"
-    domhandler "^4.2.0"
-    domutils "^2.7.0"
-
 cheerio@^0.22.0:
   version "0.22.0"
   resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-0.22.0.tgz#a9baa860a3f9b595a6b81b1a86873121ed3a269e"
@@ -5158,19 +5097,6 @@ cheerio@^0.22.0:
     lodash.reject "^4.4.0"
     lodash.some "^4.4.0"
 
-cheerio@^1.0.0-rc.3:
-  version "1.0.0-rc.10"
-  resolved "https://registry.yarnpkg.com/cheerio/-/cheerio-1.0.0-rc.10.tgz#2ba3dcdfcc26e7956fc1f440e61d51c643379f3e"
-  integrity sha512-g0J0q/O6mW8z5zxQ3A8E8J1hUgp4SMOvEoW/x84OwyHKe/Zccz83PVT4y5Crcr530FV6NgmKI1qvGTKVl9XXVw==
-  dependencies:
-    cheerio-select "^1.5.0"
-    dom-serializer "^1.3.2"
-    domhandler "^4.2.0"
-    htmlparser2 "^6.1.0"
-    parse5 "^6.0.1"
-    parse5-htmlparser2-tree-adapter "^6.0.1"
-    tslib "^2.2.0"
-
 chokidar@1.5.2:
   version "1.5.2"
   resolved "https://registry.yarnpkg.com/chokidar/-/chokidar-1.5.2.tgz#293e728640cc93dd8277424334b3c6d4ad3a348a"
@@ -5774,15 +5700,6 @@ concat-stream@^2.0.0:
     readable-stream "^3.0.2"
     typedarray "^0.0.6"
 
-condense-newlines@^0.2.1:
-  version "0.2.1"
-  resolved "https://registry.yarnpkg.com/condense-newlines/-/condense-newlines-0.2.1.tgz#3de985553139475d32502c83b02f60684d24c55f"
-  integrity sha1-PemFVTE5R10yUCyDsC9gaE0kxV8=
-  dependencies:
-    extend-shallow "^2.0.1"
-    is-whitespace "^0.3.0"
-    kind-of "^3.0.2"
-
 config-chain@^1.1.11:
   version "1.1.13"
   resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.13.tgz#fad0795aa6a6cdaff9ed1b68e9dff94372c232f4"
@@ -5791,14 +5708,6 @@ config-chain@^1.1.11:
     ini "^1.3.4"
     proto-list "~1.2.1"
 
-config-chain@^1.1.12:
-  version "1.1.12"
-  resolved "https://registry.yarnpkg.com/config-chain/-/config-chain-1.1.12.tgz#0fde8d091200eb5e808caf25fe618c02f48e4efa"
-  integrity sha512-a1eOIcu8+7lUInge4Rpf/n4Krkf3Dd9lqhljRzII1/Zno/kRtUWnznPO3jOKBmTEktkt3fkxisUcivoj0ebzoA==
-  dependencies:
-    ini "^1.3.4"
-    proto-list "~1.2.1"
-
 configstore@^3.0.0:
   version "3.1.2"
   resolved "https://registry.yarnpkg.com/configstore/-/configstore-3.1.2.tgz#c6f25defaeef26df12dd33414b001fe81a543f8f"
@@ -6381,7 +6290,7 @@ css-what@2.1, css-what@^2.1.2:
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-2.1.3.tgz#a6d7604573365fe74686c3f311c56513d88285f2"
   integrity sha512-a+EPoD+uZiNfh+5fxw2nO9QwFa6nJe2Or35fGY6Ipw1R3R4AGz1d1TEZrCegvw2YTmZ0jXirGYlzxxpYSHwpEg==
 
-css-what@^5.0.0, css-what@^5.0.1:
+css-what@^5.0.0:
   version "5.1.0"
   resolved "https://registry.yarnpkg.com/css-what/-/css-what-5.1.0.tgz#3f7b707aadf633baf62c2ceb8579b545bb40f7fe"
   integrity sha512-arSMRWIIFY0hV8pIxZMEfmMI47Wj3R/aWpZDDxWYCPEiOMv6tfOrnpDtgxBYPEQD4V0Y/958+1TdC3iWTFcUPw==
@@ -6977,11 +6886,6 @@ dir-glob@^3.0.0, dir-glob@^3.0.1:
   dependencies:
     path-type "^4.0.0"
 
-discontinuous-range@1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/discontinuous-range/-/discontinuous-range-1.0.0.tgz#e38331f0844bba49b9a9cb71c771585aab1bc65a"
-  integrity sha1-44Mx8IRLukm5qctxx3FYWqsbxlo=
-
 dns-equal@^1.0.0:
   version "1.0.0"
   resolved "https://registry.yarnpkg.com/dns-equal/-/dns-equal-1.0.0.tgz#b39e7f1da6eb0a75ba9c17324b34753c47e0654d"
@@ -7049,7 +6953,7 @@ dom-serializer@0, dom-serializer@~0.1.0:
     domelementtype "^1.3.0"
     entities "^1.1.1"
 
-dom-serializer@^1.0.1, dom-serializer@^1.3.2:
+dom-serializer@^1.0.1:
   version "1.3.2"
   resolved "https://registry.yarnpkg.com/dom-serializer/-/dom-serializer-1.3.2.tgz#6206437d32ceefaec7161803230c7a20bc1b4d91"
   integrity sha512-5c54Bk5Dw4qAxNOI1pFEizPSjVsx5+bpJKmL2kPn8JhBUq2q09tTCa3mjijun2NfK78NMouDYNMBkOrPZiS+ig==
@@ -7092,7 +6996,7 @@ domhandler@^2.3.0, domhandler@^2.4.2:
   dependencies:
     domelementtype "1"
 
-domhandler@^4.0.0, domhandler@^4.2.0:
+domhandler@^4.2.0:
   version "4.2.2"
   resolved "https://registry.yarnpkg.com/domhandler/-/domhandler-4.2.2.tgz#e825d721d19a86b8c201a35264e226c678ee755f"
   integrity sha512-PzE9aBMsdZO8TK4BnuJwH0QT41wgMbRzuZrHUcpYncEjmQazq8QEaBWgLG7ZyC/DAZKEgglpIA6j4Qn/HmxS3w==
@@ -7120,7 +7024,7 @@ domutils@^1.5.1, domutils@^1.7.0:
     dom-serializer "0"
     domelementtype "1"
 
-domutils@^2.5.2, domutils@^2.6.0, domutils@^2.7.0:
+domutils@^2.6.0:
   version "2.8.0"
   resolved "https://registry.yarnpkg.com/domutils/-/domutils-2.8.0.tgz#4437def5db6e2d1f5d6ee859bd95ca7d02048135"
   integrity sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A==
@@ -7195,16 +7099,6 @@ ecc-jsbn@~0.1.1:
     jsbn "~0.1.0"
     safer-buffer "^2.1.0"
 
-editorconfig@^0.15.3:
-  version "0.15.3"
-  resolved "https://registry.yarnpkg.com/editorconfig/-/editorconfig-0.15.3.tgz#bef84c4e75fb8dcb0ce5cee8efd51c15999befc5"
-  integrity sha512-M9wIMFx96vq0R4F+gRpY3o2exzb8hEj/n9S8unZtHSvYjibBp/iMufSzvmOcV/laG0ZtuTVGtiJggPOSW2r93g==
-  dependencies:
-    commander "^2.19.0"
-    lru-cache "^4.1.5"
-    semver "^5.6.0"
-    sigmund "^1.0.1"
-
 ee-first@1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/ee-first/-/ee-first-1.1.1.tgz#590c61156b0ae2f4f0255732a158b266bc56b21d"
@@ -7336,79 +7230,6 @@ env-paths@^2.2.0:
   resolved "https://registry.yarnpkg.com/env-paths/-/env-paths-2.2.0.tgz#cdca557dc009152917d6166e2febe1f039685e43"
   integrity sha512-6u0VYSCo/OW6IoD5WCLLy9JUGARbamfSavcNXry/eu8aHVFei6CD3Sw+VGX5alea1i9pgPHW0mbu6Xj0uBh7gA==
 
-enzyme-adapter-react-16@1.15.6:
-  version "1.15.6"
-  resolved "https://registry.yarnpkg.com/enzyme-adapter-react-16/-/enzyme-adapter-react-16-1.15.6.tgz#fd677a658d62661ac5afd7f7f541f141f8085901"
-  integrity sha512-yFlVJCXh8T+mcQo8M6my9sPgeGzj85HSHi6Apgf1Cvq/7EL/J9+1JoJmJsRxZgyTvPMAqOEpRSu/Ii/ZpyOk0g==
-  dependencies:
-    enzyme-adapter-utils "^1.14.0"
-    enzyme-shallow-equal "^1.0.4"
-    has "^1.0.3"
-    object.assign "^4.1.2"
-    object.values "^1.1.2"
-    prop-types "^15.7.2"
-    react-is "^16.13.1"
-    react-test-renderer "^16.0.0-0"
-    semver "^5.7.0"
-
-enzyme-adapter-utils@^1.14.0:
-  version "1.14.0"
-  resolved "https://registry.yarnpkg.com/enzyme-adapter-utils/-/enzyme-adapter-utils-1.14.0.tgz#afbb0485e8033aa50c744efb5f5711e64fbf1ad0"
-  integrity sha512-F/z/7SeLt+reKFcb7597IThpDp0bmzcH1E9Oabqv+o01cID2/YInlqHbFl7HzWBl4h3OdZYedtwNDOmSKkk0bg==
-  dependencies:
-    airbnb-prop-types "^2.16.0"
-    function.prototype.name "^1.1.3"
-    has "^1.0.3"
-    object.assign "^4.1.2"
-    object.fromentries "^2.0.3"
-    prop-types "^15.7.2"
-    semver "^5.7.1"
-
-enzyme-shallow-equal@^1.0.1, enzyme-shallow-equal@^1.0.4:
-  version "1.0.4"
-  resolved "https://registry.yarnpkg.com/enzyme-shallow-equal/-/enzyme-shallow-equal-1.0.4.tgz#b9256cb25a5f430f9bfe073a84808c1d74fced2e"
-  integrity sha512-MttIwB8kKxypwHvRynuC3ahyNc+cFbR8mjVIltnmzQ0uKGqmsfO4bfBuLxb0beLNPhjblUEYvEbsg+VSygvF1Q==
-  dependencies:
-    has "^1.0.3"
-    object-is "^1.1.2"
-
-enzyme-to-json@3.6.2:
-  version "3.6.2"
-  resolved "https://registry.yarnpkg.com/enzyme-to-json/-/enzyme-to-json-3.6.2.tgz#94f85c413bcae8ab67be53b0a94b69a560e27823"
-  integrity sha512-Ynm6Z6R6iwQ0g2g1YToz6DWhxVnt8Dy1ijR2zynRKxTyBGA8rCDXU3rs2Qc4OKvUvc2Qoe1bcFK6bnPs20TrTg==
-  dependencies:
-    "@types/cheerio" "^0.22.22"
-    lodash "^4.17.21"
-    react-is "^16.12.0"
-
-enzyme@3.11.0:
-  version "3.11.0"
-  resolved "https://registry.yarnpkg.com/enzyme/-/enzyme-3.11.0.tgz#71d680c580fe9349f6f5ac6c775bc3e6b7a79c28"
-  integrity sha512-Dw8/Gs4vRjxY6/6i9wU0V+utmQO9kvh9XLnz3LIudviOnVYDEe2ec+0k+NQoMamn1VrjKgCUOWj5jG/5M5M0Qw==
-  dependencies:
-    array.prototype.flat "^1.2.3"
-    cheerio "^1.0.0-rc.3"
-    enzyme-shallow-equal "^1.0.1"
-    function.prototype.name "^1.1.2"
-    has "^1.0.3"
-    html-element-map "^1.2.0"
-    is-boolean-object "^1.0.1"
-    is-callable "^1.1.5"
-    is-number-object "^1.0.4"
-    is-regex "^1.0.5"
-    is-string "^1.0.5"
-    is-subset "^0.1.1"
-    lodash.escape "^4.0.1"
-    lodash.isequal "^4.5.0"
-    object-inspect "^1.7.0"
-    object-is "^1.0.2"
-    object.assign "^4.1.0"
-    object.entries "^1.1.1"
-    object.values "^1.1.1"
-    raf "^3.4.1"
-    rst-selector-parser "^2.2.3"
-    string.prototype.trim "^1.2.1"
-
 err-code@^2.0.2:
   version "2.0.3"
   resolved "https://registry.yarnpkg.com/err-code/-/err-code-2.0.3.tgz#23c2f3b756ffdfc608d30e27c9a941024807e7f9"
@@ -7428,7 +7249,7 @@ error-ex@^1.2.0, error-ex@^1.3.1:
   dependencies:
     is-arrayish "^0.2.1"
 
-es-abstract@^1.12.0, es-abstract@^1.17.0-next.1, es-abstract@^1.17.4, es-abstract@^1.17.5, es-abstract@^1.4.3, es-abstract@^1.5.1, es-abstract@^1.7.0:
+es-abstract@^1.12.0, es-abstract@^1.17.0-next.1, es-abstract@^1.17.5, es-abstract@^1.4.3, es-abstract@^1.5.1, es-abstract@^1.7.0:
   version "1.17.5"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.17.5.tgz#d8c9d1d66c8981fb9200e2251d799eee92774ae9"
   integrity sha512-BR9auzDbySxOcfog0tLECW8l28eRGpDpU3Dm3Hp4q/N+VtLTmyj4EUN088XZWQDW/hzj6sYRDXeOFsaAODKvpg==
@@ -7492,7 +7313,7 @@ es-abstract@^1.18.5:
     string.prototype.trimstart "^1.0.4"
     unbox-primitive "^1.0.1"
 
-es-abstract@^1.19.0, es-abstract@^1.19.1:
+es-abstract@^1.19.1:
   version "1.19.1"
   resolved "https://registry.yarnpkg.com/es-abstract/-/es-abstract-1.19.1.tgz#d4885796876916959de78edaa0df456627115ec3"
   integrity sha512-2vJ6tjA/UfqLm2MPs7jxVybLoB8i1t1Jd9R3kISld20sIxPcTbLuggQOUxeWeAvIUkduv/CfMjuh4WmiXr2v9w==
@@ -8912,25 +8733,6 @@ function.name-polyfill@^1.0.6:
   resolved "https://registry.yarnpkg.com/function.name-polyfill/-/function.name-polyfill-1.0.6.tgz#c54e37cae0a77dfcb49d47982815b0826b5c60d9"
   integrity sha512-ejQivNFbBPTY5O/waFta6D5AzV8GJiM/fMDaT6LrsYax1cb4eipxuQqKNlugF2jlcXIjifsqvju3wsgV35TELg==
 
-function.prototype.name@^1.1.2:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.2.tgz#5cdf79d7c05db401591dfde83e3b70c5123e9a45"
-  integrity sha512-C8A+LlHBJjB2AdcRPorc5JvJ5VUoWlXdEHLOJdCI7kjHEtGTpHQUiqMvCIKUwIsGwZX2jZJy761AXsn356bJQg==
-  dependencies:
-    define-properties "^1.1.3"
-    es-abstract "^1.17.0-next.1"
-    functions-have-names "^1.2.0"
-
-function.prototype.name@^1.1.3:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.4.tgz#e4ea839b9d3672ae99d0efd9f38d9191c5eaac83"
-  integrity sha512-iqy1pIotY/RmhdFZygSSlW0wko2yxkSCKqsuv4pr8QESohpYyG/Z7B/XXvPRKTJS//960rgguE5mSRUsDdaJrQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.2"
-    functions-have-names "^1.2.2"
-
 function.prototype.name@^1.1.6:
   version "1.1.6"
   resolved "https://registry.yarnpkg.com/function.prototype.name/-/function.prototype.name-1.1.6.tgz#cdf315b7d90ee77a4c6ee216c3c3362da07533fd"
@@ -8946,16 +8748,6 @@ functional-red-black-tree@^1.0.1:
   resolved "https://registry.yarnpkg.com/functional-red-black-tree/-/functional-red-black-tree-1.0.1.tgz#1b0ab3bd553b2a0d6399d29c0e3ea0b252078327"
   integrity sha1-GwqzvVU7Kg1jmdKcDj6gslIHgyc=
 
-functions-have-names@^1.2.0:
-  version "1.2.1"
-  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.1.tgz#a981ac397fa0c9964551402cdc5533d7a4d52f91"
-  integrity sha512-j48B/ZI7VKs3sgeI2cZp7WXWmZXu7Iq5pl5/vptV5N2mq+DGFuS/ulaDjtaoLpYzuD6u8UgrUKHfgo7fDTSiBA==
-
-functions-have-names@^1.2.2:
-  version "1.2.2"
-  resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.2.tgz#98d93991c39da9361f8e50b337c4f6e41f120e21"
-  integrity sha512-bLgc3asbWdwPbx2mNk2S49kmJCuQeu0nfmaOgbs8WIyzzkw3r4htszdIi9Q9EMezDPTYuJx2wvjZ/EwgAthpnA==
-
 functions-have-names@^1.2.3:
   version "1.2.3"
   resolved "https://registry.yarnpkg.com/functions-have-names/-/functions-have-names-1.2.3.tgz#0404fe4ee2ba2f607f0e0ec3c80bae994133b834"
@@ -9779,14 +9571,6 @@ html-comment-regex@^1.1.0:
   resolved "https://registry.yarnpkg.com/html-comment-regex/-/html-comment-regex-1.1.2.tgz#97d4688aeb5c81886a364faa0cad1dda14d433a7"
   integrity sha512-P+M65QY2JQ5Y0G9KKdlDpo0zK+/OHptU5AaBwUfAIDJZk1MYf32Frm84EcOytfJE0t5JvkAnKlmjsXDnWzCJmQ==
 
-html-element-map@^1.2.0:
-  version "1.3.1"
-  resolved "https://registry.yarnpkg.com/html-element-map/-/html-element-map-1.3.1.tgz#44b2cbcfa7be7aa4ff59779e47e51012e1c73c08"
-  integrity sha512-6XMlxrAFX4UEEGxctfFnmrFaaZFNf9i5fNuV5wZ3WWQ4FVaNP1aX1LkX9j2mfEx1NpjeE/rL3nmgEn23GdFmrg==
-  dependencies:
-    array.prototype.filter "^1.0.0"
-    call-bind "^1.0.2"
-
 html-encoding-sniffer@^2.0.1:
   version "2.0.1"
   resolved "https://registry.yarnpkg.com/html-encoding-sniffer/-/html-encoding-sniffer-2.0.1.tgz#42a6dc4fd33f00281176e8b23759ca4e4fa185f3"
@@ -9853,16 +9637,6 @@ htmlparser2@^3.10.0, htmlparser2@^3.3.0, htmlparser2@^3.8.3, htmlparser2@^3.9.1:
     inherits "^2.0.1"
     readable-stream "^3.1.1"
 
-htmlparser2@^6.1.0:
-  version "6.1.0"
-  resolved "https://registry.yarnpkg.com/htmlparser2/-/htmlparser2-6.1.0.tgz#c4d762b6c3371a05dbe65e94ae43a9f845fb8fb7"
-  integrity sha512-gyyPk6rgonLFEDGoeRgQNaEUvdJ4ktTmmUh/h2t7s+M8oPpIPxgNACWa+6ESR57kXstwqPiCut0V8NRpcwgU7A==
-  dependencies:
-    domelementtype "^2.0.1"
-    domhandler "^4.0.0"
-    domutils "^2.5.2"
-    entities "^2.0.0"
-
 http-cache-semantics@^4.1.0:
   version "4.1.0"
   resolved "https://registry.yarnpkg.com/http-cache-semantics/-/http-cache-semantics-4.1.0.tgz#49e91c5cbf36c9b94bcfcd71c23d5249ec74e390"
@@ -10442,14 +10216,6 @@ is-binary-path@~2.1.0:
   dependencies:
     binary-extensions "^2.0.0"
 
-is-boolean-object@^1.0.1:
-  version "1.1.2"
-  resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.2.tgz#5c6dc200246dd9321ae4b885a114bb1f75f63719"
-  integrity sha512-gDYaKHJmnj4aWxyj6YHyXVpdQawtVLHU5cb+eztPGczf6cjuTdwve5ZIEfgXqH4e57An1D1AKf8CZ3kYrQRqYA==
-  dependencies:
-    call-bind "^1.0.2"
-    has-tostringtag "^1.0.0"
-
 is-boolean-object@^1.1.0:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/is-boolean-object/-/is-boolean-object-1.1.1.tgz#3c0878f035cb821228d350d2e1e36719716a3de8"
@@ -10886,7 +10652,7 @@ is-regex@^1.0.5:
   dependencies:
     has "^1.0.3"
 
-is-regex@^1.1.0, is-regex@^1.1.3:
+is-regex@^1.1.3:
   version "1.1.3"
   resolved "https://registry.yarnpkg.com/is-regex/-/is-regex-1.1.3.tgz#d029f9aff6448b93ebbe3f33dac71511fdcbef9f"
   integrity sha512-qSVXFz28HM7y+IWX6vLCsexdlvzT1PJNFSBuaQLQ5o0IEw8UDYW6/2+eCMVyIsbM8CNLX2a/QWmSpyxYEHY7CQ==
@@ -11035,11 +10801,6 @@ is-whitespace-character@^1.0.0:
   resolved "https://registry.yarnpkg.com/is-whitespace-character/-/is-whitespace-character-1.0.2.tgz#ede53b4c6f6fb3874533751ec9280d01928d03ed"
   integrity sha512-SzM+T5GKUCtLhlHFKt2SDAX2RFzfS6joT91F2/WSi9LxgFdsnhfPK/UIA+JhRR2xuyLdrCys2PiFDrtn1fU5hQ==
 
-is-whitespace@^0.3.0:
-  version "0.3.0"
-  resolved "https://registry.yarnpkg.com/is-whitespace/-/is-whitespace-0.3.0.tgz#1639ecb1be036aec69a54cbb401cfbed7114ab7f"
-  integrity sha1-Fjnssb4DauxppUy7QBz77XEUq38=
-
 is-windows@^1.0.2:
   version "1.0.2"
   resolved "https://registry.yarnpkg.com/is-windows/-/is-windows-1.0.2.tgz#d1850eb9791ecd18e6182ce12a30f396634bb19d"
@@ -11593,17 +11354,6 @@ js-base64@^2.1.9:
   resolved "https://registry.yarnpkg.com/js-base64/-/js-base64-2.5.1.tgz#1efa39ef2c5f7980bb1784ade4a8af2de3291121"
   integrity sha512-M7kLczedRMYX4L8Mdh4MzyAMM9O5osx+4FcOQuTvr3A9F2D9S5JXheN0ewNbrvK2UatkTRhL5ejGmGSjNMiZuw==
 
-js-beautify@^1.6.12:
-  version "1.10.0"
-  resolved "https://registry.yarnpkg.com/js-beautify/-/js-beautify-1.10.0.tgz#9753a13c858d96828658cd18ae3ca0e5783ea672"
-  integrity sha512-OMwf/tPDpE/BLlYKqZOhqWsd3/z2N3KOlyn1wsCRGFwViE8LOQTcDtathQvHvZc+q+zWmcNAbwKSC+iJoMaH2Q==
-  dependencies:
-    config-chain "^1.1.12"
-    editorconfig "^0.15.3"
-    glob "^7.1.3"
-    mkdirp "~0.5.1"
-    nopt "~4.0.1"
-
 "js-tokens@^3.0.0 || ^4.0.0", js-tokens@^4.0.0:
   version "4.0.0"
   resolved "https://registry.yarnpkg.com/js-tokens/-/js-tokens-4.0.0.tgz#19203fb59991df98e3a287050d4647cdeaf32499"
@@ -12479,11 +12229,6 @@ lodash.defaults@4.0.1, lodash.defaults@^4.0.1:
     lodash.assigninwith "^4.0.0"
     lodash.rest "^4.0.0"
 
-lodash.escape@^4.0.1:
-  version "4.0.1"
-  resolved "https://registry.yarnpkg.com/lodash.escape/-/lodash.escape-4.0.1.tgz#c9044690c21e04294beaa517712fded1fa88de98"
-  integrity sha1-yQRGkMIeBClL6qUXcS/e0fqI3pg=
-
 lodash.escaperegexp@^4.1.2:
   version "4.1.2"
   resolved "https://registry.yarnpkg.com/lodash.escaperegexp/-/lodash.escaperegexp-4.1.2.tgz#64762c48618082518ac3df4ccf5d5886dae20347"
@@ -12499,21 +12244,11 @@ lodash.flatten@^4.2.0:
   resolved "https://registry.yarnpkg.com/lodash.flatten/-/lodash.flatten-4.4.0.tgz#f31c22225a9632d2bbf8e4addbef240aa765a61f"
   integrity sha1-8xwiIlqWMtK7+OSt2+8kCqdlph8=
 
-lodash.flattendeep@^4.4.0:
-  version "4.4.0"
-  resolved "https://registry.yarnpkg.com/lodash.flattendeep/-/lodash.flattendeep-4.4.0.tgz#fb030917f86a3134e5bc9bec0d69e0013ddfedb2"
-  integrity sha1-+wMJF/hqMTTlvJvsDWngAT3f7bI=
-
 lodash.foreach@^4.3.0:
   version "4.5.0"
   resolved "https://registry.yarnpkg.com/lodash.foreach/-/lodash.foreach-4.5.0.tgz#1a6a35eace401280c7f06dddec35165ab27e3e53"
   integrity sha1-Gmo16s5AEoDH8G3d7DUWWrJ+PlM=
 
-lodash.isequal@^4.5.0:
-  version "4.5.0"
-  resolved "https://registry.yarnpkg.com/lodash.isequal/-/lodash.isequal-4.5.0.tgz#415c4478f2bcc30120c22ce10ed3226f7d3e18e0"
-  integrity sha1-QVxEePK8wwEgwizhDtMib30+GOA=
-
 lodash.ismatch@^4.4.0:
   version "4.4.0"
   resolved "https://registry.yarnpkg.com/lodash.ismatch/-/lodash.ismatch-4.4.0.tgz#756cb5150ca3ba6f11085a78849645f188f85f37"
@@ -12655,7 +12390,7 @@ lowercase-keys@^3.0.0:
   resolved "https://registry.yarnpkg.com/lowercase-keys/-/lowercase-keys-3.0.0.tgz#c5e7d442e37ead247ae9db117a9d0a467c89d4f2"
   integrity sha512-ozCC6gdQ+glXOQsveKD0YsDy8DSQFjDTz4zyzEHNV5+JP5D62LmfDZ6o1cycFx9ouG940M5dE8C8CTewdj2YWQ==
 
-lru-cache@^4.0.1, lru-cache@^4.1.5:
+lru-cache@^4.0.1:
   version "4.1.5"
   resolved "https://registry.yarnpkg.com/lru-cache/-/lru-cache-4.1.5.tgz#8bbe50ea85bed59bc9e33dcab8235ee9bcf443cd"
   integrity sha512-sWZlbEP2OsHNkXrMl5GYk/jKk70MBng6UU4YI/qGDYbgf6YbP4EvmqISbXCoJiRKs+1bSpFHVgQxvJ17F2li5g==
@@ -13405,11 +13140,6 @@ moo-color@^1.0.2:
   dependencies:
     color-name "^1.1.4"
 
-moo@^0.4.3:
-  version "0.4.3"
-  resolved "https://registry.yarnpkg.com/moo/-/moo-0.4.3.tgz#3f847a26f31cf625a956a87f2b10fbc013bfd10e"
-  integrity sha512-gFD2xGCl8YFgGHsqJ9NKRVdwlioeW3mI1iqfLNYQOv0+6JRwG58Zk9DIGQgyIaffSYaO1xsKnMaYzzNr1KyIAw==
-
 mout@~0.5.0:
   version "0.5.0"
   resolved "https://registry.yarnpkg.com/mout/-/mout-0.5.0.tgz#ff967566a90f29595e9cb8b6e7800a5b56635583"
@@ -13534,17 +13264,6 @@ natural-compare@^1.4.0:
   resolved "https://registry.yarnpkg.com/natural-compare/-/natural-compare-1.4.0.tgz#4abebfeed7541f2c27acfb29bdbbd15c8d5ba4f7"
   integrity sha1-Sr6/7tdUHywnrPspvbvRXI1bpPc=
 
-nearley@^2.7.10:
-  version "2.16.0"
-  resolved "https://registry.yarnpkg.com/nearley/-/nearley-2.16.0.tgz#77c297d041941d268290ec84b739d0ee297e83a7"
-  integrity sha512-Tr9XD3Vt/EujXbZBv6UAHYoLUSMQAxSsTnm9K3koXzjzNWY195NqALeyrzLZBKzAkL3gl92BcSogqrHjD8QuUg==
-  dependencies:
-    commander "^2.19.0"
-    moo "^0.4.3"
-    railroad-diagrams "^1.0.0"
-    randexp "0.4.6"
-    semver "^5.4.1"
-
 needle@^2.2.1:
   version "2.3.1"
   resolved "https://registry.yarnpkg.com/needle/-/needle-2.3.1.tgz#d272f2f4034afb9c4c9ab1379aabc17fc85c9388"
@@ -13775,7 +13494,7 @@ noms@0.0.0:
     inherits "^2.0.1"
     readable-stream "~1.0.31"
 
-nopt@^4.0.1, nopt@~4.0.1:
+nopt@^4.0.1:
   version "4.0.3"
   resolved "https://registry.yarnpkg.com/nopt/-/nopt-4.0.3.tgz#a375cad9d02fd921278d954c2254d5aa57e15e48"
   integrity sha512-CvaGwVMztSMJLOeXPrez7fyfObdZqNUK1cPAEzLHrTybIua9pMdmmPR5YwtfNftIOMv3DPUhFaxsZMNTQO20Kg==
@@ -14187,14 +13906,6 @@ object-inspect@^1.7.0:
   resolved "https://registry.yarnpkg.com/object-inspect/-/object-inspect-1.7.0.tgz#f4f6bd181ad77f006b5ece60bd0b6f398ff74a67"
   integrity sha512-a7pEHdh1xKIAgTySUGgLMx/xwDZskN1Ud6egYYN3EdRW4ZMPNEDUTF+hwy2LUC+Bl+SyLXANnwz/jyh/qutKUw==
 
-object-is@^1.0.2, object-is@^1.1.2:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/object-is/-/object-is-1.1.5.tgz#b9deeaa5fc7f1846a0faecdceec138e5778f53ac"
-  integrity sha512-3cyDsyHgtmi7I7DfSSI2LDp6SK2lwvtbg0p0R1e0RvTqF5ceGx+K2dfSjm1bKDMVCFEDAQvy+o8c6a7VujOddw==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-
 object-keys@^1.0.11, object-keys@^1.0.12, object-keys@^1.1.1:
   version "1.1.1"
   resolved "https://registry.yarnpkg.com/object-keys/-/object-keys-1.1.1.tgz#1c47f272df277f3b1daf061677d9c82e2322c60e"
@@ -14247,16 +13958,7 @@ object.entries@^1.1.0:
     function-bind "^1.1.1"
     has "^1.0.3"
 
-object.entries@^1.1.1, object.entries@^1.1.5:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.5.tgz#e1acdd17c4de2cd96d5a08487cfb9db84d881861"
-  integrity sha512-TyxmjUoZggd4OrrU1W66FMDG6CuqJxsFvymeyXI51+vQLN67zYfZseptRge703kKQdo4uccgAKebXFcRCzk4+g==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.1"
-
-object.entries@^1.1.2, object.entries@^1.1.4:
+object.entries@^1.1.4:
   version "1.1.4"
   resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.4.tgz#43ccf9a50bc5fd5b649d45ab1a579f24e088cafd"
   integrity sha512-h4LWKWE+wKQGhtMjZEBud7uLGhqyLwj8fpHOarZhD2uY3C9cRtk57VQ89ke3moByLXMedqs3XCHzyb4AmA2DjA==
@@ -14265,6 +13967,15 @@ object.entries@^1.1.2, object.entries@^1.1.4:
     define-properties "^1.1.3"
     es-abstract "^1.18.2"
 
+object.entries@^1.1.5:
+  version "1.1.5"
+  resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.5.tgz#e1acdd17c4de2cd96d5a08487cfb9db84d881861"
+  integrity sha512-TyxmjUoZggd4OrrU1W66FMDG6CuqJxsFvymeyXI51+vQLN67zYfZseptRge703kKQdo4uccgAKebXFcRCzk4+g==
+  dependencies:
+    call-bind "^1.0.2"
+    define-properties "^1.1.3"
+    es-abstract "^1.19.1"
+
 object.entries@^1.1.6:
   version "1.1.8"
   resolved "https://registry.yarnpkg.com/object.entries/-/object.entries-1.1.8.tgz#bffe6f282e01f4d17807204a24f8edd823599c41"
@@ -14284,16 +13995,6 @@ object.fromentries@^2.0.0:
     function-bind "^1.1.1"
     has "^1.0.3"
 
-object.fromentries@^2.0.3:
-  version "2.0.4"
-  resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.4.tgz#26e1ba5c4571c5c6f0890cef4473066456a120b8"
-  integrity sha512-EsFBshs5RUUpQEY1D4q/m59kMfz4YJvxuNCJcv/jWwOJr34EaVnG11ZrZa0UHB3wnzV1wx8m58T4hQL8IuNXlQ==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.18.0-next.2"
-    has "^1.0.3"
-
 object.fromentries@^2.0.6:
   version "2.0.8"
   resolved "https://registry.yarnpkg.com/object.fromentries/-/object.fromentries-2.0.8.tgz#f7195d8a9b97bd95cbc1999ea939ecd1a2b00c65"
@@ -14346,24 +14047,6 @@ object.values@^1.1.0:
     function-bind "^1.1.1"
     has "^1.0.3"
 
-object.values@^1.1.1:
-  version "1.1.5"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.5.tgz#959f63e3ce9ef108720333082131e4a459b716ac"
-  integrity sha512-QUZRW0ilQ3PnPpbNtgdNV1PDbEqLIiSFB3l+EnGtBQ/8SUTLj1PZwtQHABZtLgwpJZTSZhuGLOGk57Drx2IvYg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.1"
-
-object.values@^1.1.2:
-  version "1.1.4"
-  resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.1.4.tgz#0d273762833e816b693a637d30073e7051535b30"
-  integrity sha512-TnGo7j4XSnKQoK3MfvkzqKCi0nVe/D9I9IjwTNYdb/fxYHpjrluHVOgw0AF6jrRFGMPHdfuidR09tIDiIvnaSg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.18.2"
-
 object.values@^1.1.6:
   version "1.2.0"
   resolved "https://registry.yarnpkg.com/object.values/-/object.values-1.2.0.tgz#65405a9d92cee68ac2d303002e0b8470a4d9ab1b"
@@ -14864,14 +14547,7 @@ parse-json@^5.2.0:
     json-parse-even-better-errors "^2.3.0"
     lines-and-columns "^1.1.6"
 
-parse5-htmlparser2-tree-adapter@^6.0.1:
-  version "6.0.1"
-  resolved "https://registry.yarnpkg.com/parse5-htmlparser2-tree-adapter/-/parse5-htmlparser2-tree-adapter-6.0.1.tgz#2cdf9ad823321140370d4dbf5d3e92c7c8ddc6e6"
-  integrity sha512-qPuWvbLgvDGilKc5BoicRovlT4MtYT6JfJyBOMDsKoiT+GiuP5qyrPCnR9HcPECIJJmZh5jRndyNThnhhb/vlA==
-  dependencies:
-    parse5 "^6.0.1"
-
-parse5@6.0.1, parse5@^6.0.1:
+parse5@6.0.1:
   version "6.0.1"
   resolved "https://registry.yarnpkg.com/parse5/-/parse5-6.0.1.tgz#e1a1c085c569b3dc08321184f19a39cc27f7c30b"
   integrity sha512-Ofn/CTFzRGTTxwpNEs9PP93gXShHcTq255nzRYSKe8AkVpZY7e1fpmTfOyoIvjP5HG7Z2ZM7VS9PPhQGW2pOpw==
@@ -15921,15 +15597,6 @@ pretty-hrtime@^1.0.3:
   resolved "https://registry.yarnpkg.com/pretty-hrtime/-/pretty-hrtime-1.0.3.tgz#b7e3ea42435a4c9b2759d99e0f201eb195802ee1"
   integrity sha1-t+PqQkNaTJsnWdmeDyAesZWALuE=
 
-pretty@2.0.0:
-  version "2.0.0"
-  resolved "https://registry.yarnpkg.com/pretty/-/pretty-2.0.0.tgz#adbc7960b7bbfe289a557dc5f737619a220d06a5"
-  integrity sha1-rbx5YLe7/iiaVX3F9zdhmiINBqU=
-  dependencies:
-    condense-newlines "^0.2.1"
-    extend-shallow "^2.0.1"
-    js-beautify "^1.6.12"
-
 prismjs@^1.17.1:
   version "1.29.0"
   resolved "https://registry.yarnpkg.com/prismjs/-/prismjs-1.29.0.tgz#f113555a8fa9b57c35e637bba27509dcf802dd12"
@@ -16003,15 +15670,6 @@ promzard@^0.3.0:
   dependencies:
     read "1"
 
-prop-types-exact@^1.2.0:
-  version "1.2.0"
-  resolved "https://registry.yarnpkg.com/prop-types-exact/-/prop-types-exact-1.2.0.tgz#825d6be46094663848237e3925a98c6e944e9869"
-  integrity sha512-K+Tk3Kd9V0odiXFP9fwDHUYRyvK3Nun3GVyPapSIs5OBkITAm15W0CPFD/YKTkMUAbc0b9CUwRQp2ybiBIq+eA==
-  dependencies:
-    has "^1.0.3"
-    object.assign "^4.1.0"
-    reflect.ownkeys "^0.2.0"
-
 prop-types@15.7.2, prop-types@^15.5.4, prop-types@^15.5.8, prop-types@^15.6.0, prop-types@^15.6.1, prop-types@^15.6.2, prop-types@^15.7.2:
   version "15.7.2"
   resolved "https://registry.yarnpkg.com/prop-types/-/prop-types-15.7.2.tgz#52c41e75b8c87e72b9d9360e0206b99dcbffa6c5"
@@ -16232,24 +15890,11 @@ raf@^3.4.1:
   dependencies:
     performance-now "^2.1.0"
 
-railroad-diagrams@^1.0.0:
-  version "1.0.0"
-  resolved "https://registry.yarnpkg.com/railroad-diagrams/-/railroad-diagrams-1.0.0.tgz#eb7e6267548ddedfb899c1b90e57374559cddb7e"
-  integrity sha1-635iZ1SN3t+4mcG5Dlc3RVnN234=
-
 ramda@^0.26:
   version "0.26.1"
   resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.26.1.tgz#8d41351eb8111c55353617fc3bbffad8e4d35d06"
   integrity sha512-hLWjpy7EnsDBb0p+Z3B7rPi3GDeRG5ZtiI33kJhTt+ORCd38AbAIjB/9zRIUoeTbE/AVX5ZkU7m6bznsvrf8eQ==
 
-randexp@0.4.6:
-  version "0.4.6"
-  resolved "https://registry.yarnpkg.com/randexp/-/randexp-0.4.6.tgz#e986ad5e5e31dae13ddd6f7b3019aa7c87f60ca3"
-  integrity sha512-80WNmd9DA0tmZrw9qQa62GPPWfuXJknrmVmLcxvq4uZBdYqb1wYoKTmnlGUchvVWe0XiLupYkBoXVOxz3C8DYQ==
-  dependencies:
-    discontinuous-range "1.0.0"
-    ret "~0.1.10"
-
 randomatic@^3.0.0:
   version "3.1.1"
   resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-3.1.1.tgz#b776efc59375984e36c537b2f51a1f0aff0da1ed"
@@ -16425,7 +16070,7 @@ react-input-autosize@^3.0.0:
   dependencies:
     prop-types "^15.5.8"
 
-react-is@^16.12.0, react-is@^16.13.1, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.6:
+react-is@^16.13.1, react-is@^16.7.0, react-is@^16.8.1, react-is@^16.8.6:
   version "16.13.1"
   resolved "https://registry.yarnpkg.com/react-is/-/react-is-16.13.1.tgz#789729a4dc36de2999dc156dd6c1d9c18cea56a4"
   integrity sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ==
@@ -16652,7 +16297,7 @@ react-swipeable-views@^0.13.3:
     react-swipeable-views-utils "^0.13.9"
     warning "^4.0.1"
 
-react-test-renderer@16.12.0, react-test-renderer@^16.0.0-0:
+react-test-renderer@16.12.0:
   version "16.12.0"
   resolved "https://registry.yarnpkg.com/react-test-renderer/-/react-test-renderer-16.12.0.tgz#11417ffda579306d4e841a794d32140f3da1b43f"
   integrity sha512-Vj/teSqt2oayaWxkbhQ6gKis+t5JrknXfPVo+aIJ8QwYAqMPH77uptOdrlphyxl8eQI/rtkOYg86i/UWkpFu0w==
@@ -16945,11 +16590,6 @@ redux@^4.0.0:
   dependencies:
     "@babel/runtime" "^7.9.2"
 
-reflect.ownkeys@^0.2.0:
-  version "0.2.0"
-  resolved "https://registry.yarnpkg.com/reflect.ownkeys/-/reflect.ownkeys-0.2.0.tgz#749aceec7f3fdf8b63f927a04809e90c5c0b3460"
-  integrity sha1-dJrO7H8/34tj+SegSAnpDFwLNGA=
-
 regenerate-unicode-properties@^10.0.1:
   version "10.0.1"
   resolved "https://registry.yarnpkg.com/regenerate-unicode-properties/-/regenerate-unicode-properties-10.0.1.tgz#7f442732aa7934a3740c779bb9b3340dccc1fb56"
@@ -17739,14 +17379,6 @@ rooks@^5.11.2:
     lodash.debounce "^4.0.8"
     raf "^3.4.1"
 
-rst-selector-parser@^2.2.3:
-  version "2.2.3"
-  resolved "https://registry.yarnpkg.com/rst-selector-parser/-/rst-selector-parser-2.2.3.tgz#81b230ea2fcc6066c89e3472de794285d9b03d91"
-  integrity sha1-gbIw6i/MYGbInjRy3nlChdmwPZE=
-  dependencies:
-    lodash.flattendeep "^4.4.0"
-    nearley "^2.7.10"
-
 rsvp@^4.8.4:
   version "4.8.4"
   resolved "https://registry.yarnpkg.com/rsvp/-/rsvp-4.8.4.tgz#b50e6b34583f3dd89329a2f23a8a2be072845911"
@@ -17971,7 +17603,7 @@ semver-regex@^3.1.2:
   resolved "https://registry.yarnpkg.com/semver-regex/-/semver-regex-3.1.3.tgz#b2bcc6f97f63269f286994e297e229b6245d0dc3"
   integrity sha512-Aqi54Mk9uYTjVexLnR67rTyBusmwd04cLkHy9hNvk3+G3nT2Oyg7E0l4XVbOaNwIvQ3hHeYxGcyEy+mKreyBFQ==
 
-"semver@2 || 3 || 4 || 5", semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.0, semver@^5.7.1:
+"semver@2 || 3 || 4 || 5", semver@^5.0.3, semver@^5.1.0, semver@^5.3.0, semver@^5.4.1, semver@^5.5.0, semver@^5.5.1, semver@^5.6.0, semver@^5.7.1:
   version "5.7.1"
   resolved "https://registry.yarnpkg.com/semver/-/semver-5.7.1.tgz#a954f931aeba508d307bbf069eff0c01c96116f7"
   integrity sha512-sauaDf/PZdVgrLTNYHRtpXa1iRiKcaebiKQ1BJdpQlWH2lCvexQdX55snPFyK7QzpudqbCI0qXFfOasHdyNDGQ==
@@ -18233,11 +17865,6 @@ sift@^6.0.0:
   resolved "https://registry.yarnpkg.com/sift/-/sift-6.0.0.tgz#f93a778e5cbf05a5024ebc391e6b32511a6d1f82"
   integrity sha1-+Tp3jly/BaUCTrw5HmsyURptH4I=
 
-sigmund@^1.0.1:
-  version "1.0.1"
-  resolved "https://registry.yarnpkg.com/sigmund/-/sigmund-1.0.1.tgz#3ff21f198cad2175f9f3b781853fd94d0d19b590"
-  integrity sha1-P/IfGYytIXX587eBhT/ZTQ0ZtZA=
-
 signal-exit@^3.0.0, signal-exit@^3.0.2, signal-exit@^3.0.3:
   version "3.0.3"
   resolved "https://registry.yarnpkg.com/signal-exit/-/signal-exit-3.0.3.tgz#a1410c2edd8f077b08b4e253c8eacfcaf057461c"
@@ -18814,15 +18441,6 @@ string.prototype.padend@^3.0.0:
     es-abstract "^1.4.3"
     function-bind "^1.0.2"
 
-string.prototype.trim@^1.2.1:
-  version "1.2.5"
-  resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.5.tgz#a587bcc8bfad8cb9829a577f5de30dd170c1682c"
-  integrity sha512-Lnh17webJVsD6ECeovpVN17RlAKjmz4rF9S+8Y45CkMc/ufVpTkU3vZIyIC7sllQ1FCvObZnnCdNs/HXTUOTlg==
-  dependencies:
-    call-bind "^1.0.2"
-    define-properties "^1.1.3"
-    es-abstract "^1.19.1"
-
 string.prototype.trim@^1.2.4:
   version "1.2.4"
   resolved "https://registry.yarnpkg.com/string.prototype.trim/-/string.prototype.trim-1.2.4.tgz#6014689baf5efaf106ad031a5fa45157666ed1bd"
@@ -19744,11 +19362,6 @@ tslib@^2.0.1:
   resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.0.1.tgz#410eb0d113e5b6356490eec749603725b021b43e"
   integrity sha512-SgIkNheinmEBgx1IUNirK0TUD4X9yjjBRTqqjggWCU3pUEqIk3/Uwl3yRixYKT6WjQuGiwDv4NomL3wqRCj+CQ==
 
-tslib@^2.2.0:
-  version "2.3.1"
-  resolved "https://registry.yarnpkg.com/tslib/-/tslib-2.3.1.tgz#e8a335add5ceae51aa261d32a490158ef042ef01"
-  integrity sha512-77EbyPPpMz+FRFRuAFlWMtmgUWGe9UOG2Z25NqCwiIjRhOf5iKGuzSe5P2w1laq+FkRy4p+PCuVkJSGkzTEKVw==
-
 tsutils@^3.21.0:
   version "3.21.0"
   resolved "https://registry.yarnpkg.com/tsutils/-/tsutils-3.21.0.tgz#b48717d394cea6c1e096983eed58e9d61715b623"