@fluentui/web-components 3.0.0-beta.45 → 3.0.0-beta.47

package/dist/web-components.d.ts

@@ -290,6 +290,12 @@ export declare const accordionStyles: ElementStyles;
 
 export declare const accordionTemplate: ElementViewTemplate<Accordion>;
 
+/**
+ * An Anchor Custom HTML Element.
+ * Based on BaseAnchor and includes style and layout specific attributes
+ *
+ * @public
+ */
 export declare class AnchorButton extends BaseAnchor {
     /**
      * The appearance the anchor button should have.
@@ -1033,6 +1039,247 @@ declare class BaseAnchor extends FASTElement {
     private createProxyElement;
 }
 
+/**
+ * A Button Custom HTML Element.
+ * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | `<button>`} element.
+ *
+ * @slot start - Content which can be provided before the button content
+ * @slot end - Content which can be provided after the button content
+ * @slot - The default slot for button content
+ * @csspart content - The button content container
+ *
+ * @public
+ */
+export declare class BaseButton extends FASTElement {
+    /**
+     * Indicates the button should be focused when the page is loaded.
+     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#autofocus | `autofocus`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `autofocus`
+     */
+    autofocus: boolean;
+    /**
+     * Default slotted content.
+     *
+     * @public
+     */
+    defaultSlottedContent: HTMLElement[];
+    /**
+     * Sets the element's disabled state.
+     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled | `disabled`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `disabled`
+     */
+    disabled?: boolean;
+    /**
+     * Indicates that the button is focusable while disabled.
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `disabled-focusable`
+     */
+    disabledFocusable: boolean;
+    /**
+     * Sets that the button tabindex attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `tabindex`
+     */
+    tabIndex: number;
+    /**
+     * Sets the element's internal disabled state when the element is focusable while disabled.
+     *
+     * @param previous - the previous disabledFocusable value
+     * @param next - the current disabledFocusable value
+     * @internal
+     */
+    disabledFocusableChanged(previous: boolean, next: boolean): void;
+    /**
+     * The internal {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+     *
+     * @internal
+     */
+    elementInternals: ElementInternals;
+    /**
+     * The associated form element.
+     *
+     * @public
+     */
+    get form(): HTMLFormElement | null;
+    /**
+     * The URL that processes the form submission.
+     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formaction | `formaction`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `formaction`
+     */
+    formAction?: string;
+    /**
+     * The form-associated flag.
+     * @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example | Form-associated custom elements}
+     *
+     * @public
+     */
+    static readonly formAssociated = true;
+    /**
+     * The id of a form to associate the element to.
+     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#form | `form`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `form`
+     */
+    formAttribute?: string;
+    /**
+     * The encoding type for the form submission.
+     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formenctype | `formenctype`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `formenctype`
+     */
+    formEnctype?: string;
+    /**
+     * The HTTP method that the browser uses to submit the form.
+     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formmethod | `formmethod`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `formmethod`
+     */
+    formMethod?: string;
+    /**
+     * Indicates that the form will not be validated when submitted.
+     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formnovalidate | `formnovalidate`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `formnovalidate`
+     */
+    formNoValidate?: boolean;
+    /**
+     * The internal form submission fallback control.
+     *
+     * @internal
+     */
+    private formSubmissionFallbackControl?;
+    /**
+     * The internal slot for the form submission fallback control.
+     *
+     * @internal
+     */
+    private formSubmissionFallbackControlSlot?;
+    /**
+     * The target frame or window to open the form submission in.
+     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formtarget | `formtarget`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `formtarget`
+     */
+    formTarget?: ButtonFormTarget;
+    /**
+     * A reference to all associated label elements.
+     *
+     * @public
+     */
+    get labels(): ReadonlyArray<Node>;
+    /**
+     * The name of the element. This element's value will be surfaced during form submission under the provided name.
+     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name | `name`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `name`
+     */
+    name?: string;
+    /**
+     * The button type.
+     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type | `type`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `type`
+     */
+    type: ButtonType;
+    /**
+     * Removes the form submission fallback control when the type changes.
+     *
+     * @param previous - the previous type value
+     * @param next - the new type value
+     * @internal
+     */
+    typeChanged(previous: ButtonType, next: ButtonType): void;
+    /**
+     * The value attribute.
+     *
+     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value | `value`} attribute
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: `value`
+     */
+    value?: string;
+    /**
+     * Handles the button click event.
+     *
+     * @param e - The event object
+     * @internal
+     */
+    clickHandler(e: Event): boolean | void;
+    connectedCallback(): void;
+    constructor();
+    /**
+     * This fallback creates a new slot, then creates a submit button to mirror the custom element's
+     * properties. The submit button is then appended to the slot and the form is submitted.
+     *
+     * @internal
+     * @privateRemarks
+     * This is a workaround until {@link https://github.com/WICG/webcomponents/issues/814 | WICG/webcomponents/issues/814} is resolved.
+     */
+    private createAndInsertFormSubmissionFallbackControl;
+    /**
+     * Invoked when a connected component's form or fieldset has its disabled state changed.
+     *
+     * @param disabled - the disabled value of the form / fieldset
+     *
+     * @internal
+     */
+    formDisabledCallback(disabled: boolean): void;
+    /**
+     * Handles keypress events for the button.
+     *
+     * @param e - the keyboard event
+     * @returns - the return value of the click handler
+     * @public
+     */
+    keypressHandler(e: KeyboardEvent): boolean | void;
+    /**
+     * Presses the button.
+     *
+     * @public
+     */
+    protected press(): void;
+    /**
+     * Resets the associated form.
+     *
+     * @public
+     */
+    resetForm(): void;
+    /**
+     * Submits the associated form.
+     *
+     * @internal
+     */
+    private submitForm;
+}
+
 /**
  * The base class for a component with a toggleable checked state.
  *
@@ -1322,318 +1569,199 @@ declare class BaseCheckbox extends FASTElement {
 }
 
 /**
- * A Tabs component that wraps a collection of tab and tab panel elements.
+ * A Divider Custom HTML Element.
+ * A divider groups sections of content to create visual rhythm and hierarchy. Use dividers along with spacing and headers to organize content in your layout.
  *
  * @public
  */
-declare class BaseTabs extends FASTElement {
-    /**
-     * The orientation
-     * @public
-     * @remarks
-     * HTML Attribute: orientation
-     */
-    orientation: TabsOrientation;
+export declare class BaseDivider extends FASTElement {
     /**
+     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
+     *
      * @internal
      */
-    orientationChanged(): void;
+    elementInternals: ElementInternals;
     /**
-     * The id of the active tab
+     * The role of the element.
      *
      * @public
      * @remarks
-     * HTML Attribute: activeid
-     */
-    activeid: string;
-    /**
-     * @internal
-     */
-    activeidChanged(oldValue: string, newValue: string): void;
-    /**
-     * @internal
-     */
-    tabs: HTMLElement[];
-    /**
-     * @internal
-     */
-    tabsChanged(): void;
-    /**
-     * @internal
-     */
-    tabpanels: HTMLElement[];
-    /**
-     * @internal
-     */
-    tabpanelsChanged(): void;
-    /**
-     * A reference to the active tab
-     * @public
+     * HTML Attribute: role
      */
-    activetab: HTMLElement;
-    private prevActiveTabIndex;
-    private activeTabIndex;
-    private tabIds;
-    private tabpanelIds;
-    private change;
-    private isDisabledElement;
-    private isHiddenElement;
-    private isFocusableElement;
-    private getActiveIndex;
+    role: DividerRole;
     /**
-     * Function that is invoked whenever the selected tab or the tab collection changes.
+     * The orientation of the divider.
      *
      * @public
+     * @remarks
+     * HTML Attribute: orientation
      */
-    protected setTabs(): void;
-    private setTabPanels;
-    private getTabIds;
-    private getTabPanelIds;
-    private setComponent;
-    private handleTabClick;
-    private isHorizontal;
-    private handleTabKeyDown;
+    orientation?: DividerOrientation;
+    connectedCallback(): void;
     /**
-     * The adjust method for FASTTabs
-     * @public
-     * @remarks
-     * This method allows the active index to be adjusted by numerical increments
+     * Sets the element's internal role when the role attribute changes.
+     *
+     * @param previous - the previous role value
+     * @param next - the current role value
+     * @internal
      */
-    adjust(adjustment: number): void;
-    private adjustForward;
-    private adjustBackward;
-    private moveToTabByIndex;
-    private focusTab;
+    roleChanged(previous: string | null, next: string | null): void;
     /**
+     * Sets the element's internal orientation when the orientation attribute changes.
+     *
+     * @param previous - the previous orientation value
+     * @param next - the current orientation value
      * @internal
      */
-    connectedCallback(): void;
+    orientationChanged(previous: string | null, next: string | null): void;
 }
 
 /**
- * CSS custom property value for the {@link @fluentui/tokens#borderRadiusCircular | `borderRadiusCircular`} design token.
- * @public
- */
-export declare const borderRadiusCircular = "var(--borderRadiusCircular)";
-
-/**
- * CSS custom property value for the {@link @fluentui/tokens#borderRadiusLarge | `borderRadiusLarge`} design token.
- * @public
- */
-export declare const borderRadiusLarge = "var(--borderRadiusLarge)";
-
-/**
- * CSS custom property value for the {@link @fluentui/tokens#borderRadiusMedium | `borderRadiusMedium`} design token.
- * @public
- */
-export declare const borderRadiusMedium = "var(--borderRadiusMedium)";
-
-/**
- * CSS custom property value for the {@link @fluentui/tokens#borderRadiusNone | `borderRadiusNone`} design token.
- * @public
- */
-export declare const borderRadiusNone = "var(--borderRadiusNone)";
-
-/**
- * CSS custom property value for the {@link @fluentui/tokens#borderRadiusSmall | `borderRadiusSmall`} design token.
- * @public
- */
-export declare const borderRadiusSmall = "var(--borderRadiusSmall)";
-
-/**
- * CSS custom property value for the {@link @fluentui/tokens#borderRadiusXLarge | `borderRadiusXLarge`} design token.
- * @public
- */
-export declare const borderRadiusXLarge = "var(--borderRadiusXLarge)";
-
-/**
- * A Button Custom HTML Element.
- * Based largely on the {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button | `<button>`} element.
- *
- * @slot start - Content which can be provided before the button content
- * @slot end - Content which can be provided after the button content
- * @slot - The default slot for button content
- * @csspart content - The button content container
+ * A Tabs component that wraps a collection of tab and tab panel elements.
  *
  * @public
  */
-export declare class Button extends FASTElement {
-    /**
-     * Indicates the styled appearance of the button.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `appearance`
-     */
-    appearance?: ButtonAppearance;
-    /**
-     * Handles changes to appearance attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    appearanceChanged(prev: ButtonAppearance | undefined, next: ButtonAppearance | undefined): void;
-    /**
-     * Indicates the button should be focused when the page is loaded.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#autofocus | `autofocus`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `autofocus`
-     */
-    autofocus: boolean;
-    /**
-     * Default slotted content.
-     *
-     * @public
-     */
-    defaultSlottedContent: HTMLElement[];
-    /**
-     * Sets the element's disabled state.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#disabled | `disabled`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `disabled`
-     */
-    disabled?: boolean;
-    /**
-     * Indicates that the button is focusable while disabled.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `disabled-focusable`
-     */
-    disabledFocusable: boolean;
-    /**
-     * Sets that the button tabindex attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `tabindex`
-     */
-    tabIndex: number;
-    /**
-     * Sets the element's internal disabled state when the element is focusable while disabled.
-     *
-     * @param previous - the previous disabledFocusable value
-     * @param next - the current disabledFocusable value
-     * @internal
-     */
-    disabledFocusableChanged(previous: boolean, next: boolean): void;
-    /**
-     * The internal {@link https://developer.mozilla.org/en-US/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
-    /**
-     * The associated form element.
-     *
-     * @public
-     */
-    get form(): HTMLFormElement | null;
-    /**
-     * The URL that processes the form submission.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formaction | `formaction`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `formaction`
-     */
-    formAction?: string;
-    /**
-     * The form-associated flag.
-     * @see {@link https://html.spec.whatwg.org/multipage/custom-elements.html#custom-elements-face-example | Form-associated custom elements}
-     *
-     * @public
-     */
-    static readonly formAssociated = true;
-    /**
-     * The id of a form to associate the element to.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#form | `form`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `form`
-     */
-    formAttribute?: string;
+declare class BaseTabs extends FASTElement {
     /**
-     * The encoding type for the form submission.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formenctype | `formenctype`} attribute
-     *
+     * The orientation
      * @public
      * @remarks
-     * HTML Attribute: `formenctype`
+     * HTML Attribute: orientation
      */
-    formEnctype?: string;
+    orientation: TabsOrientation;
     /**
-     * The HTTP method that the browser uses to submit the form.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formmethod | `formmethod`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `formmethod`
+     * @internal
      */
-    formMethod?: string;
+    orientationChanged(): void;
     /**
-     * Indicates that the form will not be validated when submitted.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formnovalidate | `formnovalidate`} attribute
+     * The id of the active tab
      *
      * @public
      * @remarks
-     * HTML Attribute: `formnovalidate`
+     * HTML Attribute: activeid
      */
-    formNoValidate?: boolean;
+    activeid: string;
     /**
-     * The internal form submission fallback control.
-     *
      * @internal
      */
-    private formSubmissionFallbackControl?;
+    activeidChanged(oldValue: string, newValue: string): void;
     /**
-     * The internal slot for the form submission fallback control.
-     *
      * @internal
      */
-    private formSubmissionFallbackControlSlot?;
+    tabs: HTMLElement[];
     /**
-     * The target frame or window to open the form submission in.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#formtarget | `formtarget`} attribute
-     *
+     * @internal
+     */
+    tabsChanged(): void;
+    /**
+     * @internal
+     */
+    tabpanels: HTMLElement[];
+    /**
+     * @internal
+     */
+    tabpanelsChanged(): void;
+    /**
+     * A reference to the active tab
      * @public
-     * @remarks
-     * HTML Attribute: `formtarget`
      */
-    formTarget?: ButtonFormTarget;
+    activetab: HTMLElement;
+    private prevActiveTabIndex;
+    private activeTabIndex;
+    private tabIds;
+    private tabpanelIds;
+    private change;
+    private isDisabledElement;
+    private isHiddenElement;
+    private isFocusableElement;
+    private getActiveIndex;
     /**
-     * Indicates that the button should only display as an icon with no text content.
+     * Function that is invoked whenever the selected tab or the tab collection changes.
      *
      * @public
-     * @remarks
-     * HTML Attribute: `icon-only`
      */
-    iconOnly: boolean;
+    protected setTabs(): void;
+    private setTabPanels;
+    private getTabIds;
+    private getTabPanelIds;
+    private setComponent;
+    private handleTabClick;
+    private isHorizontal;
+    private handleTabKeyDown;
     /**
-     * Handles changes to icon only custom states
-     * @param prev - the previous state
-     * @param next - the next state
+     * The adjust method for FASTTabs
+     * @public
+     * @remarks
+     * This method allows the active index to be adjusted by numerical increments
      */
-    iconOnlyChanged(prev: boolean, next: boolean): void;
+    adjust(adjustment: number): void;
+    private adjustForward;
+    private adjustBackward;
+    private moveToTabByIndex;
+    private focusTab;
     /**
-     * A reference to all associated label elements.
-     *
-     * @public
+     * @internal
      */
-    get labels(): ReadonlyArray<Node>;
+    connectedCallback(): void;
+}
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#borderRadiusCircular | `borderRadiusCircular`} design token.
+ * @public
+ */
+export declare const borderRadiusCircular = "var(--borderRadiusCircular)";
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#borderRadiusLarge | `borderRadiusLarge`} design token.
+ * @public
+ */
+export declare const borderRadiusLarge = "var(--borderRadiusLarge)";
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#borderRadiusMedium | `borderRadiusMedium`} design token.
+ * @public
+ */
+export declare const borderRadiusMedium = "var(--borderRadiusMedium)";
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#borderRadiusNone | `borderRadiusNone`} design token.
+ * @public
+ */
+export declare const borderRadiusNone = "var(--borderRadiusNone)";
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#borderRadiusSmall | `borderRadiusSmall`} design token.
+ * @public
+ */
+export declare const borderRadiusSmall = "var(--borderRadiusSmall)";
+
+/**
+ * CSS custom property value for the {@link @fluentui/tokens#borderRadiusXLarge | `borderRadiusXLarge`} design token.
+ * @public
+ */
+export declare const borderRadiusXLarge = "var(--borderRadiusXLarge)";
+
+/**
+ * A Button Custom HTML Element.
+ * Based on BaseButton and includes style and layout specific attributes
+ *
+ * @public
+ */
+export declare class Button extends BaseButton {
     /**
-     * The name of the element. This element's value will be surfaced during form submission under the provided name.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#name | `name`} attribute
+     * Indicates the styled appearance of the button.
      *
      * @public
      * @remarks
-     * HTML Attribute: `name`
+     * HTML Attribute: `appearance`
      */
-    name?: string;
+    appearance?: ButtonAppearance;
+    /**
+     * Handles changes to appearance attribute custom states
+     * @param prev - the previous state
+     * @param next - the next state
+     */
+    appearanceChanged(prev: ButtonAppearance | undefined, next: ButtonAppearance | undefined): void;
     /**
      * The shape of the button.
      *
@@ -1663,84 +1791,19 @@ export declare class Button extends FASTElement {
      */
     sizeChanged(prev: ButtonSize | undefined, next: ButtonSize | undefined): void;
     /**
-     * The button type.
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#type | `type`} attribute
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: `type`
-     */
-    type: ButtonType;
-    /**
-     * Removes the form submission fallback control when the type changes.
-     *
-     * @param previous - the previous type value
-     * @param next - the new type value
-     * @internal
-     */
-    typeChanged(previous: ButtonType, next: ButtonType): void;
-    /**
-     * The value attribute.
-     *
-     * @see The {@link https://developer.mozilla.org/en-US/docs/Web/HTML/Element/button#value | `value`} attribute
+     * Indicates that the button should only display as an icon with no text content.
      *
      * @public
      * @remarks
-     * HTML Attribute: `value`
-     */
-    value?: string;
-    /**
-     * Handles the button click event.
-     *
-     * @param e - The event object
-     * @internal
-     */
-    clickHandler(e: Event): boolean | void;
-    connectedCallback(): void;
-    constructor();
-    /**
-     * This fallback creates a new slot, then creates a submit button to mirror the custom element's
-     * properties. The submit button is then appended to the slot and the form is submitted.
-     *
-     * @internal
-     * @privateRemarks
-     * This is a workaround until {@link https://github.com/WICG/webcomponents/issues/814 | WICG/webcomponents/issues/814} is resolved.
-     */
-    private createAndInsertFormSubmissionFallbackControl;
-    /**
-     * Invoked when a connected component's form or fieldset has its disabled state changed.
-     *
-     * @param disabled - the disabled value of the form / fieldset
-     *
-     * @internal
-     */
-    formDisabledCallback(disabled: boolean): void;
-    /**
-     * Handles keypress events for the button.
-     *
-     * @param e - the keyboard event
-     * @returns - the return value of the click handler
-     * @public
-     */
-    keypressHandler(e: KeyboardEvent): boolean | void;
-    /**
-     * Presses the button.
-     *
-     * @public
-     */
-    protected press(): void;
-    /**
-     * Resets the associated form.
-     *
-     * @public
+     * HTML Attribute: `icon-only`
      */
-    resetForm(): void;
+    iconOnly: boolean;
     /**
-     * Submits the associated form.
-     *
-     * @internal
+     * Handles changes to icon only custom states
+     * @param prev - the previous state
+     * @param next - the next state
      */
-    private submitForm;
+    iconOnlyChanged(prev: boolean, next: boolean): void;
 }
 
 /**
@@ -4561,33 +4624,11 @@ export declare function display(displayValue: CSSDisplayPropertyValue): string;
 
 /**
  * A Divider Custom HTML Element.
+ * Based on BaseDivider and includes style and layout specific attributes
  *
- * @remarks
- * A divider groups sections of content to create visual rhythm and hierarchy. Use dividers along with spacing and headers to organize content in your layout.
+ * @public
  */
-export declare class Divider extends FASTElement {
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
-    /**
-     * The role of the element.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: role
-     */
-    role: DividerRole;
-    /**
-     * The orientation of the divider.
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: orientation
-     */
-    orientation?: DividerOrientation;
+export declare class Divider extends BaseDivider {
     /**
      * @public
      * @remarks
@@ -4624,23 +4665,6 @@ export declare class Divider extends FASTElement {
      * @param next - the next state
      */
     insetChanged(prev: boolean, next: boolean): void;
-    connectedCallback(): void;
-    /**
-     * Sets the element's internal role when the role attribute changes.
-     *
-     * @param previous - the previous role value
-     * @param next - the current role value
-     * @internal
-     */
-    roleChanged(previous: string | null, next: string | null): void;
-    /**
-     * Sets the element's internal orientation when the orientation attribute changes.
-     *
-     * @param previous - the previous orientation value
-     * @param next - the current orientation value
-     * @internal
-     */
-    orientationChanged(previous: string | null, next: string | null): void;
 }
 
 /**