From 90c6be9c5b11fee42b94ecbfdc82a7003fba2762 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Wed, 2 Feb 2022 12:29:20 +0100
Subject: [PATCH 01/20] Use outline only for button focus

---
 packages/components/package.json              |   4 +-
 .../components/src/button/button.styles.ts    | 122 +++++++++---------
 2 files changed, 60 insertions(+), 66 deletions(-)

diff --git a/packages/components/package.json b/packages/components/package.json
index ce2f92f3..cab9e020 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -22,8 +22,8 @@
     "build:docs": "build-storybook",
     "deploy:docs": "yarn run build:docs && gh-pages -d storybook-static",
     "doc": "api-extractor run --local",
-    "prettier:check": "prettier --config ./.prettierrc --check \"**/*.{ts,js,md}\"",
-    "prettier": "prettier --config ./.prettierrc --write \"**/*.{ts,js,md}\"",
+    "prettier:check": "prettier --config ../../.prettierrc --check \"src/**/*.ts\"",
+    "prettier": "prettier --config ../../.prettierrc --write \"src/**/*.ts\"",
     "eslint:check": "eslint . --ext .ts",
     "eslint": "eslint . --ext .ts --fix",
     "prepublishOnly": "yarn run build",
diff --git a/packages/components/src/button/button.styles.ts b/packages/components/src/button/button.styles.ts
index 56c1ff3a..0f5a6603 100644
--- a/packages/components/src/button/button.styles.ts
+++ b/packages/components/src/button/button.styles.ts
@@ -8,16 +8,17 @@ import {
   density,
   designUnit,
   disabledOpacity,
+  focusStrokeWidth,
   foregroundOnAccentActive,
   foregroundOnAccentHover,
   foregroundOnAccentRest,
   neutralFillActive,
-  neutralFillFocus,
   neutralFillHover,
   neutralFillRest,
   neutralFillStealthActive,
   neutralFillStealthHover,
   neutralFillStealthRest,
+  neutralFillStrongFocus,
   neutralForegroundRest,
   strokeWidth,
   typeRampBaseFontSize,
@@ -38,10 +39,7 @@ import {
   errorFillActive,
   errorFillFocus,
   errorFillHover,
-  errorFillRest,
-  foregroundOnErrorActive,
-  foregroundOnErrorHover,
-  foregroundOnErrorRest
+  errorFillRest
 } from '../design-token';
 import { heightNumber } from '../styles';
 
@@ -58,8 +56,8 @@ function appearanceBehavior(value: string, styles: ElementStyles) {
   return new PropertyStyleSheetBehavior('appearance', value, styles);
 }
 
-// TODO do we really want to use outline for focus, active, ... => this call for a minimal style for toolbar probably
-// outline force to use a padding so that the outline is not hidden by other elements.
+// TODO do we really want to use outline for focus => this call for a minimal style for toolbar probably
+// outline force to use a margin so that the outline is not hidden by other elements.
 
 /**
  * @internal
@@ -90,9 +88,7 @@ const BaseButtonStyles = css`
     align-items: center;
     padding: 0 calc((10 + (${designUnit} * 2 * ${density})) * 1px);
     white-space: nowrap;
-    outline: 1px solid transparent;
-    outline-offset: calc((${designUnit} + ${density}) * 1px);
-    -moz-outline-radius: 0px;
+    outline: none;
     text-decoration: none;
     border: calc(${strokeWidth} * 1px) solid transparent;
     color: inherit;
@@ -108,10 +104,6 @@ const BaseButtonStyles = css`
     background-color: ${neutralFillHover};
   }
 
-  :host(:hover) .control {
-    outline-color: ${neutralFillHover};
-  }
-
   :host(:active) {
     background-color: ${neutralFillActive};
   }
@@ -124,12 +116,11 @@ const BaseButtonStyles = css`
     padding: 1px;
   }
 
-  :host(:active) .control {
-    outline-color: ${neutralFillActive};
-  }
-
-  :host .control:${focusVisible} {
-    outline-color: ${neutralFillFocus};
+  /* prettier-ignore */
+  .control:${focusVisible} {
+    outline: 1px solid ${neutralFillStrongFocus};
+    outline-offset: calc((${designUnit} + ${density}) * 1px);
+    -moz-outline-radius: 0px;
   }
 
   .control::-moz-focus-inner {
@@ -178,16 +169,19 @@ const BaseButtonStyles = css`
         color: ${SystemColors.HighlightText};
       }
 
-      .control: ${focusVisible} {
+      /* prettier-ignore */
+      .control:${focusVisible} {
         forced-color-adjust: none;
         background-color: ${SystemColors.Highlight};
-        outline-color: ${SystemColors.ButtonText};
+        outline: 1px solid ${SystemColors.ButtonText};
+        outline-offset: calc((${designUnit} + ${density}) * 1px);
+        -moz-outline-radius: 0px;
         color: ${SystemColors.HighlightText};
       }
 
       .control:hover,
       :host([appearance='outline']) .control:hover {
-        outline-color: ${SystemColors.ButtonText};
+        border-color: ${SystemColors.ButtonText};
       }
 
       :host([href]) .control {
@@ -196,10 +190,11 @@ const BaseButtonStyles = css`
       }
 
       :host([href]) .control:hover,
-            :host([href]) .control:${focusVisible} {
+      :host([href]) .control:${focusVisible} {
         forced-color-adjust: none;
         background: ${SystemColors.ButtonFace};
-        outline-color: ${SystemColors.LinkText};
+        border-color: ${SystemColors.LinkText};
+        box-shadow: 0 0 0 1px ${SystemColors.LinkText} inset;
         color: ${SystemColors.LinkText};
         fill: currentColor;
       }
@@ -221,18 +216,15 @@ const AccentButtonStyles = css`
     color: ${foregroundOnAccentHover};
   }
 
-  :host([appearance='accent']:hover) .control {
-    outline-color: ${accentFillHover};
-  }
-
   :host([appearance='accent']:active) .control:active {
     background: ${accentFillActive};
     color: ${foregroundOnAccentActive};
-    outline-color: ${accentFillActive};
   }
 
   :host([appearance="accent"]) .control:${focusVisible} {
-    outline-color: ${accentFillFocus};
+    outline: 1px solid ${accentFillFocus};
+    outline-offset: calc((${designUnit} + ${density}) * 1px);
+    -moz-outline-radius: 0px;
   }
 `.withBehaviors(
   forcedColorsStylesheetBehavior(
@@ -246,12 +238,14 @@ const AccentButtonStyles = css`
       :host([appearance='accent']) .control:hover,
       :host([appearance='accent']:active) .control:active {
         background: ${SystemColors.HighlightText};
-        outline-color: ${SystemColors.Highlight};
+        border-color: ${SystemColors.Highlight};
         color: ${SystemColors.Highlight};
       }
 
       :host([appearance="accent"]) .control:${focusVisible} {
-        outline-color: ${SystemColors.Highlight};
+        outline: 1px solid ${SystemColors.Highlight};
+        outline-offset: calc((${designUnit} + ${density}) * 1px);
+        -moz-outline-radius: 0px;
       }
 
       :host([appearance='accent'][href]) .control {
@@ -261,13 +255,16 @@ const AccentButtonStyles = css`
 
       :host([appearance='accent'][href]) .control:hover {
         background: ${SystemColors.ButtonFace};
-        outline-color: ${SystemColors.LinkText};
+        border-color: ${SystemColors.LinkText};
+        box-shadow: none;
         color: ${SystemColors.LinkText};
         fill: currentColor;
       }
 
       :host([appearance="accent"][href]) .control:${focusVisible} {
-        outline-color: ${SystemColors.LinkText};
+        border-color: ${SystemColors.LinkText};
+        box-shadow: 0 0 0 calc(${focusStrokeWidth} * 1px)
+          ${SystemColors.HighlightText} inset;
       }
     `
   )
@@ -279,26 +276,23 @@ const AccentButtonStyles = css`
 const ErrorButtonStyles = css`
   :host([appearance='error']) {
     background: ${errorFillRest};
-    color: ${foregroundOnErrorRest};
+    color: ${foregroundOnAccentRest};
   }
 
   :host([appearance='error']:hover) {
     background: ${errorFillHover};
-    color: ${foregroundOnErrorHover};
-  }
-
-  :host([appearance='error']:hover) .control {
-    outline-color: ${errorFillHover};
+    color: ${foregroundOnAccentHover};
   }
 
   :host([appearance='error']:active) .control:active {
     background: ${errorFillActive};
-    color: ${foregroundOnErrorActive};
-    outline-color: ${errorFillActive};
+    color: ${foregroundOnAccentActive};
   }
 
   :host([appearance="error"]) .control:${focusVisible} {
-    outline-color: ${errorFillFocus};
+    outline: 1px solid ${errorFillFocus};
+    outline-offset: calc((${designUnit} + ${density}) * 1px);
+    -moz-outline-radius: 0px;
   }
 `.withBehaviors(
   forcedColorsStylesheetBehavior(
@@ -312,12 +306,14 @@ const ErrorButtonStyles = css`
       :host([appearance='error']) .control:hover,
       :host([appearance='error']:active) .control:active {
         background: ${SystemColors.HighlightText};
-        outline-color: ${SystemColors.Highlight};
+        border-color: ${SystemColors.Highlight};
         color: ${SystemColors.Highlight};
       }
 
       :host([appearance="error"]) .control:${focusVisible} {
-        outline-color: ${SystemColors.Highlight};
+        outline: 1px solid ${SystemColors.Highlight};
+        outline-offset: calc((${designUnit} + ${density}) * 1px);
+        -moz-outline-radius: 0px;
       }
 
       :host([appearance='error'][href]) .control {
@@ -327,13 +323,16 @@ const ErrorButtonStyles = css`
 
       :host([appearance='error'][href]) .control:hover {
         background: ${SystemColors.ButtonFace};
-        outline-color: ${SystemColors.LinkText};
+        border-color: ${SystemColors.LinkText};
+        box-shadow: none;
         color: ${SystemColors.LinkText};
         fill: currentColor;
       }
 
       :host([appearance="error"][href]) .control:${focusVisible} {
-        outline-color: ${SystemColors.LinkText};
+        border-color: ${SystemColors.LinkText};
+        box-shadow: 0 0 0 calc(${focusStrokeWidth} * 1px)
+          ${SystemColors.HighlightText} inset;
       }
     `
   )
@@ -352,25 +351,18 @@ const OutlineButtonStyles = css`
     border-color: ${accentFillHover};
   }
 
-  :host([appearance='outline']:hover) .control {
-    outline-color: ${accentFillHover};
-  }
-
   :host([appearance='outline']:active) {
     border-color: ${accentFillActive};
   }
 
-  :host([appearance='outline']:active) .control:active {
-    outline-color: ${accentFillActive};
-  }
-
   :host([appearance='outline']) .control {
     border-color: inherit;
   }
 
   :host([appearance="outline"]) .control:${focusVisible} {
-    border-color: ${accentFillFocus};
-    outline-color: ${accentFillActive};
+    outline: 1px solid ${accentFillFocus};
+    outline-offset: calc((${designUnit} + ${density}) * 1px);
+    -moz-outline-radius: 0px;
   }
 `.withBehaviors(
   forcedColorsStylesheetBehavior(
@@ -381,7 +373,9 @@ const OutlineButtonStyles = css`
       :host([appearance="outline"]) .control:${focusVisible} {
         forced-color-adjust: none;
         background-color: ${SystemColors.Highlight};
-        border-color: ${SystemColors.ButtonText};
+        outline: 1px solid ${SystemColors.ButtonText};
+        outline-offset: calc((${designUnit} + ${density}) * 1px);
+        -moz-outline-radius: 0px;
         color: ${SystemColors.HighlightText};
         fill: currentColor;
       }
@@ -392,7 +386,7 @@ const OutlineButtonStyles = css`
         fill: currentColor;
       }
       :host([appearance="outline"][href]) .control:hover,
-            :host([appearance="outline"][href]) .control:${focusVisible} {
+      :host([appearance="outline"][href]) .control:${focusVisible} {
         forced-color-adjust: none;
         border-color: ${SystemColors.LinkText};
         box-shadow: 0 0 0 1px ${SystemColors.LinkText} inset;
@@ -423,14 +417,14 @@ const StealthButtonStyles = css`
       :host([appearance='stealth']) .control {
         forced-color-adjust: none;
         background: ${SystemColors.ButtonFace};
-        outline-color: transparent;
+        border-color: transparent;
         color: ${SystemColors.ButtonText};
         fill: currentColor;
       }
 
       :host([appearance='stealth']:hover) .control {
         background: ${SystemColors.Highlight};
-        outline-color: ${SystemColors.Highlight};
+        border-color: ${SystemColors.Highlight};
         color: ${SystemColors.HighlightText};
         fill: currentColor;
       }
@@ -447,9 +441,9 @@ const StealthButtonStyles = css`
       }
 
       :host([appearance="stealth"][href]:hover) .control,
-            :host([appearance="stealth"][href]:${focusVisible}) .control {
+         :host([appearance="stealth"][href]:${focusVisible}) .control {
         background: ${SystemColors.LinkText};
-        outline-color: ${SystemColors.LinkText};
+        border-color: ${SystemColors.LinkText};
         color: ${SystemColors.HighlightText};
         fill: currentColor;
       }

From 40b405bcdb316e917e4b1d81b09714f591df3d61 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Wed, 2 Feb 2022 14:41:14 +0100
Subject: [PATCH 02/20] Improve styling for text field

---
 .../src/text-field/text-field.styles.ts       | 24 +++++++++----------
 1 file changed, 11 insertions(+), 13 deletions(-)

diff --git a/packages/components/src/text-field/text-field.styles.ts b/packages/components/src/text-field/text-field.styles.ts
index d67e37a0..770ceb39 100644
--- a/packages/components/src/text-field/text-field.styles.ts
+++ b/packages/components/src/text-field/text-field.styles.ts
@@ -3,9 +3,7 @@
 // Distributed under the terms of the Modified BSD License.
 
 import {
-  accentFillActive,
   accentFillFocus,
-  accentFillHover,
   bodyFont,
   controlCornerRadius,
   designUnit,
@@ -14,6 +12,9 @@ import {
   neutralFillInputHover,
   neutralFillInputRest,
   neutralFillRest,
+  neutralFillStrongFocus,
+  neutralFillStrongHover,
+  neutralFillStrongRest,
   neutralForegroundRest,
   neutralStrokeRest,
   strokeWidth,
@@ -24,9 +25,9 @@ import { css, ElementStyles } from '@microsoft/fast-element';
 import {
   disabledCursor,
   display,
-  ElementDefinitionContext,
   focusVisible,
   forcedColorsStylesheetBehavior,
+  FoundationElementTemplate,
   TextFieldOptions
 } from '@microsoft/fast-foundation';
 import { SystemColors } from '@microsoft/fast-web-utilities';
@@ -36,13 +37,10 @@ import { heightNumber } from '../styles';
  * Styles for Text Field
  * @public
  */
-export const textFieldStyles: (
-  context: ElementDefinitionContext,
-  definition: TextFieldOptions
-) => ElementStyles = (
-  context: ElementDefinitionContext,
-  definition: TextFieldOptions
-) =>
+export const textFieldStyles: FoundationElementTemplate<
+  ElementStyles,
+  TextFieldOptions
+> = (context, definition) =>
   css`
     ${display('inline-block')} :host {
       font-family: ${bodyFont};
@@ -58,7 +56,7 @@ export const textFieldStyles: (
       color: ${neutralForegroundRest};
       background: ${neutralFillInputRest};
       border-radius: calc(${controlCornerRadius} * 1px);
-      border: calc(${strokeWidth} * 1px) solid ${neutralStrokeRest};
+      border: calc(${strokeWidth} * 1px) solid ${neutralFillStrongRest};
       height: calc(${heightNumber} * 1px);
     }
 
@@ -122,12 +120,12 @@ export const textFieldStyles: (
 
     :host(:hover:not([disabled])) .root {
       background: ${neutralFillInputHover};
-      border-color: ${accentFillHover};
+      border-color: ${neutralFillStrongHover};
     }
 
     :host(:active:not([disabled])) .root {
       background: ${neutralFillInputHover};
-      border-color: ${accentFillActive};
+      border-color: ${neutralFillStrongFocus};
     }
 
     :host(:focus-within:not([disabled])) .root {

From 9d0ea9816924f18b6414f1cdc8b328f00c562df4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Wed, 2 Feb 2022 16:24:04 +0100
Subject: [PATCH 03/20] Add Avatar, Breadcrumb and Breadcrumb Item

---
 .../components/src/avatar/avatar.stories.ts   |   0
 packages/components/src/avatar/avatar.test.ts |   0
 packages/components/src/avatar/index.ts       |  38 +++++
 .../breadcrumb-item.stories.ts                |  53 +++++++
 .../breadcrumb-item/breadcrumb-item.styles.ts | 148 ++++++++++++++++++
 .../breadcrumb-item/breadcrumb-item.test.ts   |  38 +++++
 .../components/src/breadcrumb-item/index.ts   |  37 +++++
 .../src/breadcrumb/breadcrumb.stories.ts      |  73 +++++++++
 .../src/breadcrumb/breadcrumb.test.ts         |  38 +++++
 packages/components/src/breadcrumb/index.ts   |  32 ++++
 .../components/src/button/button.stories.ts   |   2 +-
 .../components/src/button/button.styles.ts    |   4 +
 packages/components/src/button/button.test.ts |  14 +-
 packages/components/src/custom-elements.ts    |  19 ++-
 packages/components/src/index.ts              |   6 +
 .../components/src/option/option.stories.ts   |   2 +-
 packages/components/src/option/option.test.ts |   6 +-
 .../components/src/select/select.stories.ts   |   2 +-
 packages/components/src/select/select.test.ts |   8 +-
 .../src/text-field/text-field.stories.ts      |   2 +-
 .../src/text-field/text-field.test.ts         |  18 +--
 21 files changed, 512 insertions(+), 28 deletions(-)
 create mode 100644 packages/components/src/avatar/avatar.stories.ts
 create mode 100644 packages/components/src/avatar/avatar.test.ts
 create mode 100644 packages/components/src/avatar/index.ts
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.stories.ts
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.styles.ts
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts
 create mode 100644 packages/components/src/breadcrumb-item/index.ts
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.stories.ts
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts
 create mode 100644 packages/components/src/breadcrumb/index.ts

diff --git a/packages/components/src/avatar/avatar.stories.ts b/packages/components/src/avatar/avatar.stories.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/components/src/avatar/avatar.test.ts b/packages/components/src/avatar/avatar.test.ts
new file mode 100644
index 00000000..e69de29b
diff --git a/packages/components/src/avatar/index.ts b/packages/components/src/avatar/index.ts
new file mode 100644
index 00000000..808ed934
--- /dev/null
+++ b/packages/components/src/avatar/index.ts
@@ -0,0 +1,38 @@
+// Copyright (c) Jupyter Development Team.
+// Copyright (c) Microsoft Corporation.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  Avatar,
+  imgTemplate,
+  avatarStyles as styles
+} from '@microsoft/fast-components';
+import {
+  AvatarOptions,
+  Avatar as FoundationAvatar,
+  avatarTemplate as template
+} from '@microsoft/fast-foundation';
+
+export { Avatar } from '@microsoft/fast-components';
+
+/**
+ * A function that returns a {@link @microsoft/fast-foundation#Avatar} registration for configuring the component with a DesignSystem.
+ *  {@link @microsoft/fast-foundation#avatarTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: `<jp-avatar>`
+ */
+export const jpAvatar = Avatar.compose<AvatarOptions>({
+  baseName: 'avatar',
+  baseClass: FoundationAvatar,
+  template,
+  styles,
+  media: imgTemplate,
+  shadowOptions: {
+    delegatesFocus: true
+  }
+});
+
+export { styles as avatarStyles };
diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.stories.ts b/packages/components/src/breadcrumb-item/breadcrumb-item.stories.ts
new file mode 100644
index 00000000..e88325a4
--- /dev/null
+++ b/packages/components/src/breadcrumb-item/breadcrumb-item.stories.ts
@@ -0,0 +1,53 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { getFaIcon, setTheme } from '../utilities/storybook';
+
+export default {
+  title: 'Breadcrumb Item',
+  argTypes: {
+    href: { control: 'boolean' },
+    startIcon: { control: 'boolean' },
+    endIcon: { control: 'boolean' }
+  }
+};
+
+const Template = (
+  args,
+  { globals: { backgrounds, accent }, parameters }
+): string => {
+  setTheme(accent, parameters.backgrounds, backgrounds);
+
+  return `<jp-breadcrumb-item 
+    ${args.href ? 'href="#"' : ''}
+    >
+      ${args.startIcon ? getFaIcon('folder', 'start') : ''}
+      Breadcrumb item
+      ${args.endIcon ? getFaIcon('robot', 'end') : ''}
+    </jp-breadcrumb-item>`;
+};
+
+export const Default = Template.bind({});
+Default.args = {
+  href: true,
+  startIcon: false,
+  endIcon: false
+};
+
+export const WithoutHref = Template.bind({});
+WithoutHref.args = {
+  ...Default.args,
+  href: false
+};
+
+export const WithStartIcon = Template.bind({});
+WithStartIcon.args = {
+  ...Default.args,
+  startIcon: true
+};
+
+export const WithEndIcon = Template.bind({});
+WithEndIcon.args = {
+  ...Default.args,
+  endIcon: true
+};
diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.styles.ts b/packages/components/src/breadcrumb-item/breadcrumb-item.styles.ts
new file mode 100644
index 00000000..1459e365
--- /dev/null
+++ b/packages/components/src/breadcrumb-item/breadcrumb-item.styles.ts
@@ -0,0 +1,148 @@
+// Copyright (c) Jupyter Development Team.
+// Copyright (c) Microsoft Corporation.
+// Distributed under the terms of the Modified BSD License.
+
+import { css, ElementStyles } from '@microsoft/fast-element';
+import {
+  BreadcrumbItemOptions,
+  display,
+  focusVisible,
+  forcedColorsStylesheetBehavior,
+  FoundationElementTemplate
+} from '@microsoft/fast-foundation';
+import { SystemColors } from '@microsoft/fast-web-utilities';
+import {
+  accentForegroundActive,
+  accentForegroundFocus,
+  accentForegroundHover,
+  accentForegroundRest,
+  bodyFont,
+  focusStrokeWidth,
+  neutralForegroundRest,
+  strokeWidth,
+  typeRampBaseFontSize,
+  typeRampBaseLineHeight
+} from '@microsoft/fast-components';
+import { heightNumber } from '../styles/index';
+
+/**
+ * Styles for Breadcrumb item
+ * @public
+ */
+export const breadcrumbItemStyles: FoundationElementTemplate<
+  ElementStyles,
+  BreadcrumbItemOptions
+> = (context, definition) =>
+  css`
+    ${display('inline-flex')} :host {
+        background: transparent;
+        box-sizing: border-box;
+        font-family: ${bodyFont};
+        font-size: ${typeRampBaseFontSize};
+        fill: currentColor;
+        line-height: ${typeRampBaseLineHeight};
+        min-width: calc(${heightNumber} * 1px);
+        outline: none;
+        color: ${neutralForegroundRest}
+    }
+
+    .listitem {
+        display: flex;
+        align-items: center;
+        width: max-content;
+    }
+
+    .separator {
+        margin: 0 6px;
+        display: flex;
+    }
+
+    .control {
+        align-items: center;
+        box-sizing: border-box;
+        color: ${accentForegroundRest};
+        cursor: pointer;
+        display: flex;
+        fill: inherit;
+        outline: none;
+        text-decoration: none;
+        white-space: nowrap;
+    }
+
+    .control:hover {
+        color: ${accentForegroundHover};
+    }
+
+    .control:active {
+        color: ${accentForegroundActive};
+    }
+
+    .control .content {
+        position: relative;
+    }
+
+    .control .content::before {
+        content: "";
+        display: block;
+        height: calc(${strokeWidth} * 1px);
+        left: 0;
+        position: absolute;
+        right: 0;
+        top: calc(1em + 4px);
+        width: 100%;
+    }
+
+    .control:hover .content::before {
+        background: ${accentForegroundHover};
+    }
+
+    .control:active .content::before {
+        background: ${accentForegroundActive};
+    }
+
+    .control:${focusVisible} .content::before {
+        background: ${accentForegroundFocus};
+        height: calc(${focusStrokeWidth} * 1px);
+    }
+
+    .control:not([href]) {
+        color: ${neutralForegroundRest};
+        cursor: default;
+    }
+
+    .control:not([href]) .content::before {
+        background: none;
+    }
+
+    .start,
+    .end {
+        display: flex;
+    }
+
+    ::slotted(svg) {
+        /* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */
+        width: 16px;
+        height: 16px;
+    }
+
+    .start {
+        margin-inline-end: 6px;
+    }
+
+    .end {
+        margin-inline-start: 6px;
+    }
+`.withBehaviors(
+    forcedColorsStylesheetBehavior(
+      css`
+        .control:hover .content::before,
+                .control:${focusVisible} .content::before {
+          background: ${SystemColors.LinkText};
+        }
+        .start,
+        .end {
+          fill: ${SystemColors.ButtonText};
+        }
+      `
+    )
+  );
diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts
new file mode 100644
index 00000000..3c8f68e8
--- /dev/null
+++ b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts
@@ -0,0 +1,38 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Breadcrumb Item', () => {
+  test('Default', async ({ page }) => {
+    await page.goto('/iframe.html?id=breadcrumb-item--default');
+
+    expect(
+      await page.locator('jp-breadcrumb-item').screenshot()
+    ).toMatchSnapshot('breadcrumb-item-default.png');
+  });
+
+  test('Without href', async ({ page }) => {
+    await page.goto('/iframe.html?id=breadcrumb-item--without-href');
+
+    expect(
+      await page.locator('jp-breadcrumb-item').screenshot()
+    ).toMatchSnapshot('breadcrumb-item-without-href.png');
+  });
+
+  test('With Start Icon', async ({ page }) => {
+    await page.goto('/iframe.html?id=breadcrumb-item--with-start-icon');
+
+    expect(
+      await page.locator('jp-breadcrumb-item').screenshot()
+    ).toMatchSnapshot('breadcrumb-item-with-start-icon.png');
+  });
+
+  test('With End Icon', async ({ page }) => {
+    await page.goto('/iframe.html?id=breadcrumb-item--with-end-icon');
+
+    expect(
+      await page.locator('jp-breadcrumb-item').screenshot()
+    ).toMatchSnapshot('breadcrumb-item-with-end-icon.png');
+  });
+});
diff --git a/packages/components/src/breadcrumb-item/index.ts b/packages/components/src/breadcrumb-item/index.ts
new file mode 100644
index 00000000..153f468b
--- /dev/null
+++ b/packages/components/src/breadcrumb-item/index.ts
@@ -0,0 +1,37 @@
+// Copyright (c) Jupyter Development Team.
+// Copyright (c) Microsoft Corporation.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  BreadcrumbItem,
+  BreadcrumbItemOptions,
+  breadcrumbItemTemplate as template
+} from '@microsoft/fast-foundation';
+import { breadcrumbItemStyles as styles } from './breadcrumb-item.styles';
+
+/**
+ * A function that returns a BreadcrumbItem registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#breadcrumbItemTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: `<jp-breadcrumb-item>`
+ */
+export const jpBreadcrumbItem = BreadcrumbItem.compose<BreadcrumbItemOptions>({
+  baseName: 'breadcrumb-item',
+  template,
+  styles,
+  separator: '/',
+  shadowOptions: {
+    delegatesFocus: true
+  }
+});
+
+/**
+ * Base class for BreadcrumbItem
+ * @public
+ */
+export { BreadcrumbItem };
+
+export { styles as breadcrumbItemStyles };
diff --git a/packages/components/src/breadcrumb/breadcrumb.stories.ts b/packages/components/src/breadcrumb/breadcrumb.stories.ts
new file mode 100644
index 00000000..6ff0e5e2
--- /dev/null
+++ b/packages/components/src/breadcrumb/breadcrumb.stories.ts
@@ -0,0 +1,73 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { getFaIcon, setTheme } from '../utilities/storybook';
+
+export default {
+  title: 'Breadcrumb',
+  argTypes: {
+    customChildren: { control: 'boolean' },
+    svgSeparator: { control: 'boolean' },
+    startIcon: { control: 'boolean' },
+    endIcon: { control: 'boolean' }
+  }
+};
+
+const Template = (
+  args,
+  { globals: { backgrounds, accent }, parameters }
+): string => {
+  setTheme(accent, parameters.backgrounds, backgrounds);
+
+  return `<jp-breadcrumb>
+    ${[1, 2, 3].map(v =>
+      args.customChildren
+        ? `<jp-breadcrumb-item>
+          ${args.startIcon ? getFaIcon('folder', 'start') : ''}
+          <jp-button>
+            Breadcrumb item ${v}
+          </jp-button>
+          ${args.endIcon ? getFaIcon('robot', 'end') : ''}
+          ${args.svgSeparator ? getFaIcon('angle-right', 'separator') : ''}
+        </jp-breadcrumb-item>`
+        : `<jp-breadcrumb-item href="#">
+          ${args.startIcon ? getFaIcon('folder', 'start') : ''}
+          Breadcrumb item ${v}
+          ${args.endIcon ? getFaIcon('robot', 'end') : ''}
+          ${args.svgSeparator ? getFaIcon('angle-right', 'separator') : ''}
+        </jp-breadcrumb-item>`
+    )}
+  </jp-breadcrumb>`;
+};
+
+export const Default = Template.bind({});
+Default.args = {
+  customChildren: false,
+  svgSeparator: false,
+  startIcon: false,
+  endIcon: false
+};
+
+export const WithCustomChildren = Template.bind({});
+WithCustomChildren.args = {
+  ...Default.args,
+  customChildren: true
+};
+
+export const WithSvgSeparator = Template.bind({});
+WithSvgSeparator.args = {
+  ...Default.args,
+  svgSeparator: true
+};
+
+export const WithStartIcon = Template.bind({});
+WithStartIcon.args = {
+  ...Default.args,
+  startIcon: true
+};
+
+export const WithEndIcon = Template.bind({});
+WithEndIcon.args = {
+  ...Default.args,
+  endIcon: true
+};
diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts b/packages/components/src/breadcrumb/breadcrumb.test.ts
new file mode 100644
index 00000000..f3da8df6
--- /dev/null
+++ b/packages/components/src/breadcrumb/breadcrumb.test.ts
@@ -0,0 +1,38 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Breadcrumb', () => {
+  test('Default', async ({ page }) => {
+    await page.goto('/iframe.html?id=breadcrumb--default');
+
+    expect(await page.locator('jp-breadcrumb').screenshot()).toMatchSnapshot(
+      'breadcrumb-default.png'
+    );
+  });
+
+  test('With Custom Children', async ({ page }) => {
+    await page.goto('/iframe.html?id=breadcrumb--with-custom-children');
+
+    expect(await page.locator('jp-breadcrumb').screenshot()).toMatchSnapshot(
+      'breadcrumb-with-custom-children.png'
+    );
+  });
+
+  test('With Start Icon', async ({ page }) => {
+    await page.goto('/iframe.html?id=breadcrumb--with-start-icon');
+
+    expect(await page.locator('jp-breadcrumb').screenshot()).toMatchSnapshot(
+      'breadcrumb-with-start-icon.png'
+    );
+  });
+
+  test('With End Icon', async ({ page }) => {
+    await page.goto('/iframe.html?id=breadcrumb--with-end-icon');
+
+    expect(await page.locator('jp-breadcrumb').screenshot()).toMatchSnapshot(
+      'breadcrumb-with-end-icon.png'
+    );
+  });
+});
diff --git a/packages/components/src/breadcrumb/index.ts b/packages/components/src/breadcrumb/index.ts
new file mode 100644
index 00000000..fa06812f
--- /dev/null
+++ b/packages/components/src/breadcrumb/index.ts
@@ -0,0 +1,32 @@
+// Copyright (c) Jupyter Development Team.
+// Copyright (c) Microsoft Corporation.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  Breadcrumb,
+  breadcrumbTemplate as template
+} from '@microsoft/fast-foundation';
+import { breadcrumbStyles as styles } from '@microsoft/fast-components';
+
+/**
+ * A function that returns a Breadcrumb registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#breadcrumbTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: `<jp-breadcrumb>`
+ */
+export const jpBreadcrumb = Breadcrumb.compose({
+  baseName: 'breadcrumb',
+  template,
+  styles
+});
+
+/**
+ * Base class for Breadcrumb
+ * @public
+ */
+export { Breadcrumb };
+
+export { styles as breadcrumbStyles };
diff --git a/packages/components/src/button/button.stories.ts b/packages/components/src/button/button.stories.ts
index 93287be2..1380cba8 100644
--- a/packages/components/src/button/button.stories.ts
+++ b/packages/components/src/button/button.stories.ts
@@ -5,7 +5,7 @@ import { action } from '@storybook/addon-actions';
 import { getFaIcon, setTheme } from '../utilities/storybook';
 
 export default {
-  title: 'Library/Button',
+  title: 'Button',
   argTypes: {
     label: { control: 'text' },
     appearance: {
diff --git a/packages/components/src/button/button.styles.ts b/packages/components/src/button/button.styles.ts
index 0f5a6603..f77346bb 100644
--- a/packages/components/src/button/button.styles.ts
+++ b/packages/components/src/button/button.styles.ts
@@ -1,3 +1,7 @@
+// Copyright (c) Jupyter Development Team.
+// Copyright (c) Microsoft Corporation.
+// Distributed under the terms of the Modified BSD License.
+
 import {
   accentFillActive,
   accentFillFocus,
diff --git a/packages/components/src/button/button.test.ts b/packages/components/src/button/button.test.ts
index e48dba56..e374f868 100644
--- a/packages/components/src/button/button.test.ts
+++ b/packages/components/src/button/button.test.ts
@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test';
 
 test.describe('Button', () => {
   test('Default', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-button--default');
+    await page.goto('/iframe.html?id=button--default');
 
     expect(await page.locator('jp-button').screenshot()).toMatchSnapshot(
       'button-default.png'
@@ -10,7 +10,7 @@ test.describe('Button', () => {
   });
 
   test('Error', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-button--error');
+    await page.goto('/iframe.html?id=button--error');
 
     expect(await page.locator('jp-button').screenshot()).toMatchSnapshot(
       'button-error.png'
@@ -18,7 +18,7 @@ test.describe('Button', () => {
   });
 
   test('Neutral', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-button--neutral');
+    await page.goto('/iframe.html?id=button--neutral');
 
     expect(await page.locator('jp-button').screenshot()).toMatchSnapshot(
       'button-neutral.png'
@@ -26,7 +26,7 @@ test.describe('Button', () => {
   });
 
   // test('With Autofocus', async ({ page }) => {
-  //   await page.goto('/iframe.html?id=library-button--with-autofocus');
+  //   await page.goto('/iframe.html?id=button--with-autofocus');
 
   //   expect(
   //     await page.locator('jp-button').screenshot()
@@ -34,7 +34,7 @@ test.describe('Button', () => {
   // });
 
   test('With Disabled', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-button--with-disabled');
+    await page.goto('/iframe.html?id=button--with-disabled');
 
     expect(await page.locator('jp-button').screenshot()).toMatchSnapshot(
       'button-with-disabled.png'
@@ -42,7 +42,7 @@ test.describe('Button', () => {
   });
 
   test('With Start Icon', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-button--with-start-icon');
+    await page.goto('/iframe.html?id=button--with-start-icon');
 
     expect(await page.locator('jp-button').screenshot()).toMatchSnapshot(
       'button-with-start-icon.png'
@@ -50,7 +50,7 @@ test.describe('Button', () => {
   });
 
   test('Icon Only', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-button--icon-only');
+    await page.goto('/iframe.html?id=button--icon-only');
 
     expect(await page.locator('jp-button').screenshot()).toMatchSnapshot(
       'button-icon-only.png'
diff --git a/packages/components/src/custom-elements.ts b/packages/components/src/custom-elements.ts
index 7dbcd518..12ce6b56 100644
--- a/packages/components/src/custom-elements.ts
+++ b/packages/components/src/custom-elements.ts
@@ -2,6 +2,9 @@
 // Distributed under the terms of the Modified BSD License.
 
 import type { Container } from '@microsoft/fast-foundation';
+import { jpAvatar } from './avatar/index';
+import { jpBreadcrumb } from './breadcrumb/index';
+import { jpBreadcrumbItem } from './breadcrumb-item/index';
 import { jpButton } from './button/index';
 import { jpOption } from './option/index';
 import { jpSelect } from './select/index';
@@ -10,13 +13,24 @@ import { jpTextField } from './text-field/index';
 // Don't delete these. They're needed so that API-extractor doesn't add import types
 // with improper pathing
 /* eslint-disable @typescript-eslint/no-unused-vars */
+import type { Avatar } from './avatar/index';
+import type { Breadcrumb } from './breadcrumb/index';
+import type { BreadcrumbItem } from './breadcrumb-item/index';
 import type { Button } from './button/index';
 import type { Option } from './option/index';
 import type { Select } from './select/index';
 import type { TextField } from './text-field/index';
 
 // export all components
-export { jpButton, jpOption, jpSelect, jpTextField };
+export {
+  jpAvatar,
+  jpBreadcrumb,
+  jpBreadcrumbItem,
+  jpButton,
+  jpOption,
+  jpSelect,
+  jpTextField
+};
 
 /**
  * All Jupyter Web Components
@@ -26,6 +40,9 @@ export { jpButton, jpOption, jpSelect, jpTextField };
  * statically link and register all available components.
  */
 export const allComponents = {
+  jpAvatar,
+  jpBreadcrumb,
+  jpBreadcrumbItem,
   jpButton,
   jpOption,
   jpSelect,
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
index f3df3627..70f73c98 100644
--- a/packages/components/src/index.ts
+++ b/packages/components/src/index.ts
@@ -8,7 +8,13 @@ export * from './jupyter-design-system';
 export * from './custom-elements';
 
 // Export components and classes
+export * from './avatar/index';
+export * from './breadcrumb/index';
+export * from './breadcrumb-item/index';
 export * from './button/index';
+export * from './option/index';
+export * from './select/index';
+export * from './text-field/index';
 
 // Add Jupyter theme change listener
 {
diff --git a/packages/components/src/option/option.stories.ts b/packages/components/src/option/option.stories.ts
index 74549aff..1e5bf435 100644
--- a/packages/components/src/option/option.stories.ts
+++ b/packages/components/src/option/option.stories.ts
@@ -1,7 +1,7 @@
 import { setTheme } from '../utilities/storybook';
 
 export default {
-  title: 'Library/Option',
+  title: 'Option',
   argTypes: {
     label: { control: 'text' },
     isDisabled: { control: 'boolean' },
diff --git a/packages/components/src/option/option.test.ts b/packages/components/src/option/option.test.ts
index 9d346c95..4c0d8ab5 100644
--- a/packages/components/src/option/option.test.ts
+++ b/packages/components/src/option/option.test.ts
@@ -2,7 +2,7 @@ import { test, expect } from '@playwright/test';
 
 test.describe('Option', () => {
   test('Default', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-option--default');
+    await page.goto('/iframe.html?id=option--default');
 
     expect(await page.locator('jp-option').screenshot()).toMatchSnapshot(
       'option-default.png'
@@ -10,7 +10,7 @@ test.describe('Option', () => {
   });
 
   test('With Disabled', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-option--with-disabled');
+    await page.goto('/iframe.html?id=option--with-disabled');
 
     expect(await page.locator('jp-option').screenshot()).toMatchSnapshot(
       'option-disabled.png'
@@ -18,7 +18,7 @@ test.describe('Option', () => {
   });
 
   test('With Selected', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-option--with-selected');
+    await page.goto('/iframe.html?id=option--with-selected');
 
     expect(await page.locator('jp-option').screenshot()).toMatchSnapshot(
       'option-selected.png'
diff --git a/packages/components/src/select/select.stories.ts b/packages/components/src/select/select.stories.ts
index 9053df50..e167a824 100644
--- a/packages/components/src/select/select.stories.ts
+++ b/packages/components/src/select/select.stories.ts
@@ -5,7 +5,7 @@ import { action } from '@storybook/addon-actions';
 import { getFaIcon, setTheme } from '../utilities/storybook';
 
 export default {
-  title: 'Library/Select',
+  title: 'Select',
   argTypes: {
     isOpen: { control: 'boolean' },
     isDisabled: { control: 'boolean' },
diff --git a/packages/components/src/select/select.test.ts b/packages/components/src/select/select.test.ts
index e2e6ffe8..e24ccfed 100644
--- a/packages/components/src/select/select.test.ts
+++ b/packages/components/src/select/select.test.ts
@@ -5,7 +5,7 @@ import { test, expect } from '@playwright/test';
 
 test.describe('Select', () => {
   test('Default', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-select--default');
+    await page.goto('/iframe.html?id=select--default');
 
     expect(await page.locator('jp-select').screenshot()).toMatchSnapshot(
       'select-default.png'
@@ -13,7 +13,7 @@ test.describe('Select', () => {
   });
 
   test('WithOpen', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-select--with-open');
+    await page.goto('/iframe.html?id=select--with-open');
 
     expect(await page.locator('jp-select').screenshot()).toMatchSnapshot(
       'select-with-open.png'
@@ -21,7 +21,7 @@ test.describe('Select', () => {
   });
 
   test('WithDisabled', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-select--with-disabled');
+    await page.goto('/iframe.html?id=select--with-disabled');
 
     expect(await page.locator('jp-select').screenshot()).toMatchSnapshot(
       'select-with-disabled.png'
@@ -29,7 +29,7 @@ test.describe('Select', () => {
   });
 
   test('WithCustomIndicator', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-select--with-custom-indicator');
+    await page.goto('/iframe.html?id=select--with-custom-indicator');
 
     expect(await page.locator('jp-select').screenshot()).toMatchSnapshot(
       'select-with-custom-indicator.png'
diff --git a/packages/components/src/text-field/text-field.stories.ts b/packages/components/src/text-field/text-field.stories.ts
index 18f15bf9..036d6e8e 100644
--- a/packages/components/src/text-field/text-field.stories.ts
+++ b/packages/components/src/text-field/text-field.stories.ts
@@ -3,7 +3,7 @@ import { getFaIcon, setTheme } from '../utilities/storybook';
 import { TextField } from './index';
 
 export default {
-  title: 'Library/Text Field',
+  title: 'Text Field',
   argTypes: {
     label: { control: 'text' },
     placeholder: { control: 'text' },
diff --git a/packages/components/src/text-field/text-field.test.ts b/packages/components/src/text-field/text-field.test.ts
index cc859ff0..1149874d 100644
--- a/packages/components/src/text-field/text-field.test.ts
+++ b/packages/components/src/text-field/text-field.test.ts
@@ -5,7 +5,7 @@ import { test, expect } from '@playwright/test';
 
 test.describe('Text Field', () => {
   test('Default', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-text-field--default');
+    await page.goto('/iframe.html?id=text-field--default');
 
     expect(await page.locator('jp-text-field').screenshot()).toMatchSnapshot(
       'text-field-default.png'
@@ -13,7 +13,7 @@ test.describe('Text Field', () => {
   });
 
   test('With Placeholder', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-text-field--with-placeholder');
+    await page.goto('/iframe.html?id=text-field--with-placeholder');
 
     expect(await page.locator('jp-text-field').screenshot()).toMatchSnapshot(
       'text-field-with-placeholder.png'
@@ -21,7 +21,7 @@ test.describe('Text Field', () => {
   });
 
   test('With Autofocus', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-text-field--with-autofocus');
+    await page.goto('/iframe.html?id=text-field--with-autofocus');
 
     expect(await page.locator('jp-text-field').screenshot()).toMatchSnapshot(
       'text-field-with-autofocus.png'
@@ -29,7 +29,7 @@ test.describe('Text Field', () => {
   });
 
   test('With Disabled', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-text-field--with-disabled');
+    await page.goto('/iframe.html?id=text-field--with-disabled');
 
     expect(await page.locator('jp-text-field').screenshot()).toMatchSnapshot(
       'text-field-with-disabled.png'
@@ -37,7 +37,7 @@ test.describe('Text Field', () => {
   });
 
   test('With Size', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-text-field--with-size');
+    await page.goto('/iframe.html?id=text-field--with-size');
 
     expect(await page.locator('jp-text-field').screenshot()).toMatchSnapshot(
       'text-field-with-size.png'
@@ -45,7 +45,7 @@ test.describe('Text Field', () => {
   });
 
   test('With Type', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-text-field--with-type');
+    await page.goto('/iframe.html?id=text-field--with-type');
 
     expect(await page.locator('jp-text-field').screenshot()).toMatchSnapshot(
       'text-field-with-type.png'
@@ -53,7 +53,7 @@ test.describe('Text Field', () => {
   });
 
   test('With Max Length', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-text-field--with-max-length');
+    await page.goto('/iframe.html?id=text-field--with-max-length');
 
     expect(await page.locator('jp-text-field').screenshot()).toMatchSnapshot(
       'text-field-with-max-length.png'
@@ -61,7 +61,7 @@ test.describe('Text Field', () => {
   });
 
   test('With Readonly', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-text-field--with-readonly');
+    await page.goto('/iframe.html?id=text-field--with-readonly');
 
     expect(await page.locator('jp-text-field').screenshot()).toMatchSnapshot(
       'text-field-with-readonly.png'
@@ -69,7 +69,7 @@ test.describe('Text Field', () => {
   });
 
   test('With Start Icon', async ({ page }) => {
-    await page.goto('/iframe.html?id=library-text-field--with-start-icon');
+    await page.goto('/iframe.html?id=text-field--with-start-icon');
 
     expect(await page.locator('jp-text-field').screenshot()).toMatchSnapshot(
       'text-field-with-start-icon.png'

From ab6fbcbfab652fa23a22b72ecd9b8e16cf4a1be4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Wed, 2 Feb 2022 17:04:07 +0100
Subject: [PATCH 04/20] Add stories and test for avatar

---
 .../components/src/avatar/avatar.stories.ts   | 72 +++++++++++++++++++
 packages/components/src/avatar/avatar.test.ts | 30 ++++++++
 2 files changed, 102 insertions(+)

diff --git a/packages/components/src/avatar/avatar.stories.ts b/packages/components/src/avatar/avatar.stories.ts
index e69de29b..28fc4b1a 100644
--- a/packages/components/src/avatar/avatar.stories.ts
+++ b/packages/components/src/avatar/avatar.stories.ts
@@ -0,0 +1,72 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { setTheme } from '../utilities/storybook';
+
+export default {
+  title: 'Avatar',
+  argTypes: {
+    shape: { control: 'select', options: ['circle', 'square', 'default'] },
+    fill: {
+      control: 'select',
+      options: ['accent-primary', 'accent-secondary']
+    },
+    color: { control: 'select', options: ['foo', 'bar'] },
+    image: { control: 'boolean' }
+  },
+  decorators: [
+    story => `<style>
+    jp-avatar {
+      flex-basis: 32px;
+
+      --avatar-fill-accent-primary: #cf4073;
+      --avatar-fill-accent-secondary: #0078d4;
+      --avatar-color-foo: hsl(0, 0%, 100%);
+      --avatar-color-bar: grey;
+      --avatar-text-ratio: 3;
+    }
+  </style>
+  ${story()}`
+  ]
+};
+
+const Template = (
+  args,
+  { globals: { backgrounds, accent }, parameters }
+): string => {
+  setTheme(accent, parameters.backgrounds, backgrounds);
+
+  return `<jp-avatar
+    alt="John's avatar"
+    link="#"
+    shape="${args.shape}"
+    fill="${args.fill}"
+    color="${args.color}"
+  >
+    ${
+      args.image
+        ? '<img class="image" slot="media" src="https://via.placeholder.com/32" />'
+        : 'JS'
+    }
+  </jp-avatar>`;
+};
+
+export const Default = Template.bind({});
+Default.args = {
+  shape: 'circle',
+  fill: 'accent-primary',
+  color: 'foo',
+  image: false
+};
+
+export const Square = Template.bind({});
+Square.args = {
+  ...Default.args,
+  shape: 'square'
+};
+
+export const WithImage = Template.bind({});
+WithImage.args = {
+  ...Default.args,
+  image: true
+};
diff --git a/packages/components/src/avatar/avatar.test.ts b/packages/components/src/avatar/avatar.test.ts
index e69de29b..d40f2d56 100644
--- a/packages/components/src/avatar/avatar.test.ts
+++ b/packages/components/src/avatar/avatar.test.ts
@@ -0,0 +1,30 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Avatar', () => {
+  test('Default', async ({ page }) => {
+    await page.goto('/iframe.html?id=avatar--default');
+
+    expect(await page.locator('jp-avatar').screenshot()).toMatchSnapshot(
+      'avatar-default.png'
+    );
+  });
+
+  test('Square', async ({ page }) => {
+    await page.goto('/iframe.html?id=avatar--square');
+
+    expect(await page.locator('jp-avatar').screenshot()).toMatchSnapshot(
+      'avatar-square.png'
+    );
+  });
+
+  test('With Image', async ({ page }) => {
+    await page.goto('/iframe.html?id=avatar--with-image');
+
+    expect(await page.locator('jp-avatar').screenshot()).toMatchSnapshot(
+      'avatar-with-image.png'
+    );
+  });
+});

From 4fde4e17165531ad37cb3c482de9e6303dbb67d3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Wed, 2 Feb 2022 17:22:53 +0100
Subject: [PATCH 05/20] Add progress

---
 packages/components/src/custom-elements.ts    |  4 ++
 packages/components/src/index.ts              |  1 +
 packages/components/src/progress/index.ts     | 35 +++++++++++
 .../src/progress/progress.stories.ts          | 60 +++++++++++++++++++
 .../components/src/progress/progress.test.ts  | 14 +++++
 5 files changed, 114 insertions(+)
 create mode 100644 packages/components/src/progress/index.ts
 create mode 100644 packages/components/src/progress/progress.stories.ts
 create mode 100644 packages/components/src/progress/progress.test.ts

diff --git a/packages/components/src/custom-elements.ts b/packages/components/src/custom-elements.ts
index 12ce6b56..0d584bdb 100644
--- a/packages/components/src/custom-elements.ts
+++ b/packages/components/src/custom-elements.ts
@@ -7,6 +7,7 @@ import { jpBreadcrumb } from './breadcrumb/index';
 import { jpBreadcrumbItem } from './breadcrumb-item/index';
 import { jpButton } from './button/index';
 import { jpOption } from './option/index';
+import { jpProgress } from './progress/index';
 import { jpSelect } from './select/index';
 import { jpTextField } from './text-field/index';
 
@@ -18,6 +19,7 @@ import type { Breadcrumb } from './breadcrumb/index';
 import type { BreadcrumbItem } from './breadcrumb-item/index';
 import type { Button } from './button/index';
 import type { Option } from './option/index';
+import type { Progress } from './progress/index';
 import type { Select } from './select/index';
 import type { TextField } from './text-field/index';
 
@@ -28,6 +30,7 @@ export {
   jpBreadcrumbItem,
   jpButton,
   jpOption,
+  jpProgress,
   jpSelect,
   jpTextField
 };
@@ -45,6 +48,7 @@ export const allComponents = {
   jpBreadcrumbItem,
   jpButton,
   jpOption,
+  jpProgress,
   jpSelect,
   jpTextField,
   register(container?: Container, ...rest: any[]): void {
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
index 70f73c98..0176783d 100644
--- a/packages/components/src/index.ts
+++ b/packages/components/src/index.ts
@@ -13,6 +13,7 @@ export * from './breadcrumb/index';
 export * from './breadcrumb-item/index';
 export * from './button/index';
 export * from './option/index';
+export * from './progress/index';
 export * from './select/index';
 export * from './text-field/index';
 
diff --git a/packages/components/src/progress/index.ts b/packages/components/src/progress/index.ts
new file mode 100644
index 00000000..0cdaadc0
--- /dev/null
+++ b/packages/components/src/progress/index.ts
@@ -0,0 +1,35 @@
+import {
+  BaseProgress as Progress,
+  ProgressOptions,
+  progressTemplate as template
+} from '@microsoft/fast-foundation';
+import { progressStyles as styles } from '@microsoft/fast-components';
+
+/**
+ * A function that returns a {@link @microsoft/fast-foundation#BaseProgress} registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#progressTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: `<jp-progress>`
+ */
+export const jpProgress = Progress.compose<ProgressOptions>({
+  baseName: 'progress',
+  template,
+  styles,
+  indeterminateIndicator1: `
+        <span class="indeterminate-indicator-1" part="indeterminate-indicator-1"></span>
+    `,
+  indeterminateIndicator2: `
+        <span class="indeterminate-indicator-2" part="indeterminate-indicator-2"></span>
+    `
+});
+
+/**
+ * Base class for Progress
+ * @public
+ */
+export { Progress };
+
+export { styles as progressStyles };
diff --git a/packages/components/src/progress/progress.stories.ts b/packages/components/src/progress/progress.stories.ts
new file mode 100644
index 00000000..dc46eddd
--- /dev/null
+++ b/packages/components/src/progress/progress.stories.ts
@@ -0,0 +1,60 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { setTheme } from '../utilities/storybook';
+
+export default {
+  title: 'Progress',
+  argTypes: {
+    min: { control: 'number', min: 0 },
+    max: { control: 'number', min: 0 },
+    value: { control: 'number', min: 0 },
+    paused: { control: 'boolean' },
+    height: { control: 'number', min: 4 }
+  },
+  decorators: [
+    story => `<div style="width: 300px;">
+    ${story()}
+  </div>`
+  ]
+};
+
+const Template = (
+  args,
+  { globals: { backgrounds, accent }, parameters }
+): string => {
+  setTheme(accent, parameters.backgrounds, backgrounds);
+  return `<jp-progress
+    ${typeof args.min === 'number' ? `min="${args.min}"` : ''}
+    ${typeof args.max === 'number' ? `max="${args.max}"` : ''}
+    ${typeof args.value === 'number' ? `value="${args.value}"` : ''}
+    ${args.paused ? 'paused="true"' : ''}
+    ${
+      typeof args.height === 'number' ? `style="height: ${args.height}px;"` : ''
+    }
+  >
+  </jp-progress>`;
+};
+
+export const Default = Template.bind({});
+Default.args = {
+  min: null,
+  max: null,
+  value: null,
+  paused: false,
+  height: null
+};
+
+export const WithValue = Template.bind({});
+WithValue.args = {
+  ...Default.args,
+  min: 0,
+  max: 50,
+  value: 30
+};
+
+export const Paused = Template.bind({});
+Paused.args = {
+  ...WithValue.args,
+  paused: true
+};
diff --git a/packages/components/src/progress/progress.test.ts b/packages/components/src/progress/progress.test.ts
new file mode 100644
index 00000000..34393942
--- /dev/null
+++ b/packages/components/src/progress/progress.test.ts
@@ -0,0 +1,14 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Progress', () => {
+  test('With value', async ({ page }) => {
+    await page.goto('/iframe.html?id=avatar--with-value');
+
+    expect(await page.locator('jp-avatar').screenshot()).toMatchSnapshot(
+      'avatar-with-value.png'
+    );
+  });
+});

From a0d2f741a68a3d90a2474366691687d7609bc8de Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Thu, 3 Feb 2022 11:00:35 +0100
Subject: [PATCH 06/20] Add search component

---
 packages/components/src/custom-elements.ts    |   4 +
 packages/components/src/index.ts              |   1 +
 packages/components/src/search/index.ts       |  41 +++
 .../components/src/search/search.stories.ts   | 122 +++++++++
 .../components/src/search/search.styles.ts    | 236 ++++++++++++++++++
 packages/components/src/search/search.test.ts |  62 +++++
 packages/components/src/text-field/index.ts   |  13 +-
 .../src/text-field/text-field.stories.ts      |   3 +
 .../src/text-field/text-field.styles.ts       |   4 +-
 9 files changed, 482 insertions(+), 4 deletions(-)
 create mode 100644 packages/components/src/search/index.ts
 create mode 100644 packages/components/src/search/search.stories.ts
 create mode 100644 packages/components/src/search/search.styles.ts
 create mode 100644 packages/components/src/search/search.test.ts

diff --git a/packages/components/src/custom-elements.ts b/packages/components/src/custom-elements.ts
index 0d584bdb..78032dea 100644
--- a/packages/components/src/custom-elements.ts
+++ b/packages/components/src/custom-elements.ts
@@ -8,6 +8,7 @@ import { jpBreadcrumbItem } from './breadcrumb-item/index';
 import { jpButton } from './button/index';
 import { jpOption } from './option/index';
 import { jpProgress } from './progress/index';
+import { jpSearch } from './search/index';
 import { jpSelect } from './select/index';
 import { jpTextField } from './text-field/index';
 
@@ -20,6 +21,7 @@ import type { BreadcrumbItem } from './breadcrumb-item/index';
 import type { Button } from './button/index';
 import type { Option } from './option/index';
 import type { Progress } from './progress/index';
+import type { Search } from './search/index';
 import type { Select } from './select/index';
 import type { TextField } from './text-field/index';
 
@@ -31,6 +33,7 @@ export {
   jpButton,
   jpOption,
   jpProgress,
+  jpSearch,
   jpSelect,
   jpTextField
 };
@@ -49,6 +52,7 @@ export const allComponents = {
   jpButton,
   jpOption,
   jpProgress,
+  jpSearch,
   jpSelect,
   jpTextField,
   register(container?: Container, ...rest: any[]): void {
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
index 0176783d..02cde8c5 100644
--- a/packages/components/src/index.ts
+++ b/packages/components/src/index.ts
@@ -14,6 +14,7 @@ export * from './breadcrumb-item/index';
 export * from './button/index';
 export * from './option/index';
 export * from './progress/index';
+export * from './search/index';
 export * from './select/index';
 export * from './text-field/index';
 
diff --git a/packages/components/src/search/index.ts b/packages/components/src/search/index.ts
new file mode 100644
index 00000000..40b0f97e
--- /dev/null
+++ b/packages/components/src/search/index.ts
@@ -0,0 +1,41 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  Search as FoundationSearch,
+  searchTemplate as template
+} from '@microsoft/fast-foundation';
+import { Search } from '@microsoft/fast-components';
+import { searchStyles as styles } from './search.styles';
+
+// TODO
+//   we need to add error/invalid
+
+/**
+ * A function that returns a {@link @microsoft/fast-foundation#Search} registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#searchTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: `<jp-search>`
+ *
+ * {@link https://developer.mozilla.org/en-US/docs/Web/API/ShadowRoot/delegatesFocus | delegatesFocus}
+ */
+export const jpSearch = Search.compose({
+  baseName: 'search',
+  baseClass: FoundationSearch,
+  template,
+  styles,
+  shadowOptions: {
+    delegatesFocus: true
+  }
+});
+
+export { Search, SearchAppearance } from '@microsoft/fast-components';
+
+/**
+ * Styles for Search
+ * @public
+ */
+export { styles as searchStyles };
diff --git a/packages/components/src/search/search.stories.ts b/packages/components/src/search/search.stories.ts
new file mode 100644
index 00000000..5c74c82f
--- /dev/null
+++ b/packages/components/src/search/search.stories.ts
@@ -0,0 +1,122 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { action } from '@storybook/addon-actions';
+import { getFaIcon, setTheme } from '../utilities/storybook';
+import { Search } from './index';
+
+export default {
+  title: 'Search',
+  argTypes: {
+    label: { control: 'text' },
+    placeholder: { control: 'text' },
+    value: { control: 'text' },
+    maxLength: { control: 'number' },
+    size: { control: 'number' },
+    isReadOnly: { control: 'boolean' },
+    isDisabled: { control: 'boolean' },
+    isAutoFocused: { control: 'boolean' },
+    searchIcon: { control: 'boolean' },
+    appearance: { control: 'radio', options: ['outline', 'filled'] },
+    onChange: {
+      action: 'changed',
+      table: {
+        disable: true
+      }
+    }
+  }
+};
+
+const Template = (
+  args,
+  { globals: { backgrounds, accent }, parameters }
+): HTMLElement => {
+  setTheme(accent, parameters.backgrounds, backgrounds);
+  const container = document.createElement('div');
+  container.insertAdjacentHTML(
+    'afterbegin',
+    `<jp-search
+        ${args.placeholder ? `placeholder="${args.placeholder}"` : ''}
+        ${args.maxLength ? `maxlength="${args.maxLength}"` : ''}
+        ${args.size ? `size="${args.size}"` : ''}
+        ${args.readonly ? 'readonly' : ''}
+        ${args.disabled ? 'disabled' : ''}
+        ${args.autofocus ? 'autofocus' : ''}
+        appearance="${args.appearance}"
+      >
+        ${args.label}
+        ${args.searchIcon ? getFaIcon('search', 'end') : ''}
+      </jp-search>`
+  );
+
+  const search = container.firstChild as Search;
+
+  if (args.value) {
+    search.value = args.value;
+  }
+
+  if (args.onChange) {
+    search.addEventListener('change', args.onChange);
+  }
+
+  return search;
+};
+
+export const Default = Template.bind({});
+Default.args = {
+  label: 'Search Label',
+  placeholder: '',
+  value: '',
+  maxLength: '',
+  size: '',
+  isReadOnly: false,
+  isDisabled: false,
+  isAutoFocused: false,
+  appearance: 'outline',
+  searchIcon: false,
+  onChange: action('search-onchange')
+};
+
+export const WithPlaceholder = Template.bind({});
+WithPlaceholder.args = {
+  ...Default.args,
+  placeholder: 'Placeholder Text'
+};
+
+export const WithAutofocus = Template.bind({});
+WithAutofocus.args = {
+  ...Default.args,
+  autofocus: true
+};
+
+export const WithDisabled = Template.bind({});
+WithDisabled.args = {
+  ...Default.args,
+  disabled: true
+};
+
+export const WithSize = Template.bind({});
+WithSize.args = {
+  ...Default.args,
+  placeholder: 'This search is 50 characters in width',
+  size: 50
+};
+
+export const WithMaxLength = Template.bind({});
+WithMaxLength.args = {
+  ...Default.args,
+  placeholder: 'This search field can only contain a maximum of 10 characters',
+  maxLength: 10
+};
+
+export const WithReadonly = Template.bind({});
+WithReadonly.args = {
+  ...Default.args,
+  readonly: true
+};
+
+export const WithSearchIcon = Template.bind({});
+WithSearchIcon.args = {
+  ...Default.args,
+  searchIcon: true
+};
diff --git a/packages/components/src/search/search.styles.ts b/packages/components/src/search/search.styles.ts
new file mode 100644
index 00000000..d4339e5c
--- /dev/null
+++ b/packages/components/src/search/search.styles.ts
@@ -0,0 +1,236 @@
+// Copyright (c) Jupyter Development Team.
+// Copyright (c) Microsoft Corporation.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  accentFillFocus,
+  bodyFont,
+  controlCornerRadius,
+  designUnit,
+  disabledOpacity,
+  fillColor,
+  neutralFillHover,
+  neutralFillInputHover,
+  neutralFillInputRest,
+  neutralFillStrongActive,
+  neutralFillStrongHover,
+  neutralFillStrongRest,
+  neutralForegroundRest,
+  neutralStrokeRest,
+  strokeWidth,
+  typeRampBaseFontSize,
+  typeRampBaseLineHeight
+} from '@microsoft/fast-components';
+import { css, ElementStyles } from '@microsoft/fast-element';
+import {
+  disabledCursor,
+  display,
+  focusVisible,
+  forcedColorsStylesheetBehavior,
+  FoundationElementTemplate,
+  TextFieldOptions
+} from '@microsoft/fast-foundation';
+import { SystemColors } from '@microsoft/fast-web-utilities';
+import { heightNumber } from '../styles/index';
+
+export const searchStyles: FoundationElementTemplate<
+  ElementStyles,
+  TextFieldOptions
+> = (context, definition) =>
+  css`
+    ${display('inline-block')} :host {
+      font-family: ${bodyFont};
+      outline: none;
+      user-select: none;
+    }
+
+    .root {
+      box-sizing: border-box;
+      position: relative;
+      display: flex;
+      flex-direction: row;
+      color: ${neutralForegroundRest};
+      background: ${neutralFillInputRest};
+      border-radius: calc(${controlCornerRadius} * 1px);
+      border: calc(${strokeWidth} * 1px) solid ${neutralFillStrongRest};
+      height: calc(${heightNumber} * 1px);
+    }
+
+    .control {
+      -webkit-appearance: none;
+      font: inherit;
+      background: transparent;
+      border: 0;
+      color: inherit;
+      height: calc(100% - 4px);
+      width: 100%;
+      margin-top: auto;
+      margin-bottom: auto;
+      border: none;
+      padding: 0;
+      padding-inline-start: calc(${designUnit} * 2px + 1px);
+      padding-inline-end: calc(
+        (${designUnit} * 2px) + (${heightNumber} * 1px) + 1px
+      );
+      font-size: ${typeRampBaseFontSize};
+      line-height: ${typeRampBaseLineHeight};
+    }
+
+    .control::-webkit-search-cancel-button {
+      -webkit-appearance: none;
+    }
+
+    .control:hover,
+    .control:${focusVisible},
+    .control:disabled,
+    .control:active {
+      outline: none;
+    }
+
+    /* Cancel margin set for button focus outline */
+    jp-button {
+      margin: 0;
+    }
+
+    .clear-button {
+      position: absolute;
+      right: 0;
+      top: 1px;
+      height: calc(100% - 2px);
+      opacity: 0;
+    }
+
+    .input-wrapper {
+      display: flex;
+      position: relative;
+      width: 100%;
+    }
+
+    .label {
+      display: block;
+      color: ${neutralForegroundRest};
+      cursor: pointer;
+      font-size: ${typeRampBaseFontSize};
+      line-height: ${typeRampBaseLineHeight};
+      margin-bottom: 4px;
+    }
+
+    .label__hidden {
+      display: none;
+      visibility: hidden;
+    }
+
+    .start,
+    .end {
+      display: flex;
+      margin: 1px;
+      fill: currentcolor;
+    }
+
+    ::slotted([slot='end']) {
+      height: 100%;
+    }
+
+    .end {
+      margin-inline-end: 1px;
+    }
+
+    ::slotted(svg) {
+      /* TODO: adaptive typography https://github.com/microsoft/fast/issues/2432 */
+      width: 16px;
+      height: 16px;
+      margin-inline-end: 11px;
+      margin-inline-start: 11px;
+      margin-top: auto;
+      margin-bottom: auto;
+    }
+
+    :host(:hover:not([disabled])) .root {
+      background: ${neutralFillInputHover};
+      border-color: ${neutralFillStrongHover};
+    }
+
+    :host(:active:not([disabled])) .root {
+      background: ${neutralFillInputHover};
+      border-color: ${neutralFillStrongActive};
+    }
+
+    :host(:focus-within:not([disabled])) .root {
+      border-color: ${accentFillFocus};
+    }
+
+    .clear-button__hidden {
+      opacity: 0;
+    }
+
+    :host(:hover:not([disabled], [readOnly])) .clear-button,
+    :host(:active:not([disabled], [readOnly])) .clear-button,
+    :host(:focus-within:not([disabled], [readOnly])) .clear-button {
+      opacity: 1;
+    }
+
+    :host(:hover:not([disabled], [readOnly])) .clear-button__hidden,
+    :host(:active:not([disabled], [readOnly])) .clear-button__hidden,
+    :host(:focus-within:not([disabled], [readOnly])) .clear-button__hidden {
+      opacity: 0;
+    }
+
+    :host([appearance='filled']) .root {
+      background: ${fillColor};
+    }
+
+    :host([appearance='filled']:hover:not([disabled])) .root {
+      background: ${neutralFillHover};
+    }
+
+    :host([disabled]) .label,
+    :host([readonly]) .label,
+    :host([readonly]) .control,
+    :host([disabled]) .control {
+      cursor: ${disabledCursor};
+    }
+
+    :host([disabled]) {
+      opacity: ${disabledOpacity};
+    }
+
+    :host([disabled]) .control {
+      border-color: ${neutralStrokeRest};
+    }
+  `.withBehaviors(
+    forcedColorsStylesheetBehavior(
+      css`
+        .root,
+        :host([appearance='filled']) .root {
+          forced-color-adjust: none;
+          background: ${SystemColors.Field};
+          border-color: ${SystemColors.FieldText};
+        }
+        :host(:hover:not([disabled])) .root,
+        :host([appearance='filled']:hover:not([disabled])) .root,
+        :host([appearance='filled']:hover) .root {
+          background: ${SystemColors.Field};
+          border-color: ${SystemColors.Highlight};
+        }
+        .start,
+        .end {
+          fill: currentcolor;
+        }
+        :host([disabled]) {
+          opacity: 1;
+        }
+        :host([disabled]) .root,
+        :host([appearance='filled']:hover[disabled]) .root {
+          border-color: ${SystemColors.GrayText};
+          background: ${SystemColors.Field};
+        }
+        :host(:focus-within:enabled) .root {
+          border-color: ${SystemColors.Highlight};
+          box-shadow: 0 0 0 1px ${SystemColors.Highlight} inset;
+        }
+        input::placeholder {
+          color: ${SystemColors.GrayText};
+        }
+      `
+    )
+  );
diff --git a/packages/components/src/search/search.test.ts b/packages/components/src/search/search.test.ts
new file mode 100644
index 00000000..68f98e89
--- /dev/null
+++ b/packages/components/src/search/search.test.ts
@@ -0,0 +1,62 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Search', () => {
+  test('Default', async ({ page }) => {
+    await page.goto('/iframe.html?id=search--default');
+
+    expect(await page.locator('jp-search').screenshot()).toMatchSnapshot(
+      'search-default.png'
+    );
+  });
+
+  test('With Placeholder', async ({ page }) => {
+    await page.goto('/iframe.html?id=search--with-placeholder');
+
+    expect(await page.locator('jp-search').screenshot()).toMatchSnapshot(
+      'search-with-placeholder.png'
+    );
+  });
+
+  test('With Autofocus', async ({ page }) => {
+    await page.goto('/iframe.html?id=search--with-autofocus');
+
+    expect(await page.locator('jp-search').screenshot()).toMatchSnapshot(
+      'search-with-autofocus.png'
+    );
+  });
+
+  test('With Disabled', async ({ page }) => {
+    await page.goto('/iframe.html?id=search--with-disabled');
+
+    expect(await page.locator('jp-search').screenshot()).toMatchSnapshot(
+      'search-with-disabled.png'
+    );
+  });
+
+  test('With Size', async ({ page }) => {
+    await page.goto('/iframe.html?id=search--with-size');
+
+    expect(await page.locator('jp-search').screenshot()).toMatchSnapshot(
+      'search-with-size.png'
+    );
+  });
+
+  test('With Maxlength', async ({ page }) => {
+    await page.goto('/iframe.html?id=search--with-max-length');
+
+    expect(await page.locator('jp-search').screenshot()).toMatchSnapshot(
+      'search-with-maxlength.png'
+    );
+  });
+
+  test('With Search Icon', async ({ page }) => {
+    await page.goto('/iframe.html?id=search--with-search-icon');
+
+    expect(await page.locator('jp-search').screenshot()).toMatchSnapshot(
+      'search-with-search-icon.png'
+    );
+  });
+});
diff --git a/packages/components/src/text-field/index.ts b/packages/components/src/text-field/index.ts
index 3f1724f1..2856f0d7 100644
--- a/packages/components/src/text-field/index.ts
+++ b/packages/components/src/text-field/index.ts
@@ -1,7 +1,11 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
 import {
-  TextField,
+  TextField as FoundationTextField,
   textFieldTemplate as template
 } from '@microsoft/fast-foundation';
+import { TextField } from '@microsoft/fast-components';
 import { textFieldStyles as styles } from './text-field.styles';
 
 // TODO
@@ -19,6 +23,7 @@ import { textFieldStyles as styles } from './text-field.styles';
  */
 export const jpTextField = TextField.compose({
   baseName: 'text-field',
+  baseClass: FoundationTextField,
   template,
   styles,
   shadowOptions: {
@@ -26,6 +31,10 @@ export const jpTextField = TextField.compose({
   }
 });
 
-export { TextField };
+export { TextField, TextFieldAppearance } from '@microsoft/fast-components';
 
+/**
+ * Styles for TextField
+ * @public
+ */
 export { styles as textFieldStyles };
diff --git a/packages/components/src/text-field/text-field.stories.ts b/packages/components/src/text-field/text-field.stories.ts
index 036d6e8e..fa4bf3fb 100644
--- a/packages/components/src/text-field/text-field.stories.ts
+++ b/packages/components/src/text-field/text-field.stories.ts
@@ -1,3 +1,6 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
 import { action } from '@storybook/addon-actions';
 import { getFaIcon, setTheme } from '../utilities/storybook';
 import { TextField } from './index';
diff --git a/packages/components/src/text-field/text-field.styles.ts b/packages/components/src/text-field/text-field.styles.ts
index 770ceb39..305c5819 100644
--- a/packages/components/src/text-field/text-field.styles.ts
+++ b/packages/components/src/text-field/text-field.styles.ts
@@ -12,7 +12,7 @@ import {
   neutralFillInputHover,
   neutralFillInputRest,
   neutralFillRest,
-  neutralFillStrongFocus,
+  neutralFillStrongActive,
   neutralFillStrongHover,
   neutralFillStrongRest,
   neutralForegroundRest,
@@ -125,7 +125,7 @@ export const textFieldStyles: FoundationElementTemplate<
 
     :host(:active:not([disabled])) .root {
       background: ${neutralFillInputHover};
-      border-color: ${neutralFillStrongFocus};
+      border-color: ${neutralFillStrongActive};
     }
 
     :host(:focus-within:not([disabled])) .root {

From 8fb80950b073eff9703a5966dd46443a295ff095 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Thu, 3 Feb 2022 17:28:35 +0100
Subject: [PATCH 07/20] Add tabs

---
 .../components/src/avatar/avatar.stories.ts   |   5 +
 .../src/breadcrumb/breadcrumb.stories.ts      |   5 +
 packages/components/src/custom-elements.ts    |  12 ++
 packages/components/src/index.ts              |   3 +
 .../src/progress/progress.stories.ts          |   5 +
 packages/components/src/tab-panel/index.ts    |  31 ++++
 packages/components/src/tab/index.ts          |  28 +++
 packages/components/src/tab/tab.styles.ts     | 165 ++++++++++++++++++
 packages/components/src/tabs/index.ts         |  31 ++++
 packages/components/src/tabs/tabs.stories.ts  |  63 +++++++
 packages/components/src/tabs/tabs.styles.ts   | 135 ++++++++++++++
 packages/components/src/tabs/tabs.test.ts     |  30 ++++
 12 files changed, 513 insertions(+)
 create mode 100644 packages/components/src/tab-panel/index.ts
 create mode 100644 packages/components/src/tab/index.ts
 create mode 100644 packages/components/src/tab/tab.styles.ts
 create mode 100644 packages/components/src/tabs/index.ts
 create mode 100644 packages/components/src/tabs/tabs.stories.ts
 create mode 100644 packages/components/src/tabs/tabs.styles.ts
 create mode 100644 packages/components/src/tabs/tabs.test.ts

diff --git a/packages/components/src/avatar/avatar.stories.ts b/packages/components/src/avatar/avatar.stories.ts
index 28fc4b1a..7bbe50b5 100644
--- a/packages/components/src/avatar/avatar.stories.ts
+++ b/packages/components/src/avatar/avatar.stories.ts
@@ -14,6 +14,11 @@ export default {
     color: { control: 'select', options: ['foo', 'bar'] },
     image: { control: 'boolean' }
   },
+  parameters: {
+    actions: {
+      disabled: true
+    }
+  },
   decorators: [
     story => `<style>
     jp-avatar {
diff --git a/packages/components/src/breadcrumb/breadcrumb.stories.ts b/packages/components/src/breadcrumb/breadcrumb.stories.ts
index 6ff0e5e2..4981a42f 100644
--- a/packages/components/src/breadcrumb/breadcrumb.stories.ts
+++ b/packages/components/src/breadcrumb/breadcrumb.stories.ts
@@ -10,6 +10,11 @@ export default {
     svgSeparator: { control: 'boolean' },
     startIcon: { control: 'boolean' },
     endIcon: { control: 'boolean' }
+  },
+  parameters: {
+    actions: {
+      disabled: true
+    }
   }
 };
 
diff --git a/packages/components/src/custom-elements.ts b/packages/components/src/custom-elements.ts
index 78032dea..1f86eba1 100644
--- a/packages/components/src/custom-elements.ts
+++ b/packages/components/src/custom-elements.ts
@@ -10,6 +10,9 @@ import { jpOption } from './option/index';
 import { jpProgress } from './progress/index';
 import { jpSearch } from './search/index';
 import { jpSelect } from './select/index';
+import { jpTabPanel } from './tab-panel/index';
+import { jpTab } from './tab/index';
+import { jpTabs } from './tabs/index';
 import { jpTextField } from './text-field/index';
 
 // Don't delete these. They're needed so that API-extractor doesn't add import types
@@ -23,6 +26,9 @@ import type { Option } from './option/index';
 import type { Progress } from './progress/index';
 import type { Search } from './search/index';
 import type { Select } from './select/index';
+import type { TabPanel } from './tab-panel/index';
+import type { Tab } from './tab/index';
+import type { Tabs } from './tabs/index';
 import type { TextField } from './text-field/index';
 
 // export all components
@@ -35,6 +41,9 @@ export {
   jpProgress,
   jpSearch,
   jpSelect,
+  jpTab,
+  jpTabPanel,
+  jpTabs,
   jpTextField
 };
 
@@ -54,6 +63,9 @@ export const allComponents = {
   jpProgress,
   jpSearch,
   jpSelect,
+  jpTab,
+  jpTabPanel,
+  jpTabs,
   jpTextField,
   register(container?: Container, ...rest: any[]): void {
     if (!container) {
diff --git a/packages/components/src/index.ts b/packages/components/src/index.ts
index 02cde8c5..d1f03ec5 100644
--- a/packages/components/src/index.ts
+++ b/packages/components/src/index.ts
@@ -16,6 +16,9 @@ export * from './option/index';
 export * from './progress/index';
 export * from './search/index';
 export * from './select/index';
+export * from './tab-panel/index';
+export * from './tab/index';
+export * from './tabs/index';
 export * from './text-field/index';
 
 // Add Jupyter theme change listener
diff --git a/packages/components/src/progress/progress.stories.ts b/packages/components/src/progress/progress.stories.ts
index dc46eddd..0846fd86 100644
--- a/packages/components/src/progress/progress.stories.ts
+++ b/packages/components/src/progress/progress.stories.ts
@@ -12,6 +12,11 @@ export default {
     paused: { control: 'boolean' },
     height: { control: 'number', min: 4 }
   },
+  parameters: {
+    actions: {
+      disabled: true
+    }
+  },
   decorators: [
     story => `<div style="width: 300px;">
     ${story()}
diff --git a/packages/components/src/tab-panel/index.ts b/packages/components/src/tab-panel/index.ts
new file mode 100644
index 00000000..a476ba34
--- /dev/null
+++ b/packages/components/src/tab-panel/index.ts
@@ -0,0 +1,31 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  TabPanel,
+  tabPanelTemplate as template
+} from '@microsoft/fast-foundation';
+import { tabPanelStyles as styles } from '@microsoft/fast-components';
+
+/**
+ * A function that returns a {@link @microsoft/fast-foundation#TabPanel} registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#tabPanelTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: `<jp-tab-panel>`
+ */
+export const jpTabPanel = TabPanel.compose({
+  baseName: 'tab-panel',
+  template,
+  styles
+});
+
+/**
+ * Base class for TabPanel
+ * @public
+ */
+export { TabPanel };
+
+export { styles as tabPanelStyles };
diff --git a/packages/components/src/tab/index.ts b/packages/components/src/tab/index.ts
new file mode 100644
index 00000000..c946ab05
--- /dev/null
+++ b/packages/components/src/tab/index.ts
@@ -0,0 +1,28 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { Tab, tabTemplate as template } from '@microsoft/fast-foundation';
+import { tabStyles as styles } from './tab.styles';
+
+/**
+ * A function that returns a {@link @microsoft/fast-foundation#Tab} registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#tabTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: `<jp-tab>`
+ */
+export const jpTab = Tab.compose({
+  baseName: 'tab',
+  template,
+  styles
+});
+
+/**
+ * Base class for Tab
+ * @public
+ */
+export { Tab };
+
+export { styles as tabStyles };
diff --git a/packages/components/src/tab/tab.styles.ts b/packages/components/src/tab/tab.styles.ts
new file mode 100644
index 00000000..6b286c53
--- /dev/null
+++ b/packages/components/src/tab/tab.styles.ts
@@ -0,0 +1,165 @@
+// Copyright (c) Jupyter Development Team.
+// Copyright (c) Microsoft Corporation.
+// Distributed under the terms of the Modified BSD License.
+
+import { css, ElementStyles } from '@microsoft/fast-element';
+import {
+  disabledCursor,
+  display,
+  focusVisible,
+  forcedColorsStylesheetBehavior,
+  FoundationElementTemplate
+} from '@microsoft/fast-foundation';
+import { SystemColors } from '@microsoft/fast-web-utilities';
+import {
+  accentFillFocus,
+  accentForegroundActive,
+  accentForegroundHover,
+  accentForegroundRest,
+  bodyFont,
+  controlCornerRadius,
+  designUnit,
+  disabledOpacity,
+  focusStrokeOuter,
+  focusStrokeWidth,
+  neutralFillActive,
+  neutralFillHover,
+  neutralFillRest,
+  neutralFillStealthRest,
+  neutralForegroundHint,
+  neutralForegroundRest,
+  strokeWidth,
+  typeRampBaseFontSize,
+  typeRampBaseLineHeight
+} from '@microsoft/fast-components';
+import { heightNumber } from '../styles';
+
+/**
+ * Styles for Tab
+ * @public
+ */
+export const tabStyles: FoundationElementTemplate<ElementStyles> = (
+  context,
+  definition
+) =>
+  css`
+    ${display('inline-flex')} :host {
+      box-sizing: border-box;
+      font-family: ${bodyFont};
+      font-size: ${typeRampBaseFontSize};
+      line-height: ${typeRampBaseLineHeight};
+      height: calc(${heightNumber} * 1px);
+      padding: calc(${designUnit} * 5px) calc(${designUnit} * 4px);
+      color: ${neutralForegroundHint};
+      fill: currentcolor;
+      border-radius: 0 0 calc(${controlCornerRadius} * 1px)
+        calc(${controlCornerRadius} * 1px);
+      border: calc(${strokeWidth} * 1px) solid transparent;
+      align-items: center;
+      grid-row: 2;
+      justify-content: center;
+      cursor: pointer;
+    }
+
+    :host(:hover) {
+      color: ${neutralForegroundRest};
+      fill: currentcolor;
+    }
+
+    :host(:active) {
+      color: ${neutralForegroundRest};
+      fill: currentcolor;
+    }
+
+    :host([disabled]) {
+      cursor: ${disabledCursor};
+      opacity: ${disabledOpacity};
+    }
+
+    :host([disabled]:hover) {
+      color: ${neutralForegroundHint};
+      background: ${neutralFillStealthRest};
+    }
+
+    :host([aria-selected='true']) {
+      background: ${neutralFillRest};
+      color: ${neutralForegroundRest};
+      fill: currentcolor;
+    }
+
+    :host([aria-selected='true']:hover) {
+      background: ${neutralFillHover};
+      color: ${neutralForegroundRest};
+      fill: currentcolor;
+    }
+
+    :host([aria-selected='true']:active) {
+      background: ${neutralFillActive};
+      color: ${neutralForegroundRest};
+      fill: currentcolor;
+    }
+
+    :host(:${focusVisible}) {
+      outline: none;
+      border: calc(${strokeWidth} * 1px) solid ${accentFillFocus};
+    }
+
+    :host(:focus) {
+      outline: none;
+    }
+
+    :host(.vertical) {
+      justify-content: end;
+      grid-column: 2;
+      border-bottom-left-radius: 0;
+      border-top-right-radius: calc(${controlCornerRadius} * 1px);
+    }
+
+    :host(.vertical[aria-selected='true']) {
+      z-index: 2;
+    }
+
+    :host(.vertical:hover) {
+      color: ${neutralForegroundRest};
+    }
+
+    :host(.vertical:active) {
+      color: ${neutralForegroundRest};
+    }
+
+    :host(.vertical:hover[aria-selected='true']) {
+    }
+  `.withBehaviors(
+    forcedColorsStylesheetBehavior(
+      css`
+        :host {
+          forced-color-adjust: none;
+          border-color: transparent;
+          color: ${SystemColors.ButtonText};
+          fill: currentcolor;
+        }
+        :host(:hover),
+        :host(.vertical:hover),
+        :host([aria-selected='true']:hover) {
+          background: ${SystemColors.Highlight};
+          color: ${SystemColors.HighlightText};
+          fill: currentcolor;
+        }
+        :host([aria-selected='true']) {
+          background: ${SystemColors.HighlightText};
+          color: ${SystemColors.Highlight};
+          fill: currentcolor;
+        }
+        :host(:${focusVisible}) {
+          border-color: ${SystemColors.ButtonText};
+          box-shadow: none;
+        }
+        :host([disabled]),
+        :host([disabled]:hover) {
+          opacity: 1;
+          color: ${SystemColors.GrayText};
+          background: ${SystemColors.ButtonFace};
+        }
+      `
+    )
+  );
diff --git a/packages/components/src/tabs/index.ts b/packages/components/src/tabs/index.ts
new file mode 100644
index 00000000..50322c2b
--- /dev/null
+++ b/packages/components/src/tabs/index.ts
@@ -0,0 +1,31 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { Tabs, tabsTemplate as template } from '@microsoft/fast-foundation';
+import { tabsStyles as styles } from './tabs.styles';
+
+/**
+ * A function that returns a {@link @microsoft/fast-foundation#Tabs} registration for configuring the component with a DesignSystem.
+ * Implements {@link @microsoft/fast-foundation#tabsTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * Generates HTML Element: `<jp-tabs>`
+ */
+export const jpTabs = Tabs.compose({
+  baseName: 'tabs',
+  template,
+  styles
+});
+
+export * from '../tab';
+export * from '../tab-panel';
+
+/**
+ * Base class for Tabs
+ * @public
+ */
+export { Tabs };
+
+export { styles as tabsStyles };
diff --git a/packages/components/src/tabs/tabs.stories.ts b/packages/components/src/tabs/tabs.stories.ts
new file mode 100644
index 00000000..973c004f
--- /dev/null
+++ b/packages/components/src/tabs/tabs.stories.ts
@@ -0,0 +1,63 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { setTheme } from '../utilities/storybook';
+
+export default {
+  title: 'Tabs',
+  argTypes: {
+    activePanel: { control: 'select', options: [null, 'One', 'Two', 'Three'] },
+    activeIndicator: { control: 'boolean' },
+    orientation: { control: 'radio', options: ['horizontal', 'vertical'] }
+  },
+  parameters: {
+    actions: {
+      disabled: true
+    }
+  }
+};
+
+const Template = (
+  args,
+  { globals: { backgrounds, accent }, parameters }
+): string => {
+  setTheme(accent, parameters.backgrounds, backgrounds);
+
+  return `<jp-tabs 
+    ${!args.activeIndicator && 'activeIndicator="false"'}
+    ${args.activePanel ? `activeId=Tab${args.activePanel}` : ''}
+    orientation="${args.orientation}"
+  >
+    <jp-tab id="TabOne">Tab one</jp-tab>
+    <jp-tab id="TabTwo">Tab two</jp-tab>
+    <jp-tab id="TabThree">Tab three</jp-tab>
+    <jp-tab-panel id="TabPanelOne">
+        Tab one content. This is for testing.
+    </jp-tab-panel>
+    <jp-tab-panel id="TabPanelTwo">
+        Tab two content. This is for testing.
+    </jp-tab-panel>
+    <jp-tab-panel id="TabPanelThree">
+        Tab three content. This is for testing.
+    </jp-tab-panel>
+  </jp-tabs>`;
+};
+
+export const Default = Template.bind({});
+Default.args = {
+  activePanel: null,
+  activeIndicator: true,
+  orientation: 'horizontal'
+};
+
+export const Vertical = Template.bind({});
+Vertical.args = {
+  ...Default.args,
+  orientation: 'vertical'
+};
+
+export const WithoutIndicator = Template.bind({});
+WithoutIndicator.args = {
+  ...Default.args,
+  activeIndicator: false
+};
diff --git a/packages/components/src/tabs/tabs.styles.ts b/packages/components/src/tabs/tabs.styles.ts
new file mode 100644
index 00000000..82beec27
--- /dev/null
+++ b/packages/components/src/tabs/tabs.styles.ts
@@ -0,0 +1,135 @@
+import { css, ElementStyles } from '@microsoft/fast-element';
+import {
+  display,
+  forcedColorsStylesheetBehavior,
+  FoundationElementTemplate,
+  TabsOptions
+} from '@microsoft/fast-foundation';
+import { SystemColors } from '@microsoft/fast-web-utilities';
+import {
+  accentFillRest,
+  bodyFont,
+  controlCornerRadius,
+  designUnit,
+  neutralForegroundRest,
+  typeRampBaseFontSize,
+  typeRampBaseLineHeight
+} from '@microsoft/fast-components';
+import { heightNumber } from '../styles/index';
+
+/**
+ * Styles for Tabs
+ * @public
+ */
+export const tabsStyles: FoundationElementTemplate<
+  ElementStyles,
+  TabsOptions
+> = (context, definition) => {
+  console.log(context);
+  console.log(definition);
+  return css`
+    ${display('grid')} :host {
+      box-sizing: border-box;
+      font-family: ${bodyFont};
+      font-size: ${typeRampBaseFontSize};
+      line-height: ${typeRampBaseLineHeight};
+      color: ${neutralForegroundRest};
+      grid-template-columns: auto 1fr auto;
+      grid-template-rows: auto 1fr;
+    }
+
+    .tablist {
+      display: grid;
+      grid-template-rows: auto auto;
+      grid-template-columns: auto;
+      position: relative;
+      width: max-content;
+      align-self: end;
+      padding: calc(${designUnit} * 4px) calc(${designUnit} * 4px) 0;
+      box-sizing: border-box;
+    }
+
+    .start,
+    .end {
+      align-self: center;
+    }
+
+    .activeIndicator {
+      grid-row: 1;
+      grid-column: 1;
+      width: 100%;
+      height: 4px;
+      justify-self: center;
+      background: ${accentFillRest};
+      margin-top: 0;
+      border-radius: calc(${controlCornerRadius} * 1px)
+        calc(${controlCornerRadius} * 1px) 0 0;
+    }
+
+    .activeIndicatorTransition {
+      transition: transform 0.01s ease-in-out;
+    }
+
+    .tabpanel {
+      grid-row: 2;
+      grid-column-start: 1;
+      grid-column-end: 4;
+      position: relative;
+    }
+
+    :host([orientation='vertical']) {
+      grid-template-rows: auto 1fr auto;
+      grid-template-columns: auto 1fr;
+    }
+
+    :host([orientation='vertical']) .tablist {
+      grid-row-start: 2;
+      grid-row-end: 2;
+      display: grid;
+      grid-template-rows: auto;
+      grid-template-columns: auto 1fr;
+      position: relative;
+      width: max-content;
+      justify-self: end;
+      align-self: flex-start;
+      width: 100%;
+      padding: 0 calc(${designUnit} * 4px)
+        calc((${heightNumber} - ${designUnit}) * 1px) 0;
+    }
+
+    :host([orientation='vertical']) .tabpanel {
+      grid-column: 2;
+      grid-row-start: 1;
+      grid-row-end: 4;
+    }
+
+    :host([orientation='vertical']) .end {
+      grid-row: 3;
+    }
+
+    :host([orientation='vertical']) .activeIndicator {
+      grid-column: 1;
+      grid-row: 1;
+      width: 4px;
+      height: 100%;
+      margin-inline-end: 0px;
+      align-self: center;
+      border-radius: calc(${controlCornerRadius} * 1px) 0 0
+        calc(${controlCornerRadius} * 1px);
+    }
+
+    :host([orientation='vertical']) .activeIndicatorTransition {
+      transition: transform 0.01s ease-in-out;
+    }
+  `.withBehaviors(
+    forcedColorsStylesheetBehavior(
+      css`
+        .activeIndicator,
+        :host([orientation='vertical']) .activeIndicator {
+          forced-color-adjust: none;
+          background: ${SystemColors.Highlight};
+        }
+      `
+    )
+  );
+};
diff --git a/packages/components/src/tabs/tabs.test.ts b/packages/components/src/tabs/tabs.test.ts
new file mode 100644
index 00000000..61791b57
--- /dev/null
+++ b/packages/components/src/tabs/tabs.test.ts
@@ -0,0 +1,30 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import { test, expect } from '@playwright/test';
+
+test.describe('Tabs', () => {
+  test('Default', async ({ page }) => {
+    await page.goto('/iframe.html?id=tabs--default');
+
+    expect(await page.locator('jp-tabs').screenshot()).toMatchSnapshot(
+      'tabs-default.png'
+    );
+  });
+
+  test('Vertical', async ({ page }) => {
+    await page.goto('/iframe.html?id=tabs--vertical');
+
+    expect(await page.locator('jp-tabs').screenshot()).toMatchSnapshot(
+      'tabs-vertical.png'
+    );
+  });
+
+  test('Without Indicator', async ({ page }) => {
+    await page.goto('/iframe.html?id=tabs--without-indicator');
+
+    expect(await page.locator('jp-tabs').screenshot()).toMatchSnapshot(
+      'tabs-without-indicator.png'
+    );
+  });
+});

From a1ea9d90762f76714cb979406c4bcb92bf444e54 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Fri, 4 Feb 2022 15:30:12 +0100
Subject: [PATCH 08/20] Increase timeout for visual tests

---
 .github/workflows/visual-test.yml | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/.github/workflows/visual-test.yml b/.github/workflows/visual-test.yml
index fa54c0af..70df2afe 100644
--- a/.github/workflows/visual-test.yml
+++ b/.github/workflows/visual-test.yml
@@ -9,7 +9,7 @@ on:
 jobs:
   visual-test:
     runs-on: ubuntu-latest
-    timeout-minutes: 20
+    timeout-minutes: 40
     steps:
       - name: Checkout 🛎️
         uses: actions/checkout@v2

From c403dfa2c4e26080921df003c03488368ff85827 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Fri, 4 Feb 2022 16:45:16 +0100
Subject: [PATCH 09/20] Update gallery

---
 packages/components/src/avatar/index.ts       | 32 +++++--
 packages/lab-example/src/index.tsx            | 88 ++++++++++++++-----
 packages/lab-example/style/base.css           | 21 ++++-
 .../react-components/src/avatar/index.tsx     | 25 ++++++
 .../src/breadcrumb-item/index.tsx             | 20 +++++
 .../react-components/src/breadcrumb/index.tsx | 20 +++++
 packages/react-components/src/index.ts        |  8 ++
 .../react-components/src/progress/index.tsx   | 23 +++++
 .../react-components/src/search/index.tsx     | 34 +++++++
 .../react-components/src/tab-panel/index.tsx  | 18 ++++
 packages/react-components/src/tab/index.tsx   | 20 +++++
 packages/react-components/src/tabs/index.tsx  | 22 +++++
 .../react-components/src/text-field/index.tsx | 11 ++-
 13 files changed, 309 insertions(+), 33 deletions(-)
 create mode 100644 packages/react-components/src/avatar/index.tsx
 create mode 100644 packages/react-components/src/breadcrumb-item/index.tsx
 create mode 100644 packages/react-components/src/breadcrumb/index.tsx
 create mode 100644 packages/react-components/src/progress/index.tsx
 create mode 100644 packages/react-components/src/search/index.tsx
 create mode 100644 packages/react-components/src/tab-panel/index.tsx
 create mode 100644 packages/react-components/src/tab/index.tsx
 create mode 100644 packages/react-components/src/tabs/index.tsx

diff --git a/packages/components/src/avatar/index.ts b/packages/components/src/avatar/index.ts
index 808ed934..e375487b 100644
--- a/packages/components/src/avatar/index.ts
+++ b/packages/components/src/avatar/index.ts
@@ -3,18 +3,38 @@
 // Distributed under the terms of the Modified BSD License.
 
 import {
+  accentFillRest,
   Avatar,
-  imgTemplate,
-  avatarStyles as styles
+  avatarStyles as styles,
+  foregroundOnAccentRest,
+  imgTemplate
 } from '@microsoft/fast-components';
+import { css, ElementStyles } from '@microsoft/fast-element';
 import {
-  AvatarOptions,
   Avatar as FoundationAvatar,
-  avatarTemplate as template
+  AvatarOptions,
+  avatarTemplate as template,
+  FoundationElementTemplate
 } from '@microsoft/fast-foundation';
 
 export { Avatar } from '@microsoft/fast-components';
 
+export const avatarStyles: FoundationElementTemplate<
+  ElementStyles,
+  AvatarOptions
+> = (context, definition: AvatarOptions) => css`
+  ${styles(context, definition)}
+
+  .backplate {
+    min-width: var(--avatar-size, var(--avatar-size-default));
+    background-color: ${accentFillRest};
+  }
+
+  .link {
+    color: ${foregroundOnAccentRest};
+  }
+`;
+
 /**
  * A function that returns a {@link @microsoft/fast-foundation#Avatar} registration for configuring the component with a DesignSystem.
  *  {@link @microsoft/fast-foundation#avatarTemplate}
@@ -28,11 +48,9 @@ export const jpAvatar = Avatar.compose<AvatarOptions>({
   baseName: 'avatar',
   baseClass: FoundationAvatar,
   template,
-  styles,
+  styles: avatarStyles,
   media: imgTemplate,
   shadowOptions: {
     delegatesFocus: true
   }
 });
-
-export { styles as avatarStyles };
diff --git a/packages/lab-example/src/index.tsx b/packages/lab-example/src/index.tsx
index d7f18e1d..ef45fe95 100644
--- a/packages/lab-example/src/index.tsx
+++ b/packages/lab-example/src/index.tsx
@@ -1,7 +1,13 @@
 import {
+  Avatar,
   Button,
   Option,
+  Progress,
+  Search,
   Select,
+  Tab,
+  TabPanel,
+  Tabs,
   TextField
 } from '@jupyter-notebook/react-components';
 import {
@@ -25,7 +31,7 @@ const plugin: JupyterFrontEndPlugin<void> = {
   id: 'jupyter-ui-demo:plugin',
   optional: [IThemeManager],
   autoStart: true,
-  activate: (app: JupyterFrontEnd, theme: IThemeManager | null) => {
+  activate: (app: JupyterFrontEnd) => {
     console.log('JupyterLab extension jupyter-ui-demo is activated!');
 
     const widget = new Widget({ node: createNode() });
@@ -76,12 +82,16 @@ const plugin: JupyterFrontEndPlugin<void> = {
 };
 
 function Artwork(): JSX.Element {
+  const onChange = (event: any) => {
+    alert(`React on React change event: ${event?.target?.value}`);
+  };
   const onClick = () => {
     alert('Reacting on React click event.');
   };
+
   return (
-    <div className="jp-FlexRow">
-      <div className="jp-FlexColumn">
+    <div className="jp-Grid">
+      <div className="jp-FlexColumn" style={{ gridColumn: 1 }}>
         <div className="jp-FlexRow">
           <Button appearance="accent" onClick={onClick}>
             Button
@@ -91,7 +101,12 @@ function Artwork(): JSX.Element {
             <span className="fa fa-cog"></span>
           </Button>
         </div>
-        <TextField value="Populated text">Text Field Label</TextField>
+        <Search value="Dummy search text" onChange={onChange}>
+          Search Label
+        </Search>
+        <TextField value="Populated text" onChange={onChange}>
+          Text Field Label
+        </TextField>
         <div className="jp-FlexColumn">
           <label>Label</label>
           <Select>
@@ -103,6 +118,24 @@ function Artwork(): JSX.Element {
         {/* <TextArea>Text Area Label</TextArea>
         <Link href="#">Link Text</Link> */}
       </div>
+      <div className="jp-FlexColumn" style={{ gridColumn: 2 }}>
+        <Avatar shape="circle">JS</Avatar>
+        <div className="jp-FlexColumn">
+          <label>Progress</label>
+          <Progress></Progress>
+          <Progress min={0} max={50} value={30}></Progress>
+        </div>
+      </div>
+      <div className="jp-FlexColumn" style={{ gridColumn: 3 }}>
+        <Tabs>
+          <Tab id="one">One</Tab>
+          <Tab id="two">Two</Tab>
+          <Tab id="three">Three</Tab>
+          <TabPanel id="panelOne">This is panel one content.</TabPanel>
+          <TabPanel id="panelTwo">This is panel two content.</TabPanel>
+          <TabPanel id="panelThree">This is panel three content.</TabPanel>
+        </Tabs>
+      </div>
       {/* <div className="jp-FlexColumn">
         <RadioGroup orientation="vertical">
           <label slot="label">Label</label>
@@ -134,13 +167,14 @@ function createNode(): HTMLElement {
   node.insertAdjacentHTML(
     'afterbegin',
     `
-<div class="jp-FlexRow">
-    <div class="jp-FlexColumn">
+<div class="jp-Grid">
+    <div class="jp-FlexColumn" style="grid-column: 1;">
       <div class="jp-FlexRow">
         <jp-button appearance="accent">Button</jp-button>
         <jp-button appearance="neutral">Button</jp-button>
         <jp-button appearance="stealth" aria-label="Confirm"><span class="fa fa-cog"></span></jp-button>
       </div>
+      <jp-search value="Dummy search text">Search Label</jp-search>
       <jp-text-field value="Populated text">Text Field Label</jp-text-field>
       <div class="jp-FlexColumn">
         <label>
@@ -177,30 +211,40 @@ function createNode(): HTMLElement {
       </div>
       <jp-progress-ring></jp-progress-ring>
     </div>
-    <div class="jp-FlexColumn">
+    -->
+    <div class="jp-FlexColumn" style="grid-column: 2;">
+      <jp-avatar shape="circle">JS</jp-avatar>
+      <div class="jp-FlexColumn">
+        <label>Progress</label>
+        <jp-progress></jp-progress>
+        <jp-progress min="0" max="50" value="30"></jp-progress>
+      </div>
+    </div>
+    <div class="jp-FlexColumn" style="grid-column: 3;">
+      <!--
       <div>
         <jp-data-grid id="basic-grid" generate-header="sticky" aria-label="With Sticky Header"></jp-data-grid>
       </div>
-      <jp-panels aria-label="Default">
-        <jp-panel-tab id="tab-1">Tab 1</jp-panel-tab>
-        <jp-panel-tab id="tab-2">Tab 2</jp-panel-tab>
-        <jp-panel-tab id="tab-3">Tab 3</jp-panel-tab>
-        <jp-panel-tab id="tab-4">Tab 4</jp-panel-tab>
-        <jp-panel-view id="view-1">
+      -->
+      <jp-tabs aria-label="Default">
+        <jp-tab id="tab-1">Tab 1</jp-tab>
+        <jp-tab id="tab-2">Tab 2</jp-tab>
+        <jp-tab id="tab-3">Tab 3</jp-tab>
+        <jp-tab id="tab-4">Tab 4</jp-tab>
+        <jp-tab-panel id="view-1">
           Tab 1 Content
-        </jp-panel-view>
-        <jp-panel-view id="view-2">
+        </jp-tab-panel>
+        <jp-tab-panel id="view-2">
           Tab 2 Content
-        </jp-panel-view>
-        <jp-panel-view id="view-3">
+        </jp-tab-panel>
+        <jp-tab-panel id="view-3">
           Tab 3 Content
-        </jp-panel-view>
-        <jp-panel-view id="view-4">
+        </jp-tab-panel>
+        <jp-tab-panel id="view-4">
           Tab 4 Content
-        </jp-panel-view>
-      </jp-panels>
+        </jp-tab-panel>
+      </jp-tabs>
     </div>
-    -->
 </div>
 
 `
diff --git a/packages/lab-example/style/base.css b/packages/lab-example/style/base.css
index 05451869..08eab4d6 100644
--- a/packages/lab-example/style/base.css
+++ b/packages/lab-example/style/base.css
@@ -1,3 +1,9 @@
+/* Fixes for JupyterLab */
+jp-tab {
+  box-sizing: border-box;
+}
+/* End fixes */
+
 .jp-Artwork {
   padding: 4px;
 
@@ -6,7 +12,9 @@
   font-size: var(--jp-ui-font-size1);
 }
 
-.jp-Artwork > .jp-FlexRow {
+.jp-Artwork > .jp-Grid {
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
   height: 100%;
   max-height: 500px;
 }
@@ -34,3 +42,14 @@
 .jp-Artwork .jp-FlexColumn > div > * {
   margin: 2px;
 }
+
+jp-progress {
+  width: 100%;
+}
+
+:root {
+  --avatar-fill-blue: royalblue;
+  --avatar-fill-red: indianred;
+  --avatar-color-light: white;
+  --avatar-color-dark: slategrey;
+}
diff --git a/packages/react-components/src/avatar/index.tsx b/packages/react-components/src/avatar/index.tsx
new file mode 100644
index 00000000..486bed85
--- /dev/null
+++ b/packages/react-components/src/avatar/index.tsx
@@ -0,0 +1,25 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  provideJupyterDesignSystem,
+  jpAvatar
+} from '@jupyter-notebook/web-components';
+import { provideReactWrapper } from '@microsoft/fast-react-wrapper';
+import React from 'react';
+
+const { wrap } = provideReactWrapper(React, provideJupyterDesignSystem());
+
+export const Avatar: React.DetailedHTMLFactory<
+  React.HTMLAttributes<HTMLElement> & {
+    src?: string;
+    alt?: string;
+    link?: string;
+    shape?: 'circle' | 'square' | 'default';
+    fill?: string;
+    color?: string;
+  },
+  HTMLElement
+> = wrap(jpAvatar()) as any;
+// @ts-expect-error unknown property
+Avatar.displayName = 'Jupyter.Avatar';
diff --git a/packages/react-components/src/breadcrumb-item/index.tsx b/packages/react-components/src/breadcrumb-item/index.tsx
new file mode 100644
index 00000000..0380b165
--- /dev/null
+++ b/packages/react-components/src/breadcrumb-item/index.tsx
@@ -0,0 +1,20 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  provideJupyterDesignSystem,
+  jpBreadcrumbItem
+} from '@jupyter-notebook/web-components';
+import { provideReactWrapper } from '@microsoft/fast-react-wrapper';
+import React from 'react';
+
+const { wrap } = provideReactWrapper(React, provideJupyterDesignSystem());
+
+export const BreadcrumbItem: React.DetailedHTMLFactory<
+  React.HTMLAttributes<HTMLElement> & {
+    separator?: boolean;
+  },
+  HTMLElement
+> = wrap(jpBreadcrumbItem()) as any;
+// @ts-expect-error unknown property
+BreadcrumbItem.displayName = 'Jupyter.BreadcrumbItem';
diff --git a/packages/react-components/src/breadcrumb/index.tsx b/packages/react-components/src/breadcrumb/index.tsx
new file mode 100644
index 00000000..78832fda
--- /dev/null
+++ b/packages/react-components/src/breadcrumb/index.tsx
@@ -0,0 +1,20 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  provideJupyterDesignSystem,
+  jpBreadcrumb
+} from '@jupyter-notebook/web-components';
+import { provideReactWrapper } from '@microsoft/fast-react-wrapper';
+import React from 'react';
+
+const { wrap } = provideReactWrapper(React, provideJupyterDesignSystem());
+
+export const Breadcrumb: React.DetailedHTMLFactory<
+  React.HTMLAttributes<HTMLElement> & {
+    href?: string;
+  },
+  HTMLElement
+> = wrap(jpBreadcrumb()) as any;
+// @ts-expect-error unknown property
+Breadcrumb.displayName = 'Jupyter.Breadcrumb';
diff --git a/packages/react-components/src/index.ts b/packages/react-components/src/index.ts
index fee423c8..2f457db2 100644
--- a/packages/react-components/src/index.ts
+++ b/packages/react-components/src/index.ts
@@ -1,4 +1,12 @@
+export * from './avatar';
+export * from './breadcrumb';
+export * from './breadcrumb-item';
 export * from './button';
 export * from './option';
+export * from './progress';
+export * from './search';
 export * from './select';
+export * from './tab-panel';
+export * from './tab';
+export * from './tabs';
 export * from './text-field';
diff --git a/packages/react-components/src/progress/index.tsx b/packages/react-components/src/progress/index.tsx
new file mode 100644
index 00000000..3c21c5c3
--- /dev/null
+++ b/packages/react-components/src/progress/index.tsx
@@ -0,0 +1,23 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  provideJupyterDesignSystem,
+  jpProgress
+} from '@jupyter-notebook/web-components';
+import { provideReactWrapper } from '@microsoft/fast-react-wrapper';
+import React from 'react';
+
+const { wrap } = provideReactWrapper(React, provideJupyterDesignSystem());
+
+export const Progress: React.DetailedHTMLFactory<
+  React.HTMLAttributes<HTMLElement> & {
+    min?: number;
+    max?: number;
+    value?: number;
+    paused?: boolean;
+  },
+  HTMLElement
+> = wrap(jpProgress()) as any;
+// @ts-expect-error unknown property
+Progress.displayName = 'Jupyter.Progress';
diff --git a/packages/react-components/src/search/index.tsx b/packages/react-components/src/search/index.tsx
new file mode 100644
index 00000000..5bc158bd
--- /dev/null
+++ b/packages/react-components/src/search/index.tsx
@@ -0,0 +1,34 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  provideJupyterDesignSystem,
+  jpSearch
+} from '@jupyter-notebook/web-components';
+import { provideReactWrapper } from '@microsoft/fast-react-wrapper';
+import React from 'react';
+
+const { wrap } = provideReactWrapper(React, provideJupyterDesignSystem());
+
+export const Search: React.DetailedHTMLFactory<
+  React.HTMLAttributes<HTMLElement> & {
+    appearance?: 'outline' | 'filled';
+    autofocus?: boolean;
+    disabled?: boolean;
+    form?: string;
+    label?: string;
+    list?: string;
+    maxlength?: number;
+    minlength?: number;
+    name?: string;
+    pattern?: string;
+    placeholder?: string;
+    readonly?: boolean;
+    required?: boolean;
+    size?: number;
+    value?: string;
+  },
+  HTMLElement
+> = wrap(jpSearch()) as any;
+// @ts-expect-error unknown property
+Search.displayName = 'Jupyter.Search';
diff --git a/packages/react-components/src/tab-panel/index.tsx b/packages/react-components/src/tab-panel/index.tsx
new file mode 100644
index 00000000..5f0549d0
--- /dev/null
+++ b/packages/react-components/src/tab-panel/index.tsx
@@ -0,0 +1,18 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  provideJupyterDesignSystem,
+  jpTabPanel
+} from '@jupyter-notebook/web-components';
+import { provideReactWrapper } from '@microsoft/fast-react-wrapper';
+import React from 'react';
+
+const { wrap } = provideReactWrapper(React, provideJupyterDesignSystem());
+
+export const TabPanel: React.DetailedHTMLFactory<
+  React.HTMLAttributes<HTMLElement>,
+  HTMLElement
+> = wrap(jpTabPanel()) as any;
+// @ts-expect-error unknown property
+TabPanel.displayName = 'Jupyter.TabPanel';
diff --git a/packages/react-components/src/tab/index.tsx b/packages/react-components/src/tab/index.tsx
new file mode 100644
index 00000000..c732ec57
--- /dev/null
+++ b/packages/react-components/src/tab/index.tsx
@@ -0,0 +1,20 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  provideJupyterDesignSystem,
+  jpTab
+} from '@jupyter-notebook/web-components';
+import { provideReactWrapper } from '@microsoft/fast-react-wrapper';
+import React from 'react';
+
+const { wrap } = provideReactWrapper(React, provideJupyterDesignSystem());
+
+export const Tab: React.DetailedHTMLFactory<
+  React.HTMLAttributes<HTMLElement> & {
+    disabled?: boolean;
+  },
+  HTMLElement
+> = wrap(jpTab()) as any;
+// @ts-expect-error unknown property
+Tab.displayName = 'Jupyter.Tab';
diff --git a/packages/react-components/src/tabs/index.tsx b/packages/react-components/src/tabs/index.tsx
new file mode 100644
index 00000000..7145975c
--- /dev/null
+++ b/packages/react-components/src/tabs/index.tsx
@@ -0,0 +1,22 @@
+// Copyright (c) Jupyter Development Team.
+// Distributed under the terms of the Modified BSD License.
+
+import {
+  provideJupyterDesignSystem,
+  jpTabs
+} from '@jupyter-notebook/web-components';
+import { provideReactWrapper } from '@microsoft/fast-react-wrapper';
+import React from 'react';
+
+const { wrap } = provideReactWrapper(React, provideJupyterDesignSystem());
+
+export const Tabs: React.DetailedHTMLFactory<
+  React.HTMLAttributes<HTMLElement> & {
+    activeid?: string;
+    activeindicator?: boolean;
+    orientation?: 'horizontal' | 'vertical';
+  },
+  HTMLElement
+> = wrap(jpTabs()) as any;
+// @ts-expect-error unknown property
+Tabs.displayName = 'Jupyter.Tabs';
diff --git a/packages/react-components/src/text-field/index.tsx b/packages/react-components/src/text-field/index.tsx
index a9d2d9be..32876fb1 100644
--- a/packages/react-components/src/text-field/index.tsx
+++ b/packages/react-components/src/text-field/index.tsx
@@ -12,16 +12,21 @@ const { wrap } = provideReactWrapper(React, provideJupyterDesignSystem());
 
 export const TextField: React.DetailedHTMLFactory<
   React.HTMLAttributes<HTMLElement> & {
+    appearance?: 'outline' | 'filled';
     autofocus?: boolean;
-    cols?: number;
     disabled?: boolean;
     form?: string;
+    list?: string;
     maxlength?: number;
+    minlength?: number;
     name?: string;
+    pattern?: string;
     placeholder?: string;
     readonly?: boolean;
-    resize?: 'none' | 'vertical' | 'horizontal' | 'both';
-    rows?: number;
+    required?: boolean;
+    size?: number;
+    spellcheck?: string;
+    type?: 'text' | 'email' | 'password' | 'tel' | 'url';
     value?: string;
   },
   HTMLElement

From 1f5b1a576846c1bdd0984046d9c580ce5409d911 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Fri, 4 Feb 2022 17:21:12 +0100
Subject: [PATCH 10/20] Fix event for react components

---
 packages/components/src/tabs/tabs.styles.ts   |  7 ++---
 packages/lab-example/src/index.tsx            | 27 +++++++++++++------
 .../react-components/src/search/index.tsx     |  7 ++++-
 .../react-components/src/select/index.tsx     |  7 ++++-
 packages/react-components/src/tabs/index.tsx  |  2 +-
 .../react-components/src/text-field/index.tsx |  4 ++-
 6 files changed, 37 insertions(+), 17 deletions(-)

diff --git a/packages/components/src/tabs/tabs.styles.ts b/packages/components/src/tabs/tabs.styles.ts
index 82beec27..013363db 100644
--- a/packages/components/src/tabs/tabs.styles.ts
+++ b/packages/components/src/tabs/tabs.styles.ts
@@ -24,10 +24,8 @@ import { heightNumber } from '../styles/index';
 export const tabsStyles: FoundationElementTemplate<
   ElementStyles,
   TabsOptions
-> = (context, definition) => {
-  console.log(context);
-  console.log(definition);
-  return css`
+> = (context, definition) =>
+  css`
     ${display('grid')} :host {
       box-sizing: border-box;
       font-family: ${bodyFont};
@@ -132,4 +130,3 @@ export const tabsStyles: FoundationElementTemplate<
       `
     )
   );
-};
diff --git a/packages/lab-example/src/index.tsx b/packages/lab-example/src/index.tsx
index ef45fe95..7507c482 100644
--- a/packages/lab-example/src/index.tsx
+++ b/packages/lab-example/src/index.tsx
@@ -39,13 +39,23 @@ const plugin: JupyterFrontEndPlugin<void> = {
     widget.id = 'artwork-ui-components';
     widget.title.label = 'Toolkit Gallery';
 
-    // Add listener
-    const firstButton = widget.node.querySelector('jp-button');
-    if (firstButton) {
-      firstButton.addEventListener('click', () => {
+    // Add listeners
+    const buttons = widget.node.querySelectorAll('jp-button');
+    buttons.forEach(button => {
+      button.addEventListener('click', () => {
         alert('Reacting to vanilla click event.');
       });
-    }
+    });
+    const search = widget.node.querySelector('jp-search');
+    search?.addEventListener('change', event => {
+      console.log(event);
+      alert(`Search change event: ${(event as any).target.value}`);
+    });
+    const textField = widget.node.querySelector('jp-text-field');
+    textField?.addEventListener('change', event => {
+      console.log(event);
+      alert(`Text field change event: ${(event as any).target.value}`);
+    });
 
     const reactWidget = ReactWidget.create(<Artwork />);
     reactWidget.addClass('jp-Artwork');
@@ -96,8 +106,10 @@ function Artwork(): JSX.Element {
           <Button appearance="accent" onClick={onClick}>
             Button
           </Button>
-          <Button appearance="neutral">Button</Button>
-          <Button appearance="stealth" aria-label="Confirm">
+          <Button appearance="neutral" onClick={onClick}>
+            Button
+          </Button>
+          <Button appearance="stealth" aria-label="Confirm" onClick={onClick}>
             <span className="fa fa-cog"></span>
           </Button>
         </div>
@@ -246,7 +258,6 @@ function createNode(): HTMLElement {
       </jp-tabs>
     </div>
 </div>
-
 `
   );
 
diff --git a/packages/react-components/src/search/index.tsx b/packages/react-components/src/search/index.tsx
index 5bc158bd..df5431bc 100644
--- a/packages/react-components/src/search/index.tsx
+++ b/packages/react-components/src/search/index.tsx
@@ -29,6 +29,11 @@ export const Search: React.DetailedHTMLFactory<
     value?: string;
   },
   HTMLElement
-> = wrap(jpSearch()) as any;
+> = wrap(jpSearch(), {
+  events: {
+    onChange: 'change',
+    onInput: 'input'
+  }
+}) as any;
 // @ts-expect-error unknown property
 Search.displayName = 'Jupyter.Search';
diff --git a/packages/react-components/src/select/index.tsx b/packages/react-components/src/select/index.tsx
index 3d866a3b..5c84fbff 100644
--- a/packages/react-components/src/select/index.tsx
+++ b/packages/react-components/src/select/index.tsx
@@ -18,6 +18,11 @@ export const Select: React.DetailedHTMLFactory<
     position?: 'above' | 'below';
   },
   HTMLElement
-> = wrap(jpSelect()) as any;
+> = wrap(jpSelect(), {
+  events: {
+    onChange: 'change',
+    onInput: 'input'
+  }
+}) as any;
 // @ts-expect-error unknown property
 Select.displayName = 'Jupyter.Select';
diff --git a/packages/react-components/src/tabs/index.tsx b/packages/react-components/src/tabs/index.tsx
index 7145975c..379ca2aa 100644
--- a/packages/react-components/src/tabs/index.tsx
+++ b/packages/react-components/src/tabs/index.tsx
@@ -17,6 +17,6 @@ export const Tabs: React.DetailedHTMLFactory<
     orientation?: 'horizontal' | 'vertical';
   },
   HTMLElement
-> = wrap(jpTabs()) as any;
+> = wrap(jpTabs(), { events: { onChange: 'change' } }) as any;
 // @ts-expect-error unknown property
 Tabs.displayName = 'Jupyter.Tabs';
diff --git a/packages/react-components/src/text-field/index.tsx b/packages/react-components/src/text-field/index.tsx
index 32876fb1..fca44a4a 100644
--- a/packages/react-components/src/text-field/index.tsx
+++ b/packages/react-components/src/text-field/index.tsx
@@ -30,6 +30,8 @@ export const TextField: React.DetailedHTMLFactory<
     value?: string;
   },
   HTMLElement
-> = wrap(jpTextField()) as any;
+> = wrap(jpTextField(), {
+  events: { onChange: 'change', onInput: 'input' }
+}) as any;
 // @ts-expect-error unknown property
 TextField.displayName = 'Jupyter.TextField';

From d1f54085a7fc30e6089c1d2f94144613e4a9a6cf Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Fri, 4 Feb 2022 17:27:39 +0100
Subject: [PATCH 11/20] Add new snapshots

---
 .../components/src/avatar/avatar.stories.ts   |   2 --
 .../avatar-default-chromium-linux.png         | Bin 0 -> 1075 bytes
 .../avatar-default-firefox-linux.png          | Bin 0 -> 862 bytes
 .../avatar-default-webkit-linux.png           | Bin 0 -> 2329 bytes
 .../avatar-square-chromium-linux.png          | Bin 0 -> 709 bytes
 .../avatar-square-firefox-linux.png           | Bin 0 -> 577 bytes
 .../avatar-square-webkit-linux.png            | Bin 0 -> 1441 bytes
 .../avatar-with-image-chromium-linux.png      | Bin 0 -> 819 bytes
 .../avatar-with-image-firefox-linux.png       | Bin 0 -> 616 bytes
 .../avatar-with-image-webkit-linux.png        | Bin 0 -> 1989 bytes
 ...breadcrumb-item-default-chromium-linux.png | Bin 0 -> 2099 bytes
 .../breadcrumb-item-default-firefox-linux.png | Bin 0 -> 1713 bytes
 .../breadcrumb-item-default-webkit-linux.png  | Bin 0 -> 3729 bytes
 ...rumb-item-with-end-icon-chromium-linux.png | Bin 0 -> 2393 bytes
 ...crumb-item-with-end-icon-firefox-linux.png | Bin 0 -> 1918 bytes
 ...dcrumb-item-with-end-icon-webkit-linux.png | Bin 0 -> 4356 bytes
 ...mb-item-with-start-icon-chromium-linux.png | Bin 0 -> 2228 bytes
 ...umb-item-with-start-icon-firefox-linux.png | Bin 0 -> 1764 bytes
 ...rumb-item-with-start-icon-webkit-linux.png | Bin 0 -> 3943 bytes
 ...crumb-item-without-href-chromium-linux.png | Bin 0 -> 2063 bytes
 ...dcrumb-item-without-href-firefox-linux.png | Bin 0 -> 1701 bytes
 ...adcrumb-item-without-href-webkit-linux.png | Bin 0 -> 3515 bytes
 .../breadcrumb-default-chromium-linux.png     | Bin 0 -> 3869 bytes
 .../breadcrumb-default-firefox-linux.png      | Bin 0 -> 2290 bytes
 .../breadcrumb-default-webkit-linux.png       | Bin 0 -> 5077 bytes
 ...mb-with-custom-children-chromium-linux.png | Bin 0 -> 4305 bytes
 ...umb-with-custom-children-firefox-linux.png | Bin 0 -> 3168 bytes
 ...rumb-with-custom-children-webkit-linux.png | Bin 0 -> 6492 bytes
 ...readcrumb-with-end-icon-chromium-linux.png | Bin 0 -> 6069 bytes
 ...breadcrumb-with-end-icon-firefox-linux.png | Bin 0 -> 4180 bytes
 .../breadcrumb-with-end-icon-webkit-linux.png | Bin 0 -> 6179 bytes
 ...adcrumb-with-start-icon-chromium-linux.png | Bin 0 -> 4011 bytes
 ...eadcrumb-with-start-icon-firefox-linux.png | Bin 0 -> 2515 bytes
 ...readcrumb-with-start-icon-webkit-linux.png | Bin 0 -> 5637 bytes
 .../search-default-chromium-linux.png         | Bin 0 -> 2000 bytes
 .../search-default-firefox-linux.png          | Bin 0 -> 1772 bytes
 .../search-default-webkit-linux.png           | Bin 0 -> 4043 bytes
 .../search-with-autofocus-chromium-linux.png  | Bin 0 -> 2012 bytes
 .../search-with-autofocus-firefox-linux.png   | Bin 0 -> 1797 bytes
 .../search-with-autofocus-webkit-linux.png    | Bin 0 -> 4056 bytes
 .../search-with-disabled-chromium-linux.png   | Bin 0 -> 1759 bytes
 .../search-with-disabled-firefox-linux.png    | Bin 0 -> 1458 bytes
 .../search-with-disabled-webkit-linux.png     | Bin 0 -> 3459 bytes
 .../search-with-maxlength-chromium-linux.png  | Bin 0 -> 4117 bytes
 .../search-with-maxlength-firefox-linux.png   | Bin 0 -> 3714 bytes
 .../search-with-maxlength-webkit-linux.png    | Bin 0 -> 7669 bytes
 ...search-with-placeholder-chromium-linux.png | Bin 0 -> 3484 bytes
 .../search-with-placeholder-firefox-linux.png | Bin 0 -> 3319 bytes
 .../search-with-placeholder-webkit-linux.png  | Bin 0 -> 7078 bytes
 ...search-with-search-icon-chromium-linux.png | Bin 0 -> 2473 bytes
 .../search-with-search-icon-firefox-linux.png | Bin 0 -> 2084 bytes
 .../search-with-search-icon-webkit-linux.png  | Bin 0 -> 5106 bytes
 .../search-with-size-chromium-linux.png       | Bin 0 -> 4957 bytes
 .../search-with-size-firefox-linux.png        | Bin 0 -> 4539 bytes
 .../search-with-size-webkit-linux.png         | Bin 0 -> 8863 bytes
 .../tabs-default-chromium-linux.png           | Bin 0 -> 6273 bytes
 .../tabs-default-firefox-linux.png            | Bin 0 -> 5542 bytes
 .../tabs-default-webkit-linux.png             | Bin 0 -> 10536 bytes
 .../tabs-vertical-chromium-linux.png          | Bin 0 -> 6921 bytes
 .../tabs-vertical-firefox-linux.png           | Bin 0 -> 6069 bytes
 .../tabs-vertical-webkit-linux.png            | Bin 0 -> 12644 bytes
 .../tabs-without-indicator-chromium-linux.png | Bin 0 -> 6174 bytes
 .../tabs-without-indicator-firefox-linux.png  | Bin 0 -> 5601 bytes
 .../tabs-without-indicator-webkit-linux.png   | Bin 0 -> 9997 bytes
 ...t-field-with-placeholder-firefox-linux.png | Bin 3161 -> 3224 bytes
 65 files changed, 2 deletions(-)
 create mode 100644 packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-chromium-linux.png
 create mode 100644 packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-firefox-linux.png
 create mode 100644 packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-webkit-linux.png
 create mode 100644 packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-chromium-linux.png
 create mode 100644 packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-firefox-linux.png
 create mode 100644 packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-webkit-linux.png
 create mode 100644 packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-chromium-linux.png
 create mode 100644 packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-firefox-linux.png
 create mode 100644 packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-webkit-linux.png
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-chromium-linux.png
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-firefox-linux.png
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-webkit-linux.png
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-chromium-linux.png
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-firefox-linux.png
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-webkit-linux.png
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-chromium-linux.png
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-firefox-linux.png
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-webkit-linux.png
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-chromium-linux.png
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-firefox-linux.png
 create mode 100644 packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-webkit-linux.png
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-chromium-linux.png
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-firefox-linux.png
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-webkit-linux.png
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-chromium-linux.png
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-firefox-linux.png
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-webkit-linux.png
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-chromium-linux.png
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-firefox-linux.png
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-webkit-linux.png
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-chromium-linux.png
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-firefox-linux.png
 create mode 100644 packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-webkit-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-default-chromium-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-default-firefox-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-default-webkit-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-chromium-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-firefox-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-webkit-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-disabled-chromium-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-disabled-firefox-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-disabled-webkit-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-chromium-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-firefox-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-webkit-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-chromium-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-firefox-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-webkit-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-chromium-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-firefox-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-webkit-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-size-chromium-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-size-firefox-linux.png
 create mode 100644 packages/components/src/search/search.test.ts-snapshots/search-with-size-webkit-linux.png
 create mode 100644 packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-chromium-linux.png
 create mode 100644 packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-firefox-linux.png
 create mode 100644 packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-webkit-linux.png
 create mode 100644 packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-chromium-linux.png
 create mode 100644 packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-firefox-linux.png
 create mode 100644 packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-webkit-linux.png
 create mode 100644 packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-chromium-linux.png
 create mode 100644 packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-firefox-linux.png
 create mode 100644 packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-webkit-linux.png

diff --git a/packages/components/src/avatar/avatar.stories.ts b/packages/components/src/avatar/avatar.stories.ts
index 7bbe50b5..2ebdf58b 100644
--- a/packages/components/src/avatar/avatar.stories.ts
+++ b/packages/components/src/avatar/avatar.stories.ts
@@ -22,8 +22,6 @@ export default {
   decorators: [
     story => `<style>
     jp-avatar {
-      flex-basis: 32px;
-
       --avatar-fill-accent-primary: #cf4073;
       --avatar-fill-accent-secondary: #0078d4;
       --avatar-color-foo: hsl(0, 0%, 100%);
diff --git a/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-chromium-linux.png b/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..1841e1b3ac67c6ea6595955ad08177a3fa53d2a2
GIT binary patch
literal 1075
zcmV-31kC%1P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px&?MXyIR9J<*mtAOEWf;eQ=j2V>oP1Q<B#U*Gv}G-})_GwaD{~aZ3#}+_WTK!K
z;t(7R1$*U1+ZzQH@n#nem7&7K;Dtyxkf{~sm@9&tt2UE1X*;_#N!OlyH#zC?VolbM
zBul%t|GPZz`~Lqwo<Q<E(w;r7Iu%Hf1nt%JJZ5s?Feo?-CY-_yKuAjv&ZP+Fl3Yp!
z`FnAWq^?zBi*zRdhrxu$)=H1^Kt+am4JW7YMz0ahr8WnkNCJ<om0nBBhJx4X+o+E-
z@rjZhDGH!Sf&oW2Ze#6Th36H>stklL6oru27TiV~CtOc%S@<o_+GS5$c>qNc^xOAi
zmaDcbJTJ3cMZbMNiX@5y<lDX-;VU5q9NnuR3IIoJZCl#*QgRz>>9sVk25=ZmJhP&>
z-SXJla2QOt0X){W9Sbi&EN9A!B<L|W?l?e?xe-MYh>mJ|MGrc^AH-l={^>paGcza8
z03e&HalQH!wFe%;XtyC53}iy{Ec|kr;Fmw5XLBVzJF4x7t{PWG0AsIzjAW2$J#l<h
zz4`su5VdBmfASrvi5nnESUQ{7{njC>cHP6|d#6i!cGb8LPGPDDARATz(3h49HOXke
zvbTllkG#bG__t7B`1J~!nn2W9%X&J631K%V6#*2Jp3RXC%u?UGkN97H7N<gmv-qFm
zcYLqNMubyr9spqC-7jc-`!Ell>LW8dPhxbE_~mib-$v1H#>&2R8*33|Z&aYn%pBu=
zClU8rFn72ycet@X-_7phFL2}YvxL4GF8f}Dv?Lqtf?nhgT$_)hp1+EE{wjP5&KG-V
zc%zqv;VWc<H;elCGb(Z<mn<3N@EoM^9nbB8EFr84+FTR>^TW-!`(Ht-THnaTXaFP$
zQD-UXpVG64kd~soy7+}`MCJZBpCcUz5*xWj{j>W(mWcj720&&eg5{AGT0S_+?AJe$
zo(_YqV`_5IaI}~7<Sa?w^^yP~Ers-Q=Rv)%zN>T>4nL0L&;g9~HquieW<EPh?9y1_
zyz0I>cD?ij)<;`0)>%Q8$%N*KUi^pIug;;ViIUzQ&W#}LZEe?2H9TGN(st^|e?K56
zb&cV~^p1z;Gi3m8%(vqJ`AiugoJ--2?i_?S>MM-vg^6e=K7l`@ZhN>tqcRkqD10se
zBz29!$ORHh*=-9?EM*yttRBx-O~u;@Q7n8N06-uc<yi3CmVO=njLNa#IRe?}y0fyY
zS+AuTkL~W}MQ_x{&_-9Ym2wzNc&u$3o*Rb~(|BXP%`c~GrAUH~YCByuE}X)INixz@
tb!(6CXH-&pmXMZWBpqaQF;ek*{y)b1e3>wb+#LV_002ovPDHLkV1gu;`8fap

literal 0
HcmV?d00001

diff --git a/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-firefox-linux.png b/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..9eb7d399f8aca64f647d7391a48a6fca8ba86b5b
GIT binary patch
literal 862
zcmV-k1EKthP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80009eNkl<ZScTPB
zTTc^F5Z<4*rI$bn5gMR9ZK+T$p{BK#A|zs<AZXP1Ac$Z{Fo;4TCL-+vF+jl=ZpPLW
zFkrQc1<GBi(i`sQ18%t#wp%DfH~C)9o-^}hX3m`XC_)JMK%-E?l39SRR2}+728^T_
zF+rO!L7Om=Vnn~lfUZ;>ESUw+D3rWx5<)=5+fXQ1p+l;}IBkN1HuJ(bZ9<1sheEmP
z<ODPdB^on|F)k?M?Kp;rpbU)}C7cmCl7LpOgiWkJvE#$AN(|5*6O9-G`kXur3yn#0
z&cZG<LZ6+-O+YJGVMvsG=PZVV#+XP@`*WVmupbAT*l?gGq6AvfOU~Rmi<b0~g9J)*
z)tEd*wI_;6K^cnvrh+1bpd+pH+?=y$mzM4lP%D%e6Yy^`$-=0>1hqm5s!Ep6>%h*B
zpJ2b`uEFT~`?PCV?zSWNZ56)*Au!<`1ih>9bq>HOuHdv;CCdlZF69^gshm1YE9wzh
z-#S3R?{p*JS%TZ#3RhMQTrvwhH64g-`myo)ZQL|aeUikkUU>C;lz>xQ0RWi4`#fgf
z$14xvsq5sl)hE$|8ceY9>?h!$%?NmW_%-ttGn(58*TJC32x>IJ0z6D$T6q&&ld}NB
zAhfiOje&QVzt;no%)+Y>PfdV@E2{>duRq3ew;kK=1u&5vEVNqV6F5l<e9vMD9L7S6
z6<`=lD;l^{z*U6a=2uv=jqR<al!FO|;ca{g2W`gO<z{T!op4GjW6sX$n*ac_m+o^H
zA=fqZ)II?KcpvoQ!^JyT=@|hNj$lT03l7?hsq9)rHvRBB-Efyb!j!xoQ@J<rsj>|L
z_aXvcd~gV_9&5i{S{lC*d7F9>T37=U3}buF3wK4^f&bH_0c(Au2raII35KJMXywHl
zxGq$4+OCr2@3!JZ3o#iOV_PvH1bn+;G7)`@2q7qvtIqv7F3eT^Lj%d)NM<;5=Qgqa
z=#eZsl%Byv%wkByF_f~<<)~pl0}{hRBXl`xzQRNWt0Z~pu!;51%8yn@oZ2us(yaJD
o6{kmu)p+v!X_^kzS&7N>KlwN8kCrmQ5C8xG07*qoM6N<$f`SN#asU7T

literal 0
HcmV?d00001

diff --git a/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-webkit-linux.png b/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-default-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..fa4f458e75fd3208bde78f8ef1025cc0e90e7683
GIT binary patch
literal 2329
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-chromium-linux.png b/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0d51f09310dfcc4b088a24e3a7cfdf44297213f
GIT binary patch
literal 709
zcmV;$0y_PPP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px%e@R3^R9J=W)lW#%VI0Tt_wToV>E_H$(@beo9F$od5+O_^=+dG{u_&lRBtZu$
z%2S8zQV<bcJR}uSfsu6RP(t*_z@k4yYHpdKZYtBw&AETIfBNgT3e5x^JG9U7`#gNV
zuje^Dk5E=-k}6jfuv=rqpwOZgl_Wcsh?@@oAl9e{;c!Kb)U2;e`p|{aGW7=0tTCo!
zIKTm|32~z;H)VkJ3N2#FrUPnGnOXpl2BZP02gsMYvEtDMWLh-<uJ#u=+MWO)W~eAQ
zx{K`UO(=4;2r?N_mzSBBy-ePDiWHk&8Nk5ts|Yd?Q)|;7^^!}+kY}qIzxI$H!xJC~
zXex{povK5bzZ(0+_LTv|rhEWMb90HBppc>2Qp(ts4gw#)CF(P;`iT2N$aPu&?7L*Z
zLXl##gl$gr<|=}pM~IBN5^KSpp(XWL764%Q+%1Yv*R$bvGf}6Pki|~0cL?8W3-Red
z@&QqYhoR;+<T)DD<p$K{26Fdpr>JQ^6E{0?-S1j?fF#YY#l1m%-TnBw`{6pQIao{K
z2{SWYeMBdx|JrNOcOb8!hT^jgzwH)~XJr!i_yJIFF2QjA2!e9{IYJg22m*4QX3@he
zdIK@Hk98;a61Ghe_%MimPZfv){&xcaL>+E4TT3au+=%nubHZa&AW38x3n*+f6Sh0~
z{&jp&fbgmI%mNqsD|z)h$g8VHq1O@~b>X<tN#OlJVqLjbNB*ImWNkB{&}D%r5_Ng;
zzx{&q?la=P(DDGuPRjp+G$0N5zX74S7@{@eP8q-+^C3PCj-(9mz(0sAoULlH#r)*R
rRAh<@l!7ejgRK!at==B2Q4c=>GpyG>?IJBc00000NkvXXu0mjf`L#&{

literal 0
HcmV?d00001

diff --git a/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-firefox-linux.png b/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..177088c6dd51589987b0663ae363c43df1751997
GIT binary patch
literal 577
zcmV-H0>1r;P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80006ANkl<ZScUDE
zO>YuW6o&a}6jG@x)5g(3i7rW~u{2bg7$a?MHELXFt=4p5w9zJ06RUM)YCt!TXk-i@
zrZ|dLXrVySq6G$=$Bm$cjj4RNn47$tbMMW0?l~tnc@3gy#V**8`UdfthX@*7ZI#bF
zgw!{PU9cgFRt$E*M!+=O_QZ_}n1-<nHVl%*(edOpNfrl&ZoK}_b{M*qye1t$2haij
z8ld|18?}|b|EwN=v;Q>d1uvz~8GaPYXlj*GB139^1-aMVI)Jb+K}4LSlH1+|P>>ah
z@eLH$ETMi6p@A{to;y_X1-72PYJCgT%$GWV-0KEl?XuK#?w#`n@rn8N0tAgNit!ZR
zqo0T#yV#i_Yy^lLInVaXRnRob8#%UCUbA*(k<h?cX8>vn^?Uem<~HdCFFQ&Stx_d9
zyWAdt)V*eaMkQ}9gQgJ?r}hqzn0Z9@N#J+PG=f%ANnCqK(C8v|a)!KDM&38tbT@Wl
z8h};D)x876$L|7=xW2^O<CoZ6e2%78h#tK_(C8w3aGXlMKtWbeMs5*4JW2S_Io^-X
zQB>9`eoPTGpZd2JB&L@rC$nfJm7Q1u#XYxcKVqFC``Ax;J%?6O>mSkPgBOGjoNfIK
zv|2iV4xj@V{5{<?CeHuBn%M;#-Kc`U=a)IH+jENppV`@wvP%|6-Jbshieyej<P|il
P00000NkvXXu0mjfUpog7

literal 0
HcmV?d00001

diff --git a/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-webkit-linux.png b/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-square-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..ba86a51c6a51571bd6430c50bfa52303c4381337
GIT binary patch
literal 1441
zcmV;S1z!4zP)<h;3K|Lk000e1NJLTq002M$002M;0ssI2B@5<>00006VoOIv0RI60
z0RN!9r;`8x1y)H!K~!jg?V4L`6jd0<zjJ1GXJ_y1mbSaSP`VJd7FYpoo6<@jib{Zl
zfFKXz1q?xr#ss21n2?x|5Qr~4XuQM_LyUrn4<HheSP(6ja+6EDK;5>`ZnxcTcemZy
z+1;5lK1?k|+NLv5W=Zz<^zE5*zWM)Wzcbf^s;a8tKZ=mCjxO|4b|+#OL_s!@lEeWi
z)kdPHg-|z1jJ6}$fDWPcI!`@SfDzJ8<dh(ibV}$wBm@MB0031~RIEejU1t6gDi3A7
zdH_HOl~EQCwzQBi0SN=Z23`3)Y|~npGQ5<1y>2!D;38zKqYAawqlRU)%Z-h=jxNmp
zx*rz=u#_&q6_j0TCF-fbcI?0gt!1dki4B+mthEgF7=U_$)yw1zXid(5*5nLmP0oPU
z<P2y{&Vbg?4>Q<zVh_Ui9RjYk>*m}0#_eo+YL@M}1*Xa}z1vBdSwv&Pr!(O=ALt!w
z@edxqNKzRU8Xn5PRQF*sm439*T2t}AcFJg=N)3k6eEYJ6t}QD%cYQb1a#L~ghf&tP
z<4c4Q002Usy<5lagJ`OJ_nSs<2>@{ZJCUR3IR9NCIxG=FS&VGCYsT`$)+#S;H_zU+
z`PMu8lDB&vpMl{^w?|Y?{9Ivg@X6{Uzh3Ct{XIz1=%!46jQ=M%_}j(&mmA#MR$)Eu
zert96_AeA^nD$9*_La*){|`-L)sLm`;7PtS#CL|oIEVGhj_I_|0c_CAfe=ef*h!Mw
zUf-)Szq(;lhY$41LEf6$>Bv9r2EvD%h3GH<6ui<{wsVvDX%9To*HF`5LgG*|@bUh#
zPhQhGEcOPUy}>8M5{c^_+>Oq})eg>oN8Ravl*e%$NL=smzp*!OUA=Q<wa#g!Z6;f7
zrLDFS03<<7T<eH8--sMLFT^<&$*FB+kDxRWMuo2~2Y^gCHt_S=2Ro2dX83Y@|DjXy
zvu&xnVUkQyW|lHC2xEPr!}9FBytQ?JP~vJp>8>BgKX4C8;##}7)-L&%KHqNgd2Dr+
zwx#niqjPP3k#RY?_8e4{Qp=mUbYFDv_=S$0-}<+Fn(mDNfMZ3Kd11MtB#+pDG{L26
za`?_r&*w+v*t)b*(O3l~#JHX2MRS;vnS&=TC2w`#m&I<D1Hz@owquqt&Mji+6-S${
zWcp*1B<Jt+$pK|%r!EN;88CWFN_MOV0HmY4?>AtWJ@Sbp)g2z&p0}pfy>%r3=x5rx
zKRY~G^0`HFkO>V=T@olNq4=3Ll1u@Bb5#vH$35DPC|t0qaimXk>)0WYU(Smh4*+@V
z>K)H7nJBYiR)K5lN&o;!ik|#ifqX@$Q7Iz;#+F5M5QQC$i;<qj2EEzmDSm&gsj>_J
z64yI}UmqPigz)Kf&wzc|LWHrceu1^dOIcXVGPIec9Tv9SW%haUH#QW%w??j<(18=t
zrYnjJpi2$g74*iq<bw^47oK@=6Cdbp|M07E3*A~>QL_Cd-OS0pBZ|Yx;5Wy@Km9p%
zF(Z-`85kAhTwP<VD5Y&Cl1%X(q3G|I2acQ}X<@?M(3GuizO~xRdffWL8JJ}NA;P6H
zk$AE_ICS10`{SyZ;FT&-X&|e3;@?W-3}{WxfY#&;Xid(5*5nLmP0oPU;1m$8HK>P|
zL>wV%?!vQ#0g1=0B&xLx_1q9+__PpG^C~9`kO2M?dvP~OoXiBZ7NdqHA=pDW3;>6O
zK%4l46;hiR{V@{&dF?a-sfC11h@OQl*}nu<0%#I~`!l!hE&c`o0@5{c@S+$NfG|KY
vh^8UCyrh7H2zO5GKajrNEc6i=nYsT0s|wmGCo1za00000NkvXXu0mjf(z>~v

literal 0
HcmV?d00001

diff --git a/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-chromium-linux.png b/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..344d42e0d3e5633caf9bc3fa5f199acb76aa0311
GIT binary patch
literal 819
zcmV-31I+x1P)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F800001b5ch_0Itp)
z=>Px%?MXyIR9J<@mrY0;K^TVLtg?$`v&CkD!bWOA8^oWJCgfHs9^0c>sE77u!CX==
zB51*S5ib!8y%j7}JQ{kbE#%M|5<U4-5yXofFl4Ma8<brv=^^aa{HTfM=RM8N_c8A?
z-@?p%w)XbNX%rzME9md;gRjp6J86XExR1IAb^yTNKN|GoQ)ui2(e*gKZ>@u+crnYu
zb`yZRxdkJGFVW=dE^0wjiRczW%b&1!ba*=eA}a_Cy+Uihw<P0S{R&4AT3NcXA_W16
ztYB_(8lsEb$=sCjn<4OSq9BBjJK<~VL@*dEn>hf8E`ne%2wz+0^#DXxFgiX4TZ33O
zb5phk5u@W{AhJ>zz$|+u%r8UCO-^S)SO9Ndye@0muaf8@c=LQH8^GP%f`?B%6*o84
z@$3oQ%`N`{Mh1tgW^T&#6o{;#$=6kNfF@rTh^#;u=&4@mb2ZT8f#B_}9e}sj1Hn!j
zYX)E^ji{F#O2J?<nS`ckP*oL-G3dGuNs^$dYFY9DpuRzZU|y+(q^c@7=MY5^s;Yug
zdhL!%%@<uH|1L1)bUHyPg(OMV`0{QjrAQ`|;G7qgf0b;puaR`!1353iIfo=kV2ovG
zMG;P?(~9f5j)Q{(baZqSm0w5(Wf1h^(}F=w(?BVOD2m{m!!V4jk}}3X2(c<~Q+^>`
zoawNAng5us#X$rBiRd<j*hai2<^T}eh(lQ2tR2ATwQmquiX#!-uDZGDDF8rdd9msM
zrl$Y^dq;=Z4M(bGz8j8M&vok{T3A_vL0QGk4a%^vvSfW*04&83n3_QP+^Cp&`rJTZ
zD*Jh!briD{$NbD}MIh4W2IgmG^Lm54yCAy11Ha#2*56@J2EX5r=>AS#tj^(ZOyy3V
z89IKf{lp`i45z#GPUgGe2;P4Pme!hGR;D=}F8SS<h;Adaym<TOG*?7cFwo<Hw>Q(C
x*WZ&Ms+m5*pbQshIy82I*hU<yoAILC^MBg6M=77qa037U002ovPDHLkV1l!4dC33(

literal 0
HcmV?d00001

diff --git a/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-firefox-linux.png b/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..0e079c6314da050b6de96eb2b447f5d1f2246ad7
GIT binary patch
literal 616
zcmV-u0+;=XP)<h;3K|Lk000e1NJLTq001BW001Be1^@s6b9#F80006nNkl<ZScTP>
z%S+=>6vp%a+(PLCN-K6`3|0_^VZhBWZU)4a3%9}uE_5+23R!d^#lZ=J-n#J8>a{+i
z*gU=YpT1dWGHR1Fl{{t^9|Z0p-!JE$+<T5hNC9zFD^;<xx`E;T5zMnoJYL^JST=-Z
z<MH|)=Gi5N`$yPW-9W8WjrC4K3XmoR$n_=$$^nFF!*$(Q5~huTasavBd_O>~RK?-e
z9)xbiHXZ}fEgb&%8JUqlfcg3?^j`nn#&0#EeaMaAY>WYXZGD1sb(fgACugYP+v4YF
z0J+hG!*3He_hj?iu}t^?wNe%O>3M4Ap7h?}RZaK+C%a1O=AKS=mDd1YJ}yF7PG$hY
za?qNY`wK8oer0CviM6{=0F`1HLN_x95F-<nVj0rr%39{;o;Fw3AhC8gHvrb|LV7r6
zxdA*JGf4KuP2eKu9F$TRh5^PHD5YR59Cq4x*L7iE+&~he-~!~F!!QhR&i&_3rxOV<
zO}tl#p#ZMyf>H`i)BNX`U&I&#=iFbP6dwu@wgsA|`RVk`UalL40aaCF$A@k~SP^>r
z$T^3qs{V_^GB7DVv<P$m4Rb$;D#bFQ3NbAS{rM;+q<}oO!M}_MDWEkom-%(P(D?8V
zH6(;Qw`9FR>gM|Cd2mZc$Wv2lr`VJ_QBA3*WqAqCP)pwY>JH2DQoO-LZZt8X$qgoY
zuaEiq?DVr?BBR;X-hVorzEzy@oOga>`}_J-<M|(8LF5A;VDHNS0000<MNUMnLSTY=
Cz9J_8

literal 0
HcmV?d00001

diff --git a/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-webkit-linux.png b/packages/components/src/avatar/avatar.test.ts-snapshots/avatar-with-image-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c1528382835dc949d1d46193972aa32c39869a17
GIT binary patch
literal 1989
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
Xu`;1)XuCfT00000NkvXXu0mjf%dEkr

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-chromium-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..19a8a455d0bc0624c16482849dede4378ee8fccf
GIT binary patch
literal 2099
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-firefox-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..7b3d52f41465d901784f1db58f71f7ec7ddc70eb
GIT binary patch
literal 1713
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
Hu0mjfzCAzD

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-webkit-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-default-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..1d2b47be52329180a0bab33fb59faeb5fbb62080
GIT binary patch
literal 3729
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
C3^pSG

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-chromium-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..f61b9be730fafc81941b93d679c7764daebd5cc7
GIT binary patch
literal 2393
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
LNkvXXu0mjfAi=a?

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-firefox-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..901457d91e0fe38804b693fe86c0191d94b5b98c
GIT binary patch
literal 1918
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
Ef=)$(D*ylh

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-webkit-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-end-icon-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..5b0bcbe8e3cdfcd6906a80bfd74c9e46f71a38e9
GIT binary patch
literal 4356
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-chromium-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..29b0d131dcd3854b705cf8649b148893116e95c8
GIT binary patch
literal 2228
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
CxlF$R

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-firefox-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..b4f22fe81a46ef3dbe690e3104308f58a002dd93
GIT binary patch
literal 1764
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
GLSTYaSXxj3

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-webkit-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-with-start-icon-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..8fca53cd25afb4c3718953bb40db27ea15f3f743
GIT binary patch
literal 3943
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-chromium-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..fbf2cf1865d4b2cb407d26589c245d28311f32f1
GIT binary patch
literal 2063
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-firefox-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..3c98620f13be945a70f0a49da410ff5e6fa859c5
GIT binary patch
literal 1701
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-webkit-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..af99b9f590f41604f8480896475732d3d67b0a3a
GIT binary patch
literal 3515
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-chromium-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c26f76bf3615424ff7c000d9c8c00b4ec5a1234a
GIT binary patch
literal 3869
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-firefox-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..ff77a236179eb479b49577404e86892a5c695a18
GIT binary patch
literal 2290
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
M07*qoM6N<$f`OM&cmMzZ

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-webkit-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..638091cea59bd7efd039857d977cdf6f55583029
GIT binary patch
literal 5077
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
B&(;6{

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-chromium-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..bda8dc71521ed70e11f0cd599cdf7cf8b5bbb4fb
GIT binary patch
literal 4305
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-firefox-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..ef98bca39fcb012eb167b17bf4893e282bfde2ee
GIT binary patch
literal 3168
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-webkit-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..c56a39cea683828b7417202b424defb41061de05
GIT binary patch
literal 6492
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-chromium-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..92c7f18e38c6660698a5e2a3f52760a09ec2b3bc
GIT binary patch
literal 6069
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-firefox-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..2fc81f8b2e43530e1717dc5e0ca8ab9fd9a76324
GIT binary patch
literal 4180
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-webkit-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..fdbef192d56033cbf588ca47ed731ff1221a9f2b
GIT binary patch
literal 6179
zcma)AcQhRB+a98e8VQLSBCNg$qAt-zZ_!%_qDJq6B)X^@{nd%i>OI1SMWVBah!(`E
zt6Sgv-rqUjAKzc!nK?7hdFDBD=DFv-ulu^L7#%GY3bF@e002;^sVeFLz%2wg<|e@h
zuku?D&A}Uyt%iysaPyzzpRTf00HB{!Q<OLG&)HoHFkqbRBHmwC6+tWW;;WGekqBAe
zCX$*9KV8zy8SpjT<a9!dI%%hhmN}ujC7psMX1gc5OPwZXA1zIsrifK!&x{@Z74^-T
z(_&tLTGov^jL`P}Rb{)!@5nfMX$PZ80Z3y;uVlG46|>g2Efc!^i-R^Pbqx@-)CwdI
zqo@^t&iNYPze6v=JSGlsisYdvzIGzbzmpH%av}d+N0QK+YWMHMDCK?ZMe%&iEd?(Y
z`In0qO#^<i0tSv3a$Uj;P4XlIl%<RX+1lQ1gI0+&SxnWMlY9%`%A(K_35dr&&6SbV
zvG<>gD~RWFdnJIc)=U(n4m)|lojH)j7G+C5nebzjYuJ2s2>Rbo;&2;FUF{?eHE(wh
zJIUjE)xi$s_&AV`S+D{pu2Lo(hiQga+ulsg57d8VjBP`*1Reh#AeTEIN&=U9Q7Q*X
zGwcT770Ix~pZE)*8za_m@T2oEV|zNHDm#<f*<Ei6tVxI2#rE(8<AM6S>^oL$6SeK5
z=p|_@N@(9IXZl}t%f`502MgbsoiEQ|RqCZrDzYLp+0zr*NN(1HX?BBh+P7o}ZH}x^
z4OK-w9c90Zm*yU%I;Ul1;P<w9*^kq|8@K$nVT?%MLW!O;+N;H>#pGaxYYMsxX3!X3
zR<x!o6cQ#-%vh9QYs;dP{p*1CaHg^`&dGuYk`f>z055Sb#|D0%z9Y7p@CTJ&YMy$h
z^O5}i8GgNltO-+o&c_ztf7(9da;-$%UeQ&<8b?H2oFuMjfftgD!Q>?|TSKogn6^M$
z4DvSc^<XH@PgY^)HdN50BUt02nfUFeVkxBuhb0u}?dxV)iCt)YPvK$buLBhgjg2N5
zGGVyjG^GUMqL8D^+40BzS0lMeUpH%TE;RXcl~~&*OZ~cv^Rw47#<KB;oEr-5P_!f2
zh7W>JZ#qRVSi8_<&Fl+(^w;f2^^$7(trgfQImz!gB3XxJg0ps7iAyI1vBr5PGMxUw
zu^Ae7CVfyXYP5Q3@2`{?PsCWmLU{OLUbj|#PiFGSU#PyGd{rV$!{M(sAeB11ILc9h
z8$_u;lkF?BH59AXB<HfbV=NegH0HBN(8YZ*(9=_=R<y9lop(trWeQ{1&HmY$=!@RC
zY!z9>Y1jJZ$+?I(9dRcM^NZVG%ive=ge<^!Wkxf`1|e`cm5GFLWqqNrB2DVfzcR}i
zj`!*<OOL(;m1Z^86j<u<rE<O!G`%4#ke2mX?V716Etq+&&l_gy#jL}<(@b%O^D?<`
zSsIlw)-vciiTC<J0FVaklv$FB8mryelpg_L>Gi?m@5Ag&+$ZaeYkIJ}wX=-<Uz!LR
zi-s9K{Bj}}Q!-J$EoFIaji4_KpmBX`P-0fk3|ugxYJ0G#f@aC2{*8v?`;}T&a%W6C
zSbTX$xO>b7=Y}d6dv2o*B}DptR9m1}$iDMVMcD1rW)Xo8UO%SHyf!Z0zA_QKWiD3c
zZ0aR5UPs1Si=19IC@||z7fjoSJe*bGFnCnuzt)5I&!M2)%bfoAu2jP*!pye@hmCvo
zdTQDEt<37wGSbx4>8g<H4WBNvc{&7`eM}UBeKwNuT~{(%tIWXcD*kvP>^7^j2lMio
zEh#b|yG8QSbLh1%F9nL*bV%ZFb6y4pg#<xDQr^rUv&HdHTot>Orik%GyIN?<+~pd<
zu6I*BcB8LWvp7l5$Lqzmgx+7w)jiv9{C)P)ZhA{Q>8j7T-;5<FnRnC%16HX;SFs|u
zv4~bjNn`!)arUBzq>^(@==3f^AVIL$;#pT$lRa~O=c>JQANG|=hBhg7z^}Z~n2e6J
zw}H~jc(19^Vx854wJC;l{eYL{ngW=*Stbwh*`!!tnW~-}te&{%Hh$0Tp!#r^c7rB9
zKqHbyy3RKQy^q;rx?WmwVWmk{r%!$J)iY-NuNJkU=K&8O;U}<P7O@pRKIr&85Rv{~
z8e`R(*bs(~x~Ofq?>?tljS$mJsdLQf>KCR56Kw<h&02_ag#&AiyYgg#mD<Er4W~Zn
zglfbXn}H)2|10UqterZoM7(giap0HdTyPP*ljZae&(?3L?!NRf`sm;eY68L4ncBx|
z?f@`@lK2p)mYl{&USiQ*vhsr*FMwLru<aBV&ilcB(QN^M6sioC@-65D{W8%|x&CzW
zm1}e9=C(1k#kF_04yD%sB9vS3F;V>aEvX13mxz0qL9RYN(AyBdpcZ34e2i}&__luA
zdvY9ZGQ+6V!Tu#sMHZH(=rDJ|X`+{bwBZ0N*=UeoAf=42;_8TM4Wc3JcKKij8@Qy!
zl22FRJyhvOdUty;4EL}VCac7M{X5A?lMK}=BR~u(bjp1@b3bj1u!%UIoXZK96RE86
zilbU>JvnVbY>hz_KOAYZGNbHGVE1#vI^*R1b`Or2agsGYgoGtbAg%G`5N*1;eaiwb
zFRz_mzM2i9?4;WUVRzTnZrW+GNf@u1BmlGCOrbDUpGCek=y*#x=&e#m%f@r}(aeLH
zH^hssJ4xl|xY8%HHn~ix?54?C<UmMM=(T*2is(c41lVV18LZ!HzqlLAp&i-$k3D!V
zns<-;YBct|&gm*sC*)4+q@PL!own5AzRMzEN$!`3YO3f}+OGJrt!p`~r4%y6md@!s
zZqGkH<r^5)wPDmUq3`k6Xf|OGjbj}L*UROOzrgefXBCzX`QyZXA|;UK8Q;{Ff_o&(
zzM}k1wXT|4F6;yx)GGbB?(P0qt7Q~h`qSwzn&Yb!Wv{HRVbb`4jWE4d)?TEUM%wZ!
z<w>Sgk5=rTsf1G=5wZnY**U||ksV(>TBR9_BozJn<Fy)B8J{2aTjbnA72fnobW<!>
z12C_<b(ZRdLN1pnl4Xj?8MS8hT{{!w(Vu4nR#Z3NaiDr|ovIa2#LZnKPhxM-(TUb0
zW)DVOS!2t6bZyNkllpnmkRL2Z8?-c7At_qt+8(Nv#&G=J5)HU?UR|hW60LI3usgG|
z)cbLV`z>DO;{H$N_aBi$0BezE#i=W`(O?k47<LI6b`Q#h$x6_o0E1&z`6Qbjbj0VE
z2StSTIc`;70YqI{KcAoUVTx*WAeb~y5?@=|uidE~6R40oR#2Jmh~zf}&qal|1{GET
zjDUAeSj+X|!)5W=mF~nH;yfRd5rTYm%Z|&&z>i=yKLn0va-fF!2O;nWE)~vFM~{K%
zG*c(r_wGRfZ^Zo0ZFZ2vZSi=(j(z*E+@J2?_`-C&UE1MQuvOv1E;CyKYl6Q`BV}Bi
zo*tlK`kcTYw|P7Qs8dJj^OU+j7k!&9gJOVnm!<ybR^N;%ptDJLY81Ap>pO=s9Fm<o
z9A5?i5{0~+yXJ|i71cqP=Wk2NFoKB-vVRyI{xPe6GOT_PcT6(aSu&|v`hDc*(Mybs
zHrHA;h2_Gsf5}w|Qs4#`gT5t4g>%@mm!74(x;os;=f2q$SMViyyjDHhwYl|IMtk@;
zlV;jEP?;0o8UaNYZRjHI9L|!z^yJ&w?eut5$h>L&Z`|K8xw3H54X+MtKe7*$zexP>
z27{xdj;h%3)?TmJC(j%*PdZ=!l)|mveYyE7WbveLMn7y%;D&82UZ_8WxtppzNwVyd
zie7J^lwc=)U96{6LV8)s?B7H)a{>Y?<#r`=`mk$5J-(ysu|1I~Q<MyK1!88r;yGCG
z0Km84x9ie-0=CRQ#!D=9LIOc|simz=>;_cuD$!%zGE+u7EY16BZ^LdqYkoaELa{Ee
z^9d8V^3w>D9dbGios6DKsP1imQR6%PVkHL{oNHTr#V-YIy5cJ~Qq!7(6nS!CrHLD;
zoF3Jrf3&MiC713kpSS8H13*S%`>!T(9G2+RhQYB$SlpcKQ%F}&L2zBk1Aqa(I@t4*
zB+u2Lc#3=C5D1?swZL89u`yD6oVvcgjt4U_iN7HnaI`~&Y-k`rn&o810)%4@?UKi6
zptB&f6U8^@6Ee7#JQM_hp$%CDhl*Q@83l_Tyg0HJ$=s=XZ>U47^n2J064SZ5XmeV}
zX}zms7HvA5(g5^A9S?7tMb4UbJirSVq>fwl?hnabRLH=#??(19iU<&&hHHl!nW+WS
z0<BfoeOS-i3`_m@)cF|oSwn~b3I3421v4qes?bSdt;HHhBNjoxcObC~09CVY&Zkym
zf%j{X14U8Nder8LCD(!b3LQ?x9`&ZIm7g?MNZ!~^Pizg^yO`UR-O2apk7;IV3FAup
z{o7EQrM9}dx~nVXu-Xo<h*>87#9PtKiThjoj%PRQrCaONn?v_xjO>56e)57`3=P2c
z&teh583z(X&%q>F*^@|Zqx`h#zdsR|bT0T%NtDwNqIZ;{v8QStkS$qO9C)LRFCg!;
zKop@-=12%uB6=d^lB+xlR(c|*DjZVkFt6-nOQeK?!~{pENvg)+1Ln=t^#nkR4;z~U
zz7rGR|M%_vY}hwn&G~OCqpT==VAYo>_(SCQ+wF%*2#zUikHF41YjbtJgqp1UOf*f@
zT$8tNiCbsO%6?otsz8+PE588Q3r4tMvFI9=sPO?|Aqb#@+e&STv!8C72^e<66@<`U
zQs@|^mQvSlDiX`RCT&@ni#HxCx>@Jmb_h^n%qYY)w{>4FHl7}-zJ+}@U^u*E>|(r`
zRxWI89(Dwe6nAFlah9$h#Xjm`3StsV>K9vFaI5KgvHv5C^rh$40_$g)v#J}h=lcs}
zy=96(Z(wGOU?KZeL|Q|r`<pF`MLU(S)4I0o%ab7vh|=~%ICDTTHNaLb{-K{pQ}_!9
z1lSj*F~9eq!9rg-s`DN_oAq{~TEH`G@_AsBt-pRegsCr?6Y9M6SI?gA=i%9&bbrQ2
zIZ7I7TuPVrQ;<5;$7_??VGB7qIfZ13Xd}T6N?63)?|3JeCj{A_b>##62*v0uY(-8U
z_}Oht{wK$MVfV@T&`h<+bp|2Hnj9g+T+6^45xv}pUYi{7oBe9lvcDvd<~B+{9&vcd
zcY~0}^^PAVK5EB0CM{chp4V~bU41|VZ2q$ac0|&$U_<4H@OqHhk0Py(ZnAc=W52Va
zS^>bnU`LyvDaW$|2&bDY5ToLM+3^^9-4p))FN#fhnYb2tw~{{gnB-^hS(?Xh5+%`>
zwtAVFnGX^MR}a$QaP4lNzt)KUi1ED8;%LhTzkE?>q^Fcz$X*iesCjVlc`0L&%wZve
z>kZsOb)0eo+uAPB*>X09By5nVknNwalslKTiMFZfmw8GAz^88mAkdiPgpDY;yFhP+
z!#<NW?nia{{D+)vQ}xj8KjHnS@?Aeg1<j9GYI~X}of^u|+JZ1K&g2g!`3GnAf{KOT
z=CDceAIPR(E?-jj4~?<QL~yH{BVQ{iy<1{IvC4gU3x@T?g+s|3g!@U!NR(|iZl*SZ
zSbofk!Ie^ZVOb%%nGd4DrVrJ+gn310J`08edMP@rG4uEOa!(c2DNfneUhDxGW6HoU
zT?My{VSqqz--qzfAE?VVjg(@G5ab~Mf~>dzl42e=NzX8Z82?#iWK-pRK$V6$SmUmV
zp2JBESA(An&6qLSjQD)3(7un7`si&YJIsT30K#|eM7KW#+JWYn;D|01m7JV>z9_>B
zC^HJ7iyS!71o@^7eyr6Z5=8NawKsnpBt^i@aK|_IyrXvQpAocQ!j2v@Q++V!)k`$D
z*u0-NF2xW9SrpeOo&t3xQTR&tSU5yZVY^c5`;vuF0Ji2=Q$==n>+kX9;;N2?majX$
z^5ufm?CAoY(^{DNn;$s^jMD%>KqI|m@tZ%N+%TVfvGq;J!C1Iq``v}r2IC=p_<NCz
zW&7Pt<&_`ueqyumMd%i0T)&u~ywy6D&3`*b52*7I?{L+>_*l<(Mii9*=24+z^uX^g
zU+_Ow=*HlL&`j}SuZ#+Fo6kc*Vz40Qy}Ktz9+2O8PF}QYmN<T5!Zt1@ZcYRgu*-vz
zx|fGVZOiB{01WOTyv0Ueq<<0jeL<)}aQuFsfL)#4*#4d~dCMW8E#P>429sECcYT&?
zzxTLyzIqG-y=}Ij#k$trrbpY>eU|vOkQw;Z9O^s$xn#AS{fTka%xiM7Q-d4=AOabO
zGIg3eS;z1qL3mju=WHmh!k}2+EP$x>^rAzF$71**C?_M->zdQLt2kPVr%OLqf28`b
zHVHK`8?xT&HsI^p=g{I>zVn+Vsb4v^<ib#D)oT`jZN5AG(q=5N`sPJPHrUd#>>1yi
z)@Cva;Gt4%o%FT@e0=Li{Uc|J-yh)=hs7g)int7cw4{Fp-dd>{koKc)9k1S$3b0t;
z)2{Y_`@o7PhV&aCrd!Pv`-JR+>(R#~V}PC_v6Wgc2O*BtG->kQ#&t<<WGU&!J14nI
zqlHYcPnKMsP&HXr2CSAXPL`bFVBOrOAewq<>(5}+EJZN+*&k1@$&3sP6m`?)UECZ=
zpmMqr&mZf*-k|`#4G*UbMM$zk(W!lo-;EHQSxSptEFgo}@_DLo^6ggmf(>~XI<_s<
zEnZAHs86}$@({Wd%THG=>Jp;E1b^8XxCouoh%G_Pd~CqDVO;mxJ)-OvZSH|>izVm|
zwW;OtsOKJhR2Z{CWhF9eb-VHYZhohxnjz?Ff#yjQVYWqvY=pKRBI5F^w-xT6%Wcx-
zK?`^y=UO%W@am-8smCE&#_jT>4hsl>UQ6#18{H?f3=EZRf-%mf*$$s&mvntUVTBV^
zaGyF(A+nq!Ke17>yDt~D^!PZ#9iN`J2kX|TmT*KvPf^{TZ+c*#6H)D)V2P|vcQC;F
z{mA=%zRvef>tb~1FqM=2*l`*Ztp2I%(kvde;?toTlV<<v;+dfHq4<w10~WcHT>5Ux
z<c!oyFszWPZLhHc%fY97dd~i7)WAgzJkuHfl@Zk>O#huUr%Jghci>e^6@05Lu;IL4
z?pc(I2hm#Cxtx-^Yp=rfuo;%u9V=6Pg`#q`D>Gx&2D9OK!0(Vy0T~YUulDek^`L~L
zT;!#&Lx8h9G8HL->!(EVk^Ix~sCivq?wnzdmJEJSwUveX2%&Zv8-RFU3DBgYbscTc
zTvXBpTcY|h?uUQ2Vdr7m($qbNOfRk_2G{tLh=gXOO{L6!9LRCW?vlnRNwqe5g_UlL
zxV~DZ?CH%M!9Jp2tGBFuH7DtUVRET}8imqn&Bot!Ywq1t)Sgt8S~v1JL6vw(@y(xw
zWF%hXRdV4!-Z{B#R%vyUwAPdl+Jic@phVd%^|f0c`kAHuVrJpZ)st@6BhBYroWhvE
z=Rh4|*0}TH8jSy4Ck;pp)8bfP#^;(iBvBTxV=kUDSH!`Aa9+D#p7ACfNZa9$AE+iz
zt=7%AXSdhpiOyP(^jLsW<%#>1fmQH_=lMhQvG-@|+Hkh7<~wFE8)uvYKyTdAqNVKD
zKkGFDac$d8uTs?a^!Np6Ay4>FrX5-F={Le4pIkRFmK0>U`^{iG$F}<;xB=PhUot5i
z5__QkxAQX~w6lp+W0sT8Vl#+moNu^m)9Ho+KaWVrFdx)Cq&>pWoGqu{TcaUD=)Ql$
z&XO;8u1u391*&8_1icFauh*ed_n_xe6eU)Ek6!J!zAAJy@IJh089nb<C4G16Hc}+>
zbz!-qy<+;aKc$G5d;03nLXX#PiyBX}oCO@OKYu$QY+!5*&+af_PaaVxq|VCT2m&Ps
z31Rk(`D)HB5<CEOMd~3)e~!oC;%R3N5`{;!qelN{A?O7IfCYV$mL%1mVurG=%BvU8
zx9>nQ?1O?d-?T-1X#D$7bf!~FT$!=pBPip8yJR85g*5G?LINsbc5ONZG(Qf*J>6|~
zF$k)k<)BuK5Se<1FVef>K}}FF?F`{@5a&?(vmsOqk{V_1VyDq3iBFaPwY(h(d?(rd
hKYsYH|Fx@etilvX!Je;IjG*fes3~bF)+ks<{0|$38sPu{

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-chromium-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..bc2a7cacfb5f5eb5c96b403bd3f267b0c8a4062d
GIT binary patch
literal 4011
zcmV;c4^;4pP)<h;3K|Lk000e1NJLTq00GAU000yS1^@s6_#yU(00001b5ch_0Itp)
z=>Px^Wl2OqRCt{2oq1GLSDt{sqN=EsVy6VF5L6H_xC9Zf-Pag2@yr<8Wny|<(k8LH
zW73^;J8f1wF-ymZ>BLMYIc6C(j#->&)^UkjP~!rkD1ss&`%-LGMN!-QffkD_1%eWN
z-#MP+d+*+NfA8M!)xGb&TZJehBGQR~fPjF2fPf2+TOELafPjF2Kwm@X90ddf1Ox<H
zA#{!c0s;a80<G|n$W{1;-PPisS8({Pj;lwQ`1D8g8#eA%he1^Gaz-rti`(gwR&F3P
zF}W8b>Uq4qy-80$jZ7wUEB)>4-LQF2GIY*kw>k{LyEYKK>wRt)?<DcdUdB6Q;B^Pm
zKU+`1$vxdV>Db3Nq7Kpn;B-2%8f!4*WpLrUk1&>BxuJmX1kQf>7M9uy091i`<lX^P
zWS_bzWsAfTBBwt@*w{H7-}F~1veVqkmyj@;)2Gw1SS)U(7rg6x+)D34lV&j>X*M#A
zKc<R8F7Dk*$=Q@n^YsPqhR%5m{pgvlZL8TxU1=T{f80iS=J9Tw^G>3<cOFt1AtNSo
z<>&8vzhIGwL6a7si<^p6rNLBDNX~)JC`vm3fTS%^0AlB^!Yeo&tJ!qjvC?xX)E4D*
zSnkDrpOSa<TM&tmYy63vzL=4VR&(ghM{oS1ZgXl1vRwZU9zGGV)bpl%NJ$iG;+MWe
z^_2@a9gZ&LO-xMU=+Pr?rx(2Id)zAT`o)eTa{5E0f4-jT{4Dwn8_V$dPjmRqm7NZ1
z`ighu*{P&|wjKbfLXAFtCL<U92M1nXilwH~?fC9QntSIvAPRl_JvXIu3?DxiUEEYo
zZ+`=mp%`sUBEuf|BXy<u)E4C+=_qs9ujaI~|33D-IKRV!t@TDMHI1VIOLaN9DLWal
z;4dKZ0H=d7E8nCr?Et#CsnnI^lDc&r3STYJvsU088i|L8gyJ)YIJfJcIINAM!jKV@
z894C)6h1*%j8)_w-a+n9JAuY0p6KM|^ot#b-Dc(D-Yr1Ww^YQQ3Zjyip&dE~9FE3w
zfBha#yY0GIGIstKlUIMj{@0gdt}Fr|G%=a}qh^rukKYp*HJYg8hsinkIr{h+$bAAS
zIQ|3WS*I90brDM6epKb3CvDqnIPEr93{lC;(8W#1W-*hSvWuJp+uN+Wq?H>eIQ~7J
zDsKi(n2XctKzr914!pJ$52=i(nM(+YPC%kiQ=Om5nJ+eAHk2TiDVX-`cG9-JiasG3
zm465|g%>&Z^?O7oFGm&7AFH{J)UE3<8%nM#SK_H4Xa9DJ(+{GHo7Q3bwk9z#f#;up
zp-Xw%qc^=9a_>?+6<$abDtz=&?0fma8}bf7Kl)w<PMC{Sp{6i(A0ko9SNY-N=MtK5
zFA{|s!{xJN{O>!|SC?HE%i*_ve@A-fsnU?Odov|xegfd~!7mw*bRXWKQEqgOeZxD4
z)!O7;O$AxIKViU_St$KNu+&tx>0L*43gE4aV93m6cm;>!v{@<6Na5VhcU^7UQ{L@+
z`9a1$zLCp^c5vl*W2dCn4q)sb-e&g;zsBiwbgO;4>YcIt3UP~{L*yZ5>a*KP*|-X`
zp{&=uGnVCZdi(1bE@uFcm$Hk&lNO-XhEZFT)4c^bQiZxp=_PU%!NVs|dj1$V8=puV
zb{qQm>12HMF6m!v0Fj8e#m{0g6tn-;B^-ETIdY9ZL+^V809Bxl*audT`Q0XVzxZp?
zx34Gio+W5>5di2%-$P(@B1ixE6o=OT7VrLpkt)1gF+|<F1XZAppZ@U&QZ_z;&wywK
zPg&S@ES=!A+fjJ?BataddHZqFw!Xr^2@jx;pTW=Xujb%?K7wC(EP;`uTzLWpkHk__
z$-Y+};_QyMh?w?o_($B`VL91*wosONjJ%Xx9C&Rh0MW_IP;0|T+4ux|)-J%1d!G0u
zYe6K!arLIr#*Ar<WBm$z2gERP(P~bAwx0ceUyjvW$AB@j+bplXx{TuVgPmS~YyAEF
z(d+e`I@P;R89m{h({3XmGLDLiX&l<H@`k-rYr}}S{}D2FzRRA!Eu^|2n}8wlt{D0a
z8%NmKIi!BNjsveP#cHl)`245Zj-?ZBSMTzUd`<4*9j<K;sSK$?)#e9UbNZ@xBC!Nr
z{5{lHms3-i4Yb|X9o4B57`f=LROMx`_oYRoY<z-%LBm~jcr(50PWyJpyNc{IGQazf
zn!=0he*OWBrB`~@yV8s!u8vV8me4<LIvx@!l{x7^FRoUNnED`7)@)<yGylWXXSSj6
z(Q<C*#ujNRbIwqCDGj^Dgztc86#l_n_-+#ps|BmEhU~pt2p&EGkywJUypSK)Jw)00
zV>s<L442PfswhMgGPtpVhK`{qZ6C(6E7%+Ax$ynRcu1tK3-32<0+;r0r@pEbv!R6a
z&(>3UDZR~D+`&U4CI9F*02uPl0Z?@MAWnxJyTwFZX+Fw;U{`vJv4%?rzrb!WQ<iz0
zs=RXqHj~*ML}CdcBd2h2-xe%2l{jryviEGpQ|*Iq*j=u41t)jobl9=g8>uVHry~0l
zR%10Hpep}7O27VHDz`Hd6B9^HO{Jlsp-0c#9o+HG-cV0o$}X(N>K^f~IzP*Gyx_$D
zVXiE8m8FZDM&ZdlROes7YOW>o+fC#h`MU8*wpA?daJzfw1cu)KC{=lx7;@4(Oxu^d
z3y2)alr`I!vSu68p8K4zU)@LAwpXz?)VtC&Z|lzLR0JG;>vv@B-i*^`#cU{{?7|5&
zA&rBwo9!KRt$lw<-o?&c#q<}xWZ=Yk{Jd!mmg;hVj;B>`gyxUv5`~)nBPWsg$a;=!
zT;-aBH#KWarC%^&iInLtd~w~m<Qjj>h7v+XOr(F@G(43WoK6Q)r59p}=hZX;6jvT{
z<*}M;X}H?(o+@voa%Bs7TE9bR9*aBJ>P^@i%m6rTRsbw@Rj%U>yVVsNfT^MYQS<T)
zCCD`aT`E(q@kcE6B!0=?t~;ji)l!vz9)S90?>HRR1}t?=H-OV_!$T_VQn{Uxn3%+o
zBS(AmoZZDe?}}XMZ`eC;Kg?Av-Ki^UnhI3<1ykH?VM#-sfugh@UE9rLafjR4JCQ`n
zuzy{J!Y6>^A3oP<Tz$#A%A7Nt{qijUJS3j@hTp~A4?aWcr>|0xbrNXV)}7U<AtxQ5
z&>;+*Fb|b~2u`O1u}tB52Yj==gRZsjFUh+LKYT>)Pdf>UNg{6XvmASWHFYJId#`h}
z*4H*oix^5cUw9F}fy3w@H=RrSK5Y!#(ez%#Zf&5!RLkDA3)(!NE`A2#<L7eX<L9Z)
z&jeu1%BCq$4~Y~fEq@75EWNh8``UgH?a@4zHW9VV>vXpDt9$ML5}(6%{pi+d@7jph
ze)S#L;SIl|w)px50wT#Z30lR`%Rdm9n3%xo)vJ5A5I1qhJBQ8gN`J%NiKVnwK`iye
zZZQIlp0s`!)STwAw8<Ufomi%1)Nh`{Qd`Z>AN;k=xLebgymMHsEvA8uW%+mo=?NeA
zFRsq9rFR|IsVXRx5ervycE{TkrS8M&uoIQM427>2xC!31`B~|H`~FhA1F+OoVyUU5
zrZ5{HeFUKiGs*aB<IVmN01;BTs?8&&iXuFfUdX(gMi*jFIZ~wt0H4qp%Cl2lA5apx
z3S~fuE3Kur5~XjDYui)pi$t!xddz^Wp&qqX?>es0MbJNPdYiFaYgn<gX#}qD(RS%d
zTcZllwb)krYN@~a`0g$Zbye6bCe;1HTI|1e!`uqAS}j_wmef@DzVdNv=w<KxTGqcZ
zplKS%R9S>Nu*o~A%A0``=OGebKQ6sfy%UKg#4Uc7y3#ySx4z_7$M{R|&e?%?oz<z2
zE&`jmj>4-`h5+8WNLRX^^bWvov*ICXI;QXqbmtP=<(J^ys3mLB#m{K5&tbQ@9<q9^
zbCk+e$Ta@QH2$apbPSrZ5Ot8A;xmWZOkY!&O;!E{qG$aUsZxVjrX+gyBaB$^GyvwR
z5;Xn75X%(EG=2=7^BDD2Wym#t0F-5(Ab7-N)Y<_^6<$QnSd7imIQ@jvN#V&o44gP0
zRiF-qUq6Q4{}`%f?`E1~t2feMti~_Aab8>Q9f&q2@rLR{rtwENY6c>)1iwMU@d=Hl
z`0P)e=CfO^D15a@<SLv%{?Tt4Jh|~YL}Cg0gk;97d=s%uaYOMz<BHyEZ3ZA!YLIFC
zk#w*iAt@<|lP6DMwOTtpzsY2zyu52SNLRTP-g)aH35rQX?5RMXkc`~R&vpKS6T1l+
zISK#4!;vaA47ukw1VtybSWSA3JJq|eG56uA(r|I_He_CYuJ)6()3HF`^Ugymb;Ygl
z)6#F)ICODSDLTEs-8>!DsmV}^M4?6%s7EYQFlh2Z#8Npjb>qF+limTCD+=)oj|Cc^
z$aJG-w3*Iby6c_8W<loVhg7LSB$o85cQplB44S+U|G~qNc?Zz{?kNOB+)e4ZV*p61
z3oo_%-JkZTF1*xfnn9E1GiXxd@@H$kiMo<pPX6~=*9g2V(ms8K=-Dfn@TU*3+Zw36
zbegnnuLF(CY<&mBFzL@9Q(sd-<~Q%-srDm!_QP0=Ra`o-9ffZoqnEG4VQV0J&lY_2
zQC#c)&wcYgF|${Y^ynKnY*vcT942eemUd$~yW<^(%=~vk6K7$nEFw4MEA;U*+fCmQ
zBC(i~j1;_r!<jsDGq#3$E_}bK!@9UeVd`Fn&-)YOpL~yf>lTx>doyC0g3%AZf><J@
zrZ9)&A3lTKVs19g&^>gcrV~ADxodmG{KgI<|L5;r?^9Znn3%w^WA458u~;nB*47XZ
z5Wwx?-Q|N{a{ikSh?%_tiCjs+sl61PKIobbElxj(%*&71xlbbYlw-&}OX}8F+KuH-
z^iCT)7Il!GiBE58u|GFu7w2}q+h(4==3T(x5ls5?M*ui%R*aR!WbNMEVij&{I;vAc
zPC5n0e;{$i>)5UJ<fiN*{qyz2FImgo53b?lColG>cUgP3Fnr#VjQ`{NSZXWDIq(JA
zm_$S#;x5${+?aP|nI{MzKbMJ5ZQ}TcYkJkYtlgV&I-SJMeG*Tl7pBT$&hB`}H4QF`
zjveXr3htULwMCb()f;apFo8RhD_8Q->GVkCDg^HYZWe-f0$oKU{5?m3n}x|_!f31`
zFfgd|!~z06gy5Y(cMv*90RaI40fANsf3iwIKtMo1pcO*rC?FspARy3+{|7`yP*B-`
RZ`uF=002ovPDHLkV1mm6?Z^NC

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-firefox-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..813af414c8558cb5b2c6287de9d41e47e769141d
GIT binary patch
literal 2515
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-webkit-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..59b0644877c5f5f658a434fc7873bc8578fb3876
GIT binary patch
literal 5637
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
W&C8gk@EEV_0$S>NkIPkUBK`-@PUchq

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-default-chromium-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-default-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..850c8407796e3d1ba3e2ad966d340600a96214d1
GIT binary patch
literal 2000
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
DG+oCW

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-default-firefox-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-default-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..973ca4c646a94d548197f760c257b581133c36b8
GIT binary patch
literal 1772
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
MeAr1GA4_8V8%aQ0TL1t6

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-default-webkit-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-default-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..5d77774986e5011ed38e51bfbb2b73f38ca18acd
GIT binary patch
literal 4043
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-chromium-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..3a3937b13bd8fd227643c02b654df0e14e78b199
GIT binary patch
literal 2012
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-firefox-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..66139219c525655b79934ba462b429349e59ccab
GIT binary patch
literal 1797
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
J>z(|Q{s#{1Y5V{H

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-webkit-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..97f10328daf857797c55c7cff6e2935f45cdcdb3
GIT binary patch
literal 4056
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-disabled-chromium-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-disabled-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..2e0f98030c05899bc9959a1219a218c17044dd71
GIT binary patch
literal 1759
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
TkmvZo#R7R_{L#(Gu<!o_K;&KS

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-disabled-firefox-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-disabled-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..f798817f621dc4dfb1387e4003ae2ceeddd9a939
GIT binary patch
literal 1458
zcmc&!eLT~79CsZVp^?YsHV=DUu1g+L=z22qn5j8qtC8oY2nicz-E?b~NE~aq$*}O!
z7CH)9YoR=zc9GMP2`>-BTD8LFeqOKp_x`>=-rw)%kMHaCdA~pJ_xF>3+TTl88=|eI
zrl#xTjSK+pIRGa>+ktaR8kV7^ra|;Ux&;y{q~f!gOsr{7DnIIO<nrg)J3h}+3=DMR
zD0_xh^D7@&ymX8lNEoeIJ}Ad;?1$8JX3W6CN-$msZ*Xyz=NR-dZ78w=Nsj;!;5amM
z@mIJ{Zhuqagc~lX^6e(UuL-Ljyy;xM$tngL1SDYh2S0B%PZ!_e?q15s#*S|6byp@-
zpbg1~V|siVAX=9Cz2|G<spA6_?rw%32YW9lj=8<$#mBat-7fiWB?EHFk~3q)Zq23k
zFR+ILoqZz2`Spd&yp)xd*w-tHx<yDd&ayDlyWS0?g%XXl+8!D9!UZXtp04T>L+^0U
z!(SM4Tz>(FRPcCOP*~;ZGNXm|o{NvN6sR1-x!Q66)OPMwwhbC%G`fi5hk)`eK*b!h
zg?2Y)3}cv#N89_a?X|Xq--HXMQaTA`1#Hs}F_hy<?9d6d>i>|NjV=ZB-3SmyIeL`M
zfP`SgrSP_-YtoEs^B;|w9APTHG&+BM-RzS1Nlc3%mwXu@0`S#=RmC5MLK7b(U7MKb
z$c*jSq5=#Mkd_!4X8JuxboM=QWYgYdkeHdd(-IDaE(we@rfYbP28gFld%SPjGCAEc
zh7~>Hb*q@~?W>zE4m(CRUBZu{$mbGFXWu36^3XqYyF7QZHEF6nluzmqNBpstddNwq
zWwHy;y}=oOhxI@|O?}gnEU9*}8;qII`@8kKjj*h&GZKQ|<m{X9M|eF|7kpeYU%w97
z>WjU1a8T>Wu)8@AU1s#sDKFmN{+8cJs}#qYbEhpAG*7~S$@VoPL!1dDDaEy$NIt$;
z^joxR4mmZWZkd(#)0Z=4Gs-5_^1tnv9J9{1@|-|SCX6}PJ+62hnrxvCG?Fh@8=^#j
z1*}SIQz}u`{NeLwJ(NgKLd-2ZRv>?zypXm7QF&cny)`b(t2`25H@XyzutFVB7p%)1
z0K2MRMA6I3P2!lUqU&~cJf#`CVL=dG4{qigE*WR_30jq^6o(=BxD}nP8m5LzWU_j4
zqdd9$>qz3={xd@Rb?K>7C(ZSG+gx`&lV#oCjGyua_4u5Nh1XK|^*2pO!*FSgS#{C8
zEyV&UdT>8U6XD$$Bu@Jia2!bczHNaR4U{Mxm*#}ZjCtjxl(M8WVb$4pt|oV<AJ#QM
z<X^wl5hBfbnmZ7D$XxuVFR|?xa$F|j-E0cSloT|}1SIqVjf5C%=J1c+#?>`wx7^aO
zG~Gk`J$LKHbNM!u2#EEPLer&C#9#erQ@iiSK+JVz?s1weJp!oMHu}_}haDa6xF7-v
zHPrJ1QbA+e^r_H&^L`t*T!zIatf7JOm^5=uB1=);jKO@WQZWt?vfqo2`pP<C!Qg_D
zF8WP=mlv|2#2W_y{a;X$e~!Qz<Hy{=SCE%9xQl}3Mpc{06NtTn6vr%-ec3+QrF26E
z+e0Ux*bj8|7Do?O#jm~6v}PBEGwwIKdUmZ$uPcu8j)C>ld!~0k<X%OCuLQ%WG%Cd+
zssg!pYr*^<(58T`C(o@4)A9{pk_g-h(o$zQBN#@b9ai=ZovarqOzd@bP0I!WC2M?0
zQ8MshbI9MIL=FZBgs*Pd!K;f|Aj%CI_euIu?5KG_0vI8&E6r}%u~<Lr3G8Au9}j;d
I7ZFDJ2T0`4pa1{>

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-disabled-webkit-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-disabled-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..59594384180a3e19ad26dbcc7b38e184b8fc4806
GIT binary patch
literal 3459
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
Lz84x1SMU4_WiZGO

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-chromium-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..3fa52009e5c6635f9703dc09e98342f0fa880b6a
GIT binary patch
literal 4117
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
Iqiz%aUqDq3P5=M^

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-firefox-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..1da73473f9c59cdafd6d48f073aea3caf7e8c630
GIT binary patch
literal 3714
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-webkit-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-maxlength-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..57ec22d8429bbe6dbea951858e0c3ef6c7e4671c
GIT binary patch
literal 7669
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
Z_xMD9|B1YR1DxYR%JLd=MKTt_{{ih|@2>y=

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-chromium-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..b48a31b1ad0c90c91b0911841a3faab60c1a94c0
GIT binary patch
literal 3484
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-firefox-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..0dbfdb58b757633299f47414d2ad4cb390cc6c39
GIT binary patch
literal 3319
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-webkit-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..517a70809f8016c37083a1452c2a54dcae287ec3
GIT binary patch
literal 7078
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-chromium-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..e10a78bdfec5c71e11f3f62e85ee7a7a93d83148
GIT binary patch
literal 2473
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
E12A8;fdBvi

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-firefox-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..6879ffcb0275a7c111701e8f562c85af31455b73
GIT binary patch
literal 2084
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-webkit-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-search-icon-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..aea1f6f968a68874502cb260f7261f5d5e0d30ea
GIT binary patch
literal 5106
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-size-chromium-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-size-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..9d6eccd1f30b28bc8303ba7983c7259af3c97cd4
GIT binary patch
literal 4957
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-size-firefox-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-size-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..4793116f4009080cefade7ba48106fe5478d733f
GIT binary patch
literal 4539
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
US(@(&9?H-e>6ycDI!>|w2d)3j<NyEw

literal 0
HcmV?d00001

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-size-webkit-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-size-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..a12731f48ee7adbbdb94aec0c79a946fe46baae0
GIT binary patch
literal 8863
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
NRBve_vlZ_@`F|=7{`>#{

literal 0
HcmV?d00001

diff --git a/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-chromium-linux.png b/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..9eae0a0a2de631afd1e4a309ca6724694829e034
GIT binary patch
literal 6273
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-firefox-linux.png b/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..8334168027ef87c177a768249cc741c6a19cba78
GIT binary patch
literal 5542
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-webkit-linux.png b/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-default-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..34f8ee60099956bf2b4ccf842549db1fce3d1c12
GIT binary patch
literal 10536
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
LMY=%h>6`xr3d^Hq

literal 0
HcmV?d00001

diff --git a/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-chromium-linux.png b/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..8742d4d239c2e4616cc0f6d0a2cce3c321acc5ca
GIT binary patch
literal 6921
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
SRt^8#LOhaFk}Z%ieD!ZcE~@bW

literal 0
HcmV?d00001

diff --git a/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-firefox-linux.png b/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..8542ad46a6e0d4cfbd18625bd784382f2a2f7621
GIT binary patch
literal 6069
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
Jfxdmne*h|CsdoSX

literal 0
HcmV?d00001

diff --git a/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-webkit-linux.png b/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-vertical-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..6ff344e79dd472b1ce0b947873fa85ef9a840654
GIT binary patch
literal 12644
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-chromium-linux.png b/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..019661c09a8b66e2a0108a38d663125dda732188
GIT binary patch
literal 6174
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-firefox-linux.png b/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..18ab6e17f4dd46e076a6b0ef538aaa0d852eb623
GIT binary patch
literal 5601
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-webkit-linux.png b/packages/components/src/tabs/tabs.test.ts-snapshots/tabs-without-indicator-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..d852c5d144cf114b8c2f17b40997738fd84d3f0a
GIT binary patch
literal 9997
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

literal 0
HcmV?d00001

diff --git a/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-placeholder-firefox-linux.png b/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-placeholder-firefox-linux.png
index 5687d0c441e55437b87ea9be8bfef634fd70b76f..108f12161d879cf5955a0cb9dd5e6dadd8759200 100644
GIT binary patch
literal 3224
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
Q;Ew}le$mRf#?Uq4-#1e)S^xk5

literal 3161
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
M%a(?f`fl<60?b(zqW}N^


From 0fd7121076234592176c28e92ab3578a6e65b0a3 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Sun, 6 Feb 2022 10:23:59 +0100
Subject: [PATCH 12/20] Fix some stories

---
 .../components/src/breadcrumb/breadcrumb.stories.ts  | 12 +++++++-----
 packages/components/src/progress/progress.test.ts    |  6 +++---
 2 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/packages/components/src/breadcrumb/breadcrumb.stories.ts b/packages/components/src/breadcrumb/breadcrumb.stories.ts
index 4981a42f..ed21f785 100644
--- a/packages/components/src/breadcrumb/breadcrumb.stories.ts
+++ b/packages/components/src/breadcrumb/breadcrumb.stories.ts
@@ -25,9 +25,10 @@ const Template = (
   setTheme(accent, parameters.backgrounds, backgrounds);
 
   return `<jp-breadcrumb>
-    ${[1, 2, 3].map(v =>
-      args.customChildren
-        ? `<jp-breadcrumb-item>
+    ${[1, 2, 3]
+      .map(v =>
+        args.customChildren
+          ? `<jp-breadcrumb-item>
           ${args.startIcon ? getFaIcon('folder', 'start') : ''}
           <jp-button>
             Breadcrumb item ${v}
@@ -35,13 +36,14 @@ const Template = (
           ${args.endIcon ? getFaIcon('robot', 'end') : ''}
           ${args.svgSeparator ? getFaIcon('angle-right', 'separator') : ''}
         </jp-breadcrumb-item>`
-        : `<jp-breadcrumb-item href="#">
+          : `<jp-breadcrumb-item href="#">
           ${args.startIcon ? getFaIcon('folder', 'start') : ''}
           Breadcrumb item ${v}
           ${args.endIcon ? getFaIcon('robot', 'end') : ''}
           ${args.svgSeparator ? getFaIcon('angle-right', 'separator') : ''}
         </jp-breadcrumb-item>`
-    )}
+      )
+      .join('\n')}
   </jp-breadcrumb>`;
 };
 
diff --git a/packages/components/src/progress/progress.test.ts b/packages/components/src/progress/progress.test.ts
index 34393942..c91d7ad9 100644
--- a/packages/components/src/progress/progress.test.ts
+++ b/packages/components/src/progress/progress.test.ts
@@ -5,10 +5,10 @@ import { test, expect } from '@playwright/test';
 
 test.describe('Progress', () => {
   test('With value', async ({ page }) => {
-    await page.goto('/iframe.html?id=avatar--with-value');
+    await page.goto('/iframe.html?id=progress--with-value');
 
-    expect(await page.locator('jp-avatar').screenshot()).toMatchSnapshot(
-      'avatar-with-value.png'
+    expect(await page.locator('jp-progress').screenshot()).toMatchSnapshot(
+      'progress-with-value.png'
     );
   });
 });

From 6ed8efaf494b657e6579489d382f126776fbb75d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Sun, 6 Feb 2022 11:19:45 +0100
Subject: [PATCH 13/20] Correct breadcrumb and progress snapshots

---
 ...adcrumb-item-without-href-webkit-linux.png | Bin 3515 -> 3755 bytes
 .../breadcrumb-default-chromium-linux.png     | Bin 3869 -> 4854 bytes
 .../breadcrumb-default-firefox-linux.png      | Bin 2290 -> 3124 bytes
 .../breadcrumb-default-webkit-linux.png       | Bin 5077 -> 4415 bytes
 ...mb-with-custom-children-chromium-linux.png | Bin 4305 -> 5211 bytes
 ...umb-with-custom-children-firefox-linux.png | Bin 3168 -> 4303 bytes
 ...rumb-with-custom-children-webkit-linux.png | Bin 6492 -> 6351 bytes
 ...readcrumb-with-end-icon-chromium-linux.png | Bin 6069 -> 6148 bytes
 ...breadcrumb-with-end-icon-firefox-linux.png | Bin 4180 -> 4873 bytes
 .../breadcrumb-with-end-icon-webkit-linux.png | Bin 6179 -> 5345 bytes
 ...adcrumb-with-start-icon-chromium-linux.png | Bin 4011 -> 5024 bytes
 ...eadcrumb-with-start-icon-firefox-linux.png | Bin 2515 -> 3552 bytes
 ...readcrumb-with-start-icon-webkit-linux.png | Bin 5637 -> 5466 bytes
 .../progress-with-value-chromium-linux.png    | Bin 0 -> 205 bytes
 .../progress-with-value-firefox-linux.png     | Bin 0 -> 167 bytes
 .../progress-with-value-webkit-linux.png      | Bin 0 -> 348 bytes
 16 files changed, 0 insertions(+), 0 deletions(-)
 create mode 100644 packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-chromium-linux.png
 create mode 100644 packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-firefox-linux.png
 create mode 100644 packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-webkit-linux.png

diff --git a/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-webkit-linux.png b/packages/components/src/breadcrumb-item/breadcrumb-item.test.ts-snapshots/breadcrumb-item-without-href-webkit-linux.png
index af99b9f590f41604f8480896475732d3d67b0a3a..a5b76fefc011bf5d5ce7f5a772ec8283fc5d6869 100644
GIT binary patch
literal 3755
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
RY~bz_(9=d}m1{c0{0}=+MKAyW

literal 3515
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

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-chromium-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-chromium-linux.png
index c26f76bf3615424ff7c000d9c8c00b4ec5a1234a..b8ee23e17a063495562d7b5f1c9ac231e08873f4 100644
GIT binary patch
literal 4854
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

literal 3869
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

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-firefox-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-firefox-linux.png
index ff77a236179eb479b49577404e86892a5c695a18..faae3ac212fe69896be491e2a87d75723da32b88 100644
GIT binary patch
literal 3124
zcmV-449oM0P)<h;3K|Lk000e1NJLTq00Dyl000yS1^@s6Z*Wmv000a7Nkl<Zc%1EA
zSyLO=63*Y9K0R7M0)as6$OeHB`z8TGLIMTH*K6$9*ESai$98ZC7z24tB~{5k;N`my
zEsbWR(PqlvRL(<J$;@b`PoJ;*>+aL?H$((2TC`}<^6!>!Zdw5?TC`}<a`U3eK#LYF
zTC`{~(4s|)7A;>H8Sv&IsDJ9l^-z=BP;(EPzdyAPHL`T$dbc8hKmeDQm+*SMH?B)V
zT+H4BCw6aKkADL$hzP&`{yP$h#Et9mPr(I6V&JW#=5f&?j;>3-AtLbl8<>R)n1u`Q
z&N<BN5qRM-s6BkWoBIzX1L_=r;S0*=Ko3;U?d#K*O{j?+c;_4xjyC<h<>h7k_S<ju
z_am`u;leCjfVYmptFJ)4W7ms|uf*xEf(wH^prQHe(|2SEyzvt_{}H_Q8me!ysqY1Y
z!G=kK#zlp+NCwp24GQ+&3@-ZO;I-E<^QYkSJE-wZ7^FaCBLg+Q3G#Qq@OOYhgW%=o
z;I)J6-Q0gF8Q8x&o&ithuSHM8<Cp9+u?yZlYl#eAzI=&?59_ay6T9H$XCQxvNU#?i
zFMzi{f&9Vi!^KzP^jFI0!clPYf7hdHUmTn}0rgFS{GFiaD$Jd;rjomrm6fKF1dR)u
zv`Pjyg^SP-IDZN?FeCfca~r(%E2vn#T4X@c)#?RqpINNIsePzhDe(FmaLFOsLg0lb
z;H@L@)-hD#jxb&E8ERlgs*e0Ac=J8f=(2UqPz)6>fU`&7%pquK9%jZy2Br@xaR<Eh
zE6nT>RJ;IU(_I%|5N6>*7`OE9ktL|qzI=|v!0C6O;RSGNAG~!070W_}qfjd^z?+9q
za}QxCmivoNuO{;_b0>2B)>=&?m)ZepEDhd118;u<Z@!mxvIi<&fSEazEN%HYs4XPd
zOfSsB1=K)7^vHYwFFpkY!r;ZH;ElHel;ZtW;_n3Y#l<EqlEEK;{DG;d`oznLUGTya
z=ifbkv31u-(N=lz^j+}6V{qm}!!;8TsB-|k@&cSYk-bgqT6;@GP{WJh^m~}O6T!&r
zeTUPlTPbk*Jves)UVI{UsG$q5zk#x6Ucp|`-{WuD{-28r3P-{DQ<yvF5~PDYUlbQ=
zWC^OmpLz3V(BN!CT)cYqs<|XV<D#s4BnHm@0venFZyv(T9Yamub;Lr){*;mm7hDh#
z)aXh%Zmz!pg>RK@pW26tCc%qO!0C6Aum>ZO5Uw3a+^N->=o|p`JKKM1?g3QdP8~Av
z_~oYgM`b0Fd*F?qK;2OorVpePc<lfxz5|0jFuZMIsOh`%oj@48a}E`WNs#Rtk<1}9
zAlFBhgaiU%km;4uGk<E40Vj5$R$hp~+d@+6#xm}@G$MnZF__z*pl+q)-{Gi~x3l*_
zieZ>OaP|l)GGT3&nLB}sCP5w_sAo)qZ4D#ad&9i&*ijj9Vi&yf0^|?EU{flGjkh4B
zV6Z8A%sm7t7Kh56fY%RTc-vtRK`s6O)kLMy3K?{EcH;8#5+08`SZg`Gp&05`N=Vz3
zHiC*}#lc3FV0habubHF*RIw}!Hf3)&-j?wfj5u(khUUb%OHSWEC5{&w1bNz^X8t2B
zidwqVbNUwTe-&J)(G^DqcwM+C1!2w|gStl>-uvgDe<B`_Yh1Kq|40m+Kb3gmZI{@$
z`7=~3Tb~SEaAB>ZvmXX2s7MUv_9sw#S2^~rzmat)1-1MfX6_i&H7w7&y$(*jZj1>c
zP}eZb>=7subCLn)Pr+NqFmoqjh~%E5<m2R?#UNCC5O041+1W2N2+p6vP%IUN&sj3^
z`T=NoL6ly84mGh=zV2y*xpNNcpMs%Sn9|;Z?C7(4@m0DsLk5Klkm)NrhirB!_!E(U
zv<N&kxeZRg6NA~VtN2bsr?-=Vp%|P$bp&aHl&r0L)Y5}`%IoChp2Nx2_-1t$=H{R+
zkU=t;#QFJo<7XyzVeXtsPk8HCs-DcD1w6~qHr_e{L%lT<kvNP!<BRV=&EA*KV`=c}
zo>Pz1Ys=|*=?AEo4L80Z)WEbjPK7SbI(@VDzX~qwPJf-aFo>Y0??Ns9(D2?+DAaV4
zpmAZde<UXN+o~KjmIkl==#GmzWT2LwL5*jex-LG28c&z?n8-QpY!Ck3QL$;A{Zm8p
zvS+yyhYf6J1{o_0r_O#UtulueA#idJRLrc22x@TFafoCWtE`SDrQFFLfioXq?wmo5
zuE_H?-a-v8Iv1V!AeDi?L!J|G?{QY@(i9m~7|1MKfI>s%XD&a3y1icBti`8J1J2xq
zntSA`PtD4pEmYe^gR^DOb@bWv_^;E>x7VdV+rW`qA%p$>ecZo)zwt8@yHHEd%D4#h
zfQA<&6Dbn2ie<q|wm{Qh%|rz19S5(zvT(uqk20`8B<1eh1E+m$?Ev0*Yb6v_`%tM%
zvrgZn{jY)xhtppZE(|uscB?O?f^M+isZ^@zBthfCX8%(5Zh!CKtn}mE^r=Gzy!qbM
zMruYnE}YzRv;ft3+PSu_VTlFx_R!;(*3!^CIC}&doB>h2GXo-N&5UhWN;vN6i`QH%
z5rIlC3JsQ@mwH_$gUz3-HqXqRNM%q8?tvb6Fjnf~LIzYp2E29bd{^PZsapjZlt5^A
zdY*L;pf$<B7m)V^BQ>4X4RrQC^p_xmzyA6Qlar07OI&-yB`_~ND?6I~o(5~CV6Rk^
zgR@eCQ?aL8a{B4JRyJt8Z~n2v>1&N^R_Q`+P9JIL^tJ4N6<j!+{u*#$m_G38OChQn
zz3WP8B}ve@aFRh~e4)WvNv7TOsaF}SA2`ldt8Aa#vtlTbkbxsXX@(5!QapPlYDfk@
zT7j)90C)7mEL_O+QR#1{S4us%&GY!d`Hy8XNbWg%YNdeQKPBf8`HwOUQMw))ur{ws
zm(t-?aa@atz?1o_kwMWw*7cPa&N9@#x%JKra>t;7Y3FxJ2Zc942HoA=O|=4u>NtIT
z#{#gcqt#in8l1Hb@vQq-UzVLdmX-arzi<7(a(cD+6dW&D*9>pF>>Hb|x>U{j_l{qU
z3_cSVRT<zH#D$?)^h)f4lxn!oCHedBzcDc}(eOTv3zy2EZ~^iK%GbxzRr*@j>XE_1
z_s$kLksO2<_wg!ZpvE&*&sNb@YihJ=w3PfEp!P7-cv{BMiUG4K0GAY-e+2Tj!!UhN
z(|2V;pr|CT9mqkOKM0<CAnz$Ujv7k~a|V0mz-Rh9>2(zkkX5`O!8{NKwRg!WdXYR_
zb;<rx-dumDWC~XygJM6;P%NkZ+h>mZYdZbxeenDv0TmHcY)cNi17SJ%8d;KZ+T*)A
z8JIq6&v^UHYOxs}e@#c;*x10?S#y~~<p`nC7Lo(5+=*4Hx;k2&HB<MfWPpJl7^YWn
zka}J22X~Etch2Qd%k)8wEJ<Iw<n;YhvX|i~$lETsDLS2N0GfMfO}`mzLd`$E8X0^p
zE`}Fmbh_9V|B|>UwP(rSS@vmvhqMQ3>~%OC#^vQDOw+7+kH$rv${>FVHMJ`fL~S9N
zo~$ux<{*O#Tu|?r4AS(BNrlukTs$BiDaYK;tqh6-4{B&$lKAc@%*>%Rm{awmGqZ3Z
zr}Py+B5@1A)E1Hvr`(B*YtB6=9~yhx!OPF&+Qv_yo-yfB<v)U=tFi&p-+{M&1!oSS
zhUW#q#nC5&O&KlC9ZR5}`c|e4YUrZ+;xcNr{zlk!blGCOmdRkMAid!DjsPxmST(9w
z%jv0C-o@D?2^j2wn)+78Z*#|TP+ffQm7RWc#l62+nOWH6;NSrF?%iwX@Fk~r;39tt
zwSEAygVDv&>aCebh`wZ3x|ITTM8Mf!zzg3OgW0N#ALfo_FQ#@S%eAeWGan@QEIuh`
zmu|WQdu5zB{Z85@kqNQ6x4m^TxC$=(o#6C4arCa?FN=%ho;xmT9CQ=4o+M~o*z8}7
zJ!)v)Hd^|f<1pN@Klb0NRN{h2V%O$-%dV=}(=WxotF(#Kz>NGDar=|lax!n}`BnXQ
z6k4=s(W2#MM3aFQEn2i_(PW@Sixw?fG#O~oqD6}q(qy1Tixw?fi12@4N4j%aXrL|t
O0000<MNUMnLSTYLoEpdg

literal 2290
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
M07*qoM6N<$f`OM&cmMzZ

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-webkit-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-webkit-linux.png
index 638091cea59bd7efd039857d977cdf6f55583029..b9211a26ece6054a4cd05fe3cea8e64a6365625f 100644
GIT binary patch
literal 4415
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

literal 5077
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
B&(;6{

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-chromium-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-chromium-linux.png
index bda8dc71521ed70e11f0cd599cdf7cf8b5bbb4fb..6444506fc2befdef83bb68a3ff43a854b5b45b77 100644
GIT binary patch
literal 5211
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

literal 4305
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

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-firefox-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-firefox-linux.png
index ef98bca39fcb012eb167b17bf4893e282bfde2ee..9c7a7869394166f0777ebce00c3d47f9c73203e7 100644
GIT binary patch
literal 4303
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
Pq5^_8G&3keIfnlaMCC^d

literal 3168
zcmaJ^c|4Tu8lLRRGEGyKtP`SzQkJYAW-M9KBKr_RjAd+ThGYvPIVcGg>Z=Sjl1U|e
z(~QP0IT>P-u@qx$V;F?<bk6tvbI$pF|GdBF_dd^i-}iGb*LA&F&Q3Ox+vT@IAP`AA
zTjUuCWZME*9~Tn=&tl(g-4KYxemkVax%g5J)AQ`v?@IKAuPaSD<;R!?%(=3L^)+{Q
z3l$3sm5&DoJPyPuX!R8m$vOR}+f{;hJd1r~Yf`2zCtE|d?Rwh!+tK{;<BDa@H)zn-
zEGs@|$No^U41wa*o=JM=_xIN>sI!N*%tdQ-<Z|3q5D3KTyIa$OU{Mi7Rd+%n)wHy+
z;H@1tYuC=5b_Dy<%uL%eTd!%7BKyv{q*rJ{Euoj-sAMAXh^&NGZc*bW+`z%MfMbo%
z-~2i<RuQX35J;u)EhUi4C)pQBY6Uq<Zzo}{E{W|CkTwe!o|ZCU=C(eeG2fw|9owbe
zZIe}Zno#j5L9^ENi{|o4U3U^g?@l~Xx^z5$y1Zz5=u{LivP&C#(ohPOFOFBg8<}<X
zJytW{0k}=GFNJC63C`shY^E~M>oOUL7Rf(Ps7GlwZLT#hEOzKbYn~adam^RMW2o+h
z$f)QoN_RzHNw>;lT?awDrfH4BPC!QzxXtmr&#ounTH${g?(M<!7yNwy0rrO%+S=@j
zx+ZTa)5)QXkDou2M@g68cs;GGv|GiRR|P2s3Ja$fm6TXHb$1^=0UrzvsbK_B(P#H*
z*(b!rz<YCBT2Ky-j+F3v|CL$h4UFK|q^-p9$w^DGWERUWVX4=~&iH&II=9M|<cG!X
zoS2xv=FU7QHN*-C3JTgK1ya!y9P+DId;I<V#WJXoZ@l<3FM9?K;uBTzE^uKPZLe!X
zoPL~X+>DzSK8Fp9z+jMQw9+D%`yy%U>JpE4AwIq+FYJuJ|Gwv5Z}M-A9hc7mMuNk_
zP--x{HCRMg81;AiJ7;v^gH;KQ#a)4EmZ}P-IJicEcx-H}o15FflCD2#Mo*4@Wp?<)
zYi78DNj!9Qb@l19XTSjEYa@QFKh*0^ytlV^=S7>F3KnXxWTz*oPys6|tEVIqy|pzn
zPGI|v9oUswZ+?Oqf8%N$nXGDR>fLa2*M2A8fB>P<NZDK^)Ax6e1=aOb61P`<CQMCT
ziZ@X@=i)NDFh=(Xkdu=O4h^Mtc1k>c{MeW5QO;nyniiIpDnR}iifDf3o#f~!>7^}`
z1~rWN0oBmZaQ61jDKA$A-rNrDxpn(CWi-+^DhdW7bav6xsGXb)6cX6x;N-+=m}~On
zZe}+P_kH|$%~maCb@hq~Zb{5i?9r1a)DSWYcn2x}!Dd@sxS*N_ZSCw7f+!frNl0Y~
zqDeALCUbxsD)Y9X;i#F}&5@)nMPXs#s;fQ)ZI75fm2Rwu4<GWE`mD6%2s18C=+Kam
zc^<=u?ll?LfSvxQ)^hPUIvvVi9*P)^YuG6vf}Q(nTI8T1rW(nccB!kcr-s*4*}U*U
zbgsgQ6hTobnwP$wUb;^6Pu=iF4NTVF9P8n?u{+`#yc;^FV*D@|3FWJNRS6M6IEpeq
zf8@DO^UbBDn3;hWf*{P`h=>fR01Ab2^YWsVTV<3n*x31R7M(pk{v%C^P}WpOh*GX7
z*tb1(Dx)jV%21&n@p2FoX{d1Iu7l>GLunlomS@lQ5$Uz)0Oh2gM<*vIoqc?yRfXEy
z+aVBxh_7j&;uPOMmX?l7DVtTJ_J|3A{oKw@hjZu7slc+TS9QBTtzc&2@SXcmC0*A=
zrIl0+3}h}{x)hAT(D-~qILgAqLmpCARkg$Do|N^&oyosJs8nieclULufT^izaCkU+
zML`3fHTQ*VtUaew%Xl^z8UqncwE*RP!BATX(JvY0;ZA#a5UQ&W{aorhB`Yg?4JxoF
zTNo6IOeO<Mfh5+{P~q*{x5b16T6=nOJxN$^*2|YK=hrvD8^|>Z#e$QV85|H67WU<V
zw1VL^&<&WOSB?$Ub#-tqm-~^;`#2Rd@FqH_b45-`$vQSxFAd7))Q?0?eNyK{ySuw*
zA`wSQx}05hQ+%Pjckll49n5>xz3~ZpZC)!xW#2wQOEJ#4^+TBDH%hALm!x3Eb8jk*
zhU|Q?va&L^#$%Td97qiRxH$d5H`6gjU=G3MF412s#Tnh}E_!;EKPo!hh`-E?E}BtC
zySs~LP#1;;^BTjuKp(xvj)~xKxPj1o{BG9N;@gDPD2D=iu5tz_Op6}{q!{o0X^O={
zfbpnF+S+`*EYDECy1+ug;qbDuGKjjmI>_;L`dF`Jw9!4o%d@4+m!0mLWRcA(bb^pR
zO2x&+DGYYY`}YFf_f2=G3VrzSq3&D7JG4$`;IYNUMF<2mPnFW#qW_?6K=N-YlSYtl
zsnTX2H;0FYvbo=TLi3o-Nl7hP?-JLSA0rNGYPxaFjAEy6?HR<+HOlPbej19~{CQ<*
zdHFeBs-Tf(Y!qHrS*dl=DzCA9C=_&tk+Jc@{HT?zgvfu!MpjwbXJJ({y9LJm7E-lR
zTvC#qpAS2(ukVM$$<MvxIt}9-f8bfY#yU8<F-RWiXh~Pm-Mj8wqbfjarlyMA)`?v6
z&5wxa2IfJ;b|C>!x7MyMVF+AChJ<5w<X$AVhJ=RtBe?4u2N9k)OvgUYwKJ~AYfB6w
z!VlE`z&5VWHdJjk1_#(DIaf3{n@?_(%fx1FZLEy&#|sFzBvH!;f=D8%+oYAvXq=&X
z|N9qf8RNVIv_AEuwWTQ+(vaT^nu#&9y-}Od*C$x@S-u{<tBJPtlY5FI<*DRuXD1G!
zy)%a<&RL5k-@GXm6BnobM%6lvdf~9{lRok6mRbb-<)8%WG*l`ByY%BUhr7PavATG1
zf=Kr}F24<eU!LjJZit#_k4EY1>cY6Zjg5_?I_6<&x~f7cly3y(w9HMF^lJNeuj8cy
zgM#wz-Q!w<nAiMPh{OX5QlcK7p5>bD$H?vI2hFakLbD^yxnS;3uP1=!Y}(qy|KP3d
zwoj;9{sPKNBod1{W{2OT78Vx1<`w_L=V(Vq2X&U&&<j8{JzbcCJe2DomJG&gfD?xq
zX;K7fQB+g}s0v6zQc_YD%u-;WMpSfk@8DooZ|`Xi())GfHULQA78d8v?*UGBZcndk
ztv-Jcpge&<nD6(DxDXs{n;k{=Usz4}lBIvw0dz#t^VSrKO4Hi(!KXyR;$jpMk*7Bz
z?JhqEKr_WBX=69Q6-zO%rUW@arJ4s0q!5XQiEGDyUNzS}cI<(1?Ts4}oKn=tTzf}H
zU(;n1gr_4I@wN5!F<s~&yMIb=ZIRR#@Tpr7@90SKNmvjDAA+MV{OMA^;Cd>?GV^v1
ztv-YVKnDa5cpRV%y{%yXi<+96sgbj%zQBCe0MH*ja-@bODo|*1-pwr&zcQ-|-%k0?
z9qoVS+1l2Y3>6rvkFbe|(6KCsZmzL)0DzX&*1`Zs0yeg_x3|LMjROM%>wJ=B<>V-U
zpj2snHm3n*iHW4nuO`$CV!$C!uAAA`&u9k+2VbB-F3%2Aev#`4br=(H`0(LhSmEK}
z@oi;&bRmAe%V4DX%GTkW>WT`1tIf)NeSHAv2402j#pv%%FjEE@1^sZ+-kv<fH_5wa
zir-U}cxYqWU8F?IgQTXc4<E9%6#va{qN1X%9KHKJm;v?&TuyiH{!{m>`MY0!F65t|
zaUn4tR#u9ix^F@m9#*inu_3!MSfANjO!J15l{-nJh1KP@o_qgS`Q5b23wV#V)9_;5
zic}z|?E>O)6!s)-%vtU3pK?zj1JRcDr^qve+iA?)4tTHbBu+24)%|->`IqUQI@*Kp
zTTrBDc7^7D3D@Vukap?&<7LFPThgfIlY3i0By1j#x(2d066$Q(XW+sjsYfRONPV&f
z;j~%fyrZ+sCA%OlE^>RHm1%B2=aQ%@g24aI`?VX0+o1na-$)(p|0BP>SYRig1>286
d<o|OE(rzJX=^r^i0sb5yb|@$0b4%Zpe*rKw9yI^}

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-webkit-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-custom-children-webkit-linux.png
index c56a39cea683828b7417202b424defb41061de05..d2f02a9d4c2243366cf547822b966c960c10db0d 100644
GIT binary patch
literal 6351
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
C&Yi>n

literal 6492
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

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-chromium-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-chromium-linux.png
index 92c7f18e38c6660698a5e2a3f52760a09ec2b3bc..f57010e57c49f931ba6b3d8cc63b816fa88d0fb0 100644
GIT binary patch
literal 6148
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
Ks8y>xd;LFk6c1<s

literal 6069
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

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-firefox-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-firefox-linux.png
index 2fc81f8b2e43530e1717dc5e0ca8ab9fd9a76324..b9b9f508e8d1fa1268f4d58fc1db84ef7d2419e8 100644
GIT binary patch
literal 4873
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

literal 4180
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

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-webkit-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-webkit-linux.png
index fdbef192d56033cbf588ca47ed731ff1221a9f2b..0f201b64a5b1e03ed8e1faf8ae297ec9ab920360 100644
GIT binary patch
literal 5345
zcmai2c|27AyFaoI*_XaztO*Gvy9}~~qA?~U*|N)!ZS0~!mNZ$iZ-bGYLU!4AU&|mR
zCS%{nR%5%<@80{mf8N*myv}*fd0ywdp3igM&-Q-v$WZq(hzA4!z-7JrTE+lCSwNP>
z=q{1Z4!XIY$rl=116?iP;_s2$f=vVfjubsD4HIPMR@OH!i|OFrwl=S7Hi0h@Cqht>
zhcO)XH=b<v)$(G;y5fz$zffL#uAJpC+aHHz{sSY9M=gJa)xWvEb|;=MVNThgrK{%o
zixjObHgQjOJ+zQ^ID`5^wiQ2sp1J>vO@LmeZPZBz*luxb;O5`W3=BEu4cH%65Tpwi
z_`8}|YbU5#s5Jhr*X5c#P5=G4qeA=t6T9okFTU0cyYCZ}SfYabRo8kJD6`}Jib|s@
z+DwuTW#D^0kY%aS2Ov0c+fg;ptq|hlEpKPC`tARy_3cbqZnt}sH50x}hYN5p+Exp2
zNPYWrBi`~q=1|#8*QnU};_`M9D<iQapZOCN%M@Px0gv>lFc5rpFT~q%qW|3>Hv2*l
z2;QR1ZqE4hi(YA|Y5r`xKk@o#mdf$bcf^jjxi1YAc~c7?uFk=Qn%3m_$!Z&K>9ZjH
z(bj0-apXTbGVQN)Nn?Dft!=|7_B#5`igc#6hBx62U0Nl7#A<md#P1^C(zf=Qcl?x?
z^o2pi)#<NpjwF9@nUAH5VoR`l7Sv%EoSHMBcdN0n5%|&UFS~zF3lDJy8Q_Ty@TMI7
z^_gu^nQ)5if2J^|RlADU`&S~m^Q)}mFBzvsyEG=X@pZ$i8uEmBGdmNZAv3-EiAwiF
zTu&`8Mx?%aw8J#AL71XMEG>EW|DuQC>V33Gf2h?33osgA9(2Ez$3>|Ke6)5t%@~I5
zSXF&v8#=;XM4~L&qH>Cu0ZUXE?%Vjwt_S`e=_T1%rF4r)Nx3^YSvwenichO^{CvSt
z*HK`yQeR9;n`v4N)wVY=ahN<@ZOYkQO?LC@qm0$IvEc(fv3VJQdo{gK{`9P`DiM1r
z8&tA0c82v|)qK2$NNal&Kezkdf7{VBN<#4mp){|Nl2Beibik2(f{!O2nyB}2dy5SJ
zj#W6m+<Ws?l8ds|&E8zbY@S@AXmMsY{!ulAy?06)T-z4cP%XK`=;Q0lHnzL#A;3}<
zR3+BDA^seNYvsn=v<x{7iyGNKwY%aA{~3K(`rSn7tl?@q)o46I`AoIijDu?m6UHgJ
zu11ZxX12epeK#allcKJn_;dD=s*zNV%U$=8_{IJ{QP{kGXd;`vq;%Oi12qe>3uAiN
zZ6%;c8|Km|Z$&3)C1{myXbjfm40PI=rkJX~$UO;3T<mf^c3d)(<SbkdsCi(=PMPZ&
z-4PnY@w$U>U>qzBWUo&L@9ZT)wZiGB4`wd6lEA4NT8FeX140l<E);bsM`TBGAZBUO
z@7(A(r>Dd2t)#GG@1nw=fhOzA>Np>S+FAL5!l$ct${iET#oK_Jp_qjmWA~EmUtsTd
zs63DSxJ8vbNgOXzyV!qiH<)f>sgOKb(-Q4XmFJ%gp6vX<l5UiUu7O%I!)rTW8uHvT
zghKNn#tpmybTrX3;Ny~5vO*_5?>^mrVgTWGr3y$rx!hzz`<h%;lM-9U52}R2z2_I}
z;Ek!+X88IpGmvUJZxCO8>+LC@DrdkZ%{*yKpB^K)wT$wsQpBXU(uArs#IVxu{rCd@
zEyPo#V;?_>j1CHs&*T8@VpL8S45l1N%3>KVY7gKi3sMxaT#m?JDc}a)vyyTnV<*+x
zmNK3IyNvaKxJGb+&afkrx<0?CzmRq`et$Rt=_!giD_7UH|MQNCm5hZ;UpyCe3<ucn
zkz?2IiH!sz=KR`XUaTH_$Ns6vsF86sfA)af+mYy?Dl!64(^wDA$l+IMf{*3nuKN*?
zo;>?7v7=6Sji<6}RvOvKi%{zf1|TY;bWHOGwr4rN0-+1LZgEO*EXe*Nirc0IrZ_-V
z_yVU*=ov-uR)h$D-&$crDCdpBx7Pj?@{V`7v~b>gI6wa*8%?w-=lZuD^c*!X$iPbv
zb#9SBOdX%6`Z`}Wrt!%Z2~`1P?&<bz>u58;Kd)9_4chPn93M;HC<{8=a>oUR>#r;F
zQi&_7ntUtKUq3|o6@S+7IahKWc1TU4@DrEge^r`_2udpAii~Fp&S_5mmsP&=xnJIl
zQFjO?zdLBQwnp6}Wu>Rzg4*8NAB}0VM=$8Rb5&SZxTY^ZRrBwIwf!jZNvPR*v@DcW
zR3utCeHDbFp`m#R%jVR=4-0};?%Uk;rDXT(gLZxOjyM^N1@8YdRg$9xHj@O!c1*>X
zDuVWZKa?#@Yii_t0Hko2!6DgyLE2L>tY?22VBvPsG%_kJ*%HBipf%iRc=LMmNX@AB
z<m=G!=qed@kbam3U*#jcto3t-{lN=$4_}{)x(~(0akc&Rp`+~eb|1>i`e!a))HHqE
zDDXep!nx`dD7R_*at~Fto>M?VSjzKCAh}Ph;!g6rk{#!B&}~_@{l{vH)f>>^;w3RT
zUXxnOW|_h$X?tU7gR%mLO{JcJqS1@E6|B0}xnus4X?gF*mzCQW;kweDjGfP(d$+}m
z(-0vM=h7_t=cVeyy18zo^(NK3R8v*lACK4x2wih_+%d7wG$p3D^8@nt`@K_0JG=vS
zMmpkWBi6j6_IfsP=k*6koRr0oOw@<IC4;u)w0jgaO*S)LsgB;j!O_<DqO@;w+l;Iz
zg;=pn0~ChY9s8=!f<A18-@N3!$E}H+^TpggBB_gZc^-9xi6n}$P}uzKhJA&?vr@Oc
zi@qhyI@95g`SxdBuXKYh9z2z*p3sMHkw~-wyQ&V6GO`>e|E@vfqkz>shJf84`bJ6I
z;ElnH_<vQC9&X*`%0akICBLyy4e^3w(**g3C*k2=R(6UDq)3X{<S1Rf0!)!ZKjB$q
zXQIi?mw$>YXn}diAjUL*3BUWk^@P5Nmf}&T2FnXG>C#>Oohewq>HMP8zjtJfeh{t;
z1AX%&cGLc=szWlsYwqE|914Ind9p}v44!}TbETKr7Aw|Vj5tMjn}ynoiCi~p32&%e
z<GR<%gY(iqY}Js<a+Zg*B0|n9NkbN-fl655dfCI^!)fx}@>))jPlk&!eCKM(3dbK8
z$z+KpCkQ}x6)z@?qi9x2u?5)3i=AQ`f{<$wRMC`B+Yy=dRE=ozNIP~NsePDviIr@k
zC&QS^_cg??EXzRj-Z%u?f4jMl5_`C7>g=eBNA;Fk9dMS+=EkiG2li)pzwWJo4MI!Y
zs6U$Vd3T*2SXujFKaLN1l&xwPmco3J>H$Dj)cx8HBp{iGxiHC*|Ng6g?55w>r5=xt
z577x32v9aZ`Fe0TE2%2iu7{UnfQh+My;FVIb850_ei^Ia!yE0$|5BhjVKDu=`$V>#
z$A=E{%!ezI6s4vfg^EfgYmYHUZ81)vp4&Dq+l?3dGl;zd0i#10+@fRoV@Njm5+GZ4
z0#Pt_=oRs!PgbA^tB)CNPPRe+aQ8DXV5oU>#E#O&bAq&Ni15-nb^uAJ!6~s2hi##X
zb!}pq>_jtik~E&fW-nv^>;;F+I3C)*z_z8KZq39N@0r{C?JxKn^649be!X#k8PfuJ
zK!<bBZKQi9aE0lMK^3WrRk%4-^w^1;ir(`IL7X;h2{lRF9hW3ye%nwip^^rOy5u|n
zQQ(5i&5;ggRmD5Kc<EVzDYI0=AGvwLGMj5FIDLx}6joM=J9$a}(?d%QprLf_@u#Ui
zx-hc^GaZ((0E_A2Yi~wI3=1a-1j3|=I~UeWn_~nFMKW*{5xHtFzRPT?;wpE}#)y0V
z4%K4324pQYb)F3HE}!V&#Qqhqc*5gw_3UA~qu<!+DVAR4o8{*2BlAR;a~?T0-E-gl
z@la97`!sp*Hz*ZQ!M3=>Uuml2=y|FwWOW(mn^;N1q_DYtn4ioC2AXxm?%b3X(vx+(
z1?V5gn<u*cDuXTDA9vw5x^6O!zO%PEmY4Z?t*hI#JmgBunJRiN`IALKMq_xN<wHL%
zT)<OuC+3hkU{PEn=X?Xcg&{g*gGDkTj=-bvqA`kp%fP?5P>ZZ6^fU<8`H9>y3UssA
zAC}KQ38`@uuA8@oBIWp?ih<;Rmc6L}Ij2vG&jcqal#-qi>tRdJf)87gJ;NmX%iFGg
zUQ*)KQtV?$814@wSLnVqIpt@!Do>R?a|jclFh*LSYI(_ft}A)&etD+t>`Azb8k>Qa
zCrzx8wG?Go4b<F@h#rXi;<5SM`1;r*ny?4hFEJ^CmM!w5PrT^NvMkyk)cZ0)%1xQL
z&8tGFbGSrx<>sKpwh5l6y3Nh0=S587xD#dCl|E=vrx!S@T8z6?s$2-P!U$E20^PV;
z8+s4tOYv{S%J1{E^54NTA+g$cxE8*w-xY;frIQ}EJt$G~y?6Kcu0+M-tn0(Fh^2zX
zbc;~gR*5`7)IAR`Fp%E2{p<IL`RqwA^j^3ZX|v7#y()b3jdBl+lC*uDer^g2>%GPj
zPcXww^he(O_{c4iUfnw~iP3zg6&Zk(r8O7Xnp8bF=;W0WcHRSRYbL!o!y6a~g032y
znwma&;*!3cr6L}?L7;*vQflG1+Lw)6D$$iR%K79HE0g0i@=b?qGExiA`>q~@%@<bn
zMjy3-u-vUKLq!bw->4e)r!~1>-`l4Oi{{Jz%ql{!LQ6?ipq9|URqePZq!GLr`nWS9
zKZ7kw)An@)AohZ!<-E=xpQo3R#QA$|I7CQ)O9(Ce{XjufxdNSu*z7z!2~DXAphii)
zVG3hnWPGiu)RM*;CB_Iv_Esy!M<8-%68>%8KDkW$^6vD^h#;t!PXM$M76ePxUtc&7
zV*9oB^-e}kPv*PM#Hh|MTt&OrjwevJZog@ukE0B;iNXq5J`uN+{=f{38eLPO2{Q)Q
zP`1ZT01La1TolGEk^_t~Rz!h!bJTv$FG<&Gb&mbwws)S7Yv(2lUg=D0?zg-Y$V2<m
zU{=qg_>07mi>I>BhG;d}+RZ+V&+|Ib9V{r*Pe15U$qx@(-`YZ?hts)3t23T7vit?Q
zmu9wj*{oslS!Kyv({cCslb7y0alg~h&UPPuTr-)Y0Agj+y5cr;{V;h-B}-1}Pmfy)
z$X)K%n+*IYqp&4EI%c4FtzpJh*f4uFDNw68L{w=n(h=rG=notdU~|#WW=5?CLTeKY
zuHKG8Sv`x^ZYijEK6g+X&pgT_fzb00L-);70IzgsOmg1W(!3Xrm$cFlWZ-4eb#=W_
zN0crU<Gsg0Q*{pn+lVEUekJC&o|YcC;<zO9Jv4viS80PZZL)a);6uVXb3sy1E-3=Y
z70&Di30Uab&c`O|-k7OM#L#ixENSJAqznTqW<fg!W3M!ZrC<mMQ*<u5&Q7t{Ho^C8
zToj|fV7V!FH^q|W@{1qf4!f3L3Fnu{<3cnOp1}`Ws+91hloee^IpB_Q_AdtT4NuuS
z2_Gq{M4MvMnG@UYHj3w|<^hmR4Cxtsx)Xoxt~V>1Wm5|09bJ+`(cZ}|OP{&YcbgWB
zu6%;?*|;vOieq+|v78Lj`tuzb^1c~<RkViQ>6(;8b3uUN+6I45cI%x@mw5v*3Ci4?
zQa@@2h(csPe+Dx#r*K=(*hH2;`$~=pec8_Fn(k0%CAOhEG!Vu5k>=~C3uUdL@}ybh
zpI+o`+mJ)6>iW@hIsL0c388F*p`*84%=cFu;t%uRudS|DeRF%IZtd-T2h&lRmLt|Y
z_75A%Pu~VnSONjmA&LeL$a1{f+t-q+bMF<nVmtC>e49D~2sbdTv`h&ufoZV={s$7Y
zE7pEcPq{568U!Z*ZgdiK@h9hbw@u}k$vysZb4fmYQx1{P!swdEp9wdV#%*I8DRo{j
zYf^}68yejS%G9mgomnUJsJ={dZ6r5TZ%s`Gp<3M0pOkL-Gc&h7M{vS7^VXR#Goy<N
z2MhjH@`#Y<2dxyH?%tua4p)>fH8C&-@4zHnMf}9C(Twc3j4tdN!*9s(-%3wtXRMUG
z)yrP5xR@Mx(C&;mmJ`c}S$2)Yd)#v+QxPR=;q@^l0~qwT{m*FZPO#2R-FQss=vSrN
zogRPkYZr9=6zv^$81cQ#WVcJ@>>Y+)a=km->j#PKzVYSqm8c7@iuVP~@I^1DAorzm
ze>~rFdHIsc(EAUgY-aq$hgENzr6nlG4A+vTmM>M2rm~)j0L^z|*922-z{)v#Hjf`$
z{*uf|;Y7)P{2<oM4uZY#I}j;8Lgb!Zb=~5!SiB=k?6rlOar`_43A2rx{)FGfE)b!e
zU!7c4^0*ci4kM&xjSwnlbE_0`4zE8TJ!xb+Ref*zKYSbi7FQpl%U)0J7h8E=BI)9+
z!yNgEooXTPXU;Cuk|*bq7U|sPG+u3i?tPf5Z+tI;V#rSon#Dwff12YARAX)5O!Yrs
zDOnO5;OU1_@!{7rz^y|Q%zdVp!^H7uy(v+vz?{=9@-V6fag$=Abv{Qc1#tdz;S016
zy=y(a;iCMYm1l;Rm)?d5W`4HNPW9(IK=4RA#C250xxZfiGcMh*CIheS(JWgQMQ-vy
znj?otOb3Onss|0u<>fQ!q{}0D%^Sl}H00s3_IP?$AD3mqS09#FZ+zIw+IDaJJE5x=
zLHvSRi>i~EHR3ST=J-jE65o>D{Dy}71?g^u=@oJsO}9F4D%sGnzu_-o?e|J9g&XM`
z*IQwcW#gxER;Vx^G+~UVvN6pMu)-3THz&xO%u=K-5}^AY@t5ctOd+}2$kS-dbU#;n
z*+{XUcy&jZu7gW}i$N1#Q+WQD1OvjNqy=s5`3660X$BBpO2r7%h1+-8YKT3po3vWo
z#dm%ay-C*u$PU5I2vXk&vw3KiQO1o8evwLZX}XR&!T)?J`CNaf;y;{Tc$F(!hUR}c
iG@<{a)BazPc){OYUAO+TM}y2+0(#npS{0hs;r|6x?Nn_5

literal 6179
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

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-chromium-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-chromium-linux.png
index bc2a7cacfb5f5eb5c96b403bd3f267b0c8a4062d..e208920d7e46be9af77e551ca4834a8de2a27244 100644
GIT binary patch
literal 5024
zcmV;R6JP9!P)<h;3K|Lk000e1NJLTq00F-M000yS1^@s69ltZ{00001b5ch_0Itp)
z=>Px|T1iAfRCt{2oq2SW)xn3K$?QuqnQW77vOow)SOSKS39=)b0paTb1gzkPU_ou`
zQf;NRR*MzXN^wK2J-8H*kBX>BMOkDsf+1uffj}UHkd2T%lVmd6_s76XLM9s!uw|Ze
za?Z?q?|tv@z4teFpNXhnzi0<;+_-V$#?5Vn$E_CN#*G^{Zrt2#+?}5rH*Vaxx$SUw
zes0{japUH;!$YD_ql*~W=Fc-I@>c7*A&mX)hXf8Db*p6%ld^;%^PlN<{NzVpC(M}A
zi;8YMTCJAs>@4JRxy$hXW}gk7^CSaiK60yN5D;f%-0#<SJN|#7&j7yo;&YOdlU;`W
zH~TDf*kndNw)R%b=&{dw+Wy@vB#Db(LL1ztT|oA~R#Tk5>zZyl^0BpO0t^5+91bj|
zI;zj*a`NjBF<m@=U4m~1az1+lbA2TMYJUR?tsj;7M{i2rBC&+%NehV>Ig_+?f1oly
zvs>wsl7^F&m5teKb{XCqJ{vIe5e&np3hymVCK@iB<Mel%xR{rAP4~Q=Xzeo(shr>;
zV>$ohj+>IVPv3Z=CoM!1V4$V3j^ZP`$ltvIQ5WgFy}gNyj3hlh-DSAjXFoj(Q@7zE
zkpeg0XZnF7={s%?YTppd4b_xpe#fbu8^B>l;>suhgJwOBXHX=Trp9(*7mlY=Us}*<
zrl<FO!ns5L29XGbmoL$i7BKX_<s4Y^@C|vW|7PlnPYJJs;>RME%5F;MCsArheDE*S
zo<E7hZtqcAqcNF7hkocVytjOIF+YRsf2{^Us?=aeoXXJqe$T#FAH-Z&)q^Lv{b=no
zU3d(J#3?tWQBvyk+;RW26zu(!jEyVt)Q1s2_i37IFH(Hun@-avB_)xSmDS-O%k8tD
z9!*uH!t0yqGw-li2G4$ioX_5*@=PWgeK_&=K83lVhI6UgkaU(f;?9{JT)&51f1cZE
z#+GIi<~rx7(p-Cy!qhJrGVd7>d4R*th)35@lDUu2gu7@cFC=5*N|ZW1vD22K4U5LZ
zLqgfH103J>9(Ie<=)ptA(`W2#l->cDO*IrA+)Cm1Ujoh<OKi##0tb!4X0>p7_Xgm~
zw>ZQyB{3<B(GM5_cDwW5U;Q12&Du^&?w9W}e)-4jeRYXYabd<3LWWHy_03=5A2Xbo
zl!qwT|0#yV$tb-2DNg%_i>Hnfb=Q5Ubb-_qogj15D>!UcK|@T+VnP!pVKp~Vn7WOE
zeVbjDUGk%^Q=GN~nOaMqF|%+u?C1xMVBaeb;vtn2Gj$OGu}Mgj8fuI3IJV_=nySkY
z%au%gZZnyiUdE7=g4#Ejx{}iz|LX6=rYu427lNg!fsBnSX{s)7m#;*oq+su6%Ch$p
znlQ1``n?*XF^T7&f1yWdE^|FTvs)}zd{$S<shuAaK4KawpJ2>&RrJ66L1ao#BuX{j
zh8Xs|bbqI12%rt^NB^md@eGQ@VYN_}o67Mo-x2E4F#K-%jG2X0si7oe4<b?9t@Fsy
zvj|JN8;Mdw_1PS9KYyF%+6tFiMn1Ndvj?_vKF!$}X!PNX{PkPxeBoXk4ttO5Qv?Lx
zF`np&3lYoYTsVG+oX_7DK0~d!>@(BF^CT?z6Cw{WcRjb6)U}V(R9(?)K2z%SlxFVb
z^q!3XG}m09JSP=h<bW<aKcg{;Lx&D^8mA+A(`WuMNyMfsrs&5VM2(+E>e?r1tSar)
zXEKd9anqOL(`OJK5-HV%$I1QtZ6Vw{ES9(#%TW0SQ&V_?s)DRGn*90?BYM&T)V?7!
zR1|Sy`#-2I$abk^$h_Zn=re1xiR4HAMp@QAbdiHl`x|grTgcq>3I<~eKH+hA$mHZ~
zeT&Ld&KY-4d=`_k1cla*qQl$U`OI|TJYmWA5SBC*rFQ^LH5WL(?OiJKGXQ$5t4*ER
ztYm+>hO(@^LcLX<&cHL!xeR_y2VSH~O^@PB6l#Lv$8h1qVQ|<5VTQy><bLrE*;`%*
zk%)u^&(T<2#@?3~vG27dD7<_baL+OT)c&Cin*BI=U$0~5pYJ7m^J=1}EW#_a9{`5o
zQ}B;9a_GIMIk5T{XhWiqDm?`aF?TOQ?H|hbZ~mIpwNKz39!u1O`L4Befx~7)sr5x7
zSCRVGV`OezMV~RVF(gjr$M=`B|8L9ii5!G~^e`cfU(`^{bye(HwUC^xZ_sbz&++Yd
zN2mGZ@7h2`-eJzAZe!mo4+0RIvKWm%g4DH7uxrIUstZq$xM&54MA$Di&ic3!P93Y4
zq6?2>=zYt{`qygq{&fkKrUt@COm~@Ib8Q7>+55YE{;Toz^~GQ?aP;Vnot^g7XCkqL
z(8MV;*IuNqBp(2W&5B=i0+pvTIq>?UK<8!X0EXW82WrmcvimRhk-GK?{QAZVWv0<b
z5I18PxnI7+t{3N1Tbz$y|3pDU;NVe2jGRfvCo9?a%7a*%>WQEGbcb3x<67!dEK}m&
zFM)$^{E{Eu`3*jO2Ge)ky`AP$nV(7C*B?+<a+;mb&&G7&e6RYf>P!|npS{uMn%v9R
zWk-26Mq@HR{BUiZUq{?1pGj3-D0PACd+i}i7dtOQfS8nrkSI0mU%iYyD<8ntVkUOl
zQX!8a^Piz2FO6L*=5cE0M{Sl~l{!5`=RHHgzAfy2>3+^1`IdwQ&mvWOxzy4X4!ezz
zgo$K-`ZxB!wgj`OhT%(IqU7jq4y<{Y;<Rt*KluS6{*Cfk;NVg89XE%}|9h2hpPx<M
z*Xu}F@El5?z-!Xgn!4gsLdWL-yu;)0jT}rx-j4vC&-|{3es|qZ-?4KMi9|>gDr$;O
za&-NQHgT#7j!|{Sxu>Lyh(qZc#L2fF!)|TCZZVU;djm;JR&i|Wo0u+^@ZHLVnCqQO
z4Ap0k(O6l6S8x<{=TD&@FoM#|J(wz-6@7BYM}!WW3^<JxICu=1n_i~5<^tf{1CXh`
zU1||aT_4(LjfX@^(V^{5E$5B{P@1(LhuwzF+(^TPB2<1sLVUBSjx+nWAOb4#(x^Fi
z9RL1_E=MdKArean9y)>akDnKoTJm?TC*sa~&_xWSrsxC!#pye7*lk#wO*B*#QFHD%
z7E>)Epr+^qUO`da&a*ohjY(u=WYE&mazpRi9sHt)GU3@x0ElG@T1+)$ezFQ%OS2Hi
z*3!(m)NMf5WmsL1&A~T*iPhYQ!)B$ax}1uWNAL=E4zlzEMo?RHii#750VqE5E#b*m
z8u`$KiIk-8qPFNH0D1pjhi~6_=ZeQwTDnV5>QgM0k+<VRERA(o8tW)N@+|>z$(;J;
zqi*MSvwaqlFbPe7fy_-WcN)*n&yUd15Hd0{y8SFSithMKs#J4&&qmC3mEH1L&Q|9D
zz-Dd&pfqzYarZboKW{?}GPRa7dpF~-TBt2LNqNpe{Q4yT5IA@=_2q?>W_|}i(GOo?
zYi>d$61UURT`rvX5sRr7fZC!wqzVl+g}DG!7oH$;^eiFnjqn*b5AhTo-a&oIX#grt
z9H#PgCc#6;b9&c?9_#8TkGL5RW3!k!@zwiW$aQYd^jhcFdWtPkY6uxR4&$=b{IK?M
z!3>R6WkP(FPY_~>lu0jaX?HKhrBPw<kg<d$Ohl&g!r`zZRe2(o$S%e4qpa$HkjBzf
zPs^nOlc}{x6)Kuq<#+WOe`_t>!P?x2t;K0tht&drxuHe~x7#d&Hh{*;;x?Q4jn(BS
zy!?8Ur^3q@u~bIlq8HnRDRp|GQEG0r2Vu9gU~Z@t-aBkoJfzYd<=Yj#F&ghKRRza{
zS%il~hAwg-cijI+GCp}(7+5s6+H>ft466&W@eb=xpD}Y#`v&81*b&Q>!k()_>qApb
zTdy=!Tp3xbe1a&;Nfq9=T-s#6OlvLOr6=`iw_1b&9zbLD1r*w!uFt~noJqvU{~>MN
zb68AuoyIj9jT}9C^p*^=y5lpu^~%y{cYLPM`Vu|q0kon05P6945KG`vE1}T(VQH!t
zI!1toiejPjQ~3n8YqLr+b_=gtYw0eRCl&xUtA!R*+xE<(ReN?Ld<LNM4Z<&K2vOtP
z&Kk|8D_-h}E?1NtJ3viQ9@@}o`cHWPhr>!q`tIKA{4CA&SC%oV%Q;bU8lOIc2}zj5
znLVEX;ILoW53^ZXXlblx_lkKg?-!alnaI(zIP%f+)E4CdFyhfGOOzfGDGu8HQrndo
z+~w;XpCxOp#U-M)X&nw%zY5p!FU8rd?LV*%ThBhkwoB{j2Vegs^=0ih=tYvtjm=d$
zdie+JjK(CEFJIofnRI~NVrjEnW~wN{Gr&OPsGqfJlx#wHS7oRU2xG|n<>YLAi_(le
zIP5lJQWm4s=>hN%OS!u0#ZnnIvk7qe;_5xXHhNoWag8gFcE3JtmiC@<<-N|hSw4%M
zwiKVJcn-h!bT^kglQ?wfaL+QiL3GP!w$|-g7iH)nX4t|Ps5qI%{?$vdnVSfRH8N<{
z<AAe0yV_`NSEL+>JUVXAT5EBQi?mne=emt^awB|p`98<Dy(^sEa7hnzxx(6PqM_MD
zL-|=`8ZCWB&!!}O_s#y2y9lX5?J}gXvJ{!h6M3uAgIK0Os`3KBJ1mZi`58jTCsC+T
z`2`Dc&Gl8NbOFM9nMQ|1p}G`SjkTp2jou)HdxiERBw><EEte}%EWI+KP<rco^rTm#
z_6u$EUZvC1Tzj!c_h@OT!D?<q6ByCv`sIfCR-o7G(d+eOWOVN<5jO)zCqC<{48249
zVQp%l<kFHJfHpK*h-a>^Lgmx8yj6Z7!t2JWQZ)Wod?r<E=`(f?BC+dnrp;=>Lvkfd
zsq^p7BX)>XsYa%`vYfBd1<+jEvl+n6@LBYf2hfH^bLicty4CRkBqw)%qWETWJw8)t
z{ZQ%xDE$5lVRolAwDMV9m2+iFrWCGe{9E~~vb>GY03t@tMCBWdD}IVT1LsLljlOLe
zDYX9WCL7m6zljSN__JTNx#qB0gwC|rIzOpGjoix@xtA|$zfk&4n2#pFK-sYaF5}mg
z<Wp00lGtg#K&tXWELRabeHlaM{T6_xnsU4XBM{4#$h~|RF!K?bYbsE9`2bLncZ8rJ
z<I(8Dkt#ijp1c6-<s}1$gOc=J^cg!BwSOo|pFjr8cm#E;J-OCcn@zNsYVnC22skT4
zA7{L-@{oJ^5;|-$BC!OYzVUd6#Zs2@eV6HM77I$99*IJY11LK5Z=%LKpF<>;U`R?~
z#G`8v%avW;t1HAZrBG)8Qk55SFJB~`90*8GP9{D5C>D$5y7RvlJfu=Vv(iUT;NVe&
zCfr5orHyV^bXJCq)fbQ`HK_d!h~-N9j-QWMsz9!BmPtk45wxMv1jHE;%aj<BQc!sM
z2=^{NvXkJU<M54&N2>Co|C9#^h)rs9>bEsbl_mH@4g#Drs>}P-*NV;3Lezwx;~|x!
z)aePnV*=%^mSH=>ZZ#wK^g*ifLL`>-s?W5c{RlTsC-;lBh^2C&{#rMtR}&NzgulN(
znVDG~#_3INw9m}-)z~a8=)wme5=+nzNJbYi0I^JtSgxe{TrPG?3w_7UK`d9Iix?;@
zd4h9^Q|%W*Sn@QaYA+1Krw}z^K9**aOD#WDpPf6jo#6Pf_(cyx<RL~E5yzdsdIMef
zfa}r+P+gcy@X!f_BuqlC^~0x6JP~)!r2P1$J-^zLGaY_6rXy-g&U6{4@3^`29p^kg
zY-w(!p}dgvf36T_Zm!7uWEHW~monz5e_*q=P<1AY%uTNXa4vNly6`y0{q7^0>nh3H
z{ys8|53$o9!fdMH%)ZSib^Z)rvJ$(sh5TI`@HWJ7xqm;t{e9x5FD3cm*RWeHlpQ<B
zsY@HGuE^Q?HvOmmFJZ=MG**>TnEC~V#Hk&|?+lSxOnGi9o<Wg}pSm7vOEV{Ttn0Ka
zE>n`RoA^0TG5X2BvuEW3PVHQeSgvIFL#q%=q|}uZkoLhJv6-7%Ek|7&p~EH-J8g;Z
ze#l(sz@zBL9qmr%UB+lk;_%_F_xpOwXMRyb827sm0p~u1sj7@qJJ(ZqaBGKYIxEBK
zf^3S@zQMTkRcw}K3RAa{{po5F7p>rq`=2HK<3Dp^`#*@Az7&Z<Me)(ylxFQ0Myh4m
z`;mM4Flg43h-C_@3v<ZWxT<3<yEYI%=SfEY=6%fdRTS*of<DfO$V1$tvH}o!NHEt|
zQG5O*qn~&Wu}n^RZYpOFe%58$io7F4j-JKXr`M78!Lz;UGyT9(h-Gp{JiNNi_4@Kc
z4z6+iOF2ekQnv<K|0zBL$oc$jq9-k&|I|fP<Q?Yd`WH!D^de(^^FDi4E+qY*FA_KX
z7le<PLG{^O3Jz=$4p*7$DoOj`PsHA{l>So|VX7!1{o@tF!H{-Zexg3Rn3u-MZ$2Py
z#xmp@9gWrH9N+dH)n||OSl88DJekI^PuI|A+#KR&EW=`|r8H|l`Ip*#QS6|h4$q*T
znWet;4Au@t7;fCSLZVRP_L-aB#_cmV-9_a7e|~P<xN+m=cEkN&9o)Ea<HpTxhr9E0
q<Hn5}H@6+`&d-e-H*VbAcKkotL=v=TH98ys0000<MNUMnLSTYu%I~58

literal 4011
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
RZ`uF=002ovPDHLkV1mm6?Z^NC

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-firefox-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-firefox-linux.png
index 813af414c8558cb5b2c6287de9d41e47e769141d..e70643666ae7400d13a7e39abe59edc1ce31fb7c 100644
GIT binary patch
literal 3552
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%0A{^A&4_GHqoQ1oLTb6QCnYaCbzr1Clz=BKP2w
zYfdkWySs8FdaGQH@@5rx@0SxpNHIBH3iX(UY{feBxhlaMPqGrp$!v{uyEV+sSd^7F
zi>p<GHKnzN5!l?DO*Ih}+`b3^Q{*_af|m9q0B!%@d&p&dva7Jm>`~@#F-iD+Lno8F
zzYDbt=;lBZ5if~0W1eh@e69ys^tkm<+&>ReQZu%B%qS@7f=6gq?_V&wn9JLa9lN_H
zgsUS+_xdWG58e-mIj`prtve!36gRrw1;2RuB5CDOmjt?>Zro;=#BNmB>Zbv=o@R}t
zHm4nt5%#V7<PFCXOq(s-KtzH;&UzX_?67kgNLiz6#$dI;aP9?<QmsfFQmuSyS(CgI
zoV&>v@p1q5lZm{E3-IsuO!Pwb`L{t4KO4z6ru#8$eG|jX_`zG_d&lOLKOx%p4-sDP
z?6b8(TdQM6oicuw>mi&~6iPG9*SpT(+tH{50TV;ODJ}78kh&Mg0-z2<FQa3^l&5D3
zh06j6Hx*RGtk*paTj#gq`_`=QVb#uQ&rA237ld=(^~oGiz)m~MM*m?e$F@JG*H|w+
z8{Y2gR~AqA4~KNF%$3EmuVNVYUgm)d1=cp2-#%cgfW%4_zxe}_$n*Fs9^cn-*JDR>
z<XH)Law;?qu9LUFR{J5KY<gXD<WsU%b^0FdA3x7SiZX*;)WX%#siaf9G~}hp?|l#h
zPNOEvY|P@3<|*3_=Pw+ubqS*t9boG1zG_Fcv5ytz5Ny?tM6$rsg3P|5$47eO{Fm?N
zqqg(B9+fV)1OQ?Zu(TgEm4e5K;4B$K5cOVjX3q21qoF@$ir$~K>u3J1+8njvD!Kk<
zadGihpnc<_C&uCSDKp;@4&pZca~TNm&5wx}N}wCIjq#3QT42Pd#_V7BwGKJ}i;D-p
zF%z|m{jANYTDA5d{WFS7wMwM5kvF;24CWDJQRt}lW#^J_oz^rLAU$=TD6fxN>kG!t
zRWM)KS6N2A=e;P29;Nx$hkVsBD_vbm5r6ijq21ZW-HR@fp;-apuL_++?TVA`W-&57
zT$nmkZ_@gyND4---D?Ge*K68VY+NfZYI(q3A76?^R0RnpdlLed36hh+kcEt|bDn(n
zB;dR(B^KZWSk3Tj7(W#new3rOj0|*Tig>tv(4;W9@Cj{~sRdjU2(y5(`ibb?HLaxa
z*;|d@c9Ra42V$D^gqqsjc`kV2KTJo+*hlq@cPgTGaG9h*gEQG<K=`wbw91}cuoPU>
zp}ylQy(A3}5vPdn0dF^8jj_$x$wC=?YOPM-xevl~!$UB@xfG1cQV@cl)lv%IvdJzF
zS?}pfxmc-__QB`mhQfhOv@ShSS8nokLT$=Sjw1X7mt@eHCDRY*n6$(-)8$-V-?}!}
ziFnkOhg~xn-&v0*SJ&1TIyKpR&9u_mCa9YgL@lcc!X*X#-Q&c*#Q<@qtAj3D!NNF*
z*KOu9xI?>6>h$rtIX*aQ2;?foee0{F##Wz14HIhMOS7#1GiI40w-$qLcQ@FWQBufM
zU@k+2^mq!JFdt&)*(noWIiFN-+zCY6CATJ=O1<qnzec?uR9*jNgCi$X1|xRh+y%a<
vWlmri;6IRa+xz=1O05)bWwZas?10x6RC4uW-3%T0xpAC5ZD&z|#>M^z{zBWr

literal 2515
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

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-webkit-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-webkit-linux.png
index 59b0644877c5f5f658a434fc7873bc8578fb3876..585bddaf80758136ddb48cd5ec9ce2037a7b48ef 100644
GIT binary patch
literal 5466
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

literal 5637
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
W&C8gk@EEV_0$S>NkIPkUBK`-@PUchq

diff --git a/packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-chromium-linux.png b/packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-chromium-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..d8de3c45f640b17d268de0e676a80e665f654707
GIT binary patch
literal 205
zcmeAS@N?(olHy`uVBq!ia0y~yVAKJ!Svc5$q{&yNSwM=hILO_JVcj{Imq1Rtr;B4q
zMC;ot8#$XDB-$S8v+p!J<ap^7OW%U2l8TKz6Habw)V%9pzM=QdLb1#`?pQ^EKKX~$
zY89)$2iVTb4!f5)nY-g#)=c)E+}`~AS<3@hl$hSz`b6Ea(7v_z@yi~S{aNV&D%YYc
zo+oT^?&zpX{q>A>rrj-Bm-@(OjKSZpom=4H!lKBMvqx8Ht~;m8YM_%CJYD@<);T3K
F0RZ3bO*Q}k

literal 0
HcmV?d00001

diff --git a/packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-firefox-linux.png b/packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-firefox-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..eaa5ca13f949335a46f65acbd2db775fad1ce083
GIT binary patch
literal 167
zcmV;Y09gNtP)<h;3K|Lk000e1NJLTq00Arj000CC1^@s6H1z_S0001PNkl<ZScUD^
zu?>JA5Cza1kX&Vn355m3n6Ln|P*J%EwWZ5^D>u*(F28si-2MD7As3|Dahx~Nv{LO@
zwhZSS8KkQ4euXfs$cj|^@W-NmLreB{4L>xZFGL2GX{rhdxgfG-(c~g0p=s|Vd;luL
V%(1bmirxSK002ovPDHLkV1hJoKj#1d

literal 0
HcmV?d00001

diff --git a/packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-webkit-linux.png b/packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-webkit-linux.png
new file mode 100644
index 0000000000000000000000000000000000000000..bd159a5f8265a69d5302eea03341c2f6c0d18bf7
GIT binary patch
literal 348
zcmV-i0i*tjP)<h;3K|Lk000e1NJLTq00LM5000OG0ssI2sudPh00006VoOIv0RI60
z0RN!9r;`8x0TD?=K~!jg?b<;~!$25@VgJb_O>Am}rfLxv+Jy_D&_&%!@fKcIZ(vvM
zL{ZU#3JFOhGnvkK1+9zUf$urNdw`eb^YbLj52hFW(IExl7Qnw}P1lvH`r&r{RdTlg
zfR~(eTI;%Qj4{FF^lWl@)yr}c0e2X{kB|uDc9!g&sE;RS6n72)_=kw3lt~h|trFwe
zLWDi;B!FKd8K%cG?g{|#7!eHyspyZ6xJv*w6z-0>69B+(Q4|U827teC+yMaKJ<+^B
zb2k8Ns4G_72>{?XrIdJEUfT}40r<xm-8?S2D*(V_*4nD7gZ+G1z23*^j*L@`qu>Q=
uwElc4?rzp?&D{b3UUJSUrHZ1o)_wy&d|6tNnqg=F0000<MNUMnLSTZ_P?iM%

literal 0
HcmV?d00001


From 5dce07f8fe3fc37af1ff248f794c79d798582822 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Sun, 6 Feb 2022 12:12:13 +0100
Subject: [PATCH 14/20] Fix more snapshots

---
 .../breadcrumb-default-webkit-linux.png       | Bin 4415 -> 5326 bytes
 .../breadcrumb-with-end-icon-webkit-linux.png | Bin 5345 -> 6112 bytes
 .../progress-with-value-webkit-linux.png      | Bin 348 -> 356 bytes
 .../search-with-placeholder-firefox-linux.png | Bin 3319 -> 3355 bytes
 .../text-field-default-firefox-linux.png      | Bin 1643 -> 1711 bytes
 .../text-field-with-size-firefox-linux.png    | Bin 4654 -> 4679 bytes
 6 files changed, 0 insertions(+), 0 deletions(-)

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-webkit-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-default-webkit-linux.png
index b9211a26ece6054a4cd05fe3cea8e64a6365625f..a777ebf1ebd2e277864dcce1ecb47135f43c83dc 100644
GIT binary patch
literal 5326
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
U)rzzd8kB&ll7?cjylKGy0NuZcdjJ3c

literal 4415
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

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-webkit-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-end-icon-webkit-linux.png
index 0f201b64a5b1e03ed8e1faf8ae297ec9ab920360..6e9833382bbb6b5e71ab32487cd3657a6654c69f 100644
GIT binary patch
literal 6112
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
Y+P1W=%|sp(F0u!}D%#4W|Go(MABbl37XSbN

literal 5345
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

diff --git a/packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-webkit-linux.png b/packages/components/src/progress/progress.test.ts-snapshots/progress-with-value-webkit-linux.png
index bd159a5f8265a69d5302eea03341c2f6c0d18bf7..137d4bdb546dfb1f45b3b7ac3980f88b48fd4e59 100644
GIT binary patch
delta 311
zcmV-70m%N`0^|aaHh&pOL_t(&f$iEsE(1{<$8qmJ9xt8Jnh;cCQ58uSO5DK0&IN3G
z7f0a`!p_!0x<gWl1&cPBm^OGbeVzB*Vt$MMJ}3Ad;H!GQleO*r_W4!ZIuyOSL_`ZC
z%xC%N{rmaOO~>dKqDp!1i=voJrp~$OpxZm{Uz?<*qGfa#5r0)mNu<}e;`Zs^$H2QB
zokLU|rIgmXR;yWSrE}32ZO}<X1S8rcXP4*-A^;I-HX9P}9idBz2+Ztu&<R8s#u!02
z5D{Jo=mH`f`TcrBHxLn6J{qDEh%l_RGJLr4Gm9=EA{g)TY;cdRAOa{$pJkIMY1Gr#
zr~2m3N_|5K$1qW%1rp|k{d^fe-p+qgbPG|XLI~E{G)>F0{0H-9S~E8FRww`f002ov
JPDHLkV1jzpks$y8

delta 303
zcmV+~0nq;B0^9<SHh&RGL_t(&f$iEsO2a@HhGGB7Bu#8;gr;f{7utmjq0mL$O7Rw6
zR&QWe?nF`1f(i*qBr}=Lcm=JC-+}Kr!Fzz0=JWF;%MYd({m~%>;TFKZXHD0YtNP(~
z{Z(?e0DzaAb6V@VZj3R(<n(NEdDY8u5&?G@z>km!<aU<qoqwp0CubCQ4gmOvh@_NB
z61S}q<Jm%lJ?<ocUn3c&$20B<0Pq+Q4F;*`kB+!Y05%lvj=2*6z;96$3GN1fzi`|E
z0N_2*ygzd{0Boo$R@?~y;5Vg|cw1iE4!Z&P#~Ix`F1afJz+=|hs;Yzid|18S$LWrY
zQ;ehF1#7had?+dIZq{wh-2wn!a?UBGilVgEegi*zSz3{rVQ2sV002ovPDHLkV1kpe
Bj&A?}

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-firefox-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-placeholder-firefox-linux.png
index 0dbfdb58b757633299f47414d2ad4cb390cc6c39..4f1b87e3bc98563fdf261611485c9480e5d524ab 100644
GIT binary patch
literal 3355
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

literal 3319
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

diff --git a/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-default-firefox-linux.png b/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-default-firefox-linux.png
index f15e1e4bfc90243f1ce8cdfb968a91c6897e2006..8c0d7cd1a7c5f0c655bc8009b324cd9c4748c411 100644
GIT binary patch
literal 1711
zcmb_ddsxz08pa!<la7uzQt+0hQ#_WFni^>$ny!XuttEqaOY*TYtR$w?w78^Tg{4k3
z<|vkvm&R}`CvjbE6(XTbF-*|_UGJJgL6hkIo}IsT_uu{Fob$cse9!lO&wIY_oDwYN
zpoO`kIS2%@h>k)h0Bbie4nV-b9OLsq1OkD{(de)vl%JO5n{hT5V1m_+&<po}yI=GP
z&A4*J+IEU*4W6CF>x+-XJCF<sc4b#1j<L#8=hG87vx|kUtBi8U4zoIse)Nrcci&q7
zT3i#!<lR)e3#=;7q~7kKN}aQ&Q(UZ>C~&;@dVw~@RR%g!TcaxG&8*6I*oLOr_r?AA
zQQTis-DL*C;`v&p;9k%<u#JsPO6I+Cj~?Pat#oo*(xt}YVuNPQFO7|uKi=1Qqqxy2
zXHzmVRJ@tR`FRwM18#566AE|d=c0G^)!b^c17QgS_VA^8-DdZZprG&Lv8kxAVly}#
z4xyn$WWdC=_&hXP__*~N+Wlq!m`nyqs?3nIXAM0NpLDeDi>v(R-00BoFe`O8bdPK3
zWv^wq6M8rFAB?YENDCvUXFqOzALy*t>pxJCB3WZ&HuZU$t(~14%+d&SJSj3J=Hz&Z
zgDT}T^kM<{CrOA-Unu0U*lg>mnHBum#h$Bwy;+|N>?jmz_`l@`&FQ4`ej1IYcSXAm
zW*J`YF)W2Ae2OWjE-z2|`uR~wfvl=sUa0|hEA%A;ck{zn)qF?7uMT_9Oi&3m2Hg0+
z>%VAoXC!bE>}vpYURVKKd(_!{%Bo>?bv2Nvr{{gphtcl!mxmU+(>m}z$ij8#*pmX&
zmPAI=(Itxh4}S^)z9*3zEzoHE9wm2zfdi4q=))I%v|#exJNg0FqU26;c$2i2%Qae=
z>^|x<;}P8p_zn>Fe7C2KG%d0d@|yE6wvZ<tS{6s_>`zJ7?{{ZI&Ifm`;WMWV5D0{K
z=(>#;Mk#GNnsw%kKt1z{UHKqMt@G!c9}tTb9~3UP_1SrjfOe-(ClAOt92}Y(58ZM{
zBy-xk5fxn6l4#0}$37{GGyq|bb(q4m-){7Uf?<O2hM|nYLT3vL3p4RPsatDSpYAS)
zQ>9OMrW+LJBI$IxRaxZY%a`x0jb|%Oi?aM28)|FawzK&B^~{;U@%&)o;)`1iRuJQK
ziFAY<FsHMi#{vSy9y+908hZ*cHUt%wmnV2`NF<Z#1eN+TX(Rs<N{z{bAaK4LDuI)=
zIV}-c6nX3V>T2$QM52^ER+;s=STf@A{Jj_=F)<d(EM6Wv%A0z;vHz21E=8&ArmUvF
zS=DN_s=1*Cp;&HtUB#}bfIDo`zH<0C#p^e3IIsDK;fBmaR(EqV4Affi#d7+0))ph<
zG$v0jmzNC=#veo28ygx-<1V!P`uPNrNSYsh<(sj#wx;Umh(r73nP-2;M+-vz{b^60
zw28<C1qJwZ%!wLaN|Q7Vkn7;}_1k|^gj{+$Gun0nC}SCa^jdTCsSbG#i^VEZQEcs(
zdlnZFrKP1kxkxY={GQwi7~~ZnW6<r2id~<-x|y}!)%DglD5#{jcmM0GH*Tfws9NlJ
z1GVR7$qkp#x`qZ*aQOD@>}-YlbBNRCAon1<s><c+jFh6uvdz(^V4H@pxMwcTH%!@4
z=#uZtJ@`MU!FF~PK&U~fl!o=L&yT|`{V7CV(>W5!iig++-J)EUcM4yOnqOD>1_aP2
zCKg08_`WsQm*34VEC5B1%nxMIXta)#%HztnbDG(Ob8gTr=|mzp?jABMbGq15Fd~It
zdArazJ`STZ7`e;iKg41%kD!|gK<^xgh%n(3b{$XZm&u^950X0yzQh4-+Ss^*(nY{O
z)9iFcQgp9cBvrmoQ8st>MyIV)Td7K~fjXU8n|EO^qO@i=^FLusUoO%(tjN2xb!>?g
zTunU{Mec+H&zDt*p84!AR>pxaOW-PhjNJ|`i$n!@+<IZ$BsFI|Hwd%(`I`u9d#2~K
z&9>uR$66Av)j=wrD-Pu3<cPe`!i&ClVu6U*plZqOIQq?x|2!Z3ZDH^B|K<O$bpFrq
zY;g5&fhK7;c!4zUcd6~T!y#^{5hf48c0E=6Tu~&=zHc%oq}xArl`9kK1MZepx_dft
i<T(s6@o=TP-f3cM#>irz&;j^}K+zEx^dnU2m45+3>{aUk

literal 1643
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
I;)t1l12iHUY5)KL

diff --git a/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-size-firefox-linux.png b/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-size-firefox-linux.png
index a38c3e3b1b40ebffb8e94d1a6b718db0bacff6eb..c8fdc3a27dd4b4a8c71b00c5236a6444e099faab 100644
GIT binary patch
literal 4679
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
J)*5?0{1-$w+d2RM

literal 4654
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
Aj{pDw


From 0fbbeb9d49b361d472cf3fdd48cad4f91fa9b7f4 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Sun, 6 Feb 2022 12:35:36 +0100
Subject: [PATCH 15/20] Fix some styling

---
 .../components/src/search/search.styles.ts    |  2 ++
 .../components/src/select/select.styles.ts    |  7 ++++--
 packages/components/src/tab/tab.styles.ts     | 23 ++++++++-----------
 .../src/text-field/text-field.styles.ts       |  2 ++
 4 files changed, 18 insertions(+), 16 deletions(-)

diff --git a/packages/components/src/search/search.styles.ts b/packages/components/src/search/search.styles.ts
index d4339e5c..b9f89ea1 100644
--- a/packages/components/src/search/search.styles.ts
+++ b/packages/components/src/search/search.styles.ts
@@ -9,6 +9,7 @@ import {
   designUnit,
   disabledOpacity,
   fillColor,
+  focusStrokeWidth,
   neutralFillHover,
   neutralFillInputHover,
   neutralFillInputRest,
@@ -157,6 +158,7 @@ export const searchStyles: FoundationElementTemplate<
 
     :host(:focus-within:not([disabled])) .root {
       border-color: ${accentFillFocus};
+      box-shadow: 0 0 0 calc(${focusStrokeWidth} * 1px) ${accentFillFocus} inset;
     }
 
     .clear-button__hidden {
diff --git a/packages/components/src/select/select.styles.ts b/packages/components/src/select/select.styles.ts
index 81ca1d11..e1c498c4 100644
--- a/packages/components/src/select/select.styles.ts
+++ b/packages/components/src/select/select.styles.ts
@@ -15,6 +15,8 @@ import {
   neutralFillInputHover,
   neutralFillInputRest,
   neutralFillStealthRest,
+  neutralFillStrongHover,
+  neutralFillStrongRest,
   neutralForegroundRest,
   neutralLayerFloating,
   neutralStrokeRest,
@@ -50,7 +52,7 @@ export const selectStyles: FoundationElementTemplate<
       --elevation: 14;
       background: ${neutralFillInputRest};
       border-radius: calc(${controlCornerRadius} * 1px);
-      border: calc(${strokeWidth} * 1px) solid ${neutralStrokeRest};
+      border: calc(${strokeWidth} * 1px) solid ${neutralFillStrongRest};
       box-sizing: border-box;
       color: ${neutralForegroundRest};
       font-family: ${bodyFont};
@@ -103,11 +105,12 @@ export const selectStyles: FoundationElementTemplate<
 
     :host(:not([disabled]):hover) {
       background: ${neutralFillInputHover};
-      border-color: ${accentFillHover};
+      border-color: ${neutralFillStrongHover};
     }
 
     :host(:${focusVisible}) {
       border-color: ${accentFillFocus};
+      box-shadow: 0 0 0 calc(${focusStrokeWidth} * 1px) ${accentFillFocus};
     }
 
     :host([disabled]) {
diff --git a/packages/components/src/tab/tab.styles.ts b/packages/components/src/tab/tab.styles.ts
index 6b286c53..34721de3 100644
--- a/packages/components/src/tab/tab.styles.ts
+++ b/packages/components/src/tab/tab.styles.ts
@@ -2,26 +2,12 @@
 // Copyright (c) Microsoft Corporation.
 // Distributed under the terms of the Modified BSD License.
 
-import { css, ElementStyles } from '@microsoft/fast-element';
-import {
-  disabledCursor,
-  display,
-  focusVisible,
-  forcedColorsStylesheetBehavior,
-  FoundationElementTemplate
-} from '@microsoft/fast-foundation';
-import { SystemColors } from '@microsoft/fast-web-utilities';
 import {
   accentFillFocus,
-  accentForegroundActive,
-  accentForegroundHover,
-  accentForegroundRest,
   bodyFont,
   controlCornerRadius,
   designUnit,
   disabledOpacity,
-  focusStrokeOuter,
-  focusStrokeWidth,
   neutralFillActive,
   neutralFillHover,
   neutralFillRest,
@@ -32,6 +18,15 @@ import {
   typeRampBaseFontSize,
   typeRampBaseLineHeight
 } from '@microsoft/fast-components';
+import { css, ElementStyles } from '@microsoft/fast-element';
+import {
+  disabledCursor,
+  display,
+  focusVisible,
+  forcedColorsStylesheetBehavior,
+  FoundationElementTemplate
+} from '@microsoft/fast-foundation';
+import { SystemColors } from '@microsoft/fast-web-utilities';
 import { heightNumber } from '../styles';
 
 /**
diff --git a/packages/components/src/text-field/text-field.styles.ts b/packages/components/src/text-field/text-field.styles.ts
index 305c5819..407b425d 100644
--- a/packages/components/src/text-field/text-field.styles.ts
+++ b/packages/components/src/text-field/text-field.styles.ts
@@ -8,6 +8,7 @@ import {
   controlCornerRadius,
   designUnit,
   disabledOpacity,
+  focusStrokeWidth,
   neutralFillHover,
   neutralFillInputHover,
   neutralFillInputRest,
@@ -130,6 +131,7 @@ export const textFieldStyles: FoundationElementTemplate<
 
     :host(:focus-within:not([disabled])) .root {
       border-color: ${accentFillFocus};
+      box-shadow: 0 0 0 calc(${focusStrokeWidth} * 1px) ${accentFillFocus} inset;
     }
 
     :host([appearance='filled']) .root {

From a4b3b229de8c4d98a4699004a7102ed56b57634e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Sun, 6 Feb 2022 12:42:31 +0100
Subject: [PATCH 16/20] Use inset shadow on select focus Similarly to text
 field

---
 packages/components/src/select/select.styles.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/packages/components/src/select/select.styles.ts b/packages/components/src/select/select.styles.ts
index e1c498c4..032b66ed 100644
--- a/packages/components/src/select/select.styles.ts
+++ b/packages/components/src/select/select.styles.ts
@@ -110,7 +110,7 @@ export const selectStyles: FoundationElementTemplate<
 
     :host(:${focusVisible}) {
       border-color: ${accentFillFocus};
-      box-shadow: 0 0 0 calc(${focusStrokeWidth} * 1px) ${accentFillFocus};
+      box-shadow: 0 0 0 calc(${focusStrokeWidth} * 1px) ${accentFillFocus} inset;
     }
 
     :host([disabled]) {

From 7d1842f650118a4855540f894302358a18867b95 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Mon, 7 Feb 2022 08:38:43 +0100
Subject: [PATCH 17/20] Update autofocus snapshots following style change

---
 ...eadcrumb-with-start-icon-firefox-linux.png | Bin 3552 -> 3886 bytes
 .../search-with-autofocus-chromium-linux.png  | Bin 2012 -> 2035 bytes
 .../search-with-autofocus-firefox-linux.png   | Bin 1797 -> 1795 bytes
 .../search-with-autofocus-webkit-linux.png    | Bin 4056 -> 3971 bytes
 ...xt-field-with-autofocus-chromium-linux.png | Bin 1999 -> 2034 bytes
 ...ext-field-with-autofocus-firefox-linux.png | Bin 1712 -> 1729 bytes
 ...text-field-with-autofocus-webkit-linux.png | Bin 3862 -> 4050 bytes
 7 files changed, 0 insertions(+), 0 deletions(-)

diff --git a/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-firefox-linux.png b/packages/components/src/breadcrumb/breadcrumb.test.ts-snapshots/breadcrumb-with-start-icon-firefox-linux.png
index e70643666ae7400d13a7e39abe59edc1ce31fb7c..788894bc631d778f7bc6569644119e04c37468c5 100644
GIT binary patch
literal 3886
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

literal 3552
zcmaJ^X*kqh|E95weal2<EGb5020uH4Au3BWOm;I;l!{WwK8%zllBFyoqM^jtBMc@>
zSw_}GO?EL7VhnzHzFq(S^}KxEoa>zP=6ue5?)!7!=b^owl@R|?ehv-}p|fW!E^u&g
zQi1tlFb^=os9Gz)KKZPLnPX_)s=M1oiHWAI=<4Mts)gy?u|u)bFFEI;1eDU#h@uUv
zS0``2t1Ia|b@MP$3EVS@dJ&%dvj9i!+oYtQbL!zPme@v((V%f=l1^TcjB@>pk^ZMD
zL_69NMC4ErJ3Bdn^VOhV)3m?KWg*6X#163NzR3IES%PZv^OykUMvQi)R~RmuxBRm(
zaeLZ2)m-|KdG1buRzZN;4bx@P+uv{LAlu>faj$4I(f8@y2PT^~?^q(Gg(D^1>)OAP
zMR^YXunxQf154*L3ViDl29FXmKO1hc7w0dx1a>-qF_jOx%|Da!7|~iPJ#nYvQe|YU
zBqLsj%~d|;IG(T<plvd6lUFfUp2+!HH!h&ni5lu6`*Bc{S$F<>Zur1{$n30y9tx!%
z-V8Cqn5)q1%HN}Yv$Mau?Jm1A4h}msf$3mnbhAFT!MXG2*{7cxC>MB<S)S&8Fuh^M
zk0ys(Y4e-q+j^DksxMBIt~%@KXM;Limwsq7N35QT)XTFNRv^3?I8L?XL3)BFGyy7D
zfUbL-Aw5Byik3^h9_yeMNDyACG3jVNcv*3J7pPWu?hiPl&^gju^01V(j6M1_Ww?7$
zlUfiJ_Q)!=RptNdT&khN={^#96Nk3!4h8Rmldq4wX+2OWx+6wf?>9z5qRXuF(37If
z5l&(~CnZs+EQBX`cgZGh_Tj^`P#BDD^v)u0d|y4ucYjoda#2JfnAp~%wBz4G5vQV=
zBrXM~zDg)_E~+y(=dtaX7A>;)6>=(UT)RUiEo>2IsZ*F@!lNMQtj!U*tWy477QigS
z{wPs3`PchLqJ2F|ch~1b(!yTyvvBuHL!MBu+qkZJg>TR}$w~F6a>{0WCHNCj@xUvE
z>GE}KoVbKP4kGmNIj_D7iYyC1)HTEtnYCi}7ro#V8kicJ`8iHgikmSa6#0i6AdzI@
z)YfKEv0yh|xrX9x2o%)2fM7gIkFy4lq6}Lhvl;Uw^J2R6<o!&87}TDkv$kpKx;Sh;
zSa4WxM(+9fXc25cEb3q5z9mR<rx*X?5rWfo@QvF1JD!_+s|^e!66w4hdMfng{R@L+
zQdm?snE%i-iC-xm@<f8s;W&eI0zfY8zWEkZeD`!Qy(K2IuOo2{&G*Kj?l_S!qAl#t
zHfH)jmcJga4No;HI?n2Eca0KJeHO2?b-3I+JEb%EI{J1BQNM;8xU`g+euyzO!#5&G
zggI)?HHK=pgT-j)_<z&_kQjP%wepG@HQ}?%zbj1kCPL1KZL}92s#ME^f5Sw-6^oUe
zB;-#e80-$d7`-`n&n4X#IA6<YaI5E~RY>wL)iVuO3T=(!**JlPe|5k2tpH>~u2Bh%
z`@;Km-_lw0%wX_pNOK)D+9onSqL9t4sVw>7!u6=+=cce|!5bTs9p<MhXvwVr^q`Jj
zc|n2AKQizTte^O4$=%;9dn--Hr&~&&{R`yXMT!X1ZMwmqJ{5iCLEpZS@ma^Yg-;M+
zCRBnWqYM_v0FsMdF%H)$*EqU{{Chx;)2ke{sQ}vm=4}lSM0p}Gx&X$0ELj2)3P#Xe
zC*lHI7%Hv#eds1_fevd?*WJ>_43(U4b<5m{8TJMsRH;qG(t{@w@+>QyWrL{{gec($
zolP~95>9^JW_JZYb)YPD7LeX^x>1}awDP3pqK3(E?aBJ0R>zE2>&y&zl~M6Gednqh
z$YzTm6RCK~1CFY2@#Nx*{diCz40IXE-@%6)<>*_=qWO;bt^cxTLgO?042q7|iU8Gd
zA6ep1EVb{JMHfW7=wu}p-5Ch;B>G;U*ZNv`B1rSL9d?)7b?-VEvsjGi?lx04q>Ntk
zWz)t_sKe8k7`!GX<p6rE+wLB<wsciv3ii;Oq)*2;6cH$*6~q3Eb>q(N3DOhA^mfYN
zVpMGY6mLkK1QD4QfM^2;IL_OG@NFKeL_j`+N4XTV|1k;Q62*GU1#2dmE^u|tG?7o^
z)G7>xZNQ+`DhZ%95GDD!`R}xO8e4#9g#-#N$yKoH-)J=RD6fLx@5Tao5mewKjo8Gt
zFUr@V)Bv7t{a$j}Y|_fcLVI2M5NZ0H)5TN0)*qhe8lt5D)S<^zX}17z4t`JcC<wPp
zX-$MT_E!?7ah0-RHf00~1;gv8w{hz&Y1rAF^&oAEdgt0<H~vKp>W?4NP+3{55gA+L
zLr%q=*j5=I>ZZ&XewQ&6Kzzex@Y|uhMsJ^yLKZDZ6I4UQ?bnQp*aG+QYUSZ8lHUR?
z&K9sa6LS;NIjd%ckAlNbX4NDPxvbn1BQ>5bBN_S23yyqB81yAM8IM;ptz`hIsE%O#
zgodd7kynR8vvF!I>d&a>7RdBJ;6{dj4#42FJzBip{Vd~q!MQMi;)ZwatD=VbHC$_a
zAl|+TyxLkOm*o#(g<_mQ-<jB5@2+|n=pV?q!j`0~Cg3;KtdG$*tsAc3Ep_mnA^1*{
zHaj`9<-%17tzE<!eZ@PTSv$PoRT|FciKi99m~0R2eb&04K7m2Nj=Y^dxvbUGaD>0J
z;7|J=I_2_n+Xy!UlIBA9D?+utxS<tPJP7MQ?HWWkrYkW#V^D4$egl`H5MC9t)3j(u
zBk~o+4R_UtP9WUYl?NWPlqY)w<Bv3@;!&8M$Wf>`PekvHrA-8k<WdImdvbos*a};i
z5<YqJ)oa*g%Z5D82^BGT;(U40ow2{9z3K2uhOWoC++u}<M7{i4aMCFE*|W~>RJll!
zhbDc)E9&P;QobVK3t5lIvFvBPYv&fuz+S*iF5UV%d@Os9M)IAl2=1`U_VTj=uNqZb
z3cMfC`11Ij*dc|x*TNy5_2X%AN%0A{^A&4_GHqoQ1oLTb6QCnYaCbzr1Clz=BKP2w
zYfdkWySs8FdaGQH@@5rx@0SxpNHIBH3iX(UY{feBxhlaMPqGrp$!v{uyEV+sSd^7F
zi>p<GHKnzN5!l?DO*Ih}+`b3^Q{*_af|m9q0B!%@d&p&dva7Jm>`~@#F-iD+Lno8F
zzYDbt=;lBZ5if~0W1eh@e69ys^tkm<+&>ReQZu%B%qS@7f=6gq?_V&wn9JLa9lN_H
zgsUS+_xdWG58e-mIj`prtve!36gRrw1;2RuB5CDOmjt?>Zro;=#BNmB>Zbv=o@R}t
zHm4nt5%#V7<PFCXOq(s-KtzH;&UzX_?67kgNLiz6#$dI;aP9?<QmsfFQmuSyS(CgI
zoV&>v@p1q5lZm{E3-IsuO!Pwb`L{t4KO4z6ru#8$eG|jX_`zG_d&lOLKOx%p4-sDP
z?6b8(TdQM6oicuw>mi&~6iPG9*SpT(+tH{50TV;ODJ}78kh&Mg0-z2<FQa3^l&5D3
zh06j6Hx*RGtk*paTj#gq`_`=QVb#uQ&rA237ld=(^~oGiz)m~MM*m?e$F@JG*H|w+
z8{Y2gR~AqA4~KNF%$3EmuVNVYUgm)d1=cp2-#%cgfW%4_zxe}_$n*Fs9^cn-*JDR>
z<XH)Law;?qu9LUFR{J5KY<gXD<WsU%b^0FdA3x7SiZX*;)WX%#siaf9G~}hp?|l#h
zPNOEvY|P@3<|*3_=Pw+ubqS*t9boG1zG_Fcv5ytz5Ny?tM6$rsg3P|5$47eO{Fm?N
zqqg(B9+fV)1OQ?Zu(TgEm4e5K;4B$K5cOVjX3q21qoF@$ir$~K>u3J1+8njvD!Kk<
zadGihpnc<_C&uCSDKp;@4&pZca~TNm&5wx}N}wCIjq#3QT42Pd#_V7BwGKJ}i;D-p
zF%z|m{jANYTDA5d{WFS7wMwM5kvF;24CWDJQRt}lW#^J_oz^rLAU$=TD6fxN>kG!t
zRWM)KS6N2A=e;P29;Nx$hkVsBD_vbm5r6ijq21ZW-HR@fp;-apuL_++?TVA`W-&57
zT$nmkZ_@gyND4---D?Ge*K68VY+NfZYI(q3A76?^R0RnpdlLed36hh+kcEt|bDn(n
zB;dR(B^KZWSk3Tj7(W#new3rOj0|*Tig>tv(4;W9@Cj{~sRdjU2(y5(`ibb?HLaxa
z*;|d@c9Ra42V$D^gqqsjc`kV2KTJo+*hlq@cPgTGaG9h*gEQG<K=`wbw91}cuoPU>
zp}ylQy(A3}5vPdn0dF^8jj_$x$wC=?YOPM-xevl~!$UB@xfG1cQV@cl)lv%IvdJzF
zS?}pfxmc-__QB`mhQfhOv@ShSS8nokLT$=Sjw1X7mt@eHCDRY*n6$(-)8$-V-?}!}
ziFnkOhg~xn-&v0*SJ&1TIyKpR&9u_mCa9YgL@lcc!X*X#-Q&c*#Q<@qtAj3D!NNF*
z*KOu9xI?>6>h$rtIX*aQ2;?foee0{F##Wz14HIhMOS7#1GiI40w-$qLcQ@FWQBufM
zU@k+2^mq!JFdt&)*(noWIiFN-+zCY6CATJ=O1<qnzec?uR9*jNgCi$X1|xRh+y%a<
vWlmri;6IRa+xz=1O05)bWwZas?10x6RC4uW-3%T0xpAC5ZD&z|#>M^z{zBWr

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-chromium-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-chromium-linux.png
index 3a3937b13bd8fd227643c02b654df0e14e78b199..474471e8569e24386ae124b9edaf3678beeec80c 100644
GIT binary patch
literal 2035
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
StB(<<IDocyv7;e<QvL*Yq|+n-

literal 2012
zcmZ{lc{Cf?7sq1;O%qi!ty(74DycElS}lntq(Q7zTWxj9G?qwhvG0RmYAa%C2vf#V
zyI2}pVr`4stEehP5u}0%Vx9E&`^`DOIcMgN_uhHu-1B|k`#JaB`>Uym-YJkc2mk<_
z(#N39xaTT&X#x4U`~Gm`F8AOenCYPaRRa(P0B|BxAFXW>n9H1UH?nY%c(tL}iFFn&
z;mwXBeMh}SF7>-BH*4*e%C_A21~+XLko3;b6k|gyw!2$RYbfXkjh#(QDz%?GrJX(!
zW%I(hiDtTt6G<X>YlD4KXMw68wu%1!Cmkki<nk7d^)Ejr4CHPd<cZL8HEucQMn&sw
zUy2F*{FEOaDdcqT_X^aHF(gYMF%a5E&d$~f4&E~qbAOpAM#{`o4?WsrukOwzycNmD
z#LJlT(3+Z3AJt@bba--(_Hkuptx|Gw=`}Sq?E}{@+CB3Ka{GMFsiqXrh@Uh<qj^`y
zkAHO=4L82OU{qFCw!2b($ji$s;IAvmo6-k!8<D0`sj`ZSB}GMib(2Oun<i;#Y0C@-
zk5=JuP0-fmfqbN%<yZg&<||Y<>`EV^d3&Z&D8^VU9~2rPB`bUK&Ye2|U)cHasxhSi
zkE=yRP<h*WV5G2|mDe_2IU_@OZR*)+BoevLZhrneJ}IfFzCNb67xev^GmyN6I_jY`
z4E7K#GC<(?X!P{Jhg`32|C}JAxR~P!Dy^z2_-)qxV|WO)(<a7?1e$%{u=<7q&vNWc
z3=@>l@HtyIDbUvJmoEg-Oyg|LK&7Qg4<8z+s0hw3Ebz8{YzcW<x(j!7OwUFh-!&@M
zmv=Y_0l?sJo@@=m<@J^wL{n1}TDP_H#07aM0+GjJG3pyXy6k+RPrS-ga{R`sJR?4S
zrpCEn+^WjHr}TCqgv|BJLwo*Q)o;bZc`&atijNMJmrtCS7z2FODYI0rxSP|qyFtIC
z5hTN4Fa&<M_U4H^O5K33#(SRM)^6S0!lLV`IS2o~J~cibm`kDXc=`E3VK8z_$j;Ev
zP-MTel$x4wbh{P?0|eB$3`#<w!a4o1lla904mk1rzH@&2=H_OT-|9Iglldm+dP=&?
zEi+3?V|RBsxW9Dz<Htk;wrhWR(PzZ|&iX5-TCeRj4RLXCQRPdopXehLb8IV}$Eyb2
z+}u7b_UGiPdq=TYUVwA*)@`X$dQHLXpKjc^aaKgc+{_GRVL`h2l{r`|EbQC9%qy?P
z$3@b6(5|k)sb>)e1cItzrhI#Mw{U~4v97Kz9W0up+uPeKiag5d>go~_6~)}Tbs9!V
zHq26BbMOxyR33(DX#t2too(jJm%1kThzB#RVf+611UL+4T0SOdycsl!zxG4Gmk+g`
zIsJYD=V5R2M(?ZC2D8f$<9Hm-|HlNOWFO9Y(%xP$m%!`3zMCccr1@7Vb)g)ekr9c?
z`T??94w+027ZFo-;tknebL@;wT3A{dou2OJR>&Vg#eB;vD^&VAli4t%lmGj(o$dpW
z&&A0KD|h-<`1|o;N9<JN18$M;5*NPfxLp<*2{1GBFC1m;L29h!KhV6tZ8=io>T@rL
zd18l$hrj57)hjD27Zw*srl$`BXJ{^h_I7rLrb7{}?}CGZYH^lEbYlMTxE7Vc4t~+n
z!kp4AL?Vx@kJXpxd;L>`gM&vE3SE5#%^^Dqg?cHMuP_ZeIyzWvHdIOJQITPmN?5SE
z%RnyAMH!hm8qGTP^o8Vv1Ta`cK^loXO)-g^w2zC6JE5(uz3dB{o0}WLHM}@#9yC9J
z2tVMxeVdT2IT=$@B6A^(gh8WY!jxAciiS%!c6QdcHd!oD(`)5p2BD#v;z|64!x&%R
zt3)CZaNlJ~$^D&tv2jjpU7hL~nbvN`Xi2uZcfm~!q8G`~#YHCJ++i|}rjFRh!x0F?
z1pXQhhr?hn^;v4%I;EKCnV4Mj@bEZbbs}vV@nYu^h*YXd@_G2n;X*xEPtPURCnLns
zZVE&*Tif=1R_Lx{DE${O2*ldha9kRoaQ_v7vx%LXKb~cwjV_<*?v7yADXOX_RN6g5
zsM<L=Aa=e?7dAJO3kp#6wpVm?bRg<pfJnm9K&|_@0=LyAw%=>RSN%NIh%|R__~K<H
z3Hc-)k$MIt=Fl_450>0Zr-GgcnORAmMfLs^gW|SvQ=n|Q5J(a$jFS9M_XTTZmFG2H
zN4aiEBv`tOt{I_#TGJonTNxLY*Gcmuld+?Uy7VzS<YL$h_==JyE%|vRwnh~s85!r1
zcUACYvHpC@dIls{K-DR@!S)JIKQ@|T4BX&taClN5;QJentNN*(-98`{6A0>zUab#G
z(#DR7FO*jcRVxM9fvqaFt)hvhpuc<iIuRcIW!$L^+Y-1jH~9D_a0BAw@|W+w#r#`x
z{~Q$0ljYY-l0~`*N_G)mQ~v+4e-N@*+18b44ifa|Mw@H;ZlSq!RvL=sxXDYbX`<pw
zTp`~lwsJsak^#N0??j)nK^gE0q3TCmK5v7GBNfU8)pDJ(>Vfw?{|nk}OCtI!=*0hl
i=79E^RqSC?yVnH<%i{{}TsPp3Yk<Cv3Aze(FX~U&5YP(%

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-firefox-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-firefox-linux.png
index 66139219c525655b79934ba462b429349e59ccab..5e1974ebc4b396ccc89b0834742af393d527db44 100644
GIT binary patch
literal 1795
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
RcN6%zLGbnjpxV~==3j6FX$JrR

literal 1797
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
J>z(|Q{s#{1Y5V{H

diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-webkit-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-webkit-linux.png
index 97f10328daf857797c55c7cff6e2935f45cdcdb3..bc07c93ea5479a826ede72512a886082f58b6c9d 100644
GIT binary patch
literal 3971
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

literal 4056
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

diff --git a/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-autofocus-chromium-linux.png b/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-autofocus-chromium-linux.png
index 9fc56675b66a02b6c43b9ecf869c3dbf475d1ba5..d9fc92e5002673c9d48e07b74a3eb5c50f6bbc4f 100644
GIT binary patch
literal 2034
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

literal 1999
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
RRT5ulfSZ$tV}nC*#=q$z;>Z91

diff --git a/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-autofocus-firefox-linux.png b/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-autofocus-firefox-linux.png
index 953a0c7bd1540beb98811bc5c0e0d0c0ac617200..a2ca6f5fecbee6953b6688be6d02e9cbd7b8bc9a 100644
GIT binary patch
literal 1729
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
VoEZPXdGKoju>L`Qw|!#s{{luGP-OrB

literal 1712
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
O0?3|+JQ_)%nSTLzTS<%n

diff --git a/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-autofocus-webkit-linux.png b/packages/components/src/text-field/text-field.test.ts-snapshots/text-field-with-autofocus-webkit-linux.png
index 031607f213e146138f19332b42058a385ff8958b..ff6aab87186ccbc712e287ec3315a859f9e0092f 100644
GIT binary patch
delta 3706
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

delta 3491
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
D$nqIA


From 95d688f00190c5fa62ef8a42a5e2c0419b760706 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Mon, 7 Feb 2022 09:06:04 +0100
Subject: [PATCH 18/20] Improve test robustness

---
 packages/components/playwright.config.ts      |   2 +-
 .../components/src/progress/progress.test.ts  |   3 +++
 .../search-with-autofocus-webkit-linux.png    | Bin 3971 -> 4253 bytes
 3 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/packages/components/playwright.config.ts b/packages/components/playwright.config.ts
index 9e81033e..b13ebba2 100644
--- a/packages/components/playwright.config.ts
+++ b/packages/components/playwright.config.ts
@@ -16,7 +16,7 @@ const config: PlaywrightTestConfig = {
     trace: 'on-first-retry',
     launchOptions: {
       // Force slow motion to let storybook the time to update styles
-      slowMo: 30
+      slowMo: 40
     }
   },
   projects: [
diff --git a/packages/components/src/progress/progress.test.ts b/packages/components/src/progress/progress.test.ts
index c91d7ad9..e782cbea 100644
--- a/packages/components/src/progress/progress.test.ts
+++ b/packages/components/src/progress/progress.test.ts
@@ -7,6 +7,9 @@ test.describe('Progress', () => {
   test('With value', async ({ page }) => {
     await page.goto('/iframe.html?id=progress--with-value');
 
+    // Ensure the progress animation is finished
+    await page.waitForTimeout(200);
+
     expect(await page.locator('jp-progress').screenshot()).toMatchSnapshot(
       'progress-with-value.png'
     );
diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-webkit-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-webkit-linux.png
index bc07c93ea5479a826ede72512a886082f58b6c9d..9b56f99fd4da6a5449ef25ed599ce342d48cf591 100644
GIT binary patch
literal 4253
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

literal 3971
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


From 7a928d2f16f2c7566e1983a8d18707fad7c704b0 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Mon, 7 Feb 2022 09:50:54 +0100
Subject: [PATCH 19/20] Update README

---
 README.md                                     |  80 +++++++++++++-----
 .../components/src/progress/progress.test.ts  |   5 +-
 .../search-with-autofocus-webkit-linux.png    | Bin 4253 -> 4264 bytes
 3 files changed, 63 insertions(+), 22 deletions(-)

diff --git a/README.md b/README.md
index 7b499224..c8e989a5 100644
--- a/README.md
+++ b/README.md
@@ -1,53 +1,91 @@
 # UI Toolkit for Jupyter
 
-**WIP this is very early work in progress and nothing is yet working.** But don't hesitate to open issues and PRs if you want to help.
+**WIP this is early work in progress.** But don't hesitate to open issues and PRs if you want to
+help.
 
-![Extension status](https://img.shields.io/badge/status-draft-critical 'Not yet working')
+[![Extension status](https://img.shields.io/badge/status-draft-critical 'Not yet working')](https://jupyterlab-contrib.github.io/)
 [![NPM Version](https://img.shields.io/npm/v/@jupyter-notebook/web-components?color=blue)](https://www.npmjs.com/package/@jupyter-notebook/web-components)
 [![Toolkit CI Status](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/actions/workflows/ci.yml/badge.svg)](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/actions/workflows/ci.yml)
-![Deploy Docs Status](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/actions/workflows/docs-cd.yml/badge.svg)
+[![Deploy Docs Status](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/actions/workflows/docs-cd.yml/badge.svg)](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/)
 [![Binder](https://mybinder.org/badge_logo.svg)](https://mybinder.org/v2/gh/jupyterlab-contrib/jupyter-ui-toolkit/main)
 
-![Toolkit for Jupyter Artwork](./packages/components/docs/assets/toolkit-artwork.png)
+![Toolkit for Jupyter Artwork](https://raw.githubusercontent.com/jupyterlab-contrib/jupyter-ui-toolkit/main/packages/components/docs/assets/toolkit-artwork.png)
 
 ## Introduction
 
-The UI Toolkit is a component library for building web interfaces in Jupyter ecosystem (JupyterHub, Jupyter Widgets, JupyterLab,...).
+The UI Toolkit is a component library for building web interfaces in Jupyter ecosystem (JupyterHub,
+Jupyter Widgets, JupyterLab,...).
 
 Features of the library include:
 
-- **Implements the Jupyter design language:** All components follow the design language of Jupyter – enabling developers to create extensions that have a consistent look and feel with the rest of the ecosystem.
-- **Automatic support for color themes:** All components are designed with theming in mind and will automatically display the current application theme.
-- **Use any tech stack:** The library ships as a set of web components, meaning developers can use the toolkit no matter what tech stack (React, Vue, Svelte, etc.) their extension is built with.
-- **Accessible out of the box:** All components ship with web standard compliant ARIA labels and keyboard navigation.
-
-Note this project started as a fork of the [WebView toolkit for Visual Studio Code](https://github.com/microsoft/vscode-webview-ui-toolkit) (licensed under MIT) on which Jupyter design specification. The fundamental technology used is [Fast Design](https://www.fast.design/).
+- **Implements the Jupyter design language:** All components follow the design language of Jupyter
+  – enabling developers to create extensions that have a consistent look and feel with the rest of
+  the ecosystem.
+- **Automatic support for color themes:** All components are designed with theming in mind and will
+  automatically display the current application theme.
+- **Use any tech stack:** The library ships as a set of web components, meaning developers can use
+  the toolkit no matter what tech stack (React, Vue, Svelte, etc.) their extension is built with.
+- **Accessible out of the box:** All components ship with web standard compliant ARIA labels and
+  keyboard navigation.
+
+This repository contains three packages:
+
+- [`@jupyter-notebook/web-components`](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/tree/main/packages/components/):
+  The main package defining the web components.
+- [`@jupyter-notebook/react-components`](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/tree/main/packages/react-components):
+  Wrapped the web components to use them with [React](https://reactjs.org).
+- [`jupyter-ui-demo`](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/tree/main/packages/lab-example):
+  Unpublished JupyterLab extension to demonstrate the integration of the toolkit.
+
+Those features are brought through the [Fast Design](https://www.fast.design/). And it is inspired
+by the [WebView toolkit for Visual Studio Code](https://github.com/microsoft/vscode-webview-ui-toolkit)
+as example for creating a customized toolkit.
 
 ## Release
 
-The UI Toolkit is currently in a proof of concept. Track progress towards 1.0 [here](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/issues?q=is%3Aopen+is%3Aissue+milestone%3Av1.0). Styles and API
-are not guarantee between minor versions prior to v1.0.0.
+The UI Toolkit is currently in a proof of concept. Track progress towards 1.0 [here](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/issues?q=is%3Aopen+is%3Aissue+milestone%3Av1.0).
+Styles and API are not guarantee between minor versions prior to v1.0.0.
 
 ## Getting started
 
-<!--
-Follow the [Getting Started Guide](./docs/getting-started.md).
+You will need to install `yarn` (for example with `npm install --global yarn`).
+
+To build the components packages, execute:
+
+```sh
+yarn install
+yarn build
+```
 
-If you already have a webview-based extension, you can install the toolkit with the following command:
+Then to interactively test or develop web components:
 
+```sh
+cd packages/components
+yarn start
 ```
-npm install --save @vscode/webview-ui-toolkit
+
+### JupyterLab demo extension
+
+To test locally the JupyterLab demo extension, using `conda` package manager:
+
+```sh
+conda create -n jupyter-toolkit -c conda-forge -y nodejs yarn jupyterlab=3
+conda activate jupyter-toolkit
+yarn install
+yarn build
+pip install -e .
+jupyter labextension develop --overwrite .
 ```
--->
 
 ## Documentation
 
 Further documentation can be found in the following places:
 
-- [Component Docs](./packages/components/docs/components.md)
+- [Component Docs](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/tree/main/packages/components/docs/components.md)
 - [Storybook (Interactive Component Sandbox)](https://jupyterlab-contrib.github.io/jupyter-ui-toolkit/)
-- [Toolkit Extension Samples](./packages/lab-example)
+- [Toolkit Extension Samples](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/tree/main/packages/lab-example):
+  [Try online](https://mybinder.org/v2/gh/jupyterlab-contrib/jupyter-ui-toolkit/main)
 
 ## Contributing
 
-See the [contributing](./CONTRIBUTING.md) documentation.
+See the [contributing](https://github.com/jupyterlab-contrib/jupyter-ui-toolkit/tree/main/CONTRIBUTING.md) documentation.
diff --git a/packages/components/src/progress/progress.test.ts b/packages/components/src/progress/progress.test.ts
index e782cbea..2a14f844 100644
--- a/packages/components/src/progress/progress.test.ts
+++ b/packages/components/src/progress/progress.test.ts
@@ -4,7 +4,10 @@
 import { test, expect } from '@playwright/test';
 
 test.describe('Progress', () => {
-  test('With value', async ({ page }) => {
+  test('With value', async ({ browserName, page }) => {
+    // FIXME
+    test.skip(browserName === 'webkit', 'Progress bar animation unstable.');
+
     await page.goto('/iframe.html?id=progress--with-value');
 
     // Ensure the progress animation is finished
diff --git a/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-webkit-linux.png b/packages/components/src/search/search.test.ts-snapshots/search-with-autofocus-webkit-linux.png
index 9b56f99fd4da6a5449ef25ed599ce342d48cf591..f94a4bee0597d5a94bde6a4d1122fd4b257d48ff 100644
GIT binary patch
literal 4264
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

delta 3844
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


From 1e266b210aefd374b442ed83b9f7d46bf4f71520 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?= <fcollonval@gmail.com>
Date: Mon, 7 Feb 2022 09:58:27 +0100
Subject: [PATCH 20/20] [skip ci] storybook server quiet on CI

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

diff --git a/packages/components/package.json b/packages/components/package.json
index cab9e020..55d70e87 100644
--- a/packages/components/package.json
+++ b/packages/components/package.json
@@ -17,7 +17,7 @@
   "sideEffects": false,
   "scripts": {
     "start": "start-storybook -p 6006",
-    "start:ci": "start-storybook -p 6006 --ci",
+    "start:ci": "start-storybook -p 6006 --ci --quiet",
     "build": "rollup -c && tsc -p ./tsconfig.json",
     "build:docs": "build-storybook",
     "deploy:docs": "yarn run build:docs && gh-pages -d storybook-static",