npm - @innovaccer/design-system - Versions diffs - 2.9.1 → 3.0.0-2 - Mend

@innovaccer/design-system 2.9.1 → 3.0.0-2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (785) hide show

package/src/components/avatar/__tests__/__snapshots__/Avatar.test.tsx.snap ADDED Viewed

@@ -0,0 +1,911 @@
+// Jest Snapshot v1, https://goo.gl/fbAQLP
+exports[`Avatar component
+  appearance: "accent1"
+ 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <span
+        class="Avatar Avatar--regular Avatar--accent1 Avatar--disabled overflow-hidden"
+        data-test="DesignSystem-Avatar"
+      >
+        <i
+          class="material-icons material-icons-round Icon Icon--white Avatar-content--accent1"
+          data-test="DesignSystem-Avatar--Icon"
+          role="button"
+          style="font-size: 16px; width: 16px;"
+        >
+          person_round
+        </i>
+      </span>
+    </div>
+  </body>,
+  "container": <div>
+    <span
+      class="Avatar Avatar--regular Avatar--accent1 Avatar--disabled overflow-hidden"
+      data-test="DesignSystem-Avatar"
+    >
+      <i
+        class="material-icons material-icons-round Icon Icon--white Avatar-content--accent1"
+        data-test="DesignSystem-Avatar--Icon"
+        role="button"
+        style="font-size: 16px; width: 16px;"
+      >
+        person_round
+      </i>
+    </span>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Avatar component
+  appearance: "accent2"
+ 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <span
+        class="Avatar Avatar--regular Avatar--accent2 Avatar--disabled overflow-hidden"
+        data-test="DesignSystem-Avatar"
+      >
+        <i
+          class="material-icons material-icons-round Icon Icon--white Avatar-content--accent2"
+          data-test="DesignSystem-Avatar--Icon"
+          role="button"
+          style="font-size: 16px; width: 16px;"
+        >
+          person_round
+        </i>
+      </span>
+    </div>
+  </body>,
+  "container": <div>
+    <span
+      class="Avatar Avatar--regular Avatar--accent2 Avatar--disabled overflow-hidden"
+      data-test="DesignSystem-Avatar"
+    >
+      <i
+        class="material-icons material-icons-round Icon Icon--white Avatar-content--accent2"
+        data-test="DesignSystem-Avatar--Icon"
+        role="button"
+        style="font-size: 16px; width: 16px;"
+      >
+        person_round
+      </i>
+    </span>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Avatar component
+  appearance: "accent3"
+ 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <span
+        class="Avatar Avatar--regular Avatar--accent3 Avatar--disabled overflow-hidden"
+        data-test="DesignSystem-Avatar"
+      >
+        <i
+          class="material-icons material-icons-round Icon Icon--white Avatar-content--accent3"
+          data-test="DesignSystem-Avatar--Icon"
+          role="button"
+          style="font-size: 16px; width: 16px;"
+        >
+          person_round
+        </i>
+      </span>
+    </div>
+  </body>,
+  "container": <div>
+    <span
+      class="Avatar Avatar--regular Avatar--accent3 Avatar--disabled overflow-hidden"
+      data-test="DesignSystem-Avatar"
+    >
+      <i
+        class="material-icons material-icons-round Icon Icon--white Avatar-content--accent3"
+        data-test="DesignSystem-Avatar--Icon"
+        role="button"
+        style="font-size: 16px; width: 16px;"
+      >
+        person_round
+      </i>
+    </span>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Avatar component
+  appearance: "accent4"
+ 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <span
+        class="Avatar Avatar--regular Avatar--accent4 Avatar--disabled overflow-hidden"
+        data-test="DesignSystem-Avatar"
+      >
+        <i
+          class="material-icons material-icons-round Icon Icon--white Avatar-content--accent4"
+          data-test="DesignSystem-Avatar--Icon"
+          role="button"
+          style="font-size: 16px; width: 16px;"
+        >
+          person_round
+        </i>
+      </span>
+    </div>
+  </body>,
+  "container": <div>
+    <span
+      class="Avatar Avatar--regular Avatar--accent4 Avatar--disabled overflow-hidden"
+      data-test="DesignSystem-Avatar"
+    >
+      <i
+        class="material-icons material-icons-round Icon Icon--white Avatar-content--accent4"
+        data-test="DesignSystem-Avatar--Icon"
+        role="button"
+        style="font-size: 16px; width: 16px;"
+      >
+        person_round
+      </i>
+    </span>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Avatar component
+  appearance: "alert"
+ 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <span
+        class="Avatar Avatar--regular Avatar--alert Avatar--disabled overflow-hidden"
+        data-test="DesignSystem-Avatar"
+      >
+        <i
+          class="material-icons material-icons-round Icon Icon--white Avatar-content--alert"
+          data-test="DesignSystem-Avatar--Icon"
+          role="button"
+          style="font-size: 16px; width: 16px;"
+        >
+          person_round
+        </i>
+      </span>
+    </div>
+  </body>,
+  "container": <div>
+    <span
+      class="Avatar Avatar--regular Avatar--alert Avatar--disabled overflow-hidden"
+      data-test="DesignSystem-Avatar"
+    >
+      <i
+        class="material-icons material-icons-round Icon Icon--white Avatar-content--alert"
+        data-test="DesignSystem-Avatar--Icon"
+        role="button"
+        style="font-size: 16px; width: 16px;"
+      >
+        person_round
+      </i>
+    </span>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Avatar component
+  appearance: "primary"
+ 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <span
+        class="Avatar Avatar--regular Avatar--primary Avatar--disabled overflow-hidden"
+        data-test="DesignSystem-Avatar"
+      >
+        <i
+          class="material-icons material-icons-round Icon Icon--white Avatar-content--primary"
+          data-test="DesignSystem-Avatar--Icon"
+          role="button"
+          style="font-size: 16px; width: 16px;"
+        >
+          person_round
+        </i>
+      </span>
+    </div>
+  </body>,
+  "container": <div>
+    <span
+      class="Avatar Avatar--regular Avatar--primary Avatar--disabled overflow-hidden"
+      data-test="DesignSystem-Avatar"
+    >
+      <i
+        class="material-icons material-icons-round Icon Icon--white Avatar-content--primary"
+        data-test="DesignSystem-Avatar--Icon"
+        role="button"
+        style="font-size: 16px; width: 16px;"
+      >
+        person_round
+      </i>
+    </span>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Avatar component
+  appearance: "success"
+ 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <span
+        class="Avatar Avatar--regular Avatar--success Avatar--disabled overflow-hidden"
+        data-test="DesignSystem-Avatar"
+      >
+        <i
+          class="material-icons material-icons-round Icon Icon--white Avatar-content--success"
+          data-test="DesignSystem-Avatar--Icon"
+          role="button"
+          style="font-size: 16px; width: 16px;"
+        >
+          person_round
+        </i>
+      </span>
+    </div>
+  </body>,
+  "container": <div>
+    <span
+      class="Avatar Avatar--regular Avatar--success Avatar--disabled overflow-hidden"
+      data-test="DesignSystem-Avatar"
+    >
+      <i
+        class="material-icons material-icons-round Icon Icon--white Avatar-content--success"
+        data-test="DesignSystem-Avatar--Icon"
+        role="button"
+        style="font-size: 16px; width: 16px;"
+      >
+        person_round
+      </i>
+    </span>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Avatar component
+  appearance: "warning"
+ 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <span
+        class="Avatar Avatar--regular Avatar--warning Avatar--disabled overflow-hidden"
+        data-test="DesignSystem-Avatar"
+      >
+        <i
+          class="material-icons material-icons-round Icon Icon--white Avatar-content--warning"
+          data-test="DesignSystem-Avatar--Icon"
+          role="button"
+          style="font-size: 16px; width: 16px;"
+        >
+          person_round
+        </i>
+      </span>
+    </div>
+  </body>,
+  "container": <div>
+    <span
+      class="Avatar Avatar--regular Avatar--warning Avatar--disabled overflow-hidden"
+      data-test="DesignSystem-Avatar"
+    >
+      <i
+        class="material-icons material-icons-round Icon Icon--white Avatar-content--warning"
+        data-test="DesignSystem-Avatar--Icon"
+        role="button"
+        style="font-size: 16px; width: 16px;"
+      >
+        person_round
+      </i>
+    </span>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Avatar component
+  size: "regular"
+ 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <span
+        class="Avatar Avatar--regular Avatar--secondary Avatar--disabled overflow-hidden"
+        data-test="DesignSystem-Avatar"
+      >
+        <i
+          class="material-icons material-icons-round Icon Icon--white Avatar-content--secondary"
+          data-test="DesignSystem-Avatar--Icon"
+          role="button"
+          style="font-size: 16px; width: 16px;"
+        >
+          person_round
+        </i>
+      </span>
+    </div>
+  </body>,
+  "container": <div>
+    <span
+      class="Avatar Avatar--regular Avatar--secondary Avatar--disabled overflow-hidden"
+      data-test="DesignSystem-Avatar"
+    >
+      <i
+        class="material-icons material-icons-round Icon Icon--white Avatar-content--secondary"
+        data-test="DesignSystem-Avatar--Icon"
+        role="button"
+        style="font-size: 16px; width: 16px;"
+      >
+        person_round
+      </i>
+    </span>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;
+exports[`Avatar component
+  size: "tiny"
+ 1`] = `
+Object {
+  "asFragment": [Function],
+  "baseElement": <body>
+    <div>
+      <span
+        class="Avatar Avatar--tiny Avatar--secondary Avatar--disabled overflow-hidden"
+        data-test="DesignSystem-Avatar"
+      >
+        <i
+          class="material-icons material-icons-round Icon Icon--white Avatar-content--secondary"
+          data-test="DesignSystem-Avatar--Icon"
+          role="button"
+          style="font-size: 12px; width: 12px;"
+        >
+          person_round
+        </i>
+      </span>
+    </div>
+  </body>,
+  "container": <div>
+    <span
+      class="Avatar Avatar--tiny Avatar--secondary Avatar--disabled overflow-hidden"
+      data-test="DesignSystem-Avatar"
+    >
+      <i
+        class="material-icons material-icons-round Icon Icon--white Avatar-content--secondary"
+        data-test="DesignSystem-Avatar--Icon"
+        role="button"
+        style="font-size: 12px; width: 12px;"
+      >
+        person_round
+      </i>
+    </span>
+  </div>,
+  "debug": [Function],
+  "findAllByAltText": [Function],
+  "findAllByDisplayValue": [Function],
+  "findAllByLabelText": [Function],
+  "findAllByPlaceholderText": [Function],
+  "findAllByRole": [Function],
+  "findAllByTestId": [Function],
+  "findAllByText": [Function],
+  "findAllByTitle": [Function],
+  "findByAltText": [Function],
+  "findByDisplayValue": [Function],
+  "findByLabelText": [Function],
+  "findByPlaceholderText": [Function],
+  "findByRole": [Function],
+  "findByTestId": [Function],
+  "findByText": [Function],
+  "findByTitle": [Function],
+  "getAllByAltText": [Function],
+  "getAllByDisplayValue": [Function],
+  "getAllByLabelText": [Function],
+  "getAllByPlaceholderText": [Function],
+  "getAllByRole": [Function],
+  "getAllByTestId": [Function],
+  "getAllByText": [Function],
+  "getAllByTitle": [Function],
+  "getByAltText": [Function],
+  "getByDisplayValue": [Function],
+  "getByLabelText": [Function],
+  "getByPlaceholderText": [Function],
+  "getByRole": [Function],
+  "getByTestId": [Function],
+  "getByText": [Function],
+  "getByTitle": [Function],
+  "queryAllByAltText": [Function],
+  "queryAllByDisplayValue": [Function],
+  "queryAllByLabelText": [Function],
+  "queryAllByPlaceholderText": [Function],
+  "queryAllByRole": [Function],
+  "queryAllByTestId": [Function],
+  "queryAllByText": [Function],
+  "queryAllByTitle": [Function],
+  "queryByAltText": [Function],
+  "queryByDisplayValue": [Function],
+  "queryByLabelText": [Function],
+  "queryByPlaceholderText": [Function],
+  "queryByRole": [Function],
+  "queryByTestId": [Function],
+  "queryByText": [Function],
+  "queryByTitle": [Function],
+  "rerender": [Function],
+  "unmount": [Function],
+}
+`;