@fluentui/web-components 3.0.0-rc.25 → 3.0.0-rc.27

package/dist/esm/dialog-body/dialog-body.d.ts

@@ -4,6 +4,15 @@ import { FASTElement } from '@microsoft/fast-element';
  *
  * @tag fluent-dialog-body
  *
+ * @slot title - Content for the dialog title.
+ * @slot title-action - Content for actions shown near the title.
+ * @slot close - Content for the close action.
+ * @slot action - Content for footer actions.
+ * @slot - Default dialog body content.
+ * @csspart title - The title container.
+ * @csspart content - The content container.
+ * @csspart actions - The actions container.
+ *
  * @public
  * @extends FASTElement
  */

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

@@ -5,6 +5,15 @@ import { isDialog } from '../dialog/dialog.options.js';
  *
  * @tag fluent-dialog-body
  *
+ * @slot title - Content for the dialog title.
+ * @slot title-action - Content for actions shown near the title.
+ * @slot close - Content for the close action.
+ * @slot action - Content for footer actions.
+ * @slot - Default dialog body content.
+ * @csspart title - The title container.
+ * @csspart content - The content container.
+ * @csspart actions - The actions container.
+ *
  * @public
  * @extends FASTElement
  */

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-body.js","sourceRoot":"","sources":["../../../src/dialog-body/dialog-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD;;;;;;;GAOG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;IACzC;;;;;OAKG;IACI,YAAY,CAAC,KAAmB;QACrC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;YAElC,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBACrB,MAAM,CAAC,IAAI,EAAE,CAAC;YAChB,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}
+{"version":3,"file":"dialog-body.js","sourceRoot":"","sources":["../../../src/dialog-body/dialog-body.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,yBAAyB,CAAC;AACtD,OAAO,EAAE,QAAQ,EAAE,MAAM,6BAA6B,CAAC;AACvD;;;;;;;;;;;;;;;;GAgBG;AACH,MAAM,OAAO,UAAW,SAAQ,WAAW;IACzC;;;;;OAKG;IACI,YAAY,CAAC,KAAmB;QACrC,IAAI,CAAC,KAAK,CAAC,gBAAgB,EAAE,CAAC;YAC5B,MAAM,MAAM,GAAG,IAAI,CAAC,aAAa,CAAC;YAElC,IAAI,QAAQ,CAAC,MAAM,CAAC,EAAE,CAAC;gBACrB,MAAM,CAAC,IAAI,EAAE,CAAC;YAChB,CAAC;QACH,CAAC;QAED,OAAO,IAAI,CAAC;IACd,CAAC;CACF"}

package/dist/esm/dialog-body/dialog-body.styles.css

@@ -1,87 +1,92 @@
+:host([hidden]) {
+  display: none;
+}
+:host {
+  display: grid;
+}
 
-  :host([hidden]){display:none}:host{display:grid}
+:host {
+  background: var(--colorNeutralBackground1);
+  box-sizing: border-box;
+  gap: var(--spacingVerticalS);
+  padding: var(--spacingVerticalXXL) var(--spacingHorizontalXXL);
+  container: dialog-body / inline-size;
+}
 
-  :host {
-    background: var(--colorNeutralBackground1);
-    box-sizing: border-box;
-    gap: var(--spacingVerticalS);
-    padding: var(--spacingVerticalXXL) var(--spacingHorizontalXXL);
-    container: dialog-body / inline-size;
-  }
+.title {
+  box-sizing: border-box;
+  align-items: flex-start;
+  background: var(--colorNeutralBackground1);
+  color: var(--colorNeutralForeground1);
+  column-gap: 8px;
+  display: flex;
+  font-family: var(--fontFamilyBase);
+  font-size: var(--fontSizeBase500);
+  font-weight: var(--fontWeightSemibold);
+  inset-block-start: 0;
+  justify-content: space-between;
+  line-height: var(--lineHeightBase500);
+  margin-block-end: calc(var(--spacingVerticalS) * -1);
+  margin-block-start: calc(var(--spacingVerticalXXL) * -1);
+  padding-block-end: var(--spacingVerticalS);
+  padding-block-start: var(--spacingVerticalXXL);
+}
 
-  .title {
-    box-sizing: border-box;
-    align-items: flex-start;
-    background: var(--colorNeutralBackground1);
-    color: var(--colorNeutralForeground1);
-    column-gap: 8px;
-    display: flex;
-    font-family: var(--fontFamilyBase);
-    font-size: var(--fontSizeBase500);
-    font-weight: var(--fontWeightSemibold);
-    inset-block-start: 0;
-    justify-content: space-between;
-    line-height: var(--lineHeightBase500);
-    margin-block-end: calc(var(--spacingVerticalS) * -1);
-    margin-block-start: calc(var(--spacingVerticalXXL) * -1);
-    padding-block-end: var(--spacingVerticalS);
-    padding-block-start: var(--spacingVerticalXXL);
-  }
+.content {
+  box-sizing: border-box;
+  color: var(--colorNeutralForeground1);
+  font-family: var(--fontFamilyBase);
+  font-size: var(--fontSizeBase300);
+  font-weight: var(--fontWeightRegular);
+  line-height: var(--lineHeightBase300);
+  min-height: 32px;
+}
 
-  .content {
-    box-sizing: border-box;
-    color: var(--colorNeutralForeground1);
-    font-family: var(--fontFamilyBase);
-    font-size: var(--fontSizeBase300);
-    font-weight: var(--fontWeightRegular);
-    line-height: var(--lineHeightBase300);
-    min-height: 32px;
-  }
+.actions {
+  box-sizing: border-box;
+  background: var(--colorNeutralBackground1);
+  display: flex;
+  flex-direction: column;
+  gap: var(--spacingVerticalS);
+  inset-block-end: 0;
+  margin-block-end: calc(var(--spacingVerticalXXL) * -1);
+  padding-block-end: var(--spacingVerticalXXL);
+  padding-block-start: var(--spacingVerticalL);
+}
 
-  .actions {
-    box-sizing: border-box;
-    background: var(--colorNeutralBackground1);
-    display: flex;
-    flex-direction: column;
-    gap: var(--spacingVerticalS);
-    inset-block-end: 0;
-    margin-block-end: calc(var(--spacingVerticalXXL) * -1);
-    padding-block-end: var(--spacingVerticalXXL);
-    padding-block-start: var(--spacingVerticalL);
-  }
+::slotted([slot='title-action']) {
+  margin-inline-start: auto;
+}
 
-  ::slotted([slot='title-action']) {
-    margin-inline-start: auto;
-  }
+::slotted([slot='title']) {
+  font: inherit;
+  padding: 0;
+  margin: 0;
+}
 
-  ::slotted([slot='title']) {
-    font: inherit;
-    padding: 0;
-    margin: 0;
-  }
+/* align  title content to the end when there is no title*/
+:not(:has(:is([slot='title'], [slot='title-action']))) .title {
+  justify-content: end;
+}
 
-  /* align  title content to the end when there is no title*/
-  :not(:has(:is([slot='title'], [slot='title-action']))) .title {
-    justify-content: end;
+@container (min-width: 480px) {
+  .actions {
+    align-items: center;
+    flex-direction: row;
+    justify-content: flex-end;
+    margin-block-start: calc(var(--spacingVerticalS) * -1);
+    padding-block-start: var(--spacingVerticalS);
   }
+}
 
-  @container (min-width: 480px) {
-    .actions {
-      align-items: center;
-      flex-direction: row;
-      justify-content: flex-end;
-      margin-block-start: calc(var(--spacingVerticalS) * -1);
-      padding-block-start: var(--spacingVerticalS);
-    }
+/* For a11y, set sticky position for title and actions when the viewport is tall enough */
+@media (min-height: 480px) {
+  .title {
+    position: sticky;
+    z-index: 1;
   }
-
-  /* For a11y, set sticky position for title and actions when the viewport is tall enough */
-  @media (min-height: 480px) {
-    .title {
-      position: sticky;
-      z-index: 1;
-    }
-    .actions {
-      position: sticky;
-      z-index: 2;
-    }
+  .actions {
+    position: sticky;
+    z-index: 2;
+  }
+}

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

@@ -91,5 +91,6 @@ export const styles = css `
       position: sticky;
       z-index: 2;
     }
+  }
 `;
 //# sourceMappingURL=dialog-body.styles.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog-body.styles.js","sourceRoot":"","sources":["../../../src/dialog-body/dialog-body.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;kBAGD,uBAAuB;;WAE9B,gBAAgB;eACZ,kBAAkB,IAAI,oBAAoB;;;;;;;kBAOvC,uBAAuB;aAC5B,uBAAuB;;;mBAGjB,cAAc;iBAChB,eAAe;mBACb,kBAAkB;;;mBAGlB,iBAAiB;6BACP,gBAAgB;+BACd,kBAAkB;yBACxB,gBAAgB;2BACd,kBAAkB;;;;;aAKhC,uBAAuB;mBACjB,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;;;;kBAMlB,uBAAuB;;;WAG9B,gBAAgB;;6BAEE,kBAAkB;yBACtB,kBAAkB;2BAChB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;iCAuBV,gBAAgB;6BACpB,gBAAgB;;;;;;;;;;;;;;CAc5C,CAAC"}
+{"version":3,"file":"dialog-body.styles.js","sourceRoot":"","sources":["../../../src/dialog-body/dialog-body.styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,yBAAyB,CAAC;AAC9C,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAC;AAC9C,OAAO,EACL,uBAAuB,EACvB,uBAAuB,EACvB,cAAc,EACd,eAAe,EACf,eAAe,EACf,iBAAiB,EACjB,kBAAkB,EAClB,iBAAiB,EACjB,iBAAiB,EACjB,oBAAoB,EACpB,gBAAgB,EAChB,gBAAgB,EAChB,kBAAkB,GACnB,MAAM,2BAA2B,CAAC;AAEnC;;GAEG;AACH,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;IACrB,OAAO,CAAC,MAAM,CAAC;;;kBAGD,uBAAuB;;WAE9B,gBAAgB;eACZ,kBAAkB,IAAI,oBAAoB;;;;;;;kBAOvC,uBAAuB;aAC5B,uBAAuB;;;mBAGjB,cAAc;iBAChB,eAAe;mBACb,kBAAkB;;;mBAGlB,iBAAiB;6BACP,gBAAgB;+BACd,kBAAkB;yBACxB,gBAAgB;2BACd,kBAAkB;;;;;aAKhC,uBAAuB;mBACjB,cAAc;iBAChB,eAAe;mBACb,iBAAiB;mBACjB,iBAAiB;;;;;;kBAMlB,uBAAuB;;;WAG9B,gBAAgB;;6BAEE,kBAAkB;yBACtB,kBAAkB;2BAChB,gBAAgB;;;;;;;;;;;;;;;;;;;;;;;iCAuBV,gBAAgB;6BACpB,gBAAgB;;;;;;;;;;;;;;;CAe5C,CAAC"}

package/dist/esm/dialog-body/dialog-body.template.html

@@ -1,5 +1,6 @@
 <f-template name="fluent-dialog-body" shadowrootmode="open">
-<template>{{styles}}
+  <template>
+    {{styles}}
     <div class="title" part="title">
       <slot name="title"></slot>
       <slot name="title-action"></slot>

package/dist/esm/divider/divider.styles.css

@@ -1,119 +1,123 @@
+:host([hidden]) {
+  display: none;
+}
+:host {
+  display: flex;
+}
 
-  :host([hidden]){display:none}:host{display:flex}
+:host {
+  contain: content;
+}
 
-  :host {
-    contain: content;
-  }
+:host::after,
+:host::before {
+  align-self: center;
+  background: var(--colorNeutralStroke2);
+  box-sizing: border-box;
+  content: '';
+  display: flex;
+  flex-grow: 1;
+  height: var(--strokeWidthThin);
+}
 
-  :host::after,
-  :host::before {
-    align-self: center;
-    background: var(--colorNeutralStroke2);
-    box-sizing: border-box;
-    content: '';
-    display: flex;
-    flex-grow: 1;
-    height: var(--strokeWidthThin);
-  }
+:host([inset]) {
+  padding: 0 12px;
+}
 
-  :host([inset]) {
-    padding: 0 12px;
-  }
+:host ::slotted(*) {
+  color: var(--colorNeutralForeground2);
+  font-family: var(--fontFamilyBase);
+  font-size: var(--fontSizeBase200);
+  font-weight: var(--fontWeightRegular);
+  margin: 0;
+  padding: 0 12px;
+}
 
-  :host ::slotted(*) {
-    color: var(--colorNeutralForeground2);
-    font-family: var(--fontFamilyBase);
-    font-size: var(--fontSizeBase200);
-    font-weight: var(--fontWeightRegular);
-    margin: 0;
-    padding: 0 12px;
-  }
+:host([align-content='start'])::before,
+:host([align-content='end'])::after {
+  flex-basis: 12px;
+  flex-grow: 0;
+  flex-shrink: 0;
+}
 
-  :host([align-content='start'])::before,
-  :host([align-content='end'])::after {
-    flex-basis: 12px;
-    flex-grow: 0;
-    flex-shrink: 0;
-  }
+:host([orientation='vertical']) {
+  align-items: center;
+  flex-direction: column;
+  height: 100%;
+  min-height: 84px;
+}
 
-  :host([orientation='vertical']) {
-    align-items: center;
-    flex-direction: column;
-    height: 100%;
-    min-height: 84px;
-  }
+:host([orientation='vertical']):empty {
+  min-height: 20px;
+}
 
-  :host([orientation='vertical']):empty {
-    min-height: 20px;
-  }
+:host([orientation='vertical'][inset])::before {
+  margin-top: 12px;
+}
+:host([orientation='vertical'][inset])::after {
+  margin-bottom: 12px;
+}
 
-  :host([orientation='vertical'][inset])::before {
-    margin-top: 12px;
-  }
-  :host([orientation='vertical'][inset])::after {
-    margin-bottom: 12px;
-  }
+:host([orientation='vertical']):empty::before,
+:host([orientation='vertical']):empty::after {
+  height: 10px;
+  min-height: 10px;
+  flex-grow: 0;
+}
 
-  :host([orientation='vertical']):empty::before,
-  :host([orientation='vertical']):empty::after {
-    height: 10px;
-    min-height: 10px;
-    flex-grow: 0;
-  }
+:host([orientation='vertical'])::before,
+:host([orientation='vertical'])::after {
+  width: var(--strokeWidthThin);
+  min-height: 20px;
+  height: 100%;
+}
 
-  :host([orientation='vertical'])::before,
-  :host([orientation='vertical'])::after {
-    width: var(--strokeWidthThin);
-    min-height: 20px;
-    height: 100%;
-  }
+:host([orientation='vertical']) ::slotted(*) {
+  display: flex;
+  flex-direction: column;
+  padding: 12px 0;
+  line-height: 20px;
+}
 
-  :host([orientation='vertical']) ::slotted(*) {
-    display: flex;
-    flex-direction: column;
-    padding: 12px 0;
-    line-height: 20px;
-  }
+:host([orientation='vertical'][align-content='start'])::before {
+  min-height: 8px;
+}
+:host([orientation='vertical'][align-content='end'])::after {
+  min-height: 8px;
+}
 
-  :host([orientation='vertical'][align-content='start'])::before {
-    min-height: 8px;
-  }
-  :host([orientation='vertical'][align-content='end'])::after {
-    min-height: 8px;
-  }
+:host([appearance='strong'])::before,
+:host([appearance='strong'])::after {
+  background: var(--colorNeutralStroke1);
+}
+:host([appearance='strong']) ::slotted(*) {
+  color: var(--colorNeutralForeground1);
+}
+:host([appearance='brand'])::before,
+:host([appearance='brand'])::after {
+  background: var(--colorBrandStroke1);
+}
+:host([appearance='brand']) ::slotted(*) {
+  color: var(--colorBrandForeground1);
+}
+:host([appearance='subtle'])::before,
+:host([appearance='subtle'])::after {
+  background: var(--colorNeutralStroke3);
+}
+:host([appearance='subtle']) ::slotted(*) {
+  color: var(--colorNeutralForeground3);
+}
 
+@media (forced-colors: active) {
   :host([appearance='strong'])::before,
-  :host([appearance='strong'])::after {
-    background: var(--colorNeutralStroke1);
-  }
-  :host([appearance='strong']) ::slotted(*) {
-    color: var(--colorNeutralForeground1);
-  }
+  :host([appearance='strong'])::after,
   :host([appearance='brand'])::before,
-  :host([appearance='brand'])::after {
-    background: var(--colorBrandStroke1);
-  }
-  :host([appearance='brand']) ::slotted(*) {
-    color: var(--colorBrandForeground1);
-  }
+  :host([appearance='brand'])::after,
   :host([appearance='subtle'])::before,
-  :host([appearance='subtle'])::after {
-    background: var(--colorNeutralStroke3);
-  }
-  :host([appearance='subtle']) ::slotted(*) {
-    color: var(--colorNeutralForeground3);
-  }
-
-  @media (forced-colors: active) {
-    :host([appearance='strong'])::before,
-    :host([appearance='strong'])::after,
-    :host([appearance='brand'])::before,
-    :host([appearance='brand'])::after,
-    :host([appearance='subtle'])::before,
-    :host([appearance='subtle'])::after,
-    :host::after,
-    :host::before {
-      background: WindowText;
-      color: WindowText;
-    }
+  :host([appearance='subtle'])::after,
+  :host::after,
+  :host::before {
+    background: WindowText;
+    color: WindowText;
   }
+}

package/dist/esm/divider/divider.template.html

@@ -1 +1,6 @@
-<f-template name="fluent-divider" shadowrootmode="open"><template>{{styles}}<slot></slot></template></f-template>
+<f-template name="fluent-divider" shadowrootmode="open">
+  <template>
+    {{styles}}
+    <slot></slot>
+  </template>
+</f-template>

package/dist/esm/drawer/drawer.d.ts

@@ -14,11 +14,12 @@ import { DrawerPosition, DrawerSize, DrawerType } from './drawer.options.js';
  * @attr ariaLabelledby - The ID of the element that labels the drawer.
  *
  * @csspart dialog - The dialog element of the drawer.
+ * @cssprop --drawer-width - Sets the width of the drawer to a custom value (e.g., 300px).
  *
  * @slot - Default slot for the content of 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 { ToggleEvent } toggle - Event emitted after the dialog's open state changes.
+ * @fires { ToggleEvent } beforetoggle - Event emitted before the dialog's open state changes.
  *
  * @method show - Method to show the drawer.
  * @method hide - Method to hide the drawer.
@@ -28,8 +29,6 @@ import { DrawerPosition, DrawerSize, DrawerType } from './drawer.options.js';
  * @method emitBeforeToggle - Emits an event before the dialog's open state changes.
  *
  * @summary A component that provides a drawer for displaying content in a side panel.
- *
- * @tag fluent-drawer
  */
 export declare class Drawer extends FASTElement {
     /**

package/dist/esm/drawer/drawer.js

@@ -15,11 +15,12 @@ import { DrawerPosition, DrawerSize, DrawerType } from './drawer.options.js';
  * @attr ariaLabelledby - The ID of the element that labels the drawer.
  *
  * @csspart dialog - The dialog element of the drawer.
+ * @cssprop --drawer-width - Sets the width of the drawer to a custom value (e.g., 300px).
  *
  * @slot - Default slot for the content of 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 { ToggleEvent } toggle - Event emitted after the dialog's open state changes.
+ * @fires { ToggleEvent } beforetoggle - Event emitted before the dialog's open state changes.
  *
  * @method show - Method to show the drawer.
  * @method hide - Method to hide the drawer.
@@ -29,8 +30,6 @@ import { DrawerPosition, DrawerSize, DrawerType } from './drawer.options.js';
  * @method emitBeforeToggle - Emits an event before the dialog's open state changes.
  *
  * @summary A component that provides a drawer for displaying content in a side panel.
- *
- * @tag fluent-drawer
  */
 export class Drawer extends FASTElement {
     constructor() {

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

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