@fabric-msft/fabric-web 7.2.0 → 7.4.0

package/esm/components/modal/modal.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.ts"],"names":[],"mappings":"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"}

package/esm/components/modal/modal.options.js

@@ -0,0 +1,10 @@
+/**
+ * Modal mode options.
+ * @public
+ */
+const ModalModes = {
+  default: "default",
+  fre: "fre"
+};
+
+export { ModalModes };

package/esm/components/modal/modal.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.options.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,OAAO,EAAE,SAAS;IAClB,GAAG,EAAE,KAAK;CACF,CAAC"}

package/esm/components/modal/modal.styles.js

@@ -0,0 +1,14 @@
+import { css } from '@microsoft/fast-element';
+import { spacingVerticalM, spacingHorizontalL, spacingVerticalL, spacingHorizontalXL, fontSizeBase500, fontWeightSemibold, colorNeutralForeground1, spacingVerticalS, fontSizeBase300, colorNeutralForeground2 } from '@fluentui/web-components';
+
+/**
+ * Styles for the {@link @fabric-msft/fabric-web#(Modal:class)} component.
+ * The outer dialog chrome (backdrop, border-radius, shadow, max-width) is
+ * provided by the inner fabric-dialog; these styles handle modal-specific
+ * layout (close button, content area, footer, FRE nav, buttons).
+ * @public
+ */
+const styles = css`
+  :host{white-space:normal;display:contents}.modal-body{display:flex;flex-direction:column;position:relative;max-height:85vh}.close-button{position:absolute;inset-block-start:${spacingVerticalM};inset-inline-end:${spacingHorizontalL};z-index:1}.content{flex:1;overflow:auto;padding:${spacingVerticalL} ${spacingHorizontalXL}}:host([mode="fre"]) .content{padding:0;overflow:hidden}::slotted(fabric-modal-fre-item){display:block}::slotted(fabric-modal-fre-item:not([active])){display:none !important}.footer{display:flex;align-items:center;justify-content:space-between;padding:${spacingVerticalL} ${spacingHorizontalXL};gap:${spacingHorizontalL}}.nav{flex:1;display:flex;justify-content:center}::slotted(h1),::slotted(h2),::slotted(h3){font-size:${fontSizeBase500};font-weight:${fontWeightSemibold};color:${colorNeutralForeground1};margin:0 0 ${spacingVerticalS}}::slotted(p){font-size:${fontSizeBase300};color:${colorNeutralForeground2};margin:0}`;
+
+export { styles };

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

@@ -0,0 +1 @@
+{"version":3,"file":"modal.styles.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EAChB,gBAAgB,EAChB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAElC;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,MAAM,GAAkB,GAAG,CAAA;;;;;;;;;;;;;;;yBAef,gBAAgB;wBACjB,kBAAkB;;;;;;;eAO3B,gBAAgB,IAAI,mBAAmB;;;;;;;;;;;;;;;;;;;;eAoBvC,gBAAgB,IAAI,mBAAmB;WAC3C,kBAAkB;;;;;;;;;;;;iBAYZ,eAAe;mBACb,kBAAkB;aACxB,uBAAuB;kBAClB,gBAAgB;;;;iBAIjB,eAAe;aACnB,uBAAuB;;;CAGnC,CAAC"}

package/esm/components/modal/modal.template.js

@@ -0,0 +1,23 @@
+import { ref, when, oneTime, html, slotted, repeat } from '@microsoft/fast-element';
+import { ModalModes } from './modal.options.js';
+import { dismissIcon } from '../../static/component-svgs.js';
+import { getString } from '@fabric-msft/localization';
+
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(Modal:class)} component.
+ * Uses fabric-dialog internally for native backdrop, focus trapping, and Escape handling.
+ *
+ * FRE mode tab order: dismiss button (inside fre-item) → secondary button → carousel nav → primary button.
+ * @public
+ */
+function modalTemplate() {
+  return html`<template><fabric-dialog type="modal" aria-label="${x => x.modalTitle}" ${ref("dialog")} @toggle="${(x, c) => x.handleDialogToggle(c.event)}"><div class="modal-body">${when(x => x.mode !== ModalModes.fre, html`<fabric-button class="close-button" appearance="subtle" size="small" aria-label="${oneTime(() => getString("Modal_Close"))}" @click="${x => x.handleDismiss()}">${dismissIcon}</fabric-button>`)}<div class="content" @dismiss="${x => x.handleDismiss()}">${when(x => x.mode === ModalModes.fre, html`<slot ${slotted({
+    property: "slottedContent",
+    filter: el => el.tagName === "FABRIC-MODAL-FRE-ITEM"
+  })}></slot>`)} ${when(x => x.mode !== ModalModes.fre, html`<slot></slot>`)}</div><div class="footer">${when(x => x.mode === ModalModes.fre, html`<fabric-button appearance="outline" @click="${x => x.handleSecondaryAction()}">${x => x.secondaryButtonLabel}</fabric-button>`)} ${when(x => x.mode === ModalModes.fre, html`<div class="nav"><fabric-carousel-nav :controller="${x => x.carouselController}" button-placement="hidden" current-index="${x => x.carouselController.currentIndex}">${repeat(x => x.carouselController.items, html`<fabric-carousel-nav-item :tabId="${(_item, c) => c.parent.carouselController.getTabId(c.index)}" :panelId="${(_item, c) => c.parent.carouselController.getPanelId(c.index)}" :tabLabel="${(_item, c) => c.parent.carouselController.getTabLabel(c.index)}"></fabric-carousel-nav-item>`, {
+    positioning: true
+  })}</fabric-carousel-nav></div>`)}<fabric-button appearance="primary" @click="${x => x.handlePrimaryAction()}">${x => x.primaryButtonLabel}</fabric-button></div></div></fabric-dialog></template>`;
+}
+const template = modalTemplate();
+
+export { modalTemplate, template };

package/esm/components/modal/modal.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal.template.js","sourceRoot":"","sources":["../../../../src/components/modal/modal.template.ts"],"names":[],"mappings":"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"}

package/esm/components/modal-fre-item/define.js

@@ -0,0 +1,4 @@
+import { modalFreItemDefinition } from "./modal-fre-item.definition.js";
+import { DesignSystem } from "../design-system.js";
+modalFreItemDefinition.define(DesignSystem.registry);
+//# sourceMappingURL=define.js.map

package/esm/components/modal-fre-item/define.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../src/components/modal-fre-item/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,sBAAsB,EAAE,MAAM,gCAAgC,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD,sBAAsB,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/esm/components/modal-fre-item/index.js

@@ -0,0 +1,3 @@
+export { ModalFreItem } from "./modal-fre-item.js";
+export { modalFreItemDefinition as ModalFreItemDefinition } from "./modal-fre-item.definition.js";
+//# sourceMappingURL=index.js.map

package/esm/components/modal-fre-item/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/modal-fre-item/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,sBAAsB,IAAI,sBAAsB,EAAE,MAAM,gCAAgC,CAAC"}

package/esm/components/modal-fre-item/modal-fre-item.definition.js

@@ -0,0 +1,27 @@
+import { definition } from '../button/button.definition.js';
+import { DesignSystem } from '../design-system.js';
+import { composeDefinitions, fromFAST } from '../../util/element-definition.js';
+import { ModalFreItem } from './modal-fre-item.js';
+import { modalFreItemStyles } from './modal-fre-item.styles.js';
+import { modalFreItemTemplate_ } from './modal-fre-item.template.js';
+
+/** @internal */
+const ModalFreItemDefinition = ModalFreItem.compose({
+  name: `${DesignSystem.prefix}-modal-fre-item`,
+  template: modalFreItemTemplate_,
+  styles: modalFreItemStyles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
+});
+/**
+ * Composed element definition for `<fabric-modal-fre-item>`, registering the
+ * `fabric-button` dependency before the element itself.
+ *
+ * @public
+ * @remarks
+ * HTML Element: `<fabric-modal-fre-item>`
+ */
+const modalFreItemDefinition = composeDefinitions(fromFAST(ModalFreItemDefinition), fromFAST(definition));
+
+export { modalFreItemDefinition };

package/esm/components/modal-fre-item/modal-fre-item.definition.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-fre-item.definition.js","sourceRoot":"","sources":["../../../../src/components/modal-fre-item/modal-fre-item.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,gCAAgC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,QAAQ,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,4BAA4B,CAAC;AAChE,OAAO,EAAE,qBAAqB,EAAE,MAAM,8BAA8B,CAAC;AAErE,gBAAgB;AAChB,MAAM,sBAAsB,GAAG,YAAY,CAAC,OAAO,CAAC;IAClD,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,iBAAiB;IAC7C,QAAQ,EAAE,qBAAqB;IAC/B,MAAM,EAAE,kBAAkB;IAC1B,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC;AAEH;;;;;;;GAOG;AACH,MAAM,CAAC,MAAM,sBAAsB,GAAG,kBAAkB,CACtD,QAAQ,CAAC,sBAAsB,CAAC,EAChC,QAAQ,CAAC,gBAAgB,CAAC,CAC3B,CAAC"}

package/esm/components/modal-fre-item/modal-fre-item.js

@@ -0,0 +1,72 @@
+import { attr, observable, FASTElement } from '@microsoft/fast-element';
+
+var __decorate = globalThis && globalThis.__decorate || function (decorators, target, key, desc) {
+  var c = arguments.length,
+    r = c < 3 ? target : desc === null ? desc = Object.getOwnPropertyDescriptor(target, key) : desc,
+    d;
+  if (typeof Reflect === "object" && typeof Reflect.decorate === "function") r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
+  return c > 3 && r && Object.defineProperty(target, key, r), r;
+};
+/**
+ * @summary A content item for the modal FRE (First Run Experience) wizard.
+ *
+ * Each fre-item is a self-contained step that renders its own hero content,
+ * title, description, and dismiss button. The parent `fabric-modal` assigns
+ * fre-items to a {@link CarouselController} which manages active state and
+ * ARIA linkage. Only the active item is visible.
+ *
+ * @example
+ * ```html
+ * <fabric-modal-fre-item>
+ *   <span slot="title">Welcome</span>
+ *   <span slot="description">Get started with Fabric.</span>
+ *   <img src="hero.png" alt="Welcome illustration" />
+ * </fabric-modal-fre-item>
+ * ```
+ *
+ * @attr {boolean} active - Whether this item is the currently visible step.
+ * @attr {string} label - Accessible label for this step.
+ *
+ * @prop {string} panelId - Unique ID for this panel (set by CarouselController).
+ * @prop {string} tabId - ID of the associated tab (for aria-labelledby, set by CarouselController).
+ *
+ * @slot default - Hero content (image, illustration, or any visual).
+ * @slot title - Title content for this step.
+ * @slot description - Description content for this step.
+ *
+ * @fires dismiss - Fired when the dismiss button is clicked. Bubbles and is composed.
+ *
+ * @extends FASTElement
+ * @tagname fabric-modal-fre-item
+ * @public
+ */
+class ModalFreItem extends FASTElement {
+  constructor() {
+    super(...arguments);
+    /**
+     * Whether this item is the currently visible step.
+     * Managed by the CarouselController.
+     * @public
+     */
+    this.active = false;
+  }
+  /**
+   * Handles the dismiss button click.
+   * Dispatches a bubbling, composed dismiss event.
+   * @internal
+   */
+  handleDismiss() {
+    this.dispatchEvent(new CustomEvent("dismiss", {
+      bubbles: true,
+      composed: true
+    }));
+  }
+}
+__decorate([attr({
+  mode: "boolean"
+})], ModalFreItem.prototype, "active", void 0);
+__decorate([attr], ModalFreItem.prototype, "label", void 0);
+__decorate([observable], ModalFreItem.prototype, "panelId", void 0);
+__decorate([observable], ModalFreItem.prototype, "tabId", void 0);
+
+export { ModalFreItem };

package/esm/components/modal-fre-item/modal-fre-item.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-fre-item.js","sourceRoot":"","sources":["../../../../src/components/modal-fre-item/modal-fre-item.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,WAAW,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAGxE;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAgCG;AACH,MAAM,OAAO,YAAa,SAAQ,WAAW;IAA7C;;QACE;;;;WAIG;QAEH,WAAM,GAAY,KAAK,CAAC;IAoC1B,CAAC;IAbC;;;;OAIG;IACH,aAAa;QACX,IAAI,CAAC,aAAa,CAChB,IAAI,WAAW,CAAC,SAAS,EAAE;YACzB,OAAO,EAAE,IAAI;YACb,QAAQ,EAAE,IAAI;SACf,CAAC,CACH,CAAC;IACJ,CAAC;CACF;AApCC;IADC,IAAI,CAAC,EAAE,IAAI,EAAE,SAAS,EAAE,CAAC;4CACF;AAOxB;IADC,IAAI;2CACU;AAOf;IADC,UAAU;6CACM;AAOjB;IADC,UAAU;2CACI"}

package/esm/components/modal-fre-item/modal-fre-item.styles.js

@@ -0,0 +1,11 @@
+import { css } from '@microsoft/fast-element';
+import { spacingHorizontalXL, spacingHorizontalL, fontSizeBase400, fontWeightSemibold, colorNeutralForeground1, spacingVerticalXS, fontSizeBase300, lineHeightBase300, colorNeutralForeground2 } from '@fluentui/web-components';
+
+/**
+ * Styles for the {@link @fabric-msft/fabric-web#(ModalFreItem:class)} component.
+ * @public
+ */
+const modalFreItemStyles = css`
+  :host{white-space:normal;display:none}:host([active]){display:block}.hero{overflow:hidden}.hero ::slotted(*){display:block;width:100%}.info{padding:${spacingHorizontalXL};padding-block-end:0}.info-header{display:flex;align-items:flex-start;justify-content:space-between;gap:${spacingHorizontalL}}.title{font-size:${fontSizeBase400};font-weight:${fontWeightSemibold};color:${colorNeutralForeground1};margin:0}.description{margin:${spacingVerticalXS} 0 0;font-size:${fontSizeBase300};line-height:${lineHeightBase300};color:${colorNeutralForeground2}}`;
+
+export { modalFreItemStyles };

package/esm/components/modal-fre-item/modal-fre-item.styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-fre-item.styles.js","sourceRoot":"","sources":["../../../../src/components/modal-fre-item/modal-fre-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,eAAe,EACf,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,mBAAmB,EACnB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAkB,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;eAoBrC,mBAAmB;;;;;;;;WAQvB,kBAAkB;;;;iBAIZ,eAAe;mBACb,kBAAkB;aACxB,uBAAuB;;;;;cAKtB,iBAAiB;iBACd,eAAe;mBACb,iBAAiB;aACvB,uBAAuB;;CAEnC,CAAC"}

package/esm/components/modal-fre-item/modal-fre-item.template.js

@@ -0,0 +1,16 @@
+import { oneTime, html } from '@microsoft/fast-element';
+import { dismissIcon } from '../../static/component-svgs.js';
+import { getString } from '@fabric-msft/localization';
+
+/**
+ * The template for the {@link @fabric-msft/fabric-web#(ModalFreItem:class)} component.
+ * Renders a self-contained FRE step: hero content, title with dismiss button, and description.
+ * Uses ARIA tabpanel pattern driven by the CarouselController.
+ * @public
+ */
+function modalFreItemTemplate() {
+  return html`<template role="tabpanel" id="${x => x.panelId}" aria-labelledby="${x => x.tabId}" aria-label="${x => x.label}" aria-hidden="${x => !x.active ? "true" : null}" tabindex="-1"><div class="hero"><slot></slot></div><div class="info"><div class="info-header"><h2 class="title"><slot name="title"></slot></h2><fabric-button appearance="subtle" class="dismiss-button" size="small" icon-only aria-label="${oneTime(() => getString("Modal_Close"))}" @click="${x => x.handleDismiss()}">${dismissIcon}</fabric-button></div><p class="description"><slot name="description"></slot></p></div></template>`;
+}
+const modalFreItemTemplate_ = modalFreItemTemplate();
+
+export { modalFreItemTemplate, modalFreItemTemplate_ };

package/esm/components/modal-fre-item/modal-fre-item.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"modal-fre-item.template.js","sourceRoot":"","sources":["../../../../src/components/modal-fre-item/modal-fre-item.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,yBAAyB,CAAC;AAGxD,OAAO,EAAE,WAAW,EAAE,MAAM,gCAAgC,CAAC;AAC7D,OAAO,EAAE,SAAS,EAAE,MAAM,2BAA2B,CAAC;AAEtD;;;;;GAKG;AACH,MAAM,UAAU,oBAAoB;IAGlC,OAAO,IAAI,CAAG;;;YAGJ,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,OAAO;yBACH,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;oBACnB,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK;qBACb,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC;;;;;;;;;;;;;;0BAc7B,OAAO,CAAC,GAAG,EAAE,CAAC,SAAS,CAAC,aAAa,CAAC,CAAC;sBAC3C,CAAC,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,aAAa,EAAE;;cAEhC,WAAW;;;;;;GAMtB,CAAC;AACJ,CAAC;AAED,MAAM,CAAC,MAAM,qBAAqB,GAChC,oBAAoB,EAAE,CAAC"}

package/esm/components/multi-view/multi-view.styles.js

@@ -7,7 +7,7 @@ import { css } from '@microsoft/fast-element';
 const styles = css`
   ${display("block")}
 
-  :host{display:block;position:relative;overflow-y:auto}:host([hidden]){display:none}:host([data-flexposition="2"]){order:2}:host(:focus-visible)::after{content:"";position:absolute;inset:1px;pointer-events:none;outline:${strokeWidthThick} solid ${colorStrokeFocus2};outline-offset:calc(${strokeWidthThick} * -1)}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+  :host{white-space:normal;display:block;position:relative;overflow-y:auto}:host([hidden]){display:none}:host([data-flexposition="2"]){order:2}:host(:focus-visible)::after{content:"";position:absolute;inset:1px;pointer-events:none;outline:${strokeWidthThick} solid ${colorStrokeFocus2};outline-offset:calc(${strokeWidthThick} * -1)}`.withBehaviors(forcedColorsStylesheetBehavior(css`
     :host(:focus-visible)::after{outline-color:Highlight}`));
 
 export { styles };

package/esm/components/multi-view/multi-view.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-view.styles.js","sourceRoot":"","sources":["../../../../src/components/multi-view/multi-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,OAAO,EACP,8BAA8B,EAC9B,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;eAkBL,gBAAgB,UAAU,iBAAiB;2BAC/B,gBAAgB;;CAE1C,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;GAIjC,CAAC,CACH,CAAC"}
+{"version":3,"file":"multi-view.styles.js","sourceRoot":"","sources":["../../../../src/components/multi-view/multi-view.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,OAAO,EACP,8BAA8B,EAC9B,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;;;;;;;;;;;eAmBL,gBAAgB,UAAU,iBAAiB;2BAC/B,gBAAgB;;CAE1C,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;GAIjC,CAAC,CACH,CAAC"}

package/esm/components/multi-view-controller/multi-view-controller.styles.js

@@ -4,7 +4,7 @@ import { css } from '@microsoft/fast-element';
 // Need to support icon hover styles
 const styles = css`
   ${display("flex")}
-  :host{position:relative;display:flex;justify-content:center;align-items:center;align-items:center;box-sizing:border-box;justify-content:center;text-decoration-line:none;margin:0px;min-height:${spacingVerticalXXXL};min-width:${spacingHorizontalXXXL};outline-style:none;background-color:${colorNeutralBackground1};color:${colorNeutralForeground1};border:${strokeWidthThin} solid ${colorNeutralStroke1};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}:host([aria-hidden="true"]){display:none}:host([aria-expanded="true"])::before{content:"";z-index:3;position:absolute;inset-inline-start:0;height:${spacingVerticalXXXL};width:3px;background:${colorBrandBackground}}:host(:focus)::after{content:"";position:absolute;inset:0px;pointer-events:none;border-radius:${borderRadiusSmall};outline:${strokeWidthThin} solid ${colorStrokeFocus2};outline-offset:calc(${strokeWidthThin} * -1)}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+  :host{white-space:normal;position:relative;display:flex;justify-content:center;align-items:center;align-items:center;box-sizing:border-box;justify-content:center;text-decoration-line:none;margin:0px;min-height:${spacingVerticalXXXL};min-width:${spacingHorizontalXXXL};outline-style:none;background-color:${colorNeutralBackground1};color:${colorNeutralForeground1};border:${strokeWidthThin} solid ${colorNeutralStroke1};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}:host([aria-hidden="true"]){display:none}:host([aria-expanded="true"])::before{content:"";z-index:3;position:absolute;inset-inline-start:0;height:${spacingVerticalXXXL};width:3px;background:${colorBrandBackground}}:host(:focus)::after{content:"";position:absolute;inset:0px;pointer-events:none;border-radius:${borderRadiusSmall};outline:${strokeWidthThin} solid ${colorStrokeFocus2};outline-offset:calc(${strokeWidthThin} * -1)}`.withBehaviors(forcedColorsStylesheetBehavior(css`
     :host(:focus){border-color:CanvasText}:host(:focus)::after{outline-color:Highlight}`));
 
 export { styles };

package/esm/components/multi-view-controller/multi-view-controller.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-view-controller.styles.js","sourceRoot":"","sources":["../../../../src/components/multi-view-controller/multi-view-controller.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,OAAO,EACP,cAAc,EACd,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,8BAA8B,EAC9B,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,oCAAoC;AACpC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;;;kBAWD,mBAAmB;iBACpB,qBAAqB;;wBAEd,uBAAuB;aAClC,uBAAuB;cACtB,eAAe,UAAU,mBAAmB;iBACzC,eAAe;mBACb,cAAc;mBACd,kBAAkB;mBAClB,iBAAiB;2BACT,cAAc;;kCAEP,aAAa;;;;;;;;;;;;cAYjC,mBAAmB;;kBAEf,oBAAoB;;;;;;;;qBAQjB,iBAAiB;eACvB,eAAe,UAAU,iBAAiB;2BAC9B,eAAe;;CAEzC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;GAQjC,CAAC,CACH,CAAC"}
+{"version":3,"file":"multi-view-controller.styles.js","sourceRoot":"","sources":["../../../../src/components/multi-view-controller/multi-view-controller.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,oBAAoB,EACpB,uBAAuB,EACvB,uBAAuB,EACvB,mBAAmB,EACnB,iBAAiB,EACjB,aAAa,EACb,OAAO,EACP,cAAc,EACd,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,8BAA8B,EAC9B,iBAAiB,EACjB,qBAAqB,EACrB,mBAAmB,EACnB,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,oCAAoC;AACpC,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;;;;kBAYD,mBAAmB;iBACpB,qBAAqB;;wBAEd,uBAAuB;aAClC,uBAAuB;cACtB,eAAe,UAAU,mBAAmB;iBACzC,eAAe;mBACb,cAAc;mBACd,kBAAkB;mBAClB,iBAAiB;2BACT,cAAc;;kCAEP,aAAa;;;;;;;;;;;;cAYjC,mBAAmB;;kBAEf,oBAAoB;;;;;;;;qBAQjB,iBAAiB;eACvB,eAAe,UAAU,iBAAiB;2BAC9B,eAAe;;CAEzC,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;;;;;GAQjC,CAAC,CACH,CAAC"}

package/esm/components/multi-view-group/multi-view-group.styles.js

@@ -6,7 +6,7 @@ import { css } from '@microsoft/fast-element';
  */
 const styles = css`
   ${display("flex")}
-  :host{flex-direction:column;position:absolute;z-index:10;inset-inline-end:0;top:0;height:100%}.root{display:flex;flex-direction:row;height:100%}.views{display:flex}.controllers{display:flex;flex-direction:column;background:var(--colorNeutralBackground1);position:relative}.controllers:focus-visible::after{content:"";position:absolute;inset:1px;pointer-events:none;outline:${strokeWidthThick} solid ${colorStrokeFocus2};outline-offset:calc(${strokeWidthThick} * -1)}`.withBehaviors(forcedColorsStylesheetBehavior(css`
+  :host{white-space:normal;flex-direction:column;position:absolute;z-index:10;inset-inline-end:0;top:0;height:100%}.root{display:flex;flex-direction:row;height:100%}.views{display:flex}.controllers{display:flex;flex-direction:column;background:var(--colorNeutralBackground1);position:relative}.controllers:focus-visible::after{content:"";position:absolute;inset:1px;pointer-events:none;outline:${strokeWidthThick} solid ${colorStrokeFocus2};outline-offset:calc(${strokeWidthThick} * -1)}`.withBehaviors(forcedColorsStylesheetBehavior(css`
     .controllers:focus-visible::after{outline-color:Highlight}`));
 
 export { styles };

package/esm/components/multi-view-group/multi-view-group.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"multi-view-group.styles.js","sourceRoot":"","sources":["../../../../src/components/multi-view-group/multi-view-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,OAAO,EACP,8BAA8B,EAC9B,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA6BJ,gBAAgB,UAAU,iBAAiB;2BAC/B,gBAAgB;;CAE1C,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;GAIjC,CAAC,CACH,CAAC"}
+{"version":3,"file":"multi-view-group.styles.js","sourceRoot":"","sources":["../../../../src/components/multi-view-group/multi-view-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,iBAAiB,EACjB,OAAO,EACP,8BAA8B,EAC9B,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;eA8BJ,gBAAgB,UAAU,iBAAiB;2BAC/B,gBAAgB;;CAE1C,CAAC,aAAa,CACb,8BAA8B,CAAC,GAAG,CAAA;;;;GAIjC,CAAC,CACH,CAAC"}

package/esm/components/option/option.definition.js

@@ -1,6 +1,7 @@
 import { DesignSystem } from '../design-system.js';
-import { DropdownOptionStyles, DropdownOptionTemplate } from '@fluentui/web-components';
+import { DropdownOptionTemplate } from '@fluentui/web-components';
 import { DropdownOption } from './option.js';
+import { styles } from './option.styles.js';
 
 /**
  * The Fabric Option Element definition.
@@ -12,7 +13,7 @@ import { DropdownOption } from './option.js';
 const definition = DropdownOption.compose({
   name: `${DesignSystem.prefix}-option`,
   template: DropdownOptionTemplate,
-  styles: DropdownOptionStyles,
+  styles,
   shadowOptions: {
     delegatesFocus: true
     // No slotAssignment needed for option based on temp implementation

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

@@ -1 +1 @@
-{"version":3,"file":"option.definition.js","sourceRoot":"","sources":["../../../../src/components/option/option.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EACL,oBAAoB,EACpB,sBAAsB,EACvB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAE7C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC;IAC/C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ,EAAE,sBAAsB;IAChC,MAAM,EAAE,oBAAoB;IAC5B,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;QACpB,mEAAmE;KACpE;CACF,CAAC,CAAC"}
+{"version":3,"file":"option.definition.js","sourceRoot":"","sources":["../../../../src/components/option/option.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,sBAAsB,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EAAE,cAAc,EAAE,MAAM,aAAa,CAAC;AAC7C,OAAO,EAAE,MAAM,EAAE,MAAM,oBAAoB,CAAC;AAE5C;;;;;;GAMG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,cAAc,CAAC,OAAO,CAAC;IAC/C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ,EAAE,sBAAsB;IAChC,MAAM;IACN,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;QACpB,mEAAmE;KACpE;CACF,CAAC,CAAC"}

package/esm/components/option/option.styles.js

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

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

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

package/esm/components/option-group/option-group.styles.js

@@ -7,6 +7,6 @@ import { fontFamilyBase, colorNeutralForeground3, fontSizeBase200, fontWeightSem
  * @public
  */
 const styles = css`
-  :host{display:block;font-family:${fontFamilyBase}}:host([hidden]){display:none}.label{color:${colorNeutralForeground3};font-size:${fontSizeBase200};font-weight:${fontWeightSemibold};line-height:${lineHeightBase200};padding-block:${spacingVerticalXS};padding-inline:${spacingHorizontalM};user-select:none;cursor:default}:host([disabled]) .label{color:${colorNeutralForegroundDisabled}}:host([disabled]) ::slotted(*){color:${colorNeutralForegroundDisabled};background-color:${colorNeutralBackground1};cursor:default}.options{display:flex;flex-direction:column;padding-block-end:${spacingVerticalS}}`;
+  :host{white-space:normal;display:block;font-family:${fontFamilyBase}}:host([hidden]){display:none}.label{color:${colorNeutralForeground3};font-size:${fontSizeBase200};font-weight:${fontWeightSemibold};line-height:${lineHeightBase200};padding-block:${spacingVerticalXS};padding-inline:${spacingHorizontalM};user-select:none;cursor:default}:host([disabled]) .label{color:${colorNeutralForegroundDisabled}}:host([disabled]) ::slotted(*){color:${colorNeutralForegroundDisabled};background-color:${colorNeutralBackground1};cursor:default}.options{display:flex;flex-direction:column;padding-block-end:${spacingVerticalS}}`;
 
 export { styles };

package/esm/components/option-group/option-group.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"option-group.styles.js","sourceRoot":"","sources":["../../../../src/components/option-group/option-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;mBAGN,cAAc;;;;;;;;aAQpB,uBAAuB;iBACnB,eAAe;mBACb,kBAAkB;mBAClB,iBAAiB;qBACf,iBAAiB;sBAChB,kBAAkB;;;;;;aAM3B,8BAA8B;;;;aAI9B,8BAA8B;wBACnB,uBAAuB;;;;;;;yBAOtB,gBAAgB;;CAExC,CAAC"}
+{"version":3,"file":"option-group.styles.js","sourceRoot":"","sources":["../../../../src/components/option-group/option-group.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,8BAA8B,EAC9B,cAAc,EACd,eAAe,EACf,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,gBAAgB,EAChB,iBAAiB,EAClB,MAAM,0BAA0B,CAAC;AAElC;;;;GAIG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;mBAIN,cAAc;;;;;;;;aAQpB,uBAAuB;iBACnB,eAAe;mBACb,kBAAkB;mBAClB,iBAAiB;qBACf,iBAAiB;sBAChB,kBAAkB;;;;;;aAM3B,8BAA8B;;;;aAI9B,8BAA8B;wBACnB,uBAAuB;;;;;;;yBAOtB,gBAAgB;;CAExC,CAAC"}

package/esm/components/overflow/overflow.styles.js

@@ -8,6 +8,6 @@ import { spacingHorizontalXS, display } from '@fluentui/web-components';
 const styles = css`
   ${display("flex")}
 
-  :host{position:relative;min-inline-size:0;inline-size:100%;flex-wrap:nowrap;overflow:clip;overflow-clip-margin:${spacingHorizontalXS}}:host([overflow-axis="vertical"]){flex-direction:column;block-size:100%}:host([overflow-direction="start"]) ::slotted([slot="menu"]){order:-1}`;
+  :host{white-space:normal;position:relative;min-inline-size:0;inline-size:100%;flex-wrap:nowrap;overflow:clip;overflow-clip-margin:${spacingHorizontalXS}}:host([overflow-axis="vertical"]){flex-direction:column;block-size:100%}:host([overflow-direction="start"]) ::slotted([slot="menu"]){order:-1}`;
 
 export { styles };

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

@@ -1 +1 @@
-{"version":3,"file":"overflow.styles.js","sourceRoot":"","sources":["../../../../src/components/overflow/overflow.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAExE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;4BAQS,mBAAmB;;;;;;;;;;;CAW9C,CAAC"}
+{"version":3,"file":"overflow.styles.js","sourceRoot":"","sources":["../../../../src/components/overflow/overflow.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAExE;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;;;;;;;4BASS,mBAAmB;;;;;;;;;;;CAW9C,CAAC"}

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

@@ -9,6 +9,6 @@ import { sizeVerticalXL } from '@fabric-msft/theme';
 const styles = css`
   ${display("inline-flex")}
 
-  :host{flex-shrink:0;align-items:stretch;padding-block:${spacingVerticalS};padding-inline:${spacingHorizontalXS};min-block-size:${sizeVerticalXL};box-sizing:border-box}:host::before{content:"";display:block;inline-size:${strokeWidthThin};background:${colorNeutralStroke2}}:host([data-overflowing]){display:none}`;
+  :host{white-space:normal;flex-shrink:0;align-items:stretch;padding-block:${spacingVerticalS};padding-inline:${spacingHorizontalXS};min-block-size:${sizeVerticalXL};box-sizing:border-box}:host::before{content:"";display:block;inline-size:${strokeWidthThin};background:${colorNeutralStroke2}}:host([data-overflowing]){display:none}`;
 
 export { styles };

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

@@ -1 +1 @@
-{"version":3,"file":"overflow-divider.styles.js","sourceRoot":"","sources":["../../../../src/components/overflow-divider/overflow-divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;qBAKL,gBAAgB;sBACf,mBAAmB;sBACnB,cAAc;;;;;;;mBAOjB,eAAe;kBAChB,mBAAmB;;;;;;CAMpC,CAAC"}
+{"version":3,"file":"overflow-divider.styles.js","sourceRoot":"","sources":["../../../../src/components/overflow-divider/overflow-divider.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AACnD,OAAO,EACL,mBAAmB,EACnB,mBAAmB,EACnB,gBAAgB,EAChB,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,cAAc,EAAE,MAAM,oBAAoB,CAAC;AAEpD;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;qBAML,gBAAgB;sBACf,mBAAmB;sBACnB,cAAc;;;;;;;mBAOjB,eAAe;kBAChB,mBAAmB;;;;;;CAMpC,CAAC"}

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

@@ -8,6 +8,6 @@ import { display } from '@fluentui/web-components';
 const styles = css`
   ${display("inline-flex")}
 
-  :host{flex-shrink:0}:host(:focus-within){position:relative}:host([data-overflowing]){display:none}`;
+  :host{white-space:normal;flex-shrink:0}:host(:focus-within){position:relative}:host([data-overflowing]){display:none}`;
 
 export { styles };

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

@@ -1 +1 @@
-{"version":3,"file":"overflow-item.styles.js","sourceRoot":"","sources":["../../../../src/components/overflow-item/overflow-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;;;CAazB,CAAC"}
+{"version":3,"file":"overflow-item.styles.js","sourceRoot":"","sources":["../../../../src/components/overflow-item/overflow-item.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,0BAA0B,CAAC;AAEnD;;;GAGG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;;;;;;;;;;CAczB,CAAC"}

package/esm/components/pagination/pagination.styles.js

@@ -7,6 +7,6 @@ import { css } from '@microsoft/fast-element';
 const styles = css`
   ${display("inline-flex")}
 
-  :host{box-sizing:border-box;font-family:${fontFamilyBase}}.pagination-root{display:inline-flex;align-items:center;justify-content:center;gap:${spacingHorizontalS};min-height:${spacingVerticalXXXL}}button{border:0;background:transparent;color:${colorNeutralForeground2};font-size:${fontSizeBase300};line-height:${lineHeightBase300};cursor:pointer}button:disabled{color:${colorNeutralForeground3};cursor:default}.text-button{display:inline-flex;align-items:center;gap:${spacingHorizontalXS};font-weight:${fontWeightSemibold};padding-block:0;padding-inline:${spacingHorizontalM};block-size:${spacingVerticalXXXL};border-radius:${borderRadiusMedium}}.button-label{display:inline-flex;align-items:center}.page-button{inline-size:${spacingHorizontalXXL};box-sizing:border-box;block-size:${spacingVerticalXXXL};padding-block:0;padding-inline:${spacingHorizontalSNudge};position:relative;font-weight:${fontWeightRegular};color:${colorNeutralForeground2};display:inline-flex;align-items:center;justify-content:center}.page-items{display:inline-flex;align-items:center;justify-content:center;gap:${spacingHorizontalSNudge}}.page-button.current{font-weight:${fontWeightSemibold};color:${colorNeutralForeground1}}.page-button.current::after{content:"";position:absolute;inset-inline-start:${spacingHorizontalSNudge};inset-inline-end:${spacingHorizontalSNudge};inset-block-end:0;block-size:2px;background:${colorCompoundBrandStroke};border-radius:1px}.ellipsis{display:inline-flex;align-items:center;justify-content:center;inline-size:${spacingHorizontalXXL};box-sizing:border-box;color:${colorNeutralForeground2};font-size:${fontSizeBase300};line-height:${lineHeightBase300};padding:0}.navigation-icon{display:inline-flex;align-items:center;justify-content:center}:host(:dir(rtl)) .navigation-icon{transform:scaleX(-1)}.icon-button{inline-size:${spacingVerticalXXXL};block-size:${spacingVerticalXXXL};padding-block:0;padding-inline:0;border-radius:${borderRadiusMedium};color:${colorNeutralForeground2};font-size:${fontSizeBase300};display:inline-flex;align-items:center;justify-content:center}.summary{display:inline-flex}.compact-dropdown{inline-size:130px;}:host([disabled]) .page-button,:host([disabled]) .text-button,:host([disabled]) .icon-button{color:${colorNeutralForeground3}}.text-button:focus-visible,.page-button:focus-visible,.icon-button:focus-visible{outline:2px solid ${colorStrokeFocus2};outline-offset:-2px;border-radius:${borderRadiusMedium}}@media (forced-colors:active){button:not(:disabled){color:ButtonText}button:disabled{color:GrayText}.page-button.current::after{background:Highlight}.text-button:focus-visible,.page-button:focus-visible,.icon-button:focus-visible{outline:2px solid Highlight}}`;
+  :host{white-space:normal;box-sizing:border-box;font-family:${fontFamilyBase}}.pagination-root{display:inline-flex;align-items:center;justify-content:center;gap:${spacingHorizontalS};min-height:${spacingVerticalXXXL}}button{border:0;background:transparent;color:${colorNeutralForeground2};font-size:${fontSizeBase300};line-height:${lineHeightBase300};cursor:pointer}button:disabled{color:${colorNeutralForeground3};cursor:default}.text-button{display:inline-flex;align-items:center;gap:${spacingHorizontalXS};font-weight:${fontWeightSemibold};padding-block:0;padding-inline:${spacingHorizontalM};block-size:${spacingVerticalXXXL};border-radius:${borderRadiusMedium}}.button-label{display:inline-flex;align-items:center}.page-button{inline-size:${spacingHorizontalXXL};box-sizing:border-box;block-size:${spacingVerticalXXXL};padding-block:0;padding-inline:${spacingHorizontalSNudge};position:relative;font-weight:${fontWeightRegular};color:${colorNeutralForeground2};display:inline-flex;align-items:center;justify-content:center}.page-items{display:inline-flex;align-items:center;justify-content:center;gap:${spacingHorizontalSNudge}}.page-button.current{font-weight:${fontWeightSemibold};color:${colorNeutralForeground1}}.page-button.current::after{content:"";position:absolute;inset-inline-start:${spacingHorizontalSNudge};inset-inline-end:${spacingHorizontalSNudge};inset-block-end:0;block-size:2px;background:${colorCompoundBrandStroke};border-radius:1px}.ellipsis{display:inline-flex;align-items:center;justify-content:center;inline-size:${spacingHorizontalXXL};box-sizing:border-box;color:${colorNeutralForeground2};font-size:${fontSizeBase300};line-height:${lineHeightBase300};padding:0}.navigation-icon{display:inline-flex;align-items:center;justify-content:center}:host(:dir(rtl)) .navigation-icon{transform:scaleX(-1)}.icon-button{inline-size:${spacingVerticalXXXL};block-size:${spacingVerticalXXXL};padding-block:0;padding-inline:0;border-radius:${borderRadiusMedium};color:${colorNeutralForeground2};font-size:${fontSizeBase300};display:inline-flex;align-items:center;justify-content:center}.summary{display:inline-flex}.compact-dropdown{inline-size:130px;}:host([disabled]) .page-button,:host([disabled]) .text-button,:host([disabled]) .icon-button{color:${colorNeutralForeground3}}.text-button:focus-visible,.page-button:focus-visible,.icon-button:focus-visible{outline:2px solid ${colorStrokeFocus2};outline-offset:-2px;border-radius:${borderRadiusMedium}}@media (forced-colors:active){button:not(:disabled){color:ButtonText}button:disabled{color:GrayText}.page-button.current::after{background:Highlight}.text-button:focus-visible,.page-button:focus-visible,.icon-button:focus-visible{outline:2px solid Highlight}}`;
 
 export { styles };

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

@@ -1 +1 @@
-{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../src/components/pagination/pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,EACxB,iBAAiB,EACjB,OAAO,EACP,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;mBAIP,cAAc;;;;;;;WAOtB,kBAAkB;kBACX,mBAAmB;;;;;;aAMxB,uBAAuB;iBACnB,eAAe;mBACb,iBAAiB;;;;;aAKvB,uBAAuB;;;;;;;WAOzB,mBAAmB;mBACX,kBAAkB;;sBAEf,kBAAkB;kBACtB,mBAAmB;qBAChB,kBAAkB;;;;;;;;;mBASpB,oBAAoB;;kBAErB,mBAAmB;;sBAEf,uBAAuB;;mBAE1B,iBAAiB;aACvB,uBAAuB;;;;;;;;;;WAUzB,uBAAuB;;;;mBAIf,kBAAkB;aACxB,uBAAuB;;;;;;0BAMV,uBAAuB;wBACzB,uBAAuB;;;kBAG7B,wBAAwB;;;;;;;;mBAQvB,oBAAoB;;aAE1B,uBAAuB;iBACnB,eAAe;mBACb,iBAAiB;;;;;;;;;;;;;;;mBAejB,mBAAmB;kBACpB,mBAAmB;;;qBAGhB,kBAAkB;aAC1B,uBAAuB;iBACnB,eAAe;;;;;;;;;;;;;;;;;aAiBnB,uBAAuB;;;;;;yBAMX,iBAAiB;;qBAErB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;CAsBtC,CAAC"}
+{"version":3,"file":"pagination.styles.js","sourceRoot":"","sources":["../../../../src/components/pagination/pagination.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,uBAAuB,EACvB,uBAAuB,EACvB,wBAAwB,EACxB,iBAAiB,EACjB,OAAO,EACP,cAAc,EACd,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,kBAAkB,EAClB,kBAAkB,EAClB,uBAAuB,EACvB,mBAAmB,EACnB,oBAAoB,EACpB,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,aAAa,CAAC;;;;;mBAKP,cAAc;;;;;;;WAOtB,kBAAkB;kBACX,mBAAmB;;;;;;aAMxB,uBAAuB;iBACnB,eAAe;mBACb,iBAAiB;;;;;aAKvB,uBAAuB;;;;;;;WAOzB,mBAAmB;mBACX,kBAAkB;;sBAEf,kBAAkB;kBACtB,mBAAmB;qBAChB,kBAAkB;;;;;;;;;mBASpB,oBAAoB;;kBAErB,mBAAmB;;sBAEf,uBAAuB;;mBAE1B,iBAAiB;aACvB,uBAAuB;;;;;;;;;;WAUzB,uBAAuB;;;;mBAIf,kBAAkB;aACxB,uBAAuB;;;;;;0BAMV,uBAAuB;wBACzB,uBAAuB;;;kBAG7B,wBAAwB;;;;;;;;mBAQvB,oBAAoB;;aAE1B,uBAAuB;iBACnB,eAAe;mBACb,iBAAiB;;;;;;;;;;;;;;;mBAejB,mBAAmB;kBACpB,mBAAmB;;;qBAGhB,kBAAkB;aAC1B,uBAAuB;iBACnB,eAAe;;;;;;;;;;;;;;;;;aAiBnB,uBAAuB;;;;;;yBAMX,iBAAiB;;qBAErB,kBAAkB;;;;;;;;;;;;;;;;;;;;;;CAsBtC,CAAC"}

package/esm/components/popover/popover.styles.js

@@ -4,7 +4,7 @@ import { css } from '@microsoft/fast-element';
 const styles = css`
   ${display("block")}
 
-  .popover-container{position:relative;width:fit-content}.popover{font-family:${fontFamilyBase};background-color:${colorNeutralBackground1};border-radius:${borderRadiusMedium};border:1px solid ${colorTransparentStrokeInteractive};box-shadow:${shadow8};visibility:hidden;opacity:0;z-index:0;position:absolute;margin:0;min-width:50px;min-height:68px;max-width:var(--popoverMaxWidth,260px);width:max-content;height:max-content;padding:${spacingHorizontalL};transition-property:opacity,visibility;transition-duration:var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}.popover.popover-open{visibility:visible;display:block;opacity:1;z-index:1000}:host([size="small"]) .popover{padding:${spacingHorizontalM};max-width:var(--popoverMaxWidth,214px)}:host([size="large"]) .popover{padding:${spacingHorizontalXL};max-width:var(--popoverMaxWidth,317px)}.beak{position:absolute;top:0;width:0;height:0;border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-bottom:8px solid ${colorNeutralBackground1};z-index:1}:host([beak]) .beak-shadow::after{content:"";position:absolute;width:0;height:0;border-inline-start:8px solid transparent;border-inline-end:9px solid transparent;border-bottom:8px solid rgba(0,0,0,0.14);filter:blur(8px);z-index:0;opacity:0;transition:all var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}:host([open][beak]) .beak-shadow:after{opacity:1}:host([beak]) .popover[data-position="above-start"] ~ .beak-shadow:after{start:calc(
+  :host{white-space:normal}.popover-container{position:relative;width:fit-content}.popover{font-family:${fontFamilyBase};background-color:${colorNeutralBackground1};border-radius:${borderRadiusMedium};border:1px solid ${colorTransparentStrokeInteractive};box-shadow:${shadow8};visibility:hidden;opacity:0;z-index:0;position:absolute;margin:0;min-width:50px;min-height:68px;max-width:var(--popoverMaxWidth,260px);width:max-content;height:max-content;padding:${spacingHorizontalL};transition-property:opacity,visibility;transition-duration:var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}.popover.popover-open{visibility:visible;display:block;opacity:1;z-index:1000}:host([size="small"]) .popover{padding:${spacingHorizontalM};max-width:var(--popoverMaxWidth,214px)}:host([size="large"]) .popover{padding:${spacingHorizontalXL};max-width:var(--popoverMaxWidth,317px)}.beak{position:absolute;top:0;width:0;height:0;border-inline-start:8px solid transparent;border-inline-end:8px solid transparent;border-bottom:8px solid ${colorNeutralBackground1};z-index:1}:host([beak]) .beak-shadow::after{content:"";position:absolute;width:0;height:0;border-inline-start:8px solid transparent;border-inline-end:9px solid transparent;border-bottom:8px solid rgba(0,0,0,0.14);filter:blur(8px);z-index:0;opacity:0;transition:all var(--popoverTransition,0ms);transition-delay:var(--popoverTransitionDelay,0ms)}:host([open][beak]) .beak-shadow:after{opacity:1}:host([beak]) .popover[data-position="above-start"] ~ .beak-shadow:after{start:calc(
       16px + var(--beakShadowHorizontalNudge,0px)
     );top:calc(
       -8px + var(--beakShadowVerticalNudge,0px)

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

@@ -1 +1 @@
-{"version":3,"file":"popover.styles.js","sourceRoot":"","sources":["../../../../src/components/popover/popover.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,iCAAiC,EACjC,OAAO,EACP,cAAc,EACd,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;;mBAQD,cAAc;wBACT,uBAAuB;qBAC1B,kBAAkB;wBACf,iCAAiC;kBACvC,OAAO;;;;;;;;;;;;;;eAcV,kBAAkB;;;;;;;;;;;;;;;eAelB,kBAAkB;;;;;eAKlB,mBAAmB;;;;;;;;;;;+BAWH,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAsD9C,kBAAkB;;;;;;;wBAOF,kBAAkB;;;;;;;;;;;;;;;;;WAiB/B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkCb,gBAAgB;;;;;;QAMtB,kBAAkB;;;;;;;;;;0BAUA,kBAAkB;;;;;;;;;;;;;;;;;;;;;;QAsBpC,kBAAkB;;;;;;;;;;wBAUF,kBAAkB;;;;;;;;;;;;;;;;;;;WAmB/B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkCb,gBAAgB;;;CAG7B,CAAC"}
+{"version":3,"file":"popover.styles.js","sourceRoot":"","sources":["../../../../src/components/popover/popover.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,kBAAkB,EAClB,uBAAuB,EACvB,iCAAiC,EACjC,OAAO,EACP,cAAc,EACd,OAAO,EACP,kBAAkB,EAClB,kBAAkB,EAClB,mBAAmB,EACnB,gBAAgB,EACjB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAE9C,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,OAAO,CAAC;;;;;;;;;;;;mBAYD,cAAc;wBACT,uBAAuB;qBAC1B,kBAAkB;wBACf,iCAAiC;kBACvC,OAAO;;;;;;;;;;;;;;eAcV,kBAAkB;;;;;;;;;;;;;;;eAelB,kBAAkB;;;;;eAKlB,mBAAmB;;;;;;;;;;;+BAWH,uBAAuB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;QAsD9C,kBAAkB;;;;;;;wBAOF,kBAAkB;;;;;;;;;;;;;;;;;WAiB/B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkCb,gBAAgB;;;;;;QAMtB,kBAAkB;;;;;;;;;;0BAUA,kBAAkB;;;;;;;;;;;;;;;;;;;;;;QAsBpC,kBAAkB;;;;;;;;;;wBAUF,kBAAkB;;;;;;;;;;;;;;;;;;;WAmB/B,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;cAkCb,gBAAgB;;;CAG7B,CAAC"}

package/esm/components/progress-bar/progress-bar.definition.js

@@ -1,6 +1,7 @@
 import { ProgressBar } from './progress-bar.js';
-import { ProgressBarStyles, ProgressBarTemplate } from '@fluentui/web-components';
 import { DesignSystem } from '../design-system.js';
+import { ProgressBarTemplate } from '@fluentui/web-components';
+import { styles } from './progress-bar.styles.js';
 
 /**
  * The Fabric Progress Bar component.
@@ -10,7 +11,7 @@ import { DesignSystem } from '../design-system.js';
 const definition = ProgressBar.compose({
   name: `${DesignSystem.prefix}-progress-bar`,
   template: ProgressBarTemplate,
-  styles: ProgressBarStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/progress-bar/progress-bar.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"progress-bar.definition.js","sourceRoot":"","sources":["../../../../src/components/progress-bar/progress-bar.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EACL,iBAAiB,EACjB,mBAAmB,EACpB,MAAM,0BAA0B,CAAC;AAClC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC;IAC5C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,eAAe;IAC3C,QAAQ,EAAE,mBAAmB;IAC7B,MAAM,EAAE,iBAAiB;IACzB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}
+{"version":3,"file":"progress-bar.definition.js","sourceRoot":"","sources":["../../../../src/components/progress-bar/progress-bar.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,mBAAmB,CAAC;AAChD,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,OAAO,EAAE,MAAM,EAAE,MAAM,0BAA0B,CAAC;AAElD;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,WAAW,CAAC,OAAO,CAAC;IAC5C,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,eAAe;IAC3C,QAAQ,EAAE,mBAAmB;IAC7B,MAAM;IACN,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/esm/components/progress-bar/progress-bar.styles.js

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

package/esm/components/progress-bar/progress-bar.styles.js.map

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

package/esm/components/radio/radio.definition.js

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

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

@@ -1 +1 @@
-{"version":3,"file":"radio.definition.js","sourceRoot":"","sources":["../../../../src/components/radio/radio.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,WAAW,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;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":"radio.definition.js","sourceRoot":"","sources":["../../../../src/components/radio/radio.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,YAAY,CAAC;AACnC,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,aAAa,EAAE,MAAM,0BAA0B,CAAC;AACzD,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/radio/radio.styles.js

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

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

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

@@ -1,6 +1,7 @@
-import { RadioGroupStyles, RadioGroupTemplate } from '@fluentui/web-components';
 import { RadioGroup } from './radio-group.js';
 import { DesignSystem } from '../design-system.js';
+import { RadioGroupTemplate } from '@fluentui/web-components';
+import { styles } from './radio-group.styles.js';
 
 /**
  * The Fabric Radio Group component.
@@ -10,7 +11,7 @@ import { DesignSystem } from '../design-system.js';
 const definition = RadioGroup.compose({
   name: `${DesignSystem.prefix}-radio-group`,
   template: RadioGroupTemplate,
-  styles: RadioGroupStyles,
+  styles,
   shadowOptions: {
     mode: DesignSystem.shadowRootMode
   }

package/esm/components/radio-group/radio-group.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"radio-group.definition.js","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,gBAAgB,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAChF,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AAEnD;;;;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":"radio-group.definition.js","sourceRoot":"","sources":["../../../../src/components/radio-group/radio-group.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAE,MAAM,kBAAkB,CAAC;AAC9C,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,kBAAkB,EAAE,MAAM,0BAA0B,CAAC;AAC9D,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/radio-group/radio-group.styles.js

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

package/esm/components/radio-group/radio-group.styles.js.map

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