From c1f6148b4c0b4dbbd7c1e424672b6a5c6d2ab21b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Fr=C3=A9d=C3=A9ric=20Collonval?=
 <fcollonval@users.noreply.github.com>
Date: Fri, 9 Aug 2024 11:05:52 +0200
Subject: [PATCH] Don't make the toolbar stands out of its parent

---
 packages/components/src/toolbar/index.ts | 21 +--------------------
 1 file changed, 1 insertion(+), 20 deletions(-)

diff --git a/packages/components/src/toolbar/index.ts b/packages/components/src/toolbar/index.ts
index 7ba5f60..a1d28a6 100644
--- a/packages/components/src/toolbar/index.ts
+++ b/packages/components/src/toolbar/index.ts
@@ -15,7 +15,6 @@ import {
   StartEnd,
   StartEndOptions,
   applyMixins,
-  composedParent,
   getDirection,
   toolbarTemplate as template
 } from '@microsoft/fast-foundation';
@@ -26,8 +25,6 @@ import {
   limit
 } from '@microsoft/fast-web-utilities';
 import { isFocusable } from 'tabbable';
-import { Swatch } from '../color/swatch.js';
-import { fillColor, neutralFillLayerRecipe } from '../design-tokens.js';
 import { toolbarStyles as styles } from './toolbar.styles.js';
 
 /**
@@ -394,23 +391,7 @@ applyMixins(FoundationToolbar, StartEnd, DelegatesARIAToolbar);
  * @public
  * @tagname jp-toolbar
  */
-export class Toolbar extends FoundationToolbar {
-  connectedCallback() {
-    super.connectedCallback();
-
-    const parent = composedParent(this);
-
-    if (parent) {
-      fillColor.setValueFor(
-        this,
-        (target: HTMLElement): Swatch =>
-          neutralFillLayerRecipe
-            .getValueFor(target)
-            .evaluate(target, fillColor.getValueFor(parent))
-      );
-    }
-  }
-}
+export class Toolbar extends FoundationToolbar {}
 
 /**
  * A function that returns a {@link @microsoft/fast-foundation#Toolbar} registration for configuring the component with a DesignSystem.