@fluentui/web-components 1.6.3 → 2.1.0

package/CHANGELOG.json

@@ -2,7 +2,109 @@
   "name": "@fluentui/web-components",
   "entries": [
     {
-      "date": "Fri, 22 Oct 2021 19:29:44 GMT",
+      "date": "Tue, 23 Nov 2021 07:26:04 GMT",
+      "tag": "@fluentui/web-components_v2.1.0",
+      "version": "2.1.0",
+      "comments": {
+        "minor": [
+          {
+            "author": "jes@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "2dbe9eadd8ae071bbb056ad15461c1c7ea8d9430",
+            "comment": "fix: remove margins from host elements"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 09 Nov 2021 07:38:11 GMT",
+      "tag": "@fluentui/web-components_v2.0.2",
+      "version": "2.0.2",
+      "comments": {
+        "patch": [
+          {
+            "author": "robarb@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "55a9400f93758ad7cb37789aa524a6eb6b2a5322",
+            "comment": "FluentUI calendar component"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Tue, 02 Nov 2021 07:37:01 GMT",
+      "tag": "@fluentui/web-components_v2.0.1",
+      "version": "2.0.1",
+      "comments": {
+        "patch": [
+          {
+            "author": "chhol@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "71d4e117d0bad7e238ff53e4d1a0671a6ead7085",
+            "comment": "fix web components webpack integration docs and update the package dependencies"
+          },
+          {
+            "author": "khamu@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "2cb0ac33d03c843c556c2cd554fd6ac9a91f4f33",
+            "comment": "fixed high contrast visual for web components"
+          },
+          {
+            "author": "chhol@microsoft.com",
+            "package": "@fluentui/web-components",
+            "commit": "e9e7f438f1530d5629108a27dfd1d81d7c107293",
+            "comment": "change input state styles to fix height and prevent z-index from blocking cursor"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 01 Nov 2021 21:28:50 GMT",
+      "tag": "@fluentui/web-components_v2.0.0",
+      "version": "2.0.0",
+      "comments": {
+        "none": [
+          {
+            "author": "brookdozer@gmail.com",
+            "package": "@fluentui/web-components",
+            "commit": "197823fe1233c21127dbce9c546c90e3e0e548be",
+            "comment": "Fixing visual update merge conflicts"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Mon, 25 Oct 2021 07:38:02 GMT",
+      "tag": "@fluentui/web-components_v2.0.0",
+      "version": "2.0.0",
+      "comments": {
+        "none": [
+          {
+            "author": "chhol@microsoft.com",
+            "package": "@fluentui/web-components",
+            "comment": "remove beachball configuration override to again disallow major versions",
+            "commit": "a88fb53fb38a20912b7ddea33b5f3313a721e148"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 22 Oct 2021 23:04:22 GMT",
+      "tag": "@fluentui/web-components_v2.0.0",
+      "version": "2.0.0",
+      "comments": {
+        "major": [
+          {
+            "author": "47367562+bheston@users.noreply.github.com",
+            "package": "@fluentui/web-components",
+            "comment": "Update to Sun Valley visual styling",
+            "commit": "4e422ca35d0eb8dcf173031e1b0915e2439b2e19"
+          }
+        ]
+      }
+    },
+    {
+      "date": "Fri, 22 Oct 2021 19:30:28 GMT",
       "tag": "@fluentui/web-components_v1.6.3",
       "version": "1.6.3",
       "comments": {

package/CHANGELOG.md

@@ -1,12 +1,50 @@
 # Change Log - @fluentui/web-components
 
-This log was last generated on Fri, 22 Oct 2021 19:29:44 GMT and should not be manually modified.
+This log was last generated on Tue, 23 Nov 2021 07:26:04 GMT and should not be manually modified.
 
 <!-- Start content -->
 
+## [2.1.0](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.1.0)
+
+Tue, 23 Nov 2021 07:26:04 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.0.2..@fluentui/web-components_v2.1.0)
+
+### Minor changes
+
+- fix: remove margins from host elements ([PR #20710](https://github.com/microsoft/fluentui/pull/20710) by jes@microsoft.com)
+
+## [2.0.2](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.0.2)
+
+Tue, 09 Nov 2021 07:38:11 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.0.1..@fluentui/web-components_v2.0.2)
+
+### Patches
+
+- FluentUI calendar component ([PR #20356](https://github.com/microsoft/fluentui/pull/20356) by robarb@microsoft.com)
+
+## [2.0.1](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.0.1)
+
+Tue, 02 Nov 2021 07:37:01 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v2.0.0..@fluentui/web-components_v2.0.1)
+
+### Patches
+
+- fix web components webpack integration docs and update the package dependencies ([PR #20429](https://github.com/microsoft/fluentui/pull/20429) by chhol@microsoft.com)
+- fixed high contrast visual for web components ([PR #20418](https://github.com/microsoft/fluentui/pull/20418) by khamu@microsoft.com)
+- change input state styles to fix height and prevent z-index from blocking cursor ([PR #20445](https://github.com/microsoft/fluentui/pull/20445) by chhol@microsoft.com)
+
+## [2.0.0](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v2.0.0)
+
+Fri, 22 Oct 2021 23:04:22 GMT 
+[Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v1.6.3..@fluentui/web-components_v2.0.0)
+
+### Major changes
+
+- Update to Sun Valley visual styling ([PR #19263](https://github.com/microsoft/fluentui/pull/19263) by 47367562+bheston@users.noreply.github.com)
+
 ## [1.6.3](https://github.com/microsoft/fluentui/tree/@fluentui/web-components_v1.6.3)
 
-Fri, 22 Oct 2021 19:29:44 GMT 
+Fri, 22 Oct 2021 19:30:28 GMT 
 [Compare changes](https://github.com/microsoft/fluentui/compare/@fluentui/web-components_v1.6.2..@fluentui/web-components_v1.6.3)
 
 ### Patches

package/dist/dts/calendar/calendar.stories.d.ts

@@ -0,0 +1,86 @@
+import './index';
+declare const _default: {
+    title: string;
+    component: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CalendarOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CalendarOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
+    argTypes: {
+        month: {
+            description: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            default: string;
+        };
+        year: {
+            description: string;
+            control: {
+                type: string;
+            };
+            options: string[];
+            default: string;
+        };
+        locale: {
+            control: {
+                type: string;
+            };
+            options: string[];
+            default: string;
+            description: string;
+        };
+        dayFormat: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            default: string;
+        };
+        weekdayFormat: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            default: string;
+        };
+        monthFormat: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            default: string;
+        };
+        yearFormat: {
+            description: string;
+            options: string[];
+            control: {
+                type: string;
+            };
+            default: string;
+        };
+        disabledDates: {
+            description: string;
+            options: any;
+            control: {
+                type: string;
+            };
+        };
+        selectedDates: {
+            description: string;
+            options: any;
+            control: {
+                type: string;
+            };
+        };
+        readonly: {
+            description: string;
+            control: {
+                type: string;
+            };
+            default: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Calendar: any;

package/dist/dts/calendar/calendar.styles.d.ts

@@ -0,0 +1,7 @@
+import { ElementStyles } from "@microsoft/fast-element";
+import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
+/**
+ * Styles for calendar
+ * @public
+ */
+export declare const calendarStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

package/dist/dts/calendar/index.d.ts

@@ -0,0 +1,18 @@
+import { CalendarOptions, Calendar as FoundationCalendar } from '@microsoft/fast-foundation';
+import { calendarStyles as styles } from './calendar.styles';
+/**
+ * Updated Calendar class that is readonly by default
+ */
+export declare class Calendar extends FoundationCalendar {
+    readonly: boolean;
+}
+/**
+ * The Fluent Calendar Element. Implements {@link @microsoft/fast-foundation#Calendar},
+ * {@link @microsoft/fast-foundation#calendarTemplate}
+ *
+ * @public
+ * @remarks
+ * HTML Element \<fluent-calendar\>
+ */
+export declare const fluentCalendar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<CalendarOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<CalendarOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
+export { styles as calendarStyles };

package/dist/dts/color/palette.d.ts

@@ -23,9 +23,51 @@ export interface Palette<T extends Swatch = Swatch> {
      */
     get(index: number): T;
 }
+/**
+ * Options to tailor the generation of the color palette.
+ * @public
+ */
+export interface PaletteRGBOptions {
+    /**
+     * The minimum amount of contrast between steps in the palette. Default 1.03.
+     * Recommended increments by hundredths.
+     */
+    stepContrast: number;
+    /**
+     * Multiplier for increasing step contrast as the swatches darken. Default 0.03.
+     * Recommended increments by hundredths.
+     */
+    stepContrastRamp: number;
+    /**
+     * Whether to keep the exact source color in the target palette. Default false.
+     * Only recommended when the exact color is required and used in stateful interaction recipes like hover.
+     * Note that custom recipes can still access the source color even if it's not in the ramp,
+     * but turning this on will potentially increase the contrast between steps toward the ends of the palette.
+     */
+    preserveSource: boolean;
+}
 /** @public */
 export declare type PaletteRGB = Palette<SwatchRGB>;
+/**
+ * Creates a PaletteRGB from input R, G, B color values.
+ * @param r - Red value represented as a number between 0 and 1.
+ * @param g - Green value represented as a number between 0 and 1.
+ * @param b - Blue value represented as a number between 0 and 1.
+ */
+declare function create(r: number, g: number, b: number): PaletteRGB;
+/**
+ * Creates a PaletteRGB from a source SwatchRGB object.
+ * @deprecated - Use PaletteRGB.from()
+ */
+declare function create(source: SwatchRGB): PaletteRGB;
+/**
+ * Creates a PaletteRGB from a source color object.
+ * @param source - The source color
+ */
+declare function from(source: SwatchRGB, options?: Partial<PaletteRGBOptions>): PaletteRGB;
 /** @public */
 export declare const PaletteRGB: Readonly<{
-    create(source: SwatchRGB): PaletteRGB;
+    create: typeof create;
+    from: typeof from;
 }>;
+export {};

package/dist/dts/color/recipes/contrast-and-delta-swatch-set.d.ts

@@ -0,0 +1,11 @@
+import { Palette } from '../palette';
+import { InteractiveSwatchSet } from '../recipe';
+import { Swatch } from '../swatch';
+/**
+ * @internal
+ */
+export declare function contrastAndDeltaSwatchSet(palette: Palette, reference: Swatch, baseContrast: number, restDelta: number, hoverDelta: number, activeDelta: number, focusDelta: number, direction?: -1 | 1 | null): InteractiveSwatchSet;
+/**
+ * @internal
+ */
+export declare function contrastAndDeltaSwatchSetByLuminance(palette: Palette, reference: Swatch, lightBaseContrast: number, lightRestDelta: number, lightHoverDelta: number, lightActiveDelta: number, lightFocusDelta: number, lightDirection: 1 | -1 | null | undefined, darkBaseContrast: number, darkRestDelta: number, darkHoverDelta: number, darkActiveDelta: number, darkFocusDelta: number, darkDirection?: -1 | 1 | undefined | null): InteractiveSwatchSet;

package/dist/dts/color/recipes/contrast-swatch.d.ts

@@ -0,0 +1,12 @@
+import { Palette } from '../palette';
+import { Swatch } from '../swatch';
+/**
+ * Color algorithm using contrast from the reference color.
+ *
+ * @param palette - The palette to operate on
+ * @param reference - The reference color
+ * @param contrast - The desired minimum contrast
+ *
+ * @internal
+ */
+export declare function contrastSwatch(palette: Palette, reference: Swatch, contrast: number): Swatch;

package/dist/dts/color/recipes/delta-swatch-set.d.ts

@@ -0,0 +1,36 @@
+import { Palette } from '../palette';
+import { InteractiveSwatchSet } from '../recipe';
+import { Swatch } from '../swatch';
+/**
+ * Color algorithm using deltas from the reference color for states.
+ *
+ * @param palette The palette to operate on
+ * @param reference The reference color to calculate a color for
+ * @param restDelta The rest state offset from reference
+ * @param hoverDelta The hover state offset from reference
+ * @param activeDelta The active state offset from reference
+ * @param focusDelta The focus state offset from reference
+ * @param direction The direction the deltas move on the ramp, default goes darker for light references and lighter for dark references
+ *
+ * @internal
+ */
+export declare function deltaSwatchSet(palette: Palette, reference: Swatch, restDelta: number, hoverDelta: number, activeDelta: number, focusDelta: number, direction?: -1 | 1 | null): InteractiveSwatchSet;
+/**
+ * Color algorithm using deltas from the reference color for states, allowing different deltas based on a light or dark reference color.
+ *
+ * @param palette The palette to operate on
+ * @param reference The reference color to calculate a color for
+ * @param lightRestDelta The rest offset for a light reference
+ * @param lightHoverDelta The hover offset for a light reference
+ * @param lightActiveDelta The rest offset for a light reference
+ * @param lightFocusDelta The hover offset for a light reference
+ * @param lightDirection The direction the deltas move on the ramp, default goes darker for light references
+ * @param darkRestDelta The rest offset for a dark reference
+ * @param darkHoverDelta The hover offset for a dark reference
+ * @param darkActiveDelta The rest offset for a dark reference
+ * @param darkFocusDelta The hover offset for a dark reference
+ * @param darkDirection The direction the deltas move on the ramp, default goes lighter for dark references
+ *
+ * @internal
+ */
+export declare function deltaSwatchSetByLuminance(palette: Palette, reference: Swatch, lightRestDelta: number, lightHoverDelta: number, lightActiveDelta: number, lightFocusDelta: number, lightDirection: 1 | -1 | null | undefined, darkRestDelta: number, darkHoverDelta: number, darkActiveDelta: number, darkFocusDelta: number, darkDirection?: -1 | 1 | undefined | null): InteractiveSwatchSet;

package/dist/dts/color/recipes/{neutral-divider.d.ts → delta-swatch.d.ts}

@@ -1,11 +1,12 @@
 import { Swatch } from '../swatch';
 import { Palette } from '../palette';
 /**
- * The neutralDivider color recipe
+ * Color algorithm using a delta from the reference color.
+ *
  * @param palette - The palette to operate on
  * @param reference - The reference color
  * @param delta - The offset from the reference
  *
  * @internal
  */
-export declare function neutralDivider(palette: Palette, reference: Swatch, delta: number): Swatch;
+export declare function deltaSwatch(palette: Palette, reference: Swatch, delta: number): Swatch;

package/dist/dts/color/recipes/focus-stroke.d.ts

@@ -3,8 +3,8 @@ import { Swatch } from '../swatch';
 /**
  * @internal
  */
-export declare function focusStrokeOuter(palette: Palette, reference: Swatch): Swatch;
+export declare function focusStrokeOuter(palette: Palette, reference: Swatch): import("../swatch").SwatchRGB;
 /**
  * @internal
  */
-export declare function focusStrokeInner(palette: Palette, reference: Swatch, focusColor: Swatch): Swatch;
+export declare function focusStrokeInner(palette: Palette, reference: Swatch, focusColor: Swatch): import("../swatch").SwatchRGB;

package/dist/dts/color/recipes/foreground-on-accent.d.ts

@@ -3,3 +3,9 @@ import { Swatch } from '../swatch';
  * @internal
  */
 export declare function foregroundOnAccent(reference: Swatch, contrastTarget: number): import("../swatch").SwatchRGB;
+export declare function foregroundOnAccentSet(restFill: Swatch, hoverFill: Swatch, activeFill: Swatch, focusFill: Swatch, contrastTarget: number): {
+    rest: import("../swatch").SwatchRGB;
+    hover: import("../swatch").SwatchRGB;
+    active: import("../swatch").SwatchRGB;
+    focus: import("../swatch").SwatchRGB;
+};

package/dist/dts/color/recipes/gradient-shadow-stroke.d.ts

@@ -0,0 +1,7 @@
+import { Palette } from '../palette';
+import { InteractiveSwatchSet } from '../recipe';
+import { Swatch } from '../swatch';
+/**
+ * @internal
+ */
+export declare function gradientShadowStroke(palette: Palette, reference: Swatch, restDelta: number, hoverDelta: number, activeDelta: number, focusDelta: number, shadowDelta: number, direction?: -1 | 1, shadowPercentage?: number, blendWithReference?: boolean): InteractiveSwatchSet;

package/dist/dts/color/recipes/gradient-swatch.d.ts

@@ -0,0 +1,36 @@
+import { SwatchRGB } from '../swatch';
+/**
+ * An implementation of {@link Swatch} that produces a gradient.
+ * This assumes a subtle gradient such that `relativeLuminance` is still meaningful,
+ * either with consistent luminance across the steps or a small edge of larger change.
+ * @internal
+ */
+export declare class GradientSwatchRGB implements SwatchRGB {
+    private color;
+    private cssGradient;
+    readonly relativeLuminance: number;
+    readonly r: number;
+    readonly g: number;
+    readonly b: number;
+    /**
+     *
+     * @param red Red channel expressed as a number between 0 and 1
+     * @param green Green channel expressed as a number between 0 and 1
+     * @param blue Blue channel expressed as a number between 0 and 1
+     */
+    constructor(red: number, green: number, blue: number, cssGradient: string);
+    toColorString: () => string;
+    contrast: any;
+    createCSS: () => string;
+    /**
+     * Creates a GradientSwatch from a base color and gradient definition
+     * @param obj The base color object, used for relative luminance
+     * @param cssGradient The actual gradient to be rendered
+     * @returns New GradientSwatch object
+     */
+    static fromObject(obj: {
+        r: number;
+        g: number;
+        b: number;
+    }, cssGradient: string): GradientSwatchRGB;
+}

package/dist/dts/color/recipes/neutral-layer-1.d.ts

@@ -1,5 +1,9 @@
 import { Palette } from '../palette';
 import { Swatch } from '../swatch';
+/**
+ * @internal
+ */
+export declare function neutralLayer1Index(palette: Palette, baseLayerLuminance: number): number;
 /**
  * @internal
  */

package/dist/dts/color/recipes/neutral-layer-2.d.ts

@@ -3,8 +3,4 @@ import { Swatch } from '../swatch';
 /**
  * @internal
  */
-export declare function neutralLayer2Index(palette: Palette, luminance: number, layerDelta: number, fillRestDelta: number, fillHoverDelta: number, fillActiveDelta: number): number;
-/**
- * @internal
- */
-export declare function neutralLayer2(palette: Palette, luminance: number, layerDelta: number, fillRestDelta: number, fillHoverDelta: number, fillActiveDelta: number): Swatch;
+export declare function neutralLayer2(palette: Palette, baseLayerLuminance: number, layerDelta: number): Swatch;

package/dist/dts/color/recipes/neutral-layer-3.d.ts

@@ -3,4 +3,4 @@ import { Swatch } from '../swatch';
 /**
  * @internal
  */
-export declare function neutralLayer3(palette: Palette, luminance: number, layerDelta: number, fillRestDelta: number, fillHoverDelta: number, fillActiveDelta: number): Swatch;
+export declare function neutralLayer3(palette: Palette, baseLayerLuminance: number, layerDelta: number): Swatch;

package/dist/dts/color/recipes/neutral-layer-4.d.ts

@@ -3,4 +3,4 @@ import { Swatch } from '../swatch';
 /**
  * @internal
  */
-export declare function neutralLayer4(palette: Palette, luminance: number, layerDelta: number, fillRestDelta: number, fillHoverDelta: number, fillActiveDelta: number): Swatch;
+export declare function neutralLayer4(palette: Palette, baseLayerLuminance: number, layerDelta: number): Swatch;

package/dist/dts/color/recipes/neutral-layer-floating.d.ts

@@ -3,4 +3,4 @@ import { Swatch } from '../swatch';
 /**
  * @internal
  */
-export declare function neutralLayerFloating(palette: Palette, relativeLuminance: number, layerDelta: number): Swatch;
+export declare function neutralLayerFloating(palette: Palette, baseLayerLuminance: number, layerDelta: number): Swatch;

package/dist/dts/color/recipes/underline-stroke.d.ts

@@ -0,0 +1,7 @@
+import { Palette } from '../palette';
+import { InteractiveSwatchSet } from '../recipe';
+import { Swatch } from '../swatch';
+/**
+ * @internal
+ */
+export declare function underlineStroke(palette: Palette, reference: Swatch, restDelta: number, hoverDelta: number, activeDelta: number, focusDelta: number, shadowDelta: number, width: string): InteractiveSwatchSet;

package/dist/dts/color/swatch.d.ts

@@ -22,3 +22,10 @@ export declare const SwatchRGB: Readonly<{
         b: number;
     }): SwatchRGB;
 }>;
+/**
+ * Runtime test for an objects conformance with the SwatchRGB interface.
+ * @internal
+ */
+export declare function isSwatchRGB(value: {
+    [key: string]: any;
+}): value is SwatchRGB;

package/dist/dts/color/utilities/base-layer-luminance.d.ts

@@ -6,6 +6,6 @@ export declare function baseLayerLuminanceSwatch(luminance: number): Swatch;
  * @public
  */
 export declare enum StandardLuminance {
-    LightMode = 1,
-    DarkMode = 0.23
+    LightMode = 0.98,
+    DarkMode = 0.15
 }

package/dist/dts/combobox/index.d.ts

@@ -1,10 +1,9 @@
 import { ComboboxOptions, Combobox as FoundationCombobox } from '@microsoft/fast-foundation';
-import { SelectAppearance } from '../select';
 /**
  * Combobox appearances
  * @public
  */
-export declare type ComboboxAppearance = SelectAppearance;
+export declare type ComboboxAppearance = 'filled' | 'outline';
 /**
  * The Fluent combobox class
  * @internal

package/dist/dts/custom-elements.d.ts

@@ -9,6 +9,7 @@ import { fluentBadge } from './badge/index';
 import { fluentBreadcrumb } from './breadcrumb/index';
 import { fluentBreadcrumbItem } from './breadcrumb-item/index';
 import { fluentButton } from './button/index';
+import { fluentCalendar } from './calendar/index';
 import { fluentCard } from './card/index';
 import { fluentCheckbox } from './checkbox/index';
 import { fluentCombobox } from './combobox/index';
@@ -38,7 +39,7 @@ import { fluentToolbar } from './toolbar/index';
 import { fluentTooltip } from './tooltip/index';
 import { fluentTreeView } from './tree-view/index';
 import { fluentTreeItem } from './tree-item/index';
-export { fluentAccordion, fluentAccordionItem, fluentAnchor, fluentAnchoredRegion, fluentBadge, fluentBreadcrumb, fluentBreadcrumbItem, fluentButton, fluentCard, fluentCheckbox, fluentCombobox, fluentDataGrid, fluentDataGridCell, fluentDataGridRow, fluentDesignSystemProvider, fluentDialog, fluentDivider, fluentFlipper, fluentHorizontalScroll, fluentListbox, fluentOption, fluentMenu, fluentMenuItem, fluentNumberField, fluentProgress, fluentProgressRing, fluentRadio, fluentRadioGroup, fluentSelect, fluentSkeleton, fluentSlider, fluentSliderLabel, fluentSwitch, fluentTabs, fluentTab, fluentTabPanel, fluentTextArea, fluentTextField, fluentToolbar, fluentTooltip, fluentTreeView, fluentTreeItem, };
+export { fluentAccordion, fluentAccordionItem, fluentAnchor, fluentAnchoredRegion, fluentBadge, fluentBreadcrumb, fluentBreadcrumbItem, fluentButton, fluentCard, fluentCalendar, fluentCheckbox, fluentCombobox, fluentDataGrid, fluentDataGridCell, fluentDataGridRow, fluentDesignSystemProvider, fluentDialog, fluentDivider, fluentFlipper, fluentHorizontalScroll, fluentListbox, fluentOption, fluentMenu, fluentMenuItem, fluentNumberField, fluentProgress, fluentProgressRing, fluentRadio, fluentRadioGroup, fluentSelect, fluentSkeleton, fluentSlider, fluentSliderLabel, fluentSwitch, fluentTabs, fluentTab, fluentTabPanel, fluentTextArea, fluentTextField, fluentToolbar, fluentTooltip, fluentTreeView, fluentTreeItem, };
 /**
  * All Fluent UI Web Components
  * @public
@@ -52,6 +53,7 @@ export declare const allComponents: {
     fluentBreadcrumb: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Breadcrumb>;
     fluentBreadcrumbItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").BreadcrumbItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").BreadcrumbItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     fluentButton: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./button").Button>;
+    fluentCalendar: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CalendarOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CalendarOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     fluentCard: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./card").Card>;
     fluentCheckbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").CheckboxOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").CheckboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     fluentCombobox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ComboboxOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ComboboxOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
@@ -73,7 +75,7 @@ export declare const allComponents: {
     fluentHorizontalScroll: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").HorizontalScrollOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").HorizontalScrollOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     fluentListbox: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Listbox>;
     fluentOption: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").ListboxOption>;
-    fluentMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("@microsoft/fast-foundation").Menu>;
+    fluentMenu: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").FoundationElementDefinition> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").FoundationElementDefinition, typeof import("./menu").Menu>;
     fluentMenuItem: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").MenuItemOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").MenuItemOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     fluentNumberField: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").NumberFieldOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").NumberFieldOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;
     fluentProgress: (overrideDefinition?: import("@microsoft/fast-foundation").OverrideFoundationElementDefinition<import("@microsoft/fast-foundation").ProgressOptions> | undefined) => import("@microsoft/fast-foundation").FoundationElementRegistry<import("@microsoft/fast-foundation").ProgressOptions, import("@microsoft/fast-element").Constructable<import("@microsoft/fast-foundation").FoundationElement>>;

package/dist/dts/data-grid/data-grid-row.styles.d.ts

@@ -1,3 +1,3 @@
 import { ElementStyles } from '@microsoft/fast-element';
 import { ElementDefinitionContext, FoundationElementDefinition } from '@microsoft/fast-foundation';
-export declare const dataGridRowStyles: (context: ElementDefinitionContext, defintion: FoundationElementDefinition) => ElementStyles;
+export declare const dataGridRowStyles: (context: ElementDefinitionContext, definition: FoundationElementDefinition) => ElementStyles;

package/dist/dts/data-grid/index.d.ts

@@ -24,7 +24,7 @@ export declare const fluentDataGridRow: (overrideDefinition?: import("@microsoft
  * Styles for DataGrid row
  * @public
  */
-export declare const dataGridRowStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, defintion: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
+export declare const dataGridRowStyles: (context: import("@microsoft/fast-foundation").ElementDefinitionContext, definition: import("@microsoft/fast-foundation").FoundationElementDefinition) => import("@microsoft/fast-element").ElementStyles;
 /**
  * The Fluent Data Grid Element.
  *