@fabric-msft/fabric-web 4.0.0-beta.1 → 5.0.0

package/dist/esm/components/counter-badge/counter-badge.options.js

@@ -0,0 +1,32 @@
+import { CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize } from '@fluentui/web-components';
+
+/**
+ * Appearances for {@link CounterBadge}.
+ * @public
+ */
+const CounterBadgeAppearances = {
+  ...CounterBadgeAppearance
+};
+/**
+ * Colors for {@link CounterBadge}.
+ * @public
+ */
+const CounterBadgeColors = {
+  ...CounterBadgeColor
+};
+/**
+ * Shapes for {@link CounterBadge}.
+ * @public
+ */
+const CounterBadgeShapes = {
+  ...CounterBadgeShape
+};
+/**
+ * Sizes for {@link CounterBadge}.
+ * @public
+ */
+const CounterBadgeSizes = {
+  ...CounterBadgeSize
+};
+
+export { CounterBadgeAppearances, CounterBadgeColors, CounterBadgeShapes, CounterBadgeSizes };

package/dist/esm/components/counter-badge/counter-badge.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"counter-badge.options.js","sourceRoot":"","sources":["../../../../../../../src/components/counter-badge/counter-badge.options.ts"],"names":[],"mappings":"AACA,OAAO,EACL,sBAAsB,IAAI,4BAA4B,EACtD,iBAAiB,IAAI,uBAAuB,EAC5C,iBAAiB,IAAI,uBAAuB,EAC5C,gBAAgB,IAAI,sBAAsB,EAC3C,MAAM,0BAA0B,CAAC;AAElC;;;GAGG;AACH,MAAM,CAAC,MAAM,uBAAuB,GAAG;IACrC,GAAG,4BAA4B;CACvB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,GAAG,uBAAuB;CAClB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,GAAG,uBAAuB;CAClB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,iBAAiB,GAAG;IAC/B,GAAG,sBAAsB;CACjB,CAAC"}

package/dist/esm/components/counter-badge/define.js

@@ -1,4 +1,4 @@
-import { DesignSystem } from "../design-system";
-import { definition } from "./counter-badge.definition";
+import { DesignSystem } from "../design-system.js";
+import { definition } from "./counter-badge.definition.js";
 definition.define(DesignSystem.registry);
 //# sourceMappingURL=define.js.map

package/dist/esm/components/counter-badge/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/counter-badge/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,4BAA4B,CAAC;AAExD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/counter-badge/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,+BAA+B,CAAC;AAE3D,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/components/counter-badge/index.js

@@ -1,4 +1,4 @@
-export { CounterBadge } from "./counter-badge";
-export { CounterBadgeAppearance, CounterBadgeColor, CounterBadgeShape, CounterBadgeSize, CounterBadgeStyles, CounterBadgeTemplate } from "@fluentui/web-components";
-export { definition as CounterBadgeDefinition } from "./counter-badge.definition";
+export { CounterBadge } from "./counter-badge.js";
+export { CounterBadgeAppearances, CounterBadgeColors, CounterBadgeShapes, CounterBadgeSizes } from "./counter-badge.options.js";
+export { definition as CounterBadgeDefinition } from "./counter-badge.definition.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/counter-badge/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/counter-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,iBAAiB,CAAC;AAC/C,OAAO,EACL,sBAAsB,EACtB,iBAAiB,EACjB,iBAAiB,EACjB,gBAAgB,EAChB,kBAAkB,EAClB,oBAAoB,EACrB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,4BAA4B,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/counter-badge/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAClD,OAAO,EACL,uBAAuB,EACvB,kBAAkB,EAClB,kBAAkB,EAClB,iBAAiB,EAClB,MAAM,4BAA4B,CAAC;AAOpC,OAAO,EAAE,UAAU,IAAI,sBAAsB,EAAE,MAAM,+BAA+B,CAAC"}

package/dist/esm/components/design-system.js

@@ -1,6 +1,7 @@
-export const DesignSystem = Object.freeze({
-    prefix: "fabric",
-    shadowRootMode: "open",
-    registry: customElements
+const DesignSystem = Object.freeze({
+  prefix: "fabric",
+  shadowRootMode: "open",
+  registry: customElements
 });
-//# sourceMappingURL=design-system.js.map
+
+export { DesignSystem };

package/dist/esm/components/dialog/define.js

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

package/dist/esm/components/dialog/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/dialog/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/dialog/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/components/dialog/dialog.definition.js

@@ -1,18 +1,20 @@
-import { DialogTemplate } from "@fluentui/web-components";
-import { styles as DialogStyles } from "./dialog.styles";
-import { DesignSystem } from "../design-system";
-import { Dialog } from "./dialog";
+import { DialogTemplate } from '@fluentui/web-components';
+import { styles } from './dialog.styles.js';
+import { DesignSystem } from '../design-system.js';
+import { Dialog } from './dialog.js';
+
 /**
  * The Fabric Dialog component.
  *
  * @public
  */
-export const definition = Dialog.compose({
-    name: `${DesignSystem.prefix}-dialog`,
-    template: DialogTemplate,
-    styles: DialogStyles,
-    shadowOptions: {
-        delegatesFocus: true
-    }
+const definition = Dialog.compose({
+  name: `${DesignSystem.prefix}-dialog`,
+  template: DialogTemplate,
+  styles: styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
 });
-//# sourceMappingURL=dialog.definition.js.map
+
+export { definition };

package/dist/esm/components/dialog/dialog.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/dialog/dialog.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;;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,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}
+{"version":3,"file":"dialog.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/dialog/dialog.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5D,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"}

package/dist/esm/components/dialog/dialog.js

@@ -1,4 +1,5 @@
-import { Dialog as FluentDialog } from "@fluentui/web-components";
+import { Dialog as Dialog$1 } from '@fluentui/web-components';
+
 /**
  * Dialog
  * @summary A Dialog Custom HTML Element that provides modal, non-modal, and alert dialog types with accessible attributes.
@@ -25,17 +26,17 @@ import { Dialog as FluentDialog } from "@fluentui/web-components";
  *
  * @csspart dialog - The dialog container.
  *
- * @method show - Opens the dialog.
- * @method hide - Closes the dialog.
- * @method clickHandler - Handles click events on the dialog.
+ * @method show() - Opens the dialog.
+ * @method hide() - Closes the dialog.
+ * @method clickHandler() - Handles click events on the dialog.
  *
- * @fires beforetoggle - Event emitted before the dialog's open state changes.
- * @fires toggle - Event emitted after the dialog's open state changes.
+ * @fires {CustomEvent} beforetoggle - Event emitted before the dialog's open state changes.
+ * @fires {CustomEvent} toggle - Event emitted after the dialog's open state changes.
  *
  * @extends FluentDialog
  * @tagname fabric-dialog
  * @public
  */
-export class Dialog extends FluentDialog {
-}
-//# sourceMappingURL=dialog.js.map
+class Dialog extends Dialog$1 {}
+
+export { Dialog };

package/dist/esm/components/dialog/dialog.options.js

@@ -2,9 +2,10 @@
  * Dialog modal type
  * @public
  */
-export const DialogType = {
-    modal: "modal",
-    nonModal: "non-modal",
-    alert: "alert"
+const DialogTypes = {
+  modal: "modal",
+  nonModal: "non-modal",
+  alert: "alert"
 };
-//# sourceMappingURL=dialog.options.js.map
+
+export { DialogTypes };

package/dist/esm/components/dialog/dialog.options.js.map

@@ -1 +1 @@
-{"version":3,"file":"dialog.options.js","sourceRoot":"","sources":["../../../../../../../src/components/dialog/dialog.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG;IACxB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,WAAW;IACrB,KAAK,EAAE,OAAO;CACN,CAAC"}
+{"version":3,"file":"dialog.options.js","sourceRoot":"","sources":["../../../../../../../src/components/dialog/dialog.options.ts"],"names":[],"mappings":"AAEA;;;GAGG;AACH,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,KAAK,EAAE,OAAO;IACd,QAAQ,EAAE,WAAW;IACrB,KAAK,EAAE,OAAO;CACN,CAAC"}

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

@@ -1,9 +1,8 @@
-import { DialogStyles } from "@fluentui/web-components";
-import { css } from "@microsoft/fast-element";
-export const styles = css `
+import { DialogStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
   ${DialogStyles}
-  dialog {
-    max-width: var(--dialog-max-width, 600px);
-  }
-}`;
-//# sourceMappingURL=dialog.styles.js.map
+  dialog{max-width:var(--dialog-max-width,600px)}}`;
+
+export { styles };

package/dist/esm/components/dialog/index.js

@@ -1,5 +1,6 @@
-export { Dialog } from "./dialog";
-export { DialogType, DialogTemplate } from "@fluentui/web-components";
-export { styles as DialogStyles } from "./dialog.styles";
-export { definition as DialogDefinition } from "./dialog.definition";
+export { Dialog } from "./dialog.js";
+export { DialogTemplate } from "@fluentui/web-components";
+export { styles as DialogStyles } from "./dialog.styles.js";
+export { definition as DialogDefinition } from "./dialog.definition.js";
+export { DialogTypes } from "./dialog.options.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/dialog/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EAAE,UAAU,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACtE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,iBAAiB,CAAC;AACzD,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/dialog/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AAC1D,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,oBAAoB,CAAC;AAC5D,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC;AACxE,OAAO,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC"}

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

@@ -1,17 +1,19 @@
-import { DialogBodyStyles, DialogBodyTemplate } from "@fluentui/web-components";
-import { DesignSystem } from "../design-system";
-import { DialogBody } from "./dialog-body";
+import { DialogBodyStyles, DialogBodyTemplate } from '@fluentui/web-components';
+import { DesignSystem } from '../design-system.js';
+import { DialogBody } from './dialog-body.js';
+
 /**
  * The Fabric Dialog Body component.
  *
  * @public
  */
-export const definition = DialogBody.compose({
-    name: `${DesignSystem.prefix}-dialog-body`,
-    template: DialogBodyTemplate,
-    styles: DialogBodyStyles,
-    shadowOptions: {
-        delegatesFocus: true
-    }
+const definition = DialogBody.compose({
+  name: `${DesignSystem.prefix}-dialog-body`,
+  template: DialogBodyTemplate,
+  styles: DialogBodyStyles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
 });
-//# sourceMappingURL=dialog-body.definition.js.map
+
+export { definition };

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

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

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

@@ -1,4 +1,5 @@
-import { DialogBody as FluentDialogBody } from "@fluentui/web-components";
+import { DialogBody as DialogBody$1 } from '@fluentui/web-components';
+
 /**
  * DialogBody
  * @summary Dialog Body component that extends the FASTElement class, providing slots for title, title-action, content, and actions.
@@ -31,6 +32,6 @@ import { DialogBody as FluentDialogBody } from "@fluentui/web-components";
  * @tagname fabric-dialog-body
  * @public
  */
-export class DialogBody extends FluentDialogBody {
-}
-//# sourceMappingURL=dialog-body.js.map
+class DialogBody extends DialogBody$1 {}
+
+export { DialogBody };

package/dist/esm/components/divider/define.js

@@ -1,5 +1,5 @@
-import { DesignSystem } from "../design-system";
-import { definition } from "./divider.definition";
+import { DesignSystem } from "../design-system.js";
+import { definition } from "./divider.definition.js";
 // This is already called in the definition file, but including here for consistency
 definition.define(DesignSystem.registry);
 //# sourceMappingURL=define.js.map

package/dist/esm/components/divider/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAElD,oFAAoF;AACpF,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,yBAAyB,CAAC;AAErD,oFAAoF;AACpF,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

package/dist/esm/components/divider/divider.definition.js

@@ -1,17 +1,20 @@
-import { DividerStyles, DividerTemplate } from "@fluentui/web-components";
-import { DesignSystem } from "../design-system";
-import { Divider } from "./divider";
+import { DividerTemplate } from '@fluentui/web-components';
+import { styles } from './divider.styles.js';
+import { DesignSystem } from '../design-system.js';
+import { Divider } from './divider.js';
+
 /**
  * The Fabric Divider component.
  *
  * @public
  */
-export const definition = Divider.compose({
-    name: `${DesignSystem.prefix}-divider`,
-    template: DividerTemplate,
-    styles: DividerStyles,
-    shadowOptions: {
-        delegatesFocus: true
-    }
+const definition = Divider.compose({
+  name: `${DesignSystem.prefix}-divider`,
+  template: DividerTemplate,
+  styles: styles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
 });
-//# sourceMappingURL=divider.definition.js.map
+
+export { definition };

package/dist/esm/components/divider/divider.definition.js.map

@@ -1 +1 @@
-{"version":3,"file":"divider.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC1E,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AAEpC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,UAAU;IACtC,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE,aAAa;IACrB,aAAa,EAAE;QACb,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}
+{"version":3,"file":"divider.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,0BAA0B,CAAC;AAC3D,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,OAAO,CAAC,OAAO,CAAC;IACxC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,UAAU;IACtC,QAAQ,EAAE,eAAe;IACzB,MAAM,EAAE,aAAa;IACrB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/dist/esm/components/divider/divider.js

@@ -1,4 +1,5 @@
-import { Divider as FluentDivider } from "@fluentui/web-components";
+import { Divider as Divider$1 } from '@fluentui/web-components';
+
 /**
  * Divider
  * @summary A Divider Custom HTML Element that semantically separates content or serves for visual presentation.
@@ -26,6 +27,6 @@ import { Divider as FluentDivider } from "@fluentui/web-components";
  * @tagname fabric-divider
  * @public
  */
-export class Divider extends FluentDivider {
-}
-//# sourceMappingURL=divider.js.map
+class Divider extends Divider$1 {}
+
+export { Divider };

package/dist/esm/components/divider/divider.options.js

@@ -0,0 +1,32 @@
+import { DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole } from '@fluentui/web-components';
+
+/**
+ * Align-content values supported by {@link Divider}.
+ * @public
+ */
+const DividerAlignContents = {
+  ...DividerAlignContent
+};
+/**
+ * Appearance values supported by {@link Divider}.
+ * @public
+ */
+const DividerAppearances = {
+  ...DividerAppearance
+};
+/**
+ * Orientation values supported by {@link Divider}.
+ * @public
+ */
+const DividerOrientations = {
+  ...DividerOrientation
+};
+/**
+ * Role values supported by {@link Divider}.
+ * @public
+ */
+const DividerRoles = {
+  ...DividerRole
+};
+
+export { DividerAlignContents, DividerAppearances, DividerOrientations, DividerRoles };

package/dist/esm/components/divider/divider.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.options.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider.options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,mBAAmB,IAAI,yBAAyB,EAChD,iBAAiB,IAAI,uBAAuB,EAC5C,kBAAkB,IAAI,wBAAwB,EAC9C,WAAW,IAAI,iBAAiB,EACjC,MAAM,0BAA0B,CAAC;AAGlC;;;GAGG;AACH,MAAM,CAAC,MAAM,oBAAoB,GAAG;IAClC,GAAG,yBAAyB;CACpB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,kBAAkB,GAAG;IAChC,GAAG,uBAAuB;CAClB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,mBAAmB,GAAG;IACjC,GAAG,wBAAwB;CACnB,CAAC;AAQX;;;GAGG;AACH,MAAM,CAAC,MAAM,YAAY,GAAG;IAC1B,GAAG,iBAAiB;CACZ,CAAC"}

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

@@ -0,0 +1,8 @@
+import { DividerStyles } from '@fluentui/web-components';
+import { css } from '@microsoft/fast-element';
+
+const styles = css`
+  ${DividerStyles}
+  :host([orientation='vertical']){min-height:unset}`;
+
+export { styles };

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

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

package/dist/esm/components/divider/divider.template.js

@@ -0,0 +1,9 @@
+import { DividerTemplate } from '@fluentui/web-components';
+
+/**
+ * Template for the {@link Divider} component.
+ * @public
+ */
+const template = DividerTemplate;
+
+export { template };

package/dist/esm/components/divider/divider.template.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"divider.template.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/divider.template.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,IAAI,qBAAqB,EAAE,MAAM,0BAA0B,CAAC;AAEpF;;;GAGG;AACH,MAAM,CAAC,MAAM,QAAQ,GAAG,qBAAqB,CAAC"}

package/dist/esm/components/divider/index.js

@@ -1,4 +1,6 @@
-export { Divider } from "./divider";
-export { DividerAlignContent, DividerAppearance, DividerOrientation, DividerRole, DividerStyles, DividerTemplate } from "@fluentui/web-components";
-export { definition as DividerDefinition } from "./divider.definition";
+export { Divider } from "./divider.js";
+export { DividerAlignContents, DividerAppearances, DividerOrientations, DividerRoles } from "./divider.options.js";
+export { styles as DividerStyles } from "./divider.styles.js";
+export { template as DividerTemplate } from "./divider.template.js";
+export { definition as DividerDefinition } from "./divider.definition.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/divider/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,WAAW,CAAC;AACpC,OAAO,EACL,mBAAmB,EACnB,iBAAiB,EACjB,kBAAkB,EAClB,WAAW,EACX,aAAa,EACb,eAAe,EAChB,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,sBAAsB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/divider/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AACvC,OAAO,EACL,oBAAoB,EACpB,kBAAkB,EAClB,mBAAmB,EACnB,YAAY,EACb,MAAM,sBAAsB,CAAC;AAO9B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,qBAAqB,CAAC;AAC9D,OAAO,EAAE,QAAQ,IAAI,eAAe,EAAE,MAAM,uBAAuB,CAAC;AACpE,OAAO,EAAE,UAAU,IAAI,iBAAiB,EAAE,MAAM,yBAAyB,CAAC"}

package/dist/esm/components/drawer/define.js

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

package/dist/esm/components/drawer/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/drawer/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,qBAAqB,CAAC;AAEjD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/drawer/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAEpD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -1,17 +1,19 @@
-import { DrawerStyles, DrawerTemplate } from "@fluentui/web-components";
-import { DesignSystem } from "../design-system";
-import { Drawer } from "./drawer";
+import { DrawerStyles, DrawerTemplate } from '@fluentui/web-components';
+import { DesignSystem } from '../design-system.js';
+import { Drawer } from './drawer.js';
+
 /**
  * The Fabric Drawer component.
  *
  * @public
  */
-export const definition = Drawer.compose({
-    name: `${DesignSystem.prefix}-drawer`,
-    template: DrawerTemplate,
-    styles: DrawerStyles,
-    shadowOptions: {
-        delegatesFocus: true
-    }
+const definition = Drawer.compose({
+  name: `${DesignSystem.prefix}-drawer`,
+  template: DrawerTemplate,
+  styles: DrawerStyles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
 });
-//# sourceMappingURL=drawer.definition.js.map
+
+export { definition };

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

@@ -1 +1 @@
-{"version":3,"file":"drawer.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/drawer/drawer.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAElC;;;;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,cAAc,EAAE,IAAI;KACrB;CACF,CAAC,CAAC"}
+{"version":3,"file":"drawer.definition.js","sourceRoot":"","sources":["../../../../../../../src/components/drawer/drawer.definition.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,cAAc,EAAE,MAAM,0BAA0B,CAAC;AACxE,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AAErC;;;;GAIG;AACH,MAAM,CAAC,MAAM,UAAU,GAAG,MAAM,CAAC,OAAO,CAAC;IACvC,IAAI,EAAE,GAAG,YAAY,CAAC,MAAM,SAAS;IACrC,QAAQ,EAAE,cAAc;IACxB,MAAM,EAAE,YAAY;IACpB,aAAa,EAAE;QACb,IAAI,EAAE,YAAY,CAAC,cAAc;KAClC;CACF,CAAC,CAAC"}

package/dist/esm/components/drawer/drawer.js

@@ -1,4 +1,5 @@
-import { Drawer as FluentDrawer } from "@fluentui/web-components";
+import { Drawer as Drawer$1 } from '@fluentui/web-components';
+
 /**
  * Drawer
  * @summary A Drawer component that allows content to be displayed in a side panel. It can be rendered as modal or non-modal.
@@ -32,17 +33,17 @@ import { Drawer as FluentDrawer } from "@fluentui/web-components";
  *
  * @csspart dialog - The dialog element of the drawer.
  *
- * @method show - Shows the drawer.
- * @method hide - Hides the drawer.
- * @method clickHandler - Handles click events on the drawer.
+ * @method show() - Shows the drawer.
+ * @method hide() - Hides the drawer.
+ * @method clickHandler() - Handles click events on the drawer.
  *
- * @fires toggle - Event emitted after the dialog's open state changes.
- * @fires beforetoggle - Event emitted before the dialog's open state changes.
+ * @fires {CustomEvent} toggle - Event emitted after the dialog's open state changes.
+ * @fires {CustomEvent} beforetoggle - Event emitted before the dialog's open state changes.
  *
  * @extends FluentDrawer
  * @tagname fabric-drawer
  * @public
  */
-export class Drawer extends FluentDrawer {
-}
-//# sourceMappingURL=drawer.js.map
+class Drawer extends Drawer$1 {}
+
+export { Drawer };

package/dist/esm/components/drawer/drawer.options.js

@@ -0,0 +1,16 @@
+import { DrawerPosition, DrawerSize, DrawerType } from '@fluentui/web-components';
+
+/** Positions supported by {@link Drawer}. */
+const DrawerPositions = {
+  ...DrawerPosition
+};
+/** Size values supported by {@link Drawer}. */
+const DrawerSizes = {
+  ...DrawerSize
+};
+/** Type values supported by {@link Drawer}. */
+const DrawerTypes = {
+  ...DrawerType
+};
+
+export { DrawerPositions, DrawerSizes, DrawerTypes };

package/dist/esm/components/drawer/drawer.options.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"drawer.options.js","sourceRoot":"","sources":["../../../../../../../src/components/drawer/drawer.options.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,cAAc,IAAI,oBAAoB,EACtC,UAAU,IAAI,gBAAgB,EAC9B,UAAU,IAAI,gBAAgB,EAC/B,MAAM,0BAA0B,CAAC;AAGlC,6CAA6C;AAC7C,MAAM,CAAC,MAAM,eAAe,GAAG;IAC7B,GAAG,oBAAoB;CACf,CAAC;AAKX,+CAA+C;AAC/C,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,GAAG,gBAAgB;CACX,CAAC;AAKX,+CAA+C;AAC/C,MAAM,CAAC,MAAM,WAAW,GAAG;IACzB,GAAG,gBAAgB;CACX,CAAC"}

package/dist/esm/components/drawer/index.js

@@ -1,4 +1,4 @@
-export { Drawer } from "./drawer";
-export { DrawerPosition, DrawerSize, DrawerType, DrawerTemplate, DrawerStyles } from "@fluentui/web-components";
-export { definition as DrawerDefinition } from "./drawer.definition";
+export { Drawer } from "./drawer.js";
+export { DrawerPositions, DrawerSizes, DrawerTypes } from "./drawer.options.js";
+export { definition as DrawerDefinition } from "./drawer.definition.js";
 //# sourceMappingURL=index.js.map

package/dist/esm/components/drawer/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,UAAU,CAAC;AAClC,OAAO,EACL,cAAc,EACd,UAAU,EACV,UAAU,EACV,cAAc,EACd,YAAY,EACb,MAAM,0BAA0B,CAAC;AAElC,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,qBAAqB,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../../src/components/drawer/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,MAAM,EAAE,MAAM,aAAa,CAAC;AACrC,OAAO,EAAE,eAAe,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAMhF,OAAO,EAAE,UAAU,IAAI,gBAAgB,EAAE,MAAM,wBAAwB,CAAC"}

package/dist/esm/components/drawer-body/define.js

@@ -1,4 +1,4 @@
-import { DesignSystem } from "../design-system";
-import { definition } from "./drawer-body.definition";
+import { DesignSystem } from "../design-system.js";
+import { definition } from "./drawer-body.definition.js";
 definition.define(DesignSystem.registry);
 //# sourceMappingURL=define.js.map

package/dist/esm/components/drawer-body/define.js.map

@@ -1 +1 @@
-{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/drawer-body/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,kBAAkB,CAAC;AAChD,OAAO,EAAE,UAAU,EAAE,MAAM,0BAA0B,CAAC;AAEtD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}
+{"version":3,"file":"define.js","sourceRoot":"","sources":["../../../../../../../src/components/drawer-body/define.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,YAAY,EAAE,MAAM,qBAAqB,CAAC;AACnD,OAAO,EAAE,UAAU,EAAE,MAAM,6BAA6B,CAAC;AAEzD,UAAU,CAAC,MAAM,CAAC,YAAY,CAAC,QAAQ,CAAC,CAAC"}

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

@@ -1,17 +1,19 @@
-import { DrawerBodyStyles, DrawerBodyTemplate } from "@fluentui/web-components";
-import { DesignSystem } from "../design-system";
-import { DrawerBody } from "./drawer-body";
+import { DrawerBodyStyles, DrawerBodyTemplate } from '@fluentui/web-components';
+import { DesignSystem } from '../design-system.js';
+import { DrawerBody } from './drawer-body.js';
+
 /**
  * The Fabric Drawer Body component.
  *
  * @public
  */
-export const definition = DrawerBody.compose({
-    name: `${DesignSystem.prefix}-drawer-body`,
-    template: DrawerBodyTemplate,
-    styles: DrawerBodyStyles,
-    shadowOptions: {
-        delegatesFocus: true
-    }
+const definition = DrawerBody.compose({
+  name: `${DesignSystem.prefix}-drawer-body`,
+  template: DrawerBodyTemplate,
+  styles: DrawerBodyStyles,
+  shadowOptions: {
+    mode: DesignSystem.shadowRootMode
+  }
 });
-//# sourceMappingURL=drawer-body.definition.js.map
+
+export { definition };

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

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