@fabric-msft/fabric-web 7.3.1 → 7.4.0

package/esm/components/card-preview/card-preview.styles.js

@@ -6,6 +6,6 @@ import { spacingHorizontalM, spacingVerticalM, display } from '@fluentui/web-com
  */
 const styles = css`
   ${display("flex")}
-  :host{position:relative;overflow:hidden}::slotted([slot="badge"]){position:absolute;inset-inline-start:${spacingHorizontalM};bottom:${spacingVerticalM}}::slotted(img){overflow:hidden}`;
+  :host{white-space:normal;position:relative;overflow:hidden}::slotted([slot="badge"]){position:absolute;inset-inline-start:${spacingHorizontalM};bottom:${spacingVerticalM}}::slotted(img){overflow:hidden}`;
 
 export { styles };

package/esm/components/card-preview/card-preview.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"card-preview.styles.js","sourceRoot":"","sources":["../../../../src/components/card-preview/card-preview.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;0BAQO,kBAAkB;cAC9B,gBAAgB;;;;;CAK7B,CAAC"}
+{"version":3,"file":"card-preview.styles.js","sourceRoot":"","sources":["../../../../src/components/card-preview/card-preview.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;0BASO,kBAAkB;cAC9B,gBAAgB;;;;;CAK7B,CAAC"}

package/esm/components/carousel/carousel.definition.js

@@ -1,5 +1,8 @@
-import { DesignSystem } from '../design-system.js';
 import { Carousel } from './carousel.js';
+import { definition as definition$2 } from '../carousel-nav/carousel-nav.definition.js';
+import { definition as definition$3 } from '../carousel-nav-item/carousel-nav-item.definition.js';
+import { definition as definition$1 } from '../carousel-viewport/carousel-viewport.definition.js';
+import { DesignSystem } from '../design-system.js';
 import { styles } from './carousel.styles.js';
 import { template } from './carousel.template.js';
 
@@ -17,5 +20,25 @@ const definition = Carousel.compose({
     mode: DesignSystem.shadowRootMode
   }
 });
+/**
+ * Registers the carousel element and all of its internal dependencies
+ * (carousel-item, carousel-nav, carousel-nav-item) with the provided registry.
+ *
+ * @param registry - The CustomElementRegistry to register with. Defaults to `customElements`.
+ *
+ * @example
+ * ```ts
+ * import { defineCarousel } from "@fabric-msft/fabric-web";
+ * defineCarousel(); // registers fabric-carousel and its dependencies
+ * ```
+ *
+ * @public
+ */
+function defineCarousel(registry = customElements) {
+  definition$1.define(registry);
+  definition$2.define(registry);
+  definition$3.define(registry);
+  definition.define(registry);
+}
 
-export { definition };
+export { defineCarousel, definition };

package/esm/components/carousel/carousel.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.definition.js","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,WAAW;IACvC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"carousel.definition.js","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACjG,OAAO,EAAE,UAAU,IAAI,yBAAyB,EAAE,MAAM,sDAAsD,CAAC;AAC/G,OAAO,EAAE,UAAU,IAAI,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;AAChH,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAC9C,OAAO,EAAE,QAAQ,EAAE,MAAM,wBAAwB,CAAC;AAElD;;;;;GAKG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,WAAW;IACvC,QAAQ;IACR,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,cAAc,CAC5B,WAAkC,cAAc;IAEhD,0BAA0B,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC5C,qBAAqB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACvC,yBAAyB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAC9B,CAAC"}

package/esm/components/carousel/carousel.styles.js

@@ -6,6 +6,6 @@ import { colorNeutralBackground1, spacingVerticalM } from '@fluentui/web-compone
  * @public
  */
 const styles = css`
-  :host{--_carousel-dir:-1;display:flex;flex-direction:column;position:relative;background:${colorNeutralBackground1}}:host(:dir(rtl)){--_carousel-dir:1}.nav-container{display:flex;justify-content:center;width:100%}:host([nav-position="outside-content"]) .nav-container{position:relative;margin-block-start:${spacingVerticalM}}:host([nav-position="over-content"]) .nav-container{position:absolute;inset-block-end:${spacingVerticalM};inset-inline:0;z-index:1}`;
+  :host{white-space:normal;--_carousel-dir:-1;display:flex;flex-direction:column;position:relative;background:${colorNeutralBackground1}}:host(:dir(rtl)){--_carousel-dir:1}.nav-container{display:flex;justify-content:center;width:100%}:host([nav-position="outside-content"]) .nav-container{position:relative;margin-block-start:${spacingVerticalM}}:host([nav-position="over-content"]) .nav-container{position:absolute;inset-block-end:${spacingVerticalM};inset-inline:0;z-index:1}`;
 
 export { styles };

package/esm/components/carousel/carousel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;kBAMtB,uBAAuB;;;;;;;;;;;;;;;0BAef,gBAAgB;;;;;uBAKnB,gBAAgB;;;;CAItC,CAAC"}
+{"version":3,"file":"carousel.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel/carousel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EACL,uBAAuB,EACvB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;;kBAOtB,uBAAuB;;;;;;;;;;;;;;;0BAef,gBAAgB;;;;;uBAKnB,gBAAgB;;;;CAItC,CAAC"}

package/esm/components/carousel/define.js

@@ -1,29 +1,4 @@
-import { definition as definition$3 } from './carousel.definition.js';
-import { DesignSystem } from '../design-system.js';
-import { definition as definition$1 } from '../carousel-nav/carousel-nav.definition.js';
-import { definition as definition$2 } from '../carousel-nav-item/carousel-nav-item.definition.js';
-import { definition } from '../carousel-viewport/carousel-viewport.definition.js';
-
-/**
- * Registers the carousel element and all of its internal dependencies
- * (carousel-item, carousel-nav, carousel-nav-item) with the provided registry.
- *
- * @param registry - The CustomElementRegistry to register with. Defaults to `customElements`.
- *
- * @example
- * ```ts
- * import { defineCarousel } from "@fabric-msft/fabric-web";
- * defineCarousel(); // registers fabric-carousel and its dependencies
- * ```
- *
- * @public
- */
-function defineCarousel(registry = customElements) {
-  definition.define(registry);
-  definition$1.define(registry);
-  definition$2.define(registry);
-  definition$3.define(registry);
-}
+import { DesignSystem } from "../design-system.js";
+import { defineCarousel } from "./carousel.definition.js";
 defineCarousel(DesignSystem.registry);
-
-export { defineCarousel };
+//# sourceMappingURL=define.js.map

package/esm/components/carousel/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/carousel/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AACtD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,IAAI,qBAAqB,EAAE,MAAM,4CAA4C,CAAC;AACjG,OAAO,EAAE,UAAU,IAAI,yBAAyB,EAAE,MAAM,sDAAsD,CAAC;AAC/G,OAAO,EAAE,UAAU,IAAI,0BAA0B,EAAE,MAAM,sDAAsD,CAAC;AAEhH;;;;;;;;;;;;;GAaG;AACH,MAAM,UAAU,cAAc,CAC5B,WAAkC,cAAc;IAEhD,0BAA0B,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC5C,qBAAqB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IACvC,yBAAyB,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;IAC3C,UAAU,CAAC,MAAM,CAAC,QAAQ,CAAC,CAAC;AAC9B,CAAC;AAED,cAAc,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/carousel/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAE1D,cAAc,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/carousel/index.js

@@ -1,8 +1,7 @@
 export * from "./carousel.js";
 export { CarouselNavPositions } from "./carousel.options.js";
 export { CarouselEventNames } from "./carousel.events.js";
-export { definition as CarouselDefinition } from "./carousel.definition.js";
+export { definition as CarouselDefinition, defineCarousel } from "./carousel.definition.js";
 export { styles as CarouselStyles } from "./carousel.styles.js";
 export { template as CarouselTemplate } from "./carousel.template.js";
-export { defineCarousel } from "./define.js";
 //# sourceMappingURL=index.js.map

package/esm/components/carousel/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EAAE,UAAU,IAAI,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACtE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/carousel/index.ts"],"names":[],"mappings":"AAAA,cAAc,eAAe,CAAC;AAC9B,OAAO,EAAE,oBAAoB,EAAE,MAAM,uBAAuB,CAAC;AAE7D,OAAO,EAAE,kBAAkB,EAAE,MAAM,sBAAsB,CAAC;AAE1D,OAAO,EACL,UAAU,IAAI,kBAAkB,EAChC,cAAc,EACf,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,sBAAsB,CAAC;AAChE,OAAO,EAAE,QAAQ,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/esm/components/carousel-item/carousel-item.styles.js

@@ -5,6 +5,6 @@ import { css } from '@microsoft/fast-element';
  * @public
  */
 const styles = css`
-  :host{display:block;flex-shrink:0;width:100%;box-sizing:border-box}`;
+  :host{white-space:normal;display:block;flex-shrink:0;width:100%;box-sizing:border-box}`;
 
 export { styles };

package/esm/components/carousel-item/carousel-item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-item.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel-item/carousel-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAG9C;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;;CAOvC,CAAC"}
+{"version":3,"file":"carousel-item.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel-item/carousel-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAG9C;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;;;CAQvC,CAAC"}

package/esm/components/carousel-nav/carousel-nav.styles.js

@@ -13,7 +13,7 @@ import '../../util/platform.js';
  * @public
  */
 const styles = css`
-  :host{display:flex;align-items:center;justify-content:center;width:100%}.nav-content{display:flex;align-items:center;gap:${spacingHorizontalM}}:host([button-placement="grouped"]) .nav-content{justify-content:center}:host([button-placement="flexible"]) .nav-content{justify-content:space-between;width:100%}:host([button-placement="flexible"]) .indicators{flex:1;display:flex;justify-content:center}:host([button-placement="hidden"]) .nav-button{display:none}.indicators{display:flex;align-items:center}.nav-button{display:flex;align-items:center;justify-content:center;width:${spacingHorizontalXXL};height:${spacingHorizontalXXL};padding:${spacingHorizontalXXS};background:${colorNeutralBackground1};color:${colorNeutralForeground1};cursor:pointer;border:none}.nav-button svg{display:block}:dir(rtl) .nav-button svg{transform:scaleX(-1)}.nav-button:hover{background:${colorNeutralStroke1}}.nav-button:focus-visible{outline:2px solid ${colorNeutralForeground1};outline-offset:2px;border-radius:${borderRadiusSmall}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+  :host{white-space:normal;display:flex;align-items:center;justify-content:center;width:100%}.nav-content{display:flex;align-items:center;gap:${spacingHorizontalM}}:host([button-placement="grouped"]) .nav-content{justify-content:center}:host([button-placement="flexible"]) .nav-content{justify-content:space-between;width:100%}:host([button-placement="flexible"]) .indicators{flex:1;display:flex;justify-content:center}:host([button-placement="hidden"]) .nav-button{display:none}.indicators{display:flex;align-items:center}.nav-button{display:flex;align-items:center;justify-content:center;width:${spacingHorizontalXXL};height:${spacingHorizontalXXL};padding:${spacingHorizontalXXS};background:${colorNeutralBackground1};color:${colorNeutralForeground1};cursor:pointer;border:none}.nav-button svg{display:block}:dir(rtl) .nav-button svg{transform:scaleX(-1)}.nav-button:hover{background:${colorNeutralStroke1}}.nav-button:focus-visible{outline:2px solid ${colorNeutralForeground1};outline-offset:2px;border-radius:${borderRadiusSmall}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
     .nav-button:focus-visible{outline-color:Highlight !important}`));
 
 export { styles };

package/esm/components/carousel-nav/carousel-nav.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-nav.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav/carousel-nav.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AAErE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;;;;;;WAW7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAkChB,oBAAoB;cACnB,oBAAoB;eACnB,oBAAoB;kBACjB,uBAAuB;aAC5B,uBAAuB;;;;;;;;;;;;;;kBAclB,mBAAmB;;;;yBAIZ,uBAAuB;;qBAE3B,iBAAiB;;CAErC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;GAIjC,CAAC,CACH,CAAC"}
+{"version":3,"file":"carousel-nav.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav/carousel-nav.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,oBAAoB,EACpB,iBAAiB,EACjB,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AAErE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;;;;;;;WAY7B,kBAAkB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;aAkChB,oBAAoB;cACnB,oBAAoB;eACnB,oBAAoB;kBACjB,uBAAuB;aAC5B,uBAAuB;;;;;;;;;;;;;;kBAclB,mBAAmB;;;;yBAIZ,uBAAuB;;qBAE3B,iBAAiB;;CAErC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;GAIjC,CAAC,CACH,CAAC"}

package/esm/components/carousel-nav-item/carousel-nav-item.styles.js

@@ -13,7 +13,7 @@ import '../../util/platform.js';
  * @public
  */
 const styles = css`
-  :host{display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:${spacingHorizontalXXL};height:${spacingVerticalXXL}}.indicator{display:block;width:${spacingHorizontalS};height:${spacingHorizontalS};border-radius:${borderRadiusCircular};background:${colorNeutralForeground2};opacity:0.3;transition:width ${durationFast} ${curveEasyEase},opacity ${durationFast} ${curveEasyEase}}:host([active]) .indicator{width:${spacingHorizontalL};opacity:1;background:${colorNeutralForeground1}}:host(:hover) .indicator{opacity:0.6}:host([active]:hover) .indicator{opacity:1}:host(:focus-visible){outline:2px solid ${colorNeutralForeground1};border-radius:${borderRadiusSmall}}@media (prefers-reduced-motion:reduce){.indicator{transition:none}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+  :host{white-space:normal;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;width:${spacingHorizontalXXL};height:${spacingVerticalXXL}}.indicator{display:block;width:${spacingHorizontalS};height:${spacingHorizontalS};border-radius:${borderRadiusCircular};background:${colorNeutralForeground2};opacity:0.3;transition:width ${durationFast} ${curveEasyEase},opacity ${durationFast} ${curveEasyEase}}:host([active]) .indicator{width:${spacingHorizontalL};opacity:1;background:${colorNeutralForeground1}}:host(:hover) .indicator{opacity:0.6}:host([active]:hover) .indicator{opacity:1}:host(:focus-visible){outline:2px solid ${colorNeutralForeground1};border-radius:${borderRadiusSmall}}@media (prefers-reduced-motion:reduce){.indicator{transition:none}}`.withBehaviors(forcedColorsStylesheetBehavior(css`
     :host(:focus-visible){outline-color:Highlight !important}`));
 
 export { styles };

package/esm/components/carousel-nav-item/carousel-nav-item.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-nav-item.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav-item/carousel-nav-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AAErE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;aAM3B,oBAAoB;cACnB,kBAAkB;;;;;aAKnB,kBAAkB;cACjB,kBAAkB;qBACX,oBAAoB;kBACvB,uBAAuB;;;cAG3B,YAAY,IAAI,aAAa;gBAC3B,YAAY,IAAI,aAAa;;;;aAIhC,kBAAkB;;kBAEb,uBAAuB;;;;;;;;;;;;yBAYhB,uBAAuB;qBAC3B,iBAAiB;;;;;;;;CAQrC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;GAIjC,CAAC,CACH,CAAC"}
+{"version":3,"file":"carousel-nav-item.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel-nav-item/carousel-nav-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,oBAAoB,EACpB,YAAY,EACZ,aAAa,EACb,kBAAkB,EAClB,kBAAkB,EAClB,kBAAkB,EAClB,oBAAoB,EACpB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,8BAA8B,EAAE,MAAM,qBAAqB,CAAC;AAErE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;;aAO3B,oBAAoB;cACnB,kBAAkB;;;;;aAKnB,kBAAkB;cACjB,kBAAkB;qBACX,oBAAoB;kBACvB,uBAAuB;;;cAG3B,YAAY,IAAI,aAAa;gBAC3B,YAAY,IAAI,aAAa;;;;aAIhC,kBAAkB;;kBAEb,uBAAuB;;;;;;;;;;;;yBAYhB,uBAAuB;qBAC3B,iBAAiB;;;;;;;;CAQrC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;GAIjC,CAAC,CACH,CAAC"}

package/esm/components/carousel-viewport/carousel-viewport.styles.js

@@ -6,6 +6,6 @@ import { durationNormal, curveEasyEase } from '@fluentui/web-components';
  * @public
  */
 const styles = css`
-  :host{--_carousel-dir:-1;display:block;overflow:hidden;position:relative;width:100%}:host(:dir(rtl)){--_carousel-dir:1}.track{display:flex;transition:transform ${durationNormal} ${curveEasyEase};will-change:transform}@media (prefers-reduced-motion:reduce){.track{transition:none}}`;
+  :host{white-space:normal;--_carousel-dir:-1;display:block;overflow:hidden;position:relative;width:100%}:host(:dir(rtl)){--_carousel-dir:1}.track{display:flex;transition:transform ${durationNormal} ${curveEasyEase};will-change:transform}@media (prefers-reduced-motion:reduce){.track{transition:none}}`;
 
 export { styles };

package/esm/components/carousel-viewport/carousel-viewport.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"carousel-viewport.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel-viewport/carousel-viewport.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;;;;;;;;;;4BAeZ,cAAc,IAAI,aAAa;;;;;;;;;CAS1D,CAAC"}
+{"version":3,"file":"carousel-viewport.styles.js","sourceRoot":"","sources":["../../../../src/components/carousel-viewport/carousel-viewport.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EAAE,cAAc,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AAEzE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;;;;;;;;;;;4BAgBZ,cAAc,IAAI,aAAa;;;;;;;;;CAS1D,CAAC"}

package/esm/components/checkbox/checkbox.definition.js

@@ -1,6 +1,7 @@
-import { CheckboxStyles, CheckboxTemplate } from '@fluentui/web-components';
+import { CheckboxTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
 import { Checkbox } from './checkbox.js';
+import { styles } from './checkbox.styles.js';
 
 /**
  * The Fabric Checkbox component.
@@ -10,7 +11,7 @@ import { Checkbox } from './checkbox.js';
 const definition = Checkbox.compose({
   name: `${DesignSystem.prefix}-checkbox`,
   template: CheckboxTemplate,
-  styles: CheckboxStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/checkbox/checkbox.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"checkbox.definition.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AAEzC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,WAAW;IACvC,QAAQ,EAAE,gBAAgB;IAC1B,MAAM,EAAE,cAAc;IACtB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"checkbox.definition.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,QAAQ,EAAE,MAAM,eAAe,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,sBAAsB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,QAAQ,CAAC,OAAO,CAAC;IACzC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,WAAW;IACvC,QAAQ,EAAE,gBAAgB;IAC1B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/checkbox/checkbox.styles.js

@@ -0,0 +1,10 @@
+import { CheckboxStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+// eslint-disable-next-line fabric/no-hardcoded-design-values -- composing upstream Fluent styles
+const styles = css`
+  ${CheckboxStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

package/esm/components/checkbox/checkbox.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"checkbox.styles.js","sourceRoot":"","sources":["../../../../src/components/checkbox/checkbox.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,iGAAiG;AACjG,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;CAKjB,CAAC"}

package/esm/components/compound-button/compound-button.styles.js

@@ -3,7 +3,8 @@ import { css } from '@microsoft/fast-element';
 
 const styles = css`
   ${CompoundButtonStyles}
-  :host([appearance='primary-on-brand']){background-color:${colorBrandBackground};color:${colorNeutralForegroundOnBrand};border-color:${colorNeutralStrokeOnBrand}}:host([appearance="primary-on-brand"]) ::slotted([slot="description"]){color:${colorNeutralForegroundOnBrand}}:host(
+
+  :host{white-space:normal}:host([appearance="primary-on-brand"]){background-color:${colorBrandBackground};color:${colorNeutralForegroundOnBrand};border-color:${colorNeutralStrokeOnBrand}}:host([appearance="primary-on-brand"]) ::slotted([slot="description"]){color:${colorNeutralForegroundOnBrand}}:host(
     [appearance="primary-on-brand"]:is(:hover,:hover:active):not(
         :focus-visible
       )

package/esm/components/compound-button/compound-button.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"compound-button.styles.js","sourceRoot":"","sources":["../../../../src/components/compound-button/compound-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,IAAI,0BAA0B,EAClD,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,yBAAyB,EACzB,2BAA2B,EAC3B,iBAAiB,EACjB,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,0BAA0B;;wBAEN,oBAAoB;aAC/B,6BAA6B;oBACtB,yBAAyB;;;;aAIhC,6BAA6B;;;;;;;;oBAQtB,yBAAyB;;;;aAIhC,6BAA6B;wBAClB,yBAAyB;;;;wBAIzB,2BAA2B;;;;oBAI/B,6BAA6B;;QAEzC,OAAO;kBACG,iBAAiB;;CAElC,CAAC"}
+{"version":3,"file":"compound-button.styles.js","sourceRoot":"","sources":["../../../../src/components/compound-button/compound-button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,IAAI,0BAA0B,EAClD,oBAAoB,EACpB,6BAA6B,EAC7B,yBAAyB,EACzB,yBAAyB,EACzB,2BAA2B,EAC3B,iBAAiB,EACjB,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,0BAA0B;;;;;;;wBAON,oBAAoB;aAC/B,6BAA6B;oBACtB,yBAAyB;;;;aAIhC,6BAA6B;;;;;;;;oBAQtB,yBAAyB;;;;aAIhC,6BAA6B;wBAClB,yBAAyB;;;;wBAIzB,2BAA2B;;;;oBAI/B,6BAA6B;;QAEzC,OAAO;kBACG,iBAAiB;;CAElC,CAAC"}

package/esm/components/counter-badge/counter-badge.definition.js

@@ -1,6 +1,7 @@
-import { CounterBadgeStyles, CounterBadgeTemplate } from '@fluentui/web-components';
+import { CounterBadgeTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
 import { CounterBadge } from './counter-badge.js';
+import { styles } from './counter-badge.styles.js';
 
 /**
  * The Fabric Counter Badge component.
@@ -10,7 +11,7 @@ import { CounterBadge } from './counter-badge.js';
 const definition = CounterBadge.compose({
   name: `${DesignSystem.prefix}-counter-badge`,
   template: CounterBadgeTemplate,
-  styles: CounterBadgeStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/counter-badge/counter-badge.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"counter-badge.definition.js","sourceRoot":"","sources":["../../../../src/components/counter-badge/counter-badge.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,gBAAgB;IAC5C,QAAQ,EAAE,oBAAoB;IAC9B,MAAM,EAAE,kBAAkB;IAC1B,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"counter-badge.definition.js","sourceRoot":"","sources":["../../../../src/components/counter-badge/counter-badge.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,oBAAoB,EAAE,MAAM,0BAA0B,CAAC;AAChE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EAAE,MAAM,EAAE,MAAM,2BAA2B,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,YAAY,CAAC,OAAO,CAAC;IAC7C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,gBAAgB;IAC5C,QAAQ,EAAE,oBAAoB;IAC9B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/counter-badge/counter-badge.styles.js

@@ -0,0 +1,10 @@
+import { CounterBadgeStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+// eslint-disable-next-line fabric/no-hardcoded-design-values -- composing upstream Fluent styles
+const styles = css`
+  ${CounterBadgeStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

package/esm/components/counter-badge/counter-badge.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-badge.styles.js","sourceRoot":"","sources":["../../../../src/components/counter-badge/counter-badge.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,iGAAiG;AACjG,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,kBAAkB;;;;;CAKrB,CAAC"}

package/esm/components/dialog/dialog.styles.js

@@ -3,6 +3,7 @@ import { css } from '@microsoft/fast-element';
 
 const styles = css`
   ${DialogStyles}
-  dialog{max-width:var(--dialog-max-width,600px)}}`;
+
+  :host{white-space:normal}dialog{max-width:var(--dialog-max-width,600px)}`;
 
 export { styles };

package/esm/components/dialog/dialog.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;;;EAId,CAAC"}
+{"version":3,"file":"dialog.styles.js","sourceRoot":"","sources":["../../../../src/components/dialog/dialog.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;;;;;;;;CASf,CAAC"}

package/esm/components/dialog-body/dialog-body.definition.js

@@ -1,6 +1,7 @@
-import { DialogBodyStyles, DialogBodyTemplate } from '@fluentui/web-components';
+import { DialogBodyTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
 import { DialogBody } from './dialog-body.js';
+import { styles } from './dialog-body.styles.js';
 
 /**
  * The Fabric Dialog Body component.
@@ -10,7 +11,7 @@ import { DialogBody } from './dialog-body.js';
 const definition = DialogBody.compose({
   name: `${DesignSystem.prefix}-dialog-body`,
   template: DialogBodyTemplate,
-  styles: DialogBodyStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/dialog-body/dialog-body.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog-body.definition.js","sourceRoot":"","sources":["../../../../src/components/dialog-body/dialog-body.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,eAAe,CAAC;AAE3C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"dialog-body.definition.js","sourceRoot":"","sources":["../../../../src/components/dialog-body/dialog-body.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/dialog-body/dialog-body.styles.js

@@ -0,0 +1,9 @@
+import { DialogBodyStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${DialogBodyStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

package/esm/components/dialog-body/dialog-body.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog-body.styles.js","sourceRoot":"","sources":["../../../../src/components/dialog-body/dialog-body.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,gBAAgB;;;;;CAKnB,CAAC"}

package/esm/components/divider/divider.styles.js

@@ -3,6 +3,7 @@ import { css } from '@microsoft/fast-element';
 
 const styles = css`
   ${DividerStyles}
-  :host([orientation='vertical']){min-height:unset}`;
+
+  :host{white-space:normal}:host([orientation="vertical"]){min-height:unset}`;
 
 export { styles };

package/esm/components/divider/divider.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.styles.js","sourceRoot":"","sources":["../../../../src/components/divider/divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,aAAa;;;;CAIhB,CAAC"}
+{"version":3,"file":"divider.styles.js","sourceRoot":"","sources":["../../../../src/components/divider/divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,aAAa;;;;;;;;;CAShB,CAAC"}

package/esm/components/drawer/drawer.definition.js

@@ -1,6 +1,7 @@
-import { DrawerStyles, DrawerTemplate } from '@fluentui/web-components';
+import { DrawerTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
 import { Drawer } from './drawer.js';
+import { styles } from './drawer.styles.js';
 
 /**
  * The Fabric Drawer component.
@@ -10,7 +11,7 @@ import { Drawer } from './drawer.js';
 const definition = Drawer.compose({
   name: `${DesignSystem.prefix}-drawer`,
   template: DrawerTemplate,
-  styles: DrawerStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/drawer/drawer.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer.definition.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"drawer.definition.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ,EAAE,cAAc;IACxB,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/drawer/drawer.styles.js

@@ -0,0 +1,9 @@
+import { DrawerStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${DrawerStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

package/esm/components/drawer/drawer.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.styles.js","sourceRoot":"","sources":["../../../../src/components/drawer/drawer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,0BAA0B,CAAC;AACxD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;;;;CAKf,CAAC"}

package/esm/components/drawer-body/drawer-body.definition.js

@@ -1,6 +1,7 @@
-import { DrawerBodyStyles, DrawerBodyTemplate } from '@fluentui/web-components';
+import { DrawerBodyTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
 import { DrawerBody } from './drawer-body.js';
+import { styles } from './drawer-body.styles.js';
 
 /**
  * The Fabric Drawer Body component.
@@ -10,7 +11,7 @@ import { DrawerBody } from './drawer-body.js';
 const definition = DrawerBody.compose({
   name: `${DesignSystem.prefix}-drawer-body`,
   template: DrawerBodyTemplate,
-  styles: DrawerBodyStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/drawer-body/drawer-body.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"drawer-body.definition.js","sourceRoot":"","sources":["../../../../src/components/drawer-body/drawer-body.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAE9C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM,EAAE,gBAAgB;IACxB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"drawer-body.definition.js","sourceRoot":"","sources":["../../../../src/components/drawer-body/drawer-body.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,MAAM,EAAE,MAAM,yBAAyB,CAAC;AAEjD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,UAAU,CAAC,OAAO,CAAC;IAC3C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,cAAc;IAC1C,QAAQ,EAAE,kBAAkB;IAC5B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/drawer-body/drawer-body.styles.js

@@ -0,0 +1,9 @@
+import { DrawerBodyStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${DrawerBodyStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

package/esm/components/drawer-body/drawer-body.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer-body.styles.js","sourceRoot":"","sources":["../../../../src/components/drawer-body/drawer-body.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,MAAM,0BAA0B,CAAC;AAC5D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,gBAAgB;;;;;CAKnB,CAAC"}

package/esm/components/dropdown/dropdown.styles.js

@@ -5,6 +5,6 @@ import { focusVisibleState } from '../styles/states/states.js';
 const styles = css`
   ${DropdownStyles}
 
-  ::slotted([popover]){position:fixed}@supports (anchor-name:--anchor){::slotted([popover]){width:anchor-size(width);max-width:anchor-size(width)}:host(:where(:focus-within):not(${focusVisibleState})) .control{box-shadow:inset 0 0 0 1px var(--control-border-color,transparent);outline:none}`;
+  :host{white-space:normal}::slotted([popover]){position:fixed}@supports (anchor-name:--anchor){::slotted([popover]){width:anchor-size(width);max-width:anchor-size(width)}:host(:where(:focus-within):not(${focusVisibleState})) .control{box-shadow:inset 0 0 0 1px var(--control-border-color,transparent);outline:none}`;
 
 export { styles };

package/esm/components/dropdown/dropdown.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;;;;;;;;oCAYkB,iBAAiB;;;;CAIpD,CAAC"}
+{"version":3,"file":"dropdown.styles.js","sourceRoot":"","sources":["../../../../src/components/dropdown/dropdown.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,iBAAiB,EAAE,MAAM,4BAA4B,CAAC;AAE/D,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;;;;;;;;;;;;oCAgBkB,iBAAiB;;;;CAIpD,CAAC"}

package/esm/components/dynamic-tab/dynamic-tab.styles.js

@@ -8,6 +8,6 @@ import { visuallyHidden } from '../styles/patterns/patterns.js';
  */
 const styles = css`
   ${visuallyHidden}
-  :host{outline:none}.root{display:inline-flex;position:relative;box-sizing:border-box;font-family:${fontFamilyBase};outline:none;min-width:180px;}.container{display:flex;align-items:center;gap:${spacingHorizontalXS};padding:${spacingVerticalSNudge} ${spacingHorizontalS};border-radius:${borderRadiusMedium};background:${colorSubtleBackground};width:100%;box-sizing:border-box;cursor:pointer}:host(:hover:not([disabled]):not([selected])) .container{background:${colorSubtleBackgroundHover}}:host(:hover:not([disabled])) .label{font-weight:${fontWeightSemibold}}:host(:active:not([disabled])) .container{background:${colorSubtleBackgroundPressed}}:host([selected]) .container{background:${colorSubtleBackgroundSelected}}:host([selected]) .label{font-weight:${fontWeightSemibold}}:host([selected]) .divider{display:none}:host(:focus-visible) .container{outline:2px solid ${colorStrokeFocus2};outline-offset:-2px}:host([disabled]){cursor:not-allowed}:host([disabled]) .container{cursor:not-allowed}:host([disabled]) .label{color:${colorNeutralForegroundDisabled}}:host([disabled]) .icon{color:${colorNeutralForegroundDisabled}}.icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:${colorNeutralForeground1}}.label{flex:1;font-size:${fontSizeBase300};font-weight:${fontWeightRegular};line-height:${lineHeightBase300};color:${colorNeutralForeground1};white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dismiss-button{flex-shrink:0;--button-padding-inline:0;--button-min-width:20px;padding:0;padding-inline-start:${spacingHorizontalXS};min-width:unset;min-height:unset;border:unset}.modified-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:${colorNeutralForeground1}}.modified-indicator svg{width:6px;height:6px}.divider{position:absolute;inset-inline-end:-1px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:${colorNeutralStroke2};display:var(--tab-divider-display,block)}`;
+  :host{white-space:normal;outline:none}.root{display:inline-flex;position:relative;box-sizing:border-box;font-family:${fontFamilyBase};outline:none;min-width:180px;}.container{display:flex;align-items:center;gap:${spacingHorizontalXS};padding:${spacingVerticalSNudge} ${spacingHorizontalS};border-radius:${borderRadiusMedium};background:${colorSubtleBackground};width:100%;box-sizing:border-box;cursor:pointer}:host(:hover:not([disabled]):not([selected])) .container{background:${colorSubtleBackgroundHover}}:host(:hover:not([disabled])) .label{font-weight:${fontWeightSemibold}}:host(:active:not([disabled])) .container{background:${colorSubtleBackgroundPressed}}:host([selected]) .container{background:${colorSubtleBackgroundSelected}}:host([selected]) .label{font-weight:${fontWeightSemibold}}:host([selected]) .divider{display:none}:host(:focus-visible) .container{outline:2px solid ${colorStrokeFocus2};outline-offset:-2px}:host([disabled]){cursor:not-allowed}:host([disabled]) .container{cursor:not-allowed}:host([disabled]) .label{color:${colorNeutralForegroundDisabled}}:host([disabled]) .icon{color:${colorNeutralForegroundDisabled}}.icon{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:${colorNeutralForeground1}}.label{flex:1;font-size:${fontSizeBase300};font-weight:${fontWeightRegular};line-height:${lineHeightBase300};color:${colorNeutralForeground1};white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}.dismiss-button{flex-shrink:0;--button-padding-inline:0;--button-min-width:20px;padding:0;padding-inline-start:${spacingHorizontalXS};min-width:unset;min-height:unset;border:unset}.modified-indicator{display:flex;align-items:center;justify-content:center;width:20px;height:20px;flex-shrink:0;color:${colorNeutralForeground1}}.modified-indicator svg{width:6px;height:6px}.divider{position:absolute;inset-inline-end:-1px;top:50%;transform:translateY(-50%);width:1px;height:20px;background:${colorNeutralStroke2};display:var(--tab-divider-display,block)}`;
 
 export { styles };

package/esm/components/dynamic-tab/dynamic-tab.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-tab.styles.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;;;;;mBASC,cAAc;;;;;;;;WAQtB,mBAAmB;eACf,qBAAqB,IAAI,kBAAkB;qBACrC,kBAAkB;kBACrB,qBAAqB;;;;;;;;kBAQrB,0BAA0B;;;;mBAIzB,kBAAkB;;;;;kBAKnB,4BAA4B;;;;;kBAK5B,6BAA6B;;;;mBAI5B,kBAAkB;;;;;;;;;yBASZ,iBAAiB;;;;;;;;;;;;;;aAc7B,8BAA8B;;;;aAI9B,8BAA8B;;;;;;;;;;;aAW9B,uBAAuB;;;;;;iBAMnB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;aACvB,uBAAuB;;;;;;;;;;;;;4BAaR,mBAAmB;;;;;;;;;;;;;;aAclC,uBAAuB;;;;;;;;;;;;;;;;kBAgBlB,mBAAmB;;;CAGpC,CAAC"}
+{"version":3,"file":"dynamic-tab.styles.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab/dynamic-tab.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,6BAA6B,CAAC;AAE7D;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,cAAc;;;;;;;;;;mBAUC,cAAc;;;;;;;;WAQtB,mBAAmB;eACf,qBAAqB,IAAI,kBAAkB;qBACrC,kBAAkB;kBACrB,qBAAqB;;;;;;;;kBAQrB,0BAA0B;;;;mBAIzB,kBAAkB;;;;;kBAKnB,4BAA4B;;;;;kBAK5B,6BAA6B;;;;mBAI5B,kBAAkB;;;;;;;;;yBASZ,iBAAiB;;;;;;;;;;;;;;aAc7B,8BAA8B;;;;aAI9B,8BAA8B;;;;;;;;;;;aAW9B,uBAAuB;;;;;;iBAMnB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;aACvB,uBAAuB;;;;;;;;;;;;;4BAaR,mBAAmB;;;;;;;;;;;;;;aAclC,uBAAuB;;;;;;;;;;;;;;;;kBAgBlB,mBAAmB;;;CAGpC,CAAC"}

package/esm/components/dynamic-tab-list/dynamic-tab-list.styles.js

@@ -6,6 +6,6 @@ import { colorNeutralBackground1, spacingHorizontalXS, spacingVerticalSNudge, co
  * @public
  */
 const styles = css`
-  :host{display:flex;align-items:center;background:${colorNeutralBackground1};position:relative}:host([orientation="vertical"]){flex-direction:column;align-items:stretch}.tabs-container{display:flex;flex:1;gap:${spacingHorizontalXS};overflow-x:auto;overflow-y:clip;padding:${spacingVerticalSNudge} 0px;border-bottom:1px solid ${colorNeutralStroke1};max-height:44px;box-sizing:border-box}.tabs-container::-webkit-scrollbar{height:${spacingHorizontalXS};background:transparent}.tabs-container::-webkit-scrollbar-track{background:transparent}.tabs-container::-webkit-scrollbar-thumb{background:${colorNeutralForeground3};border-radius:${borderRadiusSmall}}.tabs-container:first-child{padding-inline-start:${spacingHorizontalSNudge}}.tabs-container:last-child{padding-inline-start:${spacingHorizontalSNudge}}:host([orientation="vertical"]) .tabs-container{flex-direction:column;overflow-x:visible;overflow-y:auto;--tab-divider-display:none}:host([orientation="vertical"]) .tabs-container::-webkit-scrollbar{width:${spacingHorizontalXS};height:auto}.actions-container{display:flex;align-items:center;flex-shrink:0;gap:${spacingHorizontalXS}}.actions-container ::slotted(*){margin-inline-start:${spacingHorizontalXS}}.manage-tabs-trigger{display:inline-flex;cursor:pointer;anchor-name:--manage-tabs-anchor}.manage-tabs-trigger[hidden]{display:none}.manage-tabs-menu{position:absolute;position-anchor:--manage-tabs-anchor;position-area:block-end;margin:0;padding:0;border:none;background:transparent;overflow:visible;color:inherit}.manage-tabs-menu:popover-open{inset:unset;inset-inline-start:anchor(start)}.manage-tabs-menu:not(:popover-open){display:none}.managed-tabs-built-in-menu{}.managed-tabs-built-in-menu fabric-menu-item{grid-template-columns:0px ${spacingHorizontalXL} 1fr ${spacingHorizontalXL}}.managed-tabs-built-in-menu fabric-menu-item [slot="start"]{display:inline-flex;align-items:center}.managed-tabs-separator{height:1px;background:${colorNeutralStroke2};margin:${spacingVerticalXS} ${spacingHorizontalS}}.managed-tabs-custom-icon[hidden]{display:none}.managed-tabs-tab-item[data-active]{color:${colorBrandForeground1};font-weight:${fontWeightSemibold}}`;
+  :host{white-space:normal;display:flex;align-items:center;background:${colorNeutralBackground1};position:relative}:host([orientation="vertical"]){flex-direction:column;align-items:stretch}.tabs-container{display:flex;flex:1;gap:${spacingHorizontalXS};overflow-x:auto;overflow-y:clip;padding:${spacingVerticalSNudge} 0px;border-bottom:1px solid ${colorNeutralStroke1};max-height:44px;box-sizing:border-box}.tabs-container::-webkit-scrollbar{height:${spacingHorizontalXS};background:transparent}.tabs-container::-webkit-scrollbar-track{background:transparent}.tabs-container::-webkit-scrollbar-thumb{background:${colorNeutralForeground3};border-radius:${borderRadiusSmall}}.tabs-container:first-child{padding-inline-start:${spacingHorizontalSNudge}}.tabs-container:last-child{padding-inline-start:${spacingHorizontalSNudge}}:host([orientation="vertical"]) .tabs-container{flex-direction:column;overflow-x:visible;overflow-y:auto;--tab-divider-display:none}:host([orientation="vertical"]) .tabs-container::-webkit-scrollbar{width:${spacingHorizontalXS};height:auto}.actions-container{display:flex;align-items:center;flex-shrink:0;gap:${spacingHorizontalXS}}.actions-container ::slotted(*){margin-inline-start:${spacingHorizontalXS}}.manage-tabs-trigger{display:inline-flex;cursor:pointer;anchor-name:--manage-tabs-anchor}.manage-tabs-trigger[hidden]{display:none}.manage-tabs-menu{position:absolute;position-anchor:--manage-tabs-anchor;position-area:block-end;margin:0;padding:0;border:none;background:transparent;overflow:visible;color:inherit}.manage-tabs-menu:popover-open{inset:unset;inset-inline-start:anchor(start)}.manage-tabs-menu:not(:popover-open){display:none}.managed-tabs-built-in-menu{}.managed-tabs-built-in-menu fabric-menu-item{grid-template-columns:0px ${spacingHorizontalXL} 1fr ${spacingHorizontalXL}}.managed-tabs-built-in-menu fabric-menu-item [slot="start"]{display:inline-flex;align-items:center}.managed-tabs-separator{height:1px;background:${colorNeutralStroke2};margin:${spacingVerticalXS} ${spacingHorizontalS}}.managed-tabs-custom-icon[hidden]{display:none}.managed-tabs-tab-item[data-active]{color:${colorBrandForeground1};font-weight:${fontWeightSemibold}}`;
 
 export { styles };

package/esm/components/dynamic-tab-list/dynamic-tab-list.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"dynamic-tab-list.styles.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab-list/dynamic-tab-list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,0BAA0B,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;kBAIP,uBAAuB;;;;;;;;;;;;WAY9B,mBAAmB;;;;eAIf,qBAAqB;+BACL,mBAAmB;;;;;;cAMpC,mBAAmB;;;;;;;;;kBASf,uBAAuB;qBACpB,iBAAiB;;;;4BAIV,uBAAuB;;;;4BAIvB,uBAAuB;;;;;;;;;;;;aAYtC,mBAAmB;;;;;;;;WAQrB,mBAAmB;;;;2BAIH,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAiDb,mBAAmB,QAAQ,mBAAmB;;;;;;;;;;;kBAW7D,mBAAmB;cACvB,iBAAiB,IAAI,kBAAkB;;;;;;;;;;aAUxC,qBAAqB;mBACf,kBAAkB;;CAEpC,CAAC"}
+{"version":3,"file":"dynamic-tab-list.styles.js","sourceRoot":"","sources":["../../../../src/components/dynamic-tab-list/dynamic-tab-list.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,iBAAiB,EACjB,uBAAuB,EACvB,mBAAmB,EACnB,mBAAmB,EACnB,qBAAqB,EACrB,uBAAuB,EACvB,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EACjB,qBAAqB,EACrB,uBAAuB,EACxB,MAAM,0BAA0B,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;kBAKP,uBAAuB;;;;;;;;;;;;WAY9B,mBAAmB;;;;eAIf,qBAAqB;+BACL,mBAAmB;;;;;;cAMpC,mBAAmB;;;;;;;;;kBASf,uBAAuB;qBACpB,iBAAiB;;;;4BAIV,uBAAuB;;;;4BAIvB,uBAAuB;;;;;;;;;;;;aAYtC,mBAAmB;;;;;;;;WAQrB,mBAAmB;;;;2BAIH,mBAAmB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;iCAiDb,mBAAmB,QAAQ,mBAAmB;;;;;;;;;;;kBAW7D,mBAAmB;cACvB,iBAAiB,IAAI,kBAAkB;;;;;;;;;;aAUxC,qBAAqB;mBACf,kBAAkB;;CAEpC,CAAC"}

package/esm/components/empty-state/empty-state.styles.js

@@ -6,6 +6,6 @@ import { fontFamilyBase, spacingVerticalL, spacingVerticalS, fontSizeBase400, fo
  * @public
  */
 const styles = css`
-  :host{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:${fontFamilyBase};gap:${spacingVerticalL}}.illustration{display:flex;align-items:center;justify-content:center}.illustration ::slotted(*){display:block}.content{display:flex;flex-direction:column;align-items:center;gap:${spacingVerticalS}}::slotted([slot="title"]){font-size:${fontSizeBase400};font-weight:${fontWeightSemibold};line-height:${lineHeightBase400};color:${colorNeutralForeground1};margin:0}::slotted([slot="body"]){font-size:${fontSizeBase300};font-weight:${fontWeightRegular};line-height:${lineHeightBase300};color:${colorNeutralForeground2};margin:0}::slotted([slot="action"]){margin-block-start:${spacingVerticalM}}`;
+  :host{white-space:normal;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;font-family:${fontFamilyBase};gap:${spacingVerticalL}}.illustration{display:flex;align-items:center;justify-content:center}.illustration ::slotted(*){display:block}.content{display:flex;flex-direction:column;align-items:center;gap:${spacingVerticalS}}::slotted([slot="title"]){font-size:${fontSizeBase400};font-weight:${fontWeightSemibold};line-height:${lineHeightBase400};color:${colorNeutralForeground1};margin:0}::slotted([slot="body"]){font-size:${fontSizeBase300};font-weight:${fontWeightRegular};line-height:${lineHeightBase300};color:${colorNeutralForeground2};margin:0}::slotted([slot="action"]){margin-block-start:${spacingVerticalM}}`;
 
 export { styles };

package/esm/components/empty-state/empty-state.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"empty-state.styles.js","sourceRoot":"","sources":["../../../../src/components/empty-state/empty-state.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;mBAON,cAAc;WACtB,gBAAgB;;;;;;;;;;;;;;;;;WAiBhB,gBAAgB;;;;iBAIV,eAAe;mBACb,kBAAkB;mBAClB,iBAAiB;aACvB,uBAAuB;;;;;iBAKnB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;aACvB,uBAAuB;;;;;0BAKV,gBAAgB;;CAEzC,CAAC"}
+{"version":3,"file":"empty-state.styles.js","sourceRoot":"","sources":["../../../../src/components/empty-state/empty-state.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;mBAQN,cAAc;WACtB,gBAAgB;;;;;;;;;;;;;;;;;WAiBhB,gBAAgB;;;;iBAIV,eAAe;mBACb,kBAAkB;mBAClB,iBAAiB;aACvB,uBAAuB;;;;;iBAKnB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;aACvB,uBAAuB;;;;;0BAKV,gBAAgB;;CAEzC,CAAC"}

package/esm/components/field/field.styles.js

@@ -3,6 +3,7 @@ import { css } from '@microsoft/fast-element';
 
 const styles = css`
   ${FieldStyles}
-`;
+
+  :host{white-space:normal}`;
 
 export { styles };

package/esm/components/field/field.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"field.styles.js","sourceRoot":"","sources":["../../../../src/components/field/field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,WAAW;CACd,CAAC"}
+{"version":3,"file":"field.styles.js","sourceRoot":"","sources":["../../../../src/components/field/field.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,WAAW;;;;;CAKd,CAAC"}

package/esm/components/filter-pill/filter-pill.styles.js

@@ -19,7 +19,7 @@ import { mediumState, largeState, iconOnlyState, smallState, circularState, squa
 const styles = css`
   ${display("inline-flex")}
 
-  :host{--icon-spacing:${spacingHorizontalSNudge};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:${sizeVerticalXXXL};outline-style:none;background-color:${colorNeutralBackground4};color:${colorNeutralForeground1};border:${strokeWidthThin} solid ${colorNeutralStroke1};padding:0 ${spacingHorizontalM};min-width:calc(${spacingHorizontalXXXL} * 3);border-radius:${borderRadiusMedium};font-size:${fontSizeBase300};font-family:${fontFamilyBase};font-weight:${fontWeightSemibold};line-height:${lineHeightBase300};transition-duration:${durationFaster};transition-property:background,border,color;transition-timing-function:${curveEasyEase};cursor:pointer;user-select:none;width:fit-content}.content{display:inherit;padding:0 ${spacingHorizontalSNudge}}:host(${mediumState}) .content{padding:0 ${spacingHorizontalMNudge}}:host(${largeState}) .content{padding:0 ${spacingHorizontalM}}:host(:hover){background-color:${colorNeutralBackground1Hover};color:${colorNeutralForeground1Hover};border-color:${colorNeutralStroke1Hover}}:host(:hover:active){background-color:${colorNeutralBackground1Pressed};border-color:${colorNeutralStroke1Pressed};color:${colorNeutralForeground1Pressed};outline-style:none}:host(:focus-visible){border-color:${colorTransparentStroke};outline:${strokeWidthThick} solid ${colorTransparentStroke};box-shadow:${shadow4},0 0 0 ${strokeWidthThick} ${colorStrokeFocus2}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:${fontSizeBase600};height:${sizeVerticalXL};width:${sizeHorizontalXL}}:is([slot="start"],::slotted([slot="start"])){margin-inline-end:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:is([slot="end"],::slotted([slot="end"])){margin-inline-start:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:host(${iconOnlyState}){width:${sizeVerticalXXXL};height:${sizeVerticalXXXL};min-width:${sizeVerticalXXXL};min-height:${sizeVerticalXXXL};max-width:${sizeVerticalXXXL};max-height:${sizeVerticalXXXL}}:host(${smallState}){--icon-spacing:${spacingHorizontalXS};min-height:${sizeVerticalXXL};min-width:calc(${spacingHorizontalXXXL} * 2);padding:0 ${spacingHorizontalS};border-radius:${borderRadiusSmall};font-size:${fontSizeBase200};line-height:${lineHeightBase200};font-weight:${fontWeightRegular}}:host(${smallState}${iconOnlyState}){width:${sizeVerticalXXL};height:${sizeVerticalXXL};min-width:${sizeVerticalXXL};min-height:${sizeVerticalXXL};max-width:${sizeVerticalXXL};max-height:${sizeVerticalXXL}}:host(${largeState}){min-height:calc(${spacingVerticalXXXL} + ${spacingVerticalS});border-radius:${borderRadiusLarge};padding:0 ${spacingHorizontalL};font-size:${fontSizeBase400};line-height:${lineHeightBase400}}:host(${largeState}${iconOnlyState}){min-width:calc(${spacingVerticalXXXL} + ${spacingVerticalS});max-width:calc(${spacingVerticalXXXL} + ${spacingVerticalS});max-height:calc(${spacingVerticalXXXL} + ${spacingVerticalS});min-height:calc(${spacingVerticalXXXL} + ${spacingVerticalS});width:calc(${spacingVerticalXXXL} + ${spacingVerticalS});height:calc(${spacingVerticalXXXL} + ${spacingVerticalS})}:host(${largeState}) ::slotted(svg){font-size:${fontSizeBase600};height:${sizeVerticalXXL};width:${sizeHorizontalXXL}}:host(:is(${circularState},${circularState}:focus-visible)){border-radius:${borderRadiusCircular}}:host(:is(${squareState},${squareState}:focus-visible)){border-radius:${borderRadiusNone}}:host(${primaryState}){background-color:${colorNeutralBackground4};color:${colorNeutralForeground1};border-color:transparent}:host(${primaryState}:hover){background-color:${colorNeutralBackground4Hover};color:${colorNeutralForeground1}}:host(${primaryState}:is(:hover,:hover:active)){border-color:${colorNeutralStroke2}}:host(${primaryState}:hover:active){border-color:${colorTransparentStroke};background-color:${colorNeutralBackgroundInverted};color:${colorNeutralForegroundOnBrand}}:host(${primaryState}:focus-visible){border-color:${colorNeutralForegroundOnBrand};box-shadow:${shadow2},0 0 0 ${strokeWidthThick} ${colorStrokeFocus2}}:host(${outlineState}){background-color:${colorTransparentBackground};color:${colorNeutralForeground2}}:host(${outlineState}:hover){background-color:${colorTransparentBackgroundHover}}:host(${outlineState}:hover:active){background-color:${colorTransparentBackgroundPressed}}:host(${subtleState}){background-color:${colorSubtleBackground};color:${colorNeutralForeground2};border-color:transparent}:host(${subtleState}:hover){background-color:${colorSubtleBackgroundHover};color:${colorNeutralForeground2Hover};border-color:transparent}:host(${subtleState}:hover:active){background-color:${colorSubtleBackgroundPressed};color:${colorNeutralForeground2Pressed};border-color:transparent}:host(${subtleState}:hover) ::slotted(svg){fill:${colorNeutralForeground2BrandHover}}:host(${subtleState}:hover:active) ::slotted(svg){fill:${colorNeutralForeground2BrandPressed}}:host(${transparentState}){background-color:${colorTransparentBackground};color:${colorNeutralForeground2}}:host(${transparentState}:hover){background-color:${colorTransparentBackgroundHover};color:${colorNeutralForeground2BrandHover}}:host(${transparentState}:hover:active){background-color:${colorTransparentBackgroundPressed};color:${colorNeutralForeground2BrandPressed}}:host(:is(${transparentState},${transparentState}:is(:hover,:active))){border-color:transparent}:host([appearance="primary-on-brand"]){background-color:${colorBrandBackground};color:${colorNeutralForegroundOnBrand};border-color:${colorNeutralStrokeOnBrand}}:host(
+  :host{white-space:normal;--icon-spacing:${spacingHorizontalSNudge};position:relative;contain:layout style;vertical-align:middle;align-items:center;box-sizing:border-box;justify-content:center;text-align:center;text-decoration-line:none;margin:0;min-height:${sizeVerticalXXXL};outline-style:none;background-color:${colorNeutralBackground4};color:${colorNeutralForeground1};border:${strokeWidthThin} solid ${colorNeutralStroke1};padding:0 ${spacingHorizontalM};min-width:calc(${spacingHorizontalXXXL} * 3);border-radius:${borderRadiusMedium};font-size:${fontSizeBase300};font-family:${fontFamilyBase};font-weight:${fontWeightSemibold};line-height:${lineHeightBase300};transition-duration:${durationFaster};transition-property:background,border,color;transition-timing-function:${curveEasyEase};cursor:pointer;user-select:none;width:fit-content}.content{display:inherit;padding:0 ${spacingHorizontalSNudge}}:host(${mediumState}) .content{padding:0 ${spacingHorizontalMNudge}}:host(${largeState}) .content{padding:0 ${spacingHorizontalM}}:host(:hover){background-color:${colorNeutralBackground1Hover};color:${colorNeutralForeground1Hover};border-color:${colorNeutralStroke1Hover}}:host(:hover:active){background-color:${colorNeutralBackground1Pressed};border-color:${colorNeutralStroke1Pressed};color:${colorNeutralForeground1Pressed};outline-style:none}:host(:focus-visible){border-color:${colorTransparentStroke};outline:${strokeWidthThick} solid ${colorTransparentStroke};box-shadow:${shadow4},0 0 0 ${strokeWidthThick} ${colorStrokeFocus2}}@media screen and (prefers-reduced-motion:reduce){transition-duration:0.01ms}::slotted(svg){font-size:${fontSizeBase600};height:${sizeVerticalXL};width:${sizeHorizontalXL}}:is([slot="start"],::slotted([slot="start"])){margin-inline-end:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:is([slot="end"],::slotted([slot="end"])){margin-inline-start:var(--icon-spacing);display:flex;justify-content:center;align-items:center}:host(${iconOnlyState}){width:${sizeVerticalXXXL};height:${sizeVerticalXXXL};min-width:${sizeVerticalXXXL};min-height:${sizeVerticalXXXL};max-width:${sizeVerticalXXXL};max-height:${sizeVerticalXXXL}}:host(${smallState}){--icon-spacing:${spacingHorizontalXS};min-height:${sizeVerticalXXL};min-width:calc(${spacingHorizontalXXXL} * 2);padding:0 ${spacingHorizontalS};border-radius:${borderRadiusSmall};font-size:${fontSizeBase200};line-height:${lineHeightBase200};font-weight:${fontWeightRegular}}:host(${smallState}${iconOnlyState}){width:${sizeVerticalXXL};height:${sizeVerticalXXL};min-width:${sizeVerticalXXL};min-height:${sizeVerticalXXL};max-width:${sizeVerticalXXL};max-height:${sizeVerticalXXL}}:host(${largeState}){min-height:calc(${spacingVerticalXXXL} + ${spacingVerticalS});border-radius:${borderRadiusLarge};padding:0 ${spacingHorizontalL};font-size:${fontSizeBase400};line-height:${lineHeightBase400}}:host(${largeState}${iconOnlyState}){min-width:calc(${spacingVerticalXXXL} + ${spacingVerticalS});max-width:calc(${spacingVerticalXXXL} + ${spacingVerticalS});max-height:calc(${spacingVerticalXXXL} + ${spacingVerticalS});min-height:calc(${spacingVerticalXXXL} + ${spacingVerticalS});width:calc(${spacingVerticalXXXL} + ${spacingVerticalS});height:calc(${spacingVerticalXXXL} + ${spacingVerticalS})}:host(${largeState}) ::slotted(svg){font-size:${fontSizeBase600};height:${sizeVerticalXXL};width:${sizeHorizontalXXL}}:host(:is(${circularState},${circularState}:focus-visible)){border-radius:${borderRadiusCircular}}:host(:is(${squareState},${squareState}:focus-visible)){border-radius:${borderRadiusNone}}:host(${primaryState}){background-color:${colorNeutralBackground4};color:${colorNeutralForeground1};border-color:transparent}:host(${primaryState}:hover){background-color:${colorNeutralBackground4Hover};color:${colorNeutralForeground1}}:host(${primaryState}:is(:hover,:hover:active)){border-color:${colorNeutralStroke2}}:host(${primaryState}:hover:active){border-color:${colorTransparentStroke};background-color:${colorNeutralBackgroundInverted};color:${colorNeutralForegroundOnBrand}}:host(${primaryState}:focus-visible){border-color:${colorNeutralForegroundOnBrand};box-shadow:${shadow2},0 0 0 ${strokeWidthThick} ${colorStrokeFocus2}}:host(${outlineState}){background-color:${colorTransparentBackground};color:${colorNeutralForeground2}}:host(${outlineState}:hover){background-color:${colorTransparentBackgroundHover}}:host(${outlineState}:hover:active){background-color:${colorTransparentBackgroundPressed}}:host(${subtleState}){background-color:${colorSubtleBackground};color:${colorNeutralForeground2};border-color:transparent}:host(${subtleState}:hover){background-color:${colorSubtleBackgroundHover};color:${colorNeutralForeground2Hover};border-color:transparent}:host(${subtleState}:hover:active){background-color:${colorSubtleBackgroundPressed};color:${colorNeutralForeground2Pressed};border-color:transparent}:host(${subtleState}:hover) ::slotted(svg){fill:${colorNeutralForeground2BrandHover}}:host(${subtleState}:hover:active) ::slotted(svg){fill:${colorNeutralForeground2BrandPressed}}:host(${transparentState}){background-color:${colorTransparentBackground};color:${colorNeutralForeground2}}:host(${transparentState}:hover){background-color:${colorTransparentBackgroundHover};color:${colorNeutralForeground2BrandHover}}:host(${transparentState}:hover:active){background-color:${colorTransparentBackgroundPressed};color:${colorNeutralForeground2BrandPressed}}:host(:is(${transparentState},${transparentState}:is(:hover,:active))){border-color:transparent}:host([appearance="primary-on-brand"]){background-color:${colorBrandBackground};color:${colorNeutralForegroundOnBrand};border-color:${colorNeutralStrokeOnBrand}}:host(
     [appearance="primary-on-brand"]:is(:hover,:hover:active):not(
         :focus-visible
       )