@fabric-msft/fabric-web 7.2.0 → 7.4.0

package/dts/util/carousel-controller.d.ts

@@ -0,0 +1,120 @@
+import type { CarouselItem } from "../components/carousel-item/carousel-item.js";
+/**
+ * Interface for items managed by a {@link CarouselController}.
+ * Any element implementing this shape can be driven by the controller
+ * (e.g. `CarouselItem`, `ModalFreItem`).
+ * @public
+ */
+export interface CarouselManagedItem {
+    active: boolean;
+    panelId?: string;
+    tabId?: string;
+    label?: string;
+}
+/**
+ * Options for creating a CarouselController.
+ * @public
+ */
+export interface CarouselControllerOptions {
+    /**
+     * Optional prefix for generated IDs.
+     * Defaults to an auto-incrementing "carousel-N" value.
+     */
+    idPrefix?: string;
+}
+/**
+ * Framework-agnostic controller that manages carousel state and navigation.
+ *
+ * Both `fabric-carousel` and `fabric-modal` (FRE mode) instantiate this
+ * controller. It owns:
+ * - `currentIndex` / `totalItems` state
+ * - `next()`, `prev()`, `scrollToIndex()` navigation
+ * - Active-state synchronization on `CarouselItem` elements
+ * - ARIA tab/panel ID generation
+ *
+ * @public
+ */
+export declare class CarouselController<T extends CarouselManagedItem = CarouselItem> {
+    /**
+     * Counter for generating unique carousel IDs.
+     * @internal
+     */
+    private static idCounter;
+    /**
+     * Unique ID prefix for this controller instance.
+     * @internal
+     */
+    readonly idPrefix: string;
+    /**
+     * Index of the currently active item.
+     * Setting this value calls {@link updateActiveStates} and invokes
+     * the {@link onChange} callback when the value actually changes.
+     * @public
+     */
+    private _currentIndex;
+    get currentIndex(): number;
+    set currentIndex(value: number);
+    /**
+     * The collection of carousel items managed by this controller.
+     * Uses FAST Observable API so template bindings (e.g. `repeat`)
+     * react when the array reference is replaced.
+     * @public
+     */
+    private _items;
+    get items(): T[];
+    set items(value: T[]);
+    /**
+     * Total number of items.
+     * Derives from the tracked `items` property so observers are notified
+     * when the item array is replaced.
+     * @public
+     * @readonly
+     */
+    get totalItems(): number;
+    constructor(options?: CarouselControllerOptions);
+    /**
+     * Advances to the next item if not at the end.
+     * @public
+     */
+    next(): void;
+    /**
+     * Moves to the previous item if not at the beginning.
+     * @public
+     */
+    prev(): void;
+    /**
+     * Scrolls to the item at the specified index.
+     * @param index - The target index.
+     * @public
+     */
+    scrollToIndex(index: number): void;
+    /**
+     * Synchronizes active state, panelId, and tabId on all items.
+     * Clamps `currentIndex` to valid range.
+     * @public
+     */
+    updateActiveStates(): void;
+    /**
+     * Applies active state, panelId, and tabId to all items
+     * based on the current index. Does not clamp.
+     * @internal
+     */
+    private syncActiveStates;
+    /**
+     * Gets the tab ID for a given index.
+     * @public
+     */
+    getTabId(index: number): string;
+    /**
+     * Gets the panel ID for a given index.
+     * @public
+     */
+    getPanelId(index: number): string;
+    /**
+     * Gets the tab label for a given index.
+     * Uses the item's label if set, otherwise a localized "Slide N" label.
+     * @public
+     */
+    getTabLabel(index: number): string;
+}
+//# sourceMappingURL=carousel-controller.d.ts.map

package/dts/util/carousel-controller.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"carousel-controller.d.ts","sourceRoot":"","sources":["../../../src/util/carousel-controller.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,8CAA8C,CAAC;AAIjF;;;;;GAKG;AACH,MAAM,WAAW,mBAAmB;IAClC,MAAM,EAAE,OAAO,CAAC;IAChB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,CAAC;CAChB;AAED;;;GAGG;AACH,MAAM,WAAW,yBAAyB;IACxC;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAED;;;;;;;;;;;GAWG;AACH,qBAAa,kBAAkB,CAAC,CAAC,SAAS,mBAAmB,GAAG,YAAY;IAC1E;;;OAGG;IACH,OAAO,CAAC,MAAM,CAAC,SAAS,CAAK;IAE7B;;;OAGG;IACH,QAAQ,CAAC,QAAQ,EAAE,MAAM,CAAC;IAE1B;;;;;OAKG;IACH,OAAO,CAAC,aAAa,CAAa;IAElC,IAAI,YAAY,IAAI,MAAM,CAGzB;IAED,IAAI,YAAY,CAAC,KAAK,EAAE,MAAM,EAO7B;IAED;;;;;OAKG;IACH,OAAO,CAAC,MAAM,CAAW;IAEzB,IAAI,KAAK,IAAI,CAAC,EAAE,CAGf;IAED,IAAI,KAAK,CAAC,KAAK,EAAE,CAAC,EAAE,EAInB;IAED;;;;;;OAMG;IACH,IAAI,UAAU,IAAI,MAAM,CAGvB;gBAEW,OAAO,CAAC,EAAE,yBAAyB;IAK/C;;;OAGG;IACH,IAAI,IAAI,IAAI;IAMZ;;;OAGG;IACH,IAAI,IAAI,IAAI;IAMZ;;;;OAIG;IACH,aAAa,CAAC,KAAK,EAAE,MAAM,GAAG,IAAI;IAMlC;;;;OAIG;IACH,kBAAkB,IAAI,IAAI;IAW1B;;;;OAIG;IACH,OAAO,CAAC,gBAAgB;IAQxB;;;OAGG;IACH,QAAQ,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAI/B;;;OAGG;IACH,UAAU,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;IAIjC;;;;OAIG;IACH,WAAW,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM;CAInC"}

package/dts/util/icons.d.ts

@@ -1,3 +1,13 @@
+/**
+ * Document icon (20x20).
+ * @internal
+ */
+export declare const documentIcon: import("@microsoft/fast-element").ViewTemplate<any, any>;
+/**
+ * Dismiss icon (16x16).
+ * @internal
+ */
+export declare const dismissIcon: import("@microsoft/fast-element").ViewTemplate<any, any>;
 /**
  * Chevron left icon (20x20).
  * @internal
@@ -18,4 +28,9 @@ export declare const chevronDownIcon: import("@microsoft/fast-element").InlineTe
  * @internal
  */
 export declare const chevronUpIcon: import("@microsoft/fast-element").InlineTemplateDirective;
+/**
+ * Modified indicator SVG template (small dot).
+ * @internal
+ */
+export declare const modifiedIndicatorSVG: import("@microsoft/fast-element").ViewTemplate<any, any>;
 //# sourceMappingURL=icons.d.ts.map

package/dts/util/icons.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/util/icons.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,eAAe,0DAa3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,0DAa5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,2DAapB,CAAC;AAET;;;GAGG;AACH,eAAO,MAAM,aAAa,2DAalB,CAAC"}
+{"version":3,"file":"icons.d.ts","sourceRoot":"","sources":["../../../src/util/icons.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,eAAO,MAAM,YAAY,0DAcxB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,WAAW,0DAcvB,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,0DAa3B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,gBAAgB,0DAa5B,CAAC;AAEF;;;GAGG;AACH,eAAO,MAAM,eAAe,2DAapB,CAAC;AAET;;;GAGG;AACH,eAAO,MAAM,aAAa,2DAalB,CAAC;AAET;;;GAGG;AACH,eAAO,MAAM,oBAAoB,0DAWhC,CAAC"}

package/dts/util/index.d.ts

@@ -1,6 +1,7 @@
 export * from "./accessibility-utilities.js";
 export * from "./apply-mixins.js";
 export * from "./attribute-utilities.js";
+export * from "./carousel-controller.js";
 export * from "./collection-event-manager.js";
 export * from "./debounce.js";
 export * from "./debug.js";

package/dts/util/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/util/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,uCAAuC,CAAC;AACtD,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/util/index.ts"],"names":[],"mappings":"AAAA,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,+BAA+B,CAAC;AAC9C,cAAc,eAAe,CAAC;AAC9B,cAAc,YAAY,CAAC;AAC3B,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,UAAU,CAAC;AACzB,cAAc,6BAA6B,CAAC;AAC5C,cAAc,wBAAwB,CAAC;AACvC,cAAc,yBAAyB,CAAC;AACxC,cAAc,uBAAuB,CAAC;AACtC,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,uCAAuC,CAAC;AACtD,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,cAAc,CAAC;AAC7B,cAAc,wBAAwB,CAAC;AACvC,cAAc,WAAW,CAAC"}

package/esm/components/accordion/accordion.definition.js

@@ -1,6 +1,7 @@
-import { accordionStyles, accordionTemplate } from '@fluentui/web-components';
+import { accordionTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
 import { Accordion } from './accordion.js';
+import { styles } from './accordion.styles.js';
 
 /**
  * The Fabric Accordion component.
@@ -12,7 +13,7 @@ import { Accordion } from './accordion.js';
 const definition = Accordion.compose({
   name: `${DesignSystem.prefix}-accordion`,
   template: accordionTemplate,
-  styles: accordionStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

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

@@ -1 +1 @@
-{"version":3,"file":"accordion.definition.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC9E,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAE3C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC;IAC1C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,YAAY;IACxC,QAAQ,EAAE,iBAAiB;IAC3B,MAAM,EAAE,eAAe;IACvB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"accordion.definition.js","sourceRoot":"","sources":["../../../../src/components/accordion/accordion.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAC7D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC3C,OAAO,EAAE,MAAM,EAAE,MAAM,uBAAuB,CAAC;AAE/C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,SAAS,CAAC,OAAO,CAAC;IAC1C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,YAAY;IACxC,QAAQ,EAAE,iBAAiB;IAC3B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/accordion/accordion.styles.js

@@ -0,0 +1,10 @@
+import { accordionStyles } 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`
+  ${accordionStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

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

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

package/esm/components/accordion-item/accordion-item.definition.js

@@ -1,6 +1,7 @@
-import { accordionItemStyles, accordionItemTemplate } from '@fluentui/web-components';
+import { accordionItemTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
 import { AccordionItem } from './accordion-item.js';
+import { styles } from './accordion-item.styles.js';
 
 /**
  * @public
@@ -10,7 +11,7 @@ import { AccordionItem } from './accordion-item.js';
 const definition = AccordionItem.compose({
   name: `${DesignSystem.prefix}-accordion-item`,
   template: accordionItemTemplate,
-  styles: accordionItemStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/accordion-item/accordion-item.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-item.definition.js","sourceRoot":"","sources":["../../../../src/components/accordion-item/accordion-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,EACnB,qBAAqB,EACtB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAEpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IAC9C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,iBAAiB;IAC7C,QAAQ,EAAE,qBAAqB;IAC/B,MAAM,EAAE,mBAAmB;IAC3B,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"accordion-item.definition.js","sourceRoot":"","sources":["../../../../src/components/accordion-item/accordion-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AACjE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,qBAAqB,CAAC;AACpD,OAAO,EAAE,MAAM,EAAE,MAAM,4BAA4B,CAAC;AAEpD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,aAAa,CAAC,OAAO,CAAC;IAC9C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,iBAAiB;IAC7C,QAAQ,EAAE,qBAAqB;IAC/B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+import { accordionItemStyles } 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`
+  ${accordionItemStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

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

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

package/esm/components/accordion-menu/accordion-menu.styles.js

@@ -4,6 +4,6 @@ import { spacingHorizontalXL, spacingHorizontalL, spacingVerticalXXS, display }
 const styles = css`
   ${display("flex")}
 
-  :host{contain:content;flex-direction:column;height:fit-content;max-width:calc(${spacingHorizontalXL} * 15);min-width:calc(${spacingHorizontalL} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${spacingVerticalXXS}}`;
+  :host{white-space:normal;contain:content;flex-direction:column;height:fit-content;max-width:calc(${spacingHorizontalXL} * 15);min-width:calc(${spacingHorizontalL} * 10);width:auto;background-color:var(--colorNeutralBackground1);border:1px solid var(--colorTransparentStroke);border-radius:var(--borderRadiusMedium);box-shadow:var(--shadow16);row-gap:${spacingVerticalXXS}}`;
 
 export { styles };

package/esm/components/accordion-menu/accordion-menu.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-menu.styles.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu/accordion-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;sBAMG,mBAAmB;sBACnB,kBAAkB;;;;;;eAMzB,kBAAkB;;CAEhC,CAAC"}
+{"version":3,"file":"accordion-menu.styles.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu/accordion-menu.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;sBAOG,mBAAmB;sBACnB,kBAAkB;;;;;;eAMzB,kBAAkB;;CAEhC,CAAC"}

package/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js

@@ -6,9 +6,9 @@ import { sizeVerticalXXXL } from '@fabric-msft/theme';
 const styles = css`
   ${display("block")}
 
-  :host{contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${borderRadiusMedium};outline:2px solid ${colorStrokeFocus2}}:host([marker-position="start"]) .heading{flex-direction:row-reverse}:host([marker-position="end"]) .heading{flex-direction:row}.heading{display:flex;justify-content:space-between;height:${sizeVerticalXXXL};align-items:center;position:relative;padding-inline:${spacingHorizontalS} ${spacingHorizontalS};border-radius:${borderRadiusMedium};${typographyCaption1StrongStyles}
+  :host{white-space:normal;contain:content;position:relative}:host(:focus-visible){outline:none}:host(:focus-visible) .heading{border-radius:${borderRadiusMedium};outline:2px solid ${colorStrokeFocus2}}:host([marker-position="start"]) .heading{flex-direction:row-reverse}:host([marker-position="end"]) .heading{flex-direction:row}.heading{display:flex;justify-content:space-between;height:${sizeVerticalXXXL};align-items:center;position:relative;padding-inline:${spacingHorizontalS} ${spacingHorizontalS};border-radius:${borderRadiusMedium};${typographyCaption1StrongStyles}
     grid-template-columns:auto auto 1fr auto;padding:0px ${spacingHorizontalMNudge};margin:1px;gap:${spacingHorizontalXS};cursor:pointer;color:${colorNeutralForeground3};background:${colorTransparentBackground};transition:background-color 0.2s ease-in-out}.heading *{pointer-events:none}.heading-content{flex:1;display:flex;align-items:center}.content{display:none}:where(.default-marker-collapsed,.default-marker-expanded),::slotted(:is([slot="marker-collapsed"],[slot="marker-expanded"])){display:flex;align-items:center;justify-content:center;pointer-events:none;position:relative;height:100%;transition:transform 0.2s ease-in-out}::slotted([slot="start"]){display:flex;justify-content:center;align-items:center;padding-inline-end:${spacingHorizontalS}}:host(${disabledState}) .heading{color:${colorNeutralForegroundDisabled};cursor:not-allowed}:host(${disabledState}) svg{filter:invert(89%) sepia(0%) saturate(569%) hue-rotate(155deg)
       brightness(88%) contrast(87%)}:host(${expandedState}) .content{display:block}:host(${expandedState}) .default-marker-collapsed,:host(${expandedState}) ::slotted([slot="marker-collapsed"]),:host(:not(${expandedState})) :is(.default-marker-expanded,.content),:host(:not(${expandedState})) ::slotted([slot="marker-expanded"]){display:none}:host(${expandedState}) ::slotted([slot="marker-expanded"]),:host(:not(${expandedState})) ::slotted([slot="marker-collapsed"]){display:flex}:host(${smallState}) .heading{font-size:${fontSizeBase200};line-height:${lineHeightBase200}}:host(${largeState}) .heading{font-size:${fontSizeBase400};line-height:${lineHeightBase400}}:host(${extraLargeState}) .heading{font-size:${fontSizeBase500};line-height:${lineHeightBase500}}:host(${alignEndState}) :slotted([slot="start"]){grid-column:1 / span 1}:host(${alignEndState})
-    :is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${spacingHorizontalS};padding-inline-end:${spacingHorizontalXXS}}:host([block]){max-width:100%}:host(${alignEndState}) .heading{padding-inline:${spacingHorizontalS}}:host(${alignEndState}:has([slot='start'])) .heading{padding-inline:${spacingHorizontalSNudge} ${spacingHorizontalS}}:host(:not(:first-child)) .heading{border-block-start:${strokeWidthThin} solid ${colorNeutralStroke2};border-radius:0}::slotted(fabric-menu-list){box-shadow:none;border-radius:0;border:none}`;
+    :is(.default-marker-collapsed,.default-marker-expanded){padding-inline-start:${spacingHorizontalS};padding-inline-end:${spacingHorizontalXXS}}:host([block]){max-width:100%}:host(${alignEndState}) .heading{padding-inline:${spacingHorizontalS}}:host(${alignEndState}:has([slot='start'])) .heading{padding-inline:${spacingHorizontalSNudge} ${spacingHorizontalS}}:host(:not(:first-of-type)) .heading{border-block-start:${strokeWidthThin} solid ${colorNeutralStroke2};border-radius:0}::slotted(fabric-menu-list){box-shadow:none;border-radius:0;border:none}`;
 
 export { styles };

package/esm/components/accordion-menu-panel/accordion-menu-panel.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"accordion-menu-panel.styles.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu-panel/accordion-menu-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,eAAe,EACf,UAAU,EACV,UAAU,EACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,iBAAiB,EACjB,0BAA0B,EAC1B,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,OAAO,EACP,8BAA8B,EAC/B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;;;;qBAYC,kBAAkB;yBACd,iBAAiB;;;;;;;;;;;;;;cAc5B,gBAAgB;;;sBAGR,kBAAkB,IAAI,kBAAkB;qBACzC,kBAAkB;MACjC,8BAA8B;;mBAEjB,uBAAuB;;WAE/B,mBAAmB;;aAEjB,uBAAuB;kBAClB,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiClB,kBAAkB;;;UAGlC,aAAa;aACV,8BAA8B;;;;UAIjC,aAAa;;;;;UAKb,aAAa;;;;UAIb,aAAa;UACb,aAAa;eACR,aAAa;eACb,aAAa;;;;UAIlB,aAAa;eACR,aAAa;;;;UAIlB,UAAU;iBACH,eAAe;mBACb,iBAAiB;;;UAG1B,UAAU;iBACH,eAAe;mBACb,iBAAiB;;;UAG1B,eAAe;iBACR,eAAe;mBACb,iBAAiB;;;UAG1B,aAAa;;;;UAIb,aAAa;;4BAEK,kBAAkB;0BACpB,oBAAoB;;;;;;;UAOpC,aAAa;sBACD,kBAAkB;;;UAG9B,aAAa;sBACD,uBAAuB,IAAI,kBAAkB;;;;0BAIzC,eAAe,UAAU,mBAAmB;;;;;;;;;CASrE,CAAC"}
+{"version":3,"file":"accordion-menu-panel.styles.js","sourceRoot":"","sources":["../../../../src/components/accordion-menu-panel/accordion-menu-panel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,aAAa,EACb,aAAa,EACb,aAAa,EACb,eAAe,EACf,UAAU,EACV,UAAU,EACX,MAAM,4BAA4B,CAAC;AACpC,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,8BAA8B,EAC9B,mBAAmB,EACnB,iBAAiB,EACjB,0BAA0B,EAC1B,eAAe,EACf,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,iBAAiB,EACjB,iBAAiB,EACjB,uBAAuB,EACvB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,eAAe,EACf,OAAO,EACP,8BAA8B,EAC/B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,gBAAgB,EAAE,MAAM,oBAAoB,CAAC;AAEtD,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;;;;;qBAaC,kBAAkB;yBACd,iBAAiB;;;;;;;;;;;;;;cAc5B,gBAAgB;;;sBAGR,kBAAkB,IAAI,kBAAkB;qBACzC,kBAAkB;MACjC,8BAA8B;;mBAEjB,uBAAuB;;WAE/B,mBAAmB;;aAEjB,uBAAuB;kBAClB,0BAA0B;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;0BAiClB,kBAAkB;;;UAGlC,aAAa;aACV,8BAA8B;;;;UAIjC,aAAa;;;;;UAKb,aAAa;;;;UAIb,aAAa;UACb,aAAa;eACR,aAAa;eACb,aAAa;;;;UAIlB,aAAa;eACR,aAAa;;;;UAIlB,UAAU;iBACH,eAAe;mBACb,iBAAiB;;;UAG1B,UAAU;iBACH,eAAe;mBACb,iBAAiB;;;UAG1B,eAAe;iBACR,eAAe;mBACb,iBAAiB;;;UAG1B,aAAa;;;;UAIb,aAAa;;4BAEK,kBAAkB;0BACpB,oBAAoB;;;;;;;UAOpC,aAAa;sBACD,kBAAkB;;;UAG9B,aAAa;sBACD,uBAAuB,IAAI,kBAAkB;;;;0BAIzC,eAAe,UAAU,mBAAmB;;;;;;;;;CASrE,CAAC"}

package/esm/components/anchor-button/anchor-button.definition.js

@@ -1,6 +1,7 @@
-import { ToggleButtonStyles, AnchorButtonTemplate } from '@fluentui/web-components';
+import { AnchorButtonTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
 import { AnchorButton } from './anchor-button.js';
+import { styles } from './anchor-button.styles.js';
 
 /**
  * The Fabric Anchor Button component.
@@ -10,7 +11,7 @@ import { AnchorButton } from './anchor-button.js';
 const definition = AnchorButton.compose({
   name: `${DesignSystem.prefix}-anchor-button`,
   template: AnchorButtonTemplate,
-  styles: ToggleButtonStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/anchor-button/anchor-button.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"anchor-button.definition.js","sourceRoot":"","sources":["../../../../src/components/anchor-button/anchor-button.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EACnB,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":"anchor-button.definition.js","sourceRoot":"","sources":["../../../../src/components/anchor-button/anchor-button.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/anchor-button/anchor-button.styles.js

@@ -0,0 +1,10 @@
+import { ToggleButtonStyles } 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`
+  ${ToggleButtonStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

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

@@ -0,0 +1 @@
+{"version":3,"file":"anchor-button.styles.js","sourceRoot":"","sources":["../../../../src/components/anchor-button/anchor-button.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/avatar/avatar.definition.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"avatar.definition.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.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":"avatar.definition.js","sourceRoot":"","sources":["../../../../src/components/avatar/avatar.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/avatar/avatar.styles.js

@@ -0,0 +1,10 @@
+import { AvatarStyles } 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`
+  ${AvatarStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"file":"badge.definition.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AAEnC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC;IACtC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,QAAQ;IACpC,QAAQ,EAAE,aAAa;IACvB,MAAM,EAAE,WAAW;IACnB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"badge.definition.js","sourceRoot":"","sources":["../../../../src/components/badge/badge.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,MAAM,EAAE,MAAM,mBAAmB,CAAC;AAE3C;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,KAAK,CAAC,OAAO,CAAC;IACtC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,QAAQ;IACpC,QAAQ,EAAE,aAAa;IACvB,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

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

@@ -0,0 +1,10 @@
+import { BadgeStyles } 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`
+  ${BadgeStyles}
+
+  :host{white-space:normal}`;
+
+export { styles };

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

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

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

@@ -2,7 +2,9 @@ import { ButtonStyles, borderRadiusMedium, colorBrandBackground, colorNeutralFor
 import { css } from '@microsoft/fast-element';
 
 const styles = css`
-  ${ButtonStyles}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${borderRadiusMedium}}:host([appearance="primary-on-brand"]){background-color:${colorBrandBackground};color:${colorNeutralForegroundOnBrand};border-color:${colorNeutralStrokeOnBrand}}:host(
+  ${ButtonStyles}
+
+  :host{white-space:normal}:host([size="small"]:not([shape="circular"]):not([shape="square"])){border-radius:${borderRadiusMedium}}: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
       )

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

@@ -1 +1 @@
-{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,6BAA6B,EAC7B,iBAAiB,EACjB,OAAO,EACP,yBAAyB,EACzB,oBAAoB,EACpB,yBAAyB,EACzB,2BAA2B,EAC3B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,4BAA4B,EAC5B,8BAA8B,EAC9B,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;;;qBAIK,kBAAkB;;;;wBAIf,oBAAoB;aAC/B,6BAA6B;oBACtB,yBAAyB;;;;;;;;oBAQzB,yBAAyB;;;;aAIhC,6BAA6B;wBAClB,yBAAyB;;;;wBAIzB,2BAA2B;;;;oBAI/B,6BAA6B;;QAEzC,OAAO;kBACG,iBAAiB;;;;;;;;;;;;;wBAaX,uBAAuB;;;;wBAIvB,4BAA4B;aACvC,4BAA4B;oBACrB,wBAAwB;;;;wBAIpB,8BAA8B;aACzC,8BAA8B;oBACvB,0BAA0B;;CAE7C,CAAC"}
+{"version":3,"file":"button.styles.js","sourceRoot":"","sources":["../../../../src/components/button/button.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,YAAY,EACZ,kBAAkB,EAClB,6BAA6B,EAC7B,iBAAiB,EACjB,OAAO,EACP,yBAAyB,EACzB,oBAAoB,EACpB,yBAAyB,EACzB,2BAA2B,EAC3B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,4BAA4B,EAC5B,8BAA8B,EAC9B,wBAAwB,EACxB,0BAA0B,EAC3B,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,YAAY;;;;;;;;qBAQK,kBAAkB;;;;wBAIf,oBAAoB;aAC/B,6BAA6B;oBACtB,yBAAyB;;;;;;;;oBAQzB,yBAAyB;;;;aAIhC,6BAA6B;wBAClB,yBAAyB;;;;wBAIzB,2BAA2B;;;;oBAI/B,6BAA6B;;QAEzC,OAAO;kBACG,iBAAiB;;;;;;;;;;;;;wBAaX,uBAAuB;;;;wBAIvB,4BAA4B;aACvC,4BAA4B;oBACrB,wBAAwB;;;;wBAIpB,8BAA8B;aACzC,8BAA8B;oBACvB,0BAA0B;;CAE7C,CAAC"}

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

@@ -6,6 +6,6 @@ import { fontFamilyBase, colorTransparentBackground, borderRadiusMedium, shadow4
  */
 const styles = css`
   ${display("inline-block")}
-  :host{font-family:${fontFamilyBase};background:${colorTransparentBackground};border-radius:${borderRadiusMedium};position:relative;max-width:100%;height:fit-content;overflow:hidden;box-shadow:${shadow4};box-sizing:border-box;width:var(--card-width,320px);height:var(--card-height,fit-content);z-index:var(--card-elevation,1);flex-shrink:0}.card:focus-visible::after{content:"";position:absolute;inset:-1px;border-color:${colorBrandBackground2};outline:${strokeWidthThick} solid ${colorTransparentStroke};box-shadow:${shadow4},0 0 0 2px ${colorStrokeFocus2}}.control{position:absolute;z-index:2;top:5px;inset-inline-end:5px}.content{display:grid;padding:var(--card-padding,0)}.card{background:${colorNeutralBackground1};border:${strokeWidthThin} solid ${colorTransparentStroke};border-radius:${borderRadiusMedium}}:host([orientation="horizontal"]) .content{grid-template-rows:unset;row-gap:unset;grid-template-columns:auto 1fr;align-items:center}:host([appearance="filled-alternative"]) .card{background:${colorNeutralBackground2}}:host([appearance="outline"]){box-shadow:none}:host([appearance="outline"]) .card{background:${colorTransparentBackground};border-color:${colorNeutralStroke1};box-shadow:none}:host([appearance="subtle"]) .card{background:${colorSubtleBackground};border-color:${colorTransparentStroke};box-shadow:none}:host([interactive]){cursor:pointer;user-select:none}:host([interactive]:hover) .card{background:${colorNeutralBackground1Hover};border-color:${colorTransparentStrokeInteractive};box-shadow:${shadow8}}:host([interactive]:active) .card{background:${colorNeutralBackground1Pressed};border-color:${colorTransparentStrokeInteractive}}:host([interactive][appearance="filled-alternative"]:hover) .card{background:${colorNeutralBackground2Hover}}:host([interactive][appearance="filled-alternative"]:active) .card{background:${colorNeutralBackground2Pressed}}:host([interactive][appearance="outline"]:hover) .card{background:${colorTransparentBackgroundHover};border-color:${colorNeutralStroke1Hover};box-shadow:none}:host([interactive][appearance="outline"]:active) .card{background:${colorTransparentBackgroundPressed};border-color:${colorNeutralStroke1Pressed}}:host([interactive][appearance="subtle"]:hover) .card{background:${colorSubtleBackgroundHover};border-color:${colorTransparentStrokeInteractive};box-shadow:none}:host([interactive][appearance="subtle"]:active) .card{background:${colorSubtleBackgroundPressed}}.card[aria-selected="true"]{background:${colorNeutralBackground1Selected};border-color:${colorTransparentStrokeInteractive};cursor:pointer}:host([appearance="subtle"]) .card[aria-selected="true"]{background:${colorSubtleBackgroundSelected};border-color:${colorNeutralStroke1Selected}}:host([appearance="outline"]) .card[aria-selected="true"]{background:${colorTransparentBackgroundSelected};border-color:${colorNeutralStroke1Selected}}:host([appearance="filled-alternative"]) .card[aria-selected="true"]{background:${colorNeutralBackground2Selected}}:host([aria-disabled="true"]) .card{background:${colorNeutralBackgroundDisabled};border-color:${colorTransparentStrokeDisabled};cursor:not-allowed;pointer-events:none;box-shadow:${shadow2}}:host([appearance="subtle"]) .card[aria-disabled="true"],:host([appearance="outline"]) .card[aria-disabled="true"]{box-shadow:none}:host([appearance="outline"]) .card[aria-disabled="true"]{background:${colorTransparentBackground}}`;
+  :host{white-space:normal;font-family:${fontFamilyBase};background:${colorTransparentBackground};border-radius:${borderRadiusMedium};position:relative;max-width:100%;height:fit-content;overflow:hidden;box-shadow:${shadow4};box-sizing:border-box;width:var(--card-width,320px);height:var(--card-height,fit-content);z-index:var(--card-elevation,1);flex-shrink:0}.card:focus-visible::after{content:"";position:absolute;inset:-1px;border-color:${colorBrandBackground2};outline:${strokeWidthThick} solid ${colorTransparentStroke};box-shadow:${shadow4},0 0 0 2px ${colorStrokeFocus2}}.control{position:absolute;z-index:2;top:5px;inset-inline-end:5px}.content{display:grid;padding:var(--card-padding,0)}.card{background:${colorNeutralBackground1};border:${strokeWidthThin} solid ${colorTransparentStroke};border-radius:${borderRadiusMedium}}:host([orientation="horizontal"]) .content{grid-template-rows:unset;row-gap:unset;grid-template-columns:auto 1fr;align-items:center}:host([appearance="filled-alternative"]) .card{background:${colorNeutralBackground2}}:host([appearance="outline"]){box-shadow:none}:host([appearance="outline"]) .card{background:${colorTransparentBackground};border-color:${colorNeutralStroke1};box-shadow:none}:host([appearance="subtle"]) .card{background:${colorSubtleBackground};border-color:${colorTransparentStroke};box-shadow:none}:host([interactive]){cursor:pointer;user-select:none}:host([interactive]:hover) .card{background:${colorNeutralBackground1Hover};border-color:${colorTransparentStrokeInteractive};box-shadow:${shadow8}}:host([interactive]:active) .card{background:${colorNeutralBackground1Pressed};border-color:${colorTransparentStrokeInteractive}}:host([interactive][appearance="filled-alternative"]:hover) .card{background:${colorNeutralBackground2Hover}}:host([interactive][appearance="filled-alternative"]:active) .card{background:${colorNeutralBackground2Pressed}}:host([interactive][appearance="outline"]:hover) .card{background:${colorTransparentBackgroundHover};border-color:${colorNeutralStroke1Hover};box-shadow:none}:host([interactive][appearance="outline"]:active) .card{background:${colorTransparentBackgroundPressed};border-color:${colorNeutralStroke1Pressed}}:host([interactive][appearance="subtle"]:hover) .card{background:${colorSubtleBackgroundHover};border-color:${colorTransparentStrokeInteractive};box-shadow:none}:host([interactive][appearance="subtle"]:active) .card{background:${colorSubtleBackgroundPressed}}.card[aria-selected="true"]{background:${colorNeutralBackground1Selected};border-color:${colorTransparentStrokeInteractive};cursor:pointer}:host([appearance="subtle"]) .card[aria-selected="true"]{background:${colorSubtleBackgroundSelected};border-color:${colorNeutralStroke1Selected}}:host([appearance="outline"]) .card[aria-selected="true"]{background:${colorTransparentBackgroundSelected};border-color:${colorNeutralStroke1Selected}}:host([appearance="filled-alternative"]) .card[aria-selected="true"]{background:${colorNeutralBackground2Selected}}:host([aria-disabled="true"]) .card{background:${colorNeutralBackgroundDisabled};border-color:${colorTransparentStrokeDisabled};cursor:not-allowed;pointer-events:none;box-shadow:${shadow2}}:host([appearance="subtle"]) .card[aria-disabled="true"],:host([appearance="outline"]) .card[aria-disabled="true"]{box-shadow:none}:host([appearance="outline"]) .card[aria-disabled="true"]{background:${colorTransparentBackground}}`;
 
 export { styles };

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

@@ -1 +1 @@
-{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../../../src/components/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,8BAA8B,EAC9B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,2BAA2B,EAC3B,iBAAiB,EACjB,qBAAqB,EACrB,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,0BAA0B,EAC1B,+BAA+B,EAC/B,iCAAiC,EACjC,kCAAkC,EAClC,sBAAsB,EACtB,8BAA8B,EAC9B,iCAAiC,EACjC,cAAc,EACd,OAAO,EACP,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,OAAO,EACR,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,cAAc,CAAC;;mBAER,cAAc;kBACf,0BAA0B;qBACvB,kBAAkB;;;;;kBAKrB,OAAO;;;;;;;;;;;oBAWL,qBAAqB;eAC1B,gBAAgB,UAAU,sBAAsB;;QAEvD,OAAO;kBACG,iBAAiB;;;;;;;;;;;;;kBAajB,uBAAuB;cAC3B,eAAe,UAAU,sBAAsB;qBACxC,kBAAkB;;;;;;;;;kBASrB,uBAAuB;;;;;;kBAMvB,0BAA0B;oBACxB,mBAAmB;;;;kBAIrB,qBAAqB;oBACnB,sBAAsB;;;;;;;;kBAQxB,4BAA4B;oBAC1B,iCAAiC;kBACnC,OAAO;;;kBAGP,8BAA8B;oBAC5B,iCAAiC;;;kBAGnC,4BAA4B;;;kBAG5B,8BAA8B;;;kBAG9B,+BAA+B;oBAC7B,wBAAwB;;;;kBAI1B,iCAAiC;oBAC/B,0BAA0B;;;kBAG5B,0BAA0B;oBACxB,iCAAiC;;;;kBAInC,4BAA4B;;;kBAG5B,+BAA+B;oBAC7B,iCAAiC;;;;kBAInC,6BAA6B;oBAC3B,2BAA2B;;;kBAG7B,kCAAkC;oBAChC,2BAA2B;;;kBAG7B,+BAA+B;;;kBAG/B,8BAA8B;oBAC5B,8BAA8B;;;kBAGhC,OAAO;;;;;;;kBAOP,0BAA0B;;CAE3C,CAAC"}
+{"version":3,"file":"card.styles.js","sourceRoot":"","sources":["../../../../src/components/card/card.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,kBAAkB,EAClB,qBAAqB,EACrB,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,uBAAuB,EACvB,4BAA4B,EAC5B,8BAA8B,EAC9B,+BAA+B,EAC/B,8BAA8B,EAC9B,mBAAmB,EACnB,wBAAwB,EACxB,0BAA0B,EAC1B,2BAA2B,EAC3B,iBAAiB,EACjB,qBAAqB,EACrB,0BAA0B,EAC1B,4BAA4B,EAC5B,6BAA6B,EAC7B,0BAA0B,EAC1B,+BAA+B,EAC/B,iCAAiC,EACjC,kCAAkC,EAClC,sBAAsB,EACtB,8BAA8B,EAC9B,iCAAiC,EACjC,cAAc,EACd,OAAO,EACP,OAAO,EACP,OAAO,EACP,gBAAgB,EAChB,eAAe,EACf,OAAO,EACR,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,cAAc,CAAC;;;mBAGR,cAAc;kBACf,0BAA0B;qBACvB,kBAAkB;;;;;kBAKrB,OAAO;;;;;;;;;;;oBAWL,qBAAqB;eAC1B,gBAAgB,UAAU,sBAAsB;;QAEvD,OAAO;kBACG,iBAAiB;;;;;;;;;;;;;kBAajB,uBAAuB;cAC3B,eAAe,UAAU,sBAAsB;qBACxC,kBAAkB;;;;;;;;;kBASrB,uBAAuB;;;;;;kBAMvB,0BAA0B;oBACxB,mBAAmB;;;;kBAIrB,qBAAqB;oBACnB,sBAAsB;;;;;;;;kBAQxB,4BAA4B;oBAC1B,iCAAiC;kBACnC,OAAO;;;kBAGP,8BAA8B;oBAC5B,iCAAiC;;;kBAGnC,4BAA4B;;;kBAG5B,8BAA8B;;;kBAG9B,+BAA+B;oBAC7B,wBAAwB;;;;kBAI1B,iCAAiC;oBAC/B,0BAA0B;;;kBAG5B,0BAA0B;oBACxB,iCAAiC;;;;kBAInC,4BAA4B;;;kBAG5B,+BAA+B;oBAC7B,iCAAiC;;;;kBAInC,6BAA6B;oBAC3B,2BAA2B;;;kBAG7B,kCAAkC;oBAChC,2BAA2B;;;kBAG7B,+BAA+B;;;kBAG/B,8BAA8B;oBAC5B,8BAA8B;;;kBAGhC,OAAO;;;;;;;kBAOP,0BAA0B;;CAE3C,CAAC"}

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

@@ -3,7 +3,7 @@ import { css } from '@microsoft/fast-element';
 
 const styles = css`
   ${display("block")}
-  :host{display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;padding:${spacingVerticalM} ${spacingHorizontalS} ${spacingVerticalS}
+  :host{white-space:normal;display:flex;flex-direction:column;align-items:center;width:100%;overflow:hidden;padding:${spacingVerticalM} ${spacingHorizontalS} ${spacingVerticalS}
       ${spacingHorizontalS}}.navigation{display:flex;justify-content:space-between;align-items:center;width:100%;margin:${spacingVerticalM} 0}.header{font-size:${fontSizeBase400};font-family:${fontFamilyBase};font-weight:${fontWeightBold};line-height:${lineHeightBase400}}.viewport{display:flex;flex-direction:row;justify-content:flex-start;transition:transform 0.3s ease-in-out;will-change:transform;width:100%;padding-block-start:${spacingVerticalM};padding-inline:0;padding-block-end:${spacingVerticalS}}.viewport ::slotted(*){display:inline-block;margin-inline-end:var(--gap-width,16px)}`;
 
 export { styles };

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

@@ -1 +1 @@
-{"version":3,"file":"card-carousel.styles.js","sourceRoot":"","sources":["../../../../src/components/card-carousel/card-carousel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;eAOL,gBAAgB,IAAI,kBAAkB,IAAI,gBAAgB;QACjE,kBAAkB;;;;;;;cAOZ,gBAAgB;;;iBAGb,eAAe;mBACb,cAAc;mBACd,cAAc;mBACd,iBAAiB;;;;;;;;;2BAST,gBAAgB;;yBAElB,gBAAgB;;;;;;;CAOxC,CAAC"}
+{"version":3,"file":"card-carousel.styles.js","sourceRoot":"","sources":["../../../../src/components/card-carousel/card-carousel.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,EACd,eAAe,EACf,cAAc,EACd,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,gBAAgB,EAChB,OAAO,EACR,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;;eAQL,gBAAgB,IAAI,kBAAkB,IAAI,gBAAgB;QACjE,kBAAkB;;;;;;;cAOZ,gBAAgB;;;iBAGb,eAAe;mBACb,cAAc;mBACd,cAAc;mBACd,iBAAiB;;;;;;;;;2BAST,gBAAgB;;yBAElB,gBAAgB;;;;;;;CAOxC,CAAC"}

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

@@ -3,6 +3,6 @@ import { spacingHorizontalM, spacingVerticalS, spacingHorizontalS, display } fro
 
 const styles = css`
   ${display("flex")}
-  :host{display:grid;grid-template-columns:1fr min-content}.content{display:flex;column-gap:var(--card-size,${spacingHorizontalM});padding:${spacingVerticalS} ${spacingHorizontalS}}`;
+  :host{white-space:normal;display:grid;grid-template-columns:1fr min-content}.content{display:flex;column-gap:var(--card-size,${spacingHorizontalM});padding:${spacingVerticalS} ${spacingHorizontalS}}`;
 
 export { styles };

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

@@ -1 +1 @@
-{"version":3,"file":"card-footer.styles.js","sourceRoot":"","sources":["../../../../src/components/card-footer/card-footer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;mCAOgB,kBAAkB;eACtC,gBAAgB,IAAI,kBAAkB;;CAEpD,CAAC"}
+{"version":3,"file":"card-footer.styles.js","sourceRoot":"","sources":["../../../../src/components/card-footer/card-footer.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAElC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;mCAQgB,kBAAkB;eACtC,gBAAgB,IAAI,kBAAkB;;CAEpD,CAAC"}

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

@@ -6,6 +6,6 @@ import { fontSizeBase300, fontWeightSemibold, fontSizeBase200, fontWeightRegular
  */
 const styles = css`
   ${display("flex")}
-  :host{position:relative;display:grid;grid-template-columns:min-content 1fr auto;padding:6px;justify-content:flex-start}::slotted([slot="icon"]){align-self:center}::slotted([slot="header"]){font-size:${fontSizeBase300};font-weight:${fontWeightSemibold}}::slotted([slot="action"]){grid-column:3;justify-self:flex-end}::slotted([slot="subtitle"]){font-size:${fontSizeBase200};font-weight:${fontWeightRegular}}.header{justify-self:flex-start;display:flex;flex-direction:column;gap:${spacingVerticalXXS}}.image{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline-end:${spacingHorizontalS}}.row{display:flex;align-items:center;gap:${spacingHorizontalXS}}`;
+  :host{white-space:normal;position:relative;display:grid;grid-template-columns:min-content 1fr auto;padding:6px;justify-content:flex-start}::slotted([slot="icon"]){align-self:center}::slotted([slot="header"]){font-size:${fontSizeBase300};font-weight:${fontWeightSemibold}}::slotted([slot="action"]){grid-column:3;justify-self:flex-end}::slotted([slot="subtitle"]){font-size:${fontSizeBase200};font-weight:${fontWeightRegular}}.header{justify-self:flex-start;display:flex;flex-direction:column;gap:${spacingVerticalXXS}}.image{display:flex;flex-direction:column;align-items:center;justify-content:center;margin-inline-end:${spacingHorizontalS}}.row{display:flex;align-items:center;gap:${spacingHorizontalXS}}`;
 
 export { styles };

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

@@ -1 +1 @@
-{"version":3,"file":"card-header.styles.js","sourceRoot":"","sources":["../../../../src/components/card-header/card-header.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;;;;;iBAaF,eAAe;mBACb,kBAAkB;;;;;;;iBAOpB,eAAe;mBACb,iBAAiB;;;;;;WAMzB,kBAAkB;;;;;;;yBAOJ,kBAAkB;;;;;WAKhC,mBAAmB;;CAE7B,CAAC"}
+{"version":3,"file":"card-header.styles.js","sourceRoot":"","sources":["../../../../src/components/card-header/card-header.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,eAAe,EACf,kBAAkB,EAClB,mBAAmB,EACnB,kBAAkB,EAClB,OAAO,EACP,iBAAiB,EACjB,eAAe,EACf,kBAAkB,EACnB,MAAM,0BAA0B,CAAC;AAElC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;;;;;;iBAcF,eAAe;mBACb,kBAAkB;;;;;;;iBAOpB,eAAe;mBACb,iBAAiB;;;;;;WAMzB,kBAAkB;;;;;;;yBAOJ,kBAAkB;;;;;WAKhC,mBAAmB;;CAE7B,CAAC"}

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"}