Exporting FluentHorizontalScroll

change/@fluentui-web-components-70fe816a-58d4-4c2b-a394-17e49a967051.json

@@ -0,0 +1,7 @@
+{
+  "type": "patch",
+  "comment": "Exporting FluentHorizontalScroll",
+  "packageName": "@fluentui/web-components",
+  "email": "[email protected]",
+  "dependentChangeType": "patch"
+}

packages/web-components/docs/api-report.md

@@ -25,6 +25,7 @@ import { Direction } from '@microsoft/fast-web-utilities';
 import { Divider } from '@microsoft/fast-foundation';
 import { ElementStyles } from '@microsoft/fast-element';
 import { Flipper } from '@microsoft/fast-foundation';
+import { HorizontalScroll } from '@microsoft/fast-foundation';
 import { Listbox } from '@microsoft/fast-foundation';
 import { ListboxOption } from '@microsoft/fast-foundation';
 import { Menu } from '@microsoft/fast-foundation';
@@ -668,6 +669,12 @@ export class FluentDivider extends Divider {
 export class FluentFlipper extends Flipper {
 }
 
+// @public
+export class FluentHorizontalScroll extends HorizontalScroll {
+    // (undocumented)
+    connectedCallback(): void;
+}
+
 // @public
 export class FluentListbox extends Listbox {
 }
@@ -766,6 +773,9 @@ export class FluentTreeView extends TreeView {
 // @public
 export const heightNumber = "(var(--base-height-multiplier) + var(--density)) * var(--design-unit)";
 
+// @public
+export const HorizontalScrollStyles: import("@microsoft/fast-element").ElementStyles;
+
 // Warning: (ae-internal-missing-underscore) The name "HypertextStyles" should be prefixed with an underscore because the declaration is marked as @internal
 //
 // @internal (undocumented)

packages/web-components/src/horizontal-scroll/index.ts

@@ -2,6 +2,15 @@ import { customElement } from '@microsoft/fast-element';
 import { HorizontalScroll, HorizontalScrollTemplate as template } from '@microsoft/fast-foundation';
 import { ActionsStyles, HorizontalScrollStyles as styles } from './horizontal-scroll.styles';
 
+/**
+ * The Fluent Horizontal Scroll Element. Implements {@link @microsoft/fast-foundation#HorizontalScrol},
+ * {@link @microsoft/fast-foundation#HorizontalScrollTemplate}
+ *
+ *
+ * @public
+ * @remarks
+ * HTML Element: \<fluent-horizontal-scroll\>
+ */
 @customElement({
   name: 'fluent-horizontal-scroll',
   template,
@@ -22,3 +31,9 @@ export class FluentHorizontalScroll extends HorizontalScroll {
     }
   }
 }
+
+/**
+ * Styles for Horizontal Scroll
+ * @public
+ */
+export const HorizontalScrollStyles = styles;

packages/web-components/src/index.ts

@@ -12,6 +12,7 @@ export * from './design-system-provider/';
 export * from './dialog/';
 export * from './divider/';
 export * from './flipper/';
+export * from './horizontal-scroll/';
 export * from './listbox';
 export * from './listbox-option';
 export * from './menu/';