@fluentui/web-components 3.0.0-beta.89 → 3.0.0-beta.90

package/dist/web-components.d.ts

@@ -122,12 +122,6 @@ export declare class AccordionItem extends BaseAccordionItem {
      * HTML Attribute: size
      */
     size?: AccordionItemSize;
-    /**
-     * Handles changes to size attribute
-     * @param prev - previous value
-     * @param next - next value
-     */
-    sizeChanged(prev: AccordionItemSize | undefined, next: AccordionItemSize | undefined): void;
     /**
      * Sets expand and collapsed icon position.
      *
@@ -136,12 +130,6 @@ export declare class AccordionItem extends BaseAccordionItem {
      * HTML Attribute: marker-position
      */
     markerPosition?: AccordionItemMarkerPosition;
-    /**
-     * Handles changes to marker-position attribute
-     * @param prev - previous value
-     * @param next - next value
-     */
-    markerPositionChanged(prev: AccordionItemMarkerPosition | undefined, next: AccordionItemMarkerPosition | undefined): void;
     /**
      * Sets the width of the focus state.
      *
@@ -150,12 +138,6 @@ export declare class AccordionItem extends BaseAccordionItem {
      * HTML Attribute: block
      */
     block: boolean;
-    /**
-     * Handles changes to block attribute
-     * @param prev - previous value
-     * @param next - next value
-     */
-    blockChanged(prev: boolean, next: boolean): void;
 }
 
 /**
@@ -388,6 +370,17 @@ export declare type AnchorTarget = ValuesOf<typeof AnchorTarget>;
  * @public
  */
 export declare class Avatar extends BaseAvatar {
+    /**
+     * Optional activity indicator
+     * * active: the avatar will be decorated according to activeAppearance
+     * * inactive: the avatar will be reduced in size and partially transparent
+     * * undefined: normal display
+     *
+     * @public
+     * @remarks
+     * HTML Attribute: active
+     */
+    active?: AvatarActive | undefined;
     /**
      * The avatar can have a circular or square shape.
      *
@@ -460,7 +453,7 @@ export declare class Avatar extends BaseAvatar {
     /**
      * An array of the available Avatar named colors
      */
-    static colors: ("anchor" | "beige" | "blue" | "brass" | "brown" | "cornflower" | "cranberry" | "dark-green" | "dark-red" | "forest" | "gold" | "grape" | "lavender" | "light-teal" | "lilac" | "magenta" | "marigold" | "mink" | "navy" | "peach" | "pink" | "platinum" | "plum" | "pumpkin" | "purple" | "red" | "royal-blue" | "seafoam" | "steel" | "teal")[];
+    static colors: ("anchor" | "dark-red" | "cranberry" | "red" | "pumpkin" | "peach" | "marigold" | "gold" | "brass" | "brown" | "forest" | "seafoam" | "dark-green" | "light-teal" | "teal" | "steel" | "blue" | "royal-blue" | "cornflower" | "navy" | "lavender" | "purple" | "grape" | "lilac" | "pink" | "magenta" | "plum" | "beige" | "mink" | "platinum")[];
     connectedCallback(): void;
     disconnectedCallback(): void;
 }
@@ -639,12 +632,6 @@ export declare const AvatarTemplate: ElementViewTemplate<Avatar>;
  * @public
  */
 export declare class Badge extends FASTElement {
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
     /**
      * The appearance the badge should have.
      *
@@ -653,12 +640,6 @@ export declare class Badge extends FASTElement {
      * HTML Attribute: appearance
      */
     appearance: BadgeAppearance;
-    /**
-     * Handles changes to appearance attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    appearanceChanged(prev: BadgeAppearance | undefined, next: BadgeAppearance | undefined): void;
     /**
      * The color the badge should have.
      *
@@ -667,12 +648,6 @@ export declare class Badge extends FASTElement {
      * HTML Attribute: color
      */
     color: BadgeColor;
-    /**
-     * Handles changes to color attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    colorChanged(prev: BadgeColor | undefined, next: BadgeColor | undefined): void;
     /**
      * The shape the badge should have.
      *
@@ -681,12 +656,6 @@ export declare class Badge extends FASTElement {
      * HTML Attribute: shape
      */
     shape?: BadgeShape;
-    /**
-     * Handles changes to shape attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    shapeChanged(prev: BadgeShape | undefined, next: BadgeShape | undefined): void;
     /**
      * The size the badge should have.
      *
@@ -695,12 +664,6 @@ export declare class Badge extends FASTElement {
      * HTML Attribute: size
      */
     size?: BadgeSize;
-    /**
-     * Handles changes to size attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    sizeChanged(prev: BadgeSize | undefined, next: BadgeSize | undefined): void;
 }
 
 /**
@@ -837,12 +800,6 @@ export declare class BaseAccordionItem extends FASTElement {
      * HTML attribute: expanded
      */
     expanded: boolean;
-    /**
-     * Handles expanded changes
-     * @param prev - previous value
-     * @param next - next value
-     */
-    expandedChanged(prev: boolean, next: boolean): void;
     /**
      * Disables an accordion item
      *
@@ -851,12 +808,6 @@ export declare class BaseAccordionItem extends FASTElement {
      * HTML attribute: disabled
      */
     disabled: boolean;
-    /**
-     * Handles disabled changes
-     * @param prev - previous value
-     * @param next - next value
-     */
-    disabledChanged(prev: boolean, next: boolean): void;
     /**
      * The item ID
      *
@@ -1041,17 +992,6 @@ export declare class BaseAvatar extends FASTElement {
      * HTML Attribute: name
      */
     initials?: string | undefined;
-    /**
-     * Optional activity indicator
-     * * active: the avatar will be decorated according to activeAppearance
-     * * inactive: the avatar will be reduced in size and partially transparent
-     * * undefined: normal display
-     *
-     * @public
-     * @remarks
-     * HTML Attribute: active
-     */
-    active?: AvatarActive | undefined;
     constructor();
 }
 
@@ -3434,12 +3374,6 @@ export declare class Button extends BaseButton {
      * 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;
     /**
      * The shape of the button.
      *
@@ -3448,12 +3382,6 @@ export declare class Button extends BaseButton {
      * HTML Attribute: `shape`
      */
     shape?: ButtonShape;
-    /**
-     * Handles changes to shape attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    shapeChanged(prev: ButtonShape | undefined, next: ButtonShape | undefined): void;
     /**
      * The size of the button.
      *
@@ -3462,12 +3390,6 @@ export declare class Button extends BaseButton {
      * HTML Attribute: `size`
      */
     size?: ButtonSize;
-    /**
-     * Handles changes to size attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    sizeChanged(prev: ButtonSize | undefined, next: ButtonSize | undefined): void;
     /**
      * Indicates that the button should only display as an icon with no text content.
      *
@@ -3476,12 +3398,6 @@ export declare class Button extends BaseButton {
      * HTML Attribute: `icon-only`
      */
     iconOnly: boolean;
-    /**
-     * Handles changes to icon only custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    iconOnlyChanged(prev: boolean, next: boolean): void;
 }
 
 /**
@@ -3636,14 +3552,6 @@ export declare class Checkbox extends BaseCheckbox {
      * HTML Attribute: `shape`
      */
     shape?: CheckboxShape;
-    /**
-     * Applies shape states when the `shape` property changes.
-     *
-     * @param prev - the previous shape value
-     * @param next - the next shape value
-     * @internal
-     */
-    protected shapeChanged(prev: CheckboxShape | undefined, next: CheckboxShape | undefined): void;
     /**
      * Indicates the size of the control.
      *
@@ -3652,14 +3560,6 @@ export declare class Checkbox extends BaseCheckbox {
      * HTML Attribute: `size`
      */
     size?: CheckboxSize;
-    /**
-     * Applies size states when the `size` property changes.
-     *
-     * @param prev - the previous state
-     * @param next - the next state
-     * @internal
-     */
-    protected sizeChanged(prev: CheckboxSize | undefined, next: CheckboxSize | undefined): void;
     constructor();
     /**
      * Sets the ARIA checked state. If the `indeterminate` flag is true, the value will be 'mixed'.
@@ -5909,12 +5809,6 @@ export declare class CounterBadge extends FASTElement {
      * HTML Attribute: appearance
      */
     appearance?: CounterBadgeAppearance;
-    /**
-     * Handles changes to appearance attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    appearanceChanged(prev: CounterBadgeAppearance | undefined, next: CounterBadgeAppearance | undefined): void;
     /**
      * The color the badge should have.
      *
@@ -5923,12 +5817,6 @@ export declare class CounterBadge extends FASTElement {
      * HTML Attribute: color
      */
     color?: CounterBadgeColor;
-    /**
-     * Handles changes to color attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    colorChanged(prev: CounterBadgeColor | undefined, next: CounterBadgeColor | undefined): void;
     /**
      * The shape the badge should have.
      *
@@ -5937,12 +5825,6 @@ export declare class CounterBadge extends FASTElement {
      * HTML Attribute: shape
      */
     shape?: CounterBadgeShape;
-    /**
-     * Handles changes to shape attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    shapeChanged(prev: CounterBadgeShape | undefined, next: CounterBadgeShape | undefined): void;
     /**
      * The size the badge should have.
      *
@@ -5951,12 +5833,6 @@ export declare class CounterBadge extends FASTElement {
      * HTML Attribute: size
      */
     size?: CounterBadgeSize;
-    /**
-     * Handles changes to size attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    sizeChanged(prev: CounterBadgeSize | undefined, next: CounterBadgeSize | undefined): void;
     /**
      * The count the badge should have.
      *
@@ -5991,12 +5867,6 @@ export declare class CounterBadge extends FASTElement {
      * HTML Attribute: dot
      */
     dot: boolean;
-    /**
-     * Handles changes to dot attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    dotChanged(prev: boolean | undefined, next: boolean | undefined): void;
     /**
      * @internal
      * Function to set the count
@@ -6313,36 +6183,18 @@ export declare class Divider extends BaseDivider {
      * Determines the alignment of the content within the divider. Select from start or end. When not specified, the content will be aligned to the center.
      */
     alignContent?: DividerAlignContent;
-    /**
-     * Handles changes to align-content attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    alignContentChanged(prev: DividerAlignContent | undefined, next: DividerAlignContent | undefined): void;
     /**
      * @public
      * @remarks
      * A divider can have one of the preset appearances. Select from strong, brand, subtle. When not specified, the divider has its default appearance.
      */
     appearance?: DividerAppearance;
-    /**
-     * Handles changes to appearance attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    appearanceChanged(prev: DividerAppearance | undefined, next: DividerAppearance | undefined): void;
     /**
      * @public
      * @remarks
      * Adds padding to the beginning and end of the divider.
      */
     inset?: boolean;
-    /**
-     * Handles changes to inset custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    insetChanged(prev: boolean, next: boolean): void;
 }
 
 /**
@@ -6641,14 +6493,6 @@ export declare class Dropdown extends BaseDropdown {
      * HTML Attribute: `appearance`
      */
     appearance: DropdownAppearance;
-    /**
-     * Swaps appearance states when the appearance property changes.
-     *
-     * @param prev - the previous appearance state
-     * @param next - the current appearance state
-     * @internal
-     */
-    appearanceChanged(prev: DropdownAppearance | undefined, next: DropdownAppearance | undefined): void;
     /**
      * The size of the dropdown.
      * @public
@@ -6656,14 +6500,6 @@ export declare class Dropdown extends BaseDropdown {
      * HTML Attribute: `size`
      */
     size?: DropdownSize;
-    /**
-     * Swaps size states when the size property changes.
-     *
-     * @param prev - the previous size state
-     * @param next - the current size state
-     * @internal
-     */
-    sizeChanged(prev: DropdownSize | undefined, next: DropdownSize | undefined): void;
 }
 
 /**
@@ -7302,12 +7138,6 @@ export declare const getDirection: (rootNode: HTMLElement) => Direction;
  * @public
  */
 declare class Image_2 extends FASTElement {
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
     /**
      * Image layout
      *
@@ -7316,12 +7146,6 @@ declare class Image_2 extends FASTElement {
      * HTML attribute: block.
      */
     block?: boolean;
-    /**
-     * Handles changes to block custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    blockChanged(prev: boolean, next: boolean): void;
     /**
      * Image border
      *
@@ -7330,12 +7154,6 @@ declare class Image_2 extends FASTElement {
      * HTML attribute: border.
      */
     bordered?: boolean;
-    /**
-     * Handles changes to bordered custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    borderedChanged(prev: boolean, next: boolean): void;
     /**
      * Image shadow
      *
@@ -7344,12 +7162,6 @@ declare class Image_2 extends FASTElement {
      * HTML attribute: shadow.
      */
     shadow?: boolean;
-    /**
-     * Handles changes to shadow custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    shadowChanged(prev: boolean, next: boolean): void;
     /**
      * Image fit
      *
@@ -7358,12 +7170,6 @@ declare class Image_2 extends FASTElement {
      * HTML attribute: fit.
      */
     fit?: ImageFit;
-    /**
-     * Handles changes to fit attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    fitChanged(prev: ImageFit | undefined, next: ImageFit | undefined): void;
     /**
      * Image shape
      *
@@ -7372,12 +7178,6 @@ declare class Image_2 extends FASTElement {
      * HTML attribute: shape.
      */
     shape?: ImageShape;
-    /**
-     * Handles changes to shape attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    shapeChanged(prev: ImageShape | undefined, next: ImageShape | undefined): void;
 }
 export { Image_2 as Image }
 
@@ -7476,12 +7276,6 @@ export declare function isTreeItem(element?: Node | null, tagName?: string): ele
  * @public
  */
 export declare class Label extends FASTElement {
-    /**
-     * The internal {@link https://developer.mozilla.org/docs/Web/API/ElementInternals | `ElementInternals`} instance for the component.
-     *
-     * @internal
-     */
-    elementInternals: ElementInternals;
     /**
      * 	Specifies font size of a label
      *
@@ -7490,12 +7284,6 @@ export declare class Label extends FASTElement {
      * HTML Attribute: size
      */
     size?: LabelSize;
-    /**
-     * Handles changes to size attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    sizeChanged(prev: LabelSize | undefined, next: LabelSize | undefined): void;
     /**
      * 	Specifies font weight of a label
      *
@@ -7504,12 +7292,6 @@ export declare class Label extends FASTElement {
      * HTML Attribute: weight
      */
     weight?: LabelWeight;
-    /**
-     * Handles changes to weight attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    weightChanged(prev: LabelWeight | undefined, next: LabelWeight | undefined): void;
     /**
      * 	Specifies styles for label when associated input is disabled
      *
@@ -7518,12 +7300,6 @@ export declare class Label extends FASTElement {
      * HTML Attribute: disabled
      */
     disabled: boolean;
-    /**
-     * Handles changes to disabled attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    disabledChanged(prev: boolean | undefined, next: boolean | undefined): void;
     /**
      * 	Specifies styles for label when associated input is a required field
      *
@@ -7665,12 +7441,6 @@ export declare class Link extends BaseAnchor {
      * HTML Attribute: `appearance`
      */
     appearance?: LinkAppearance | undefined;
-    /**
-     * Handles changes to appearance attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    appearanceChanged(prev: LinkAppearance | undefined, next: LinkAppearance | undefined): void;
     /**
      * The link is inline with text
      * In chromium browsers, if the link is contained within a semantic
@@ -7682,12 +7452,6 @@ export declare class Link extends BaseAnchor {
      * HTML Attribute: `inline`
      */
     inline: boolean;
-    /**
-     * Handles changes to inline attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    inlineChanged(prev: boolean, next: boolean): void;
 }
 
 /**
@@ -8599,12 +8363,6 @@ export declare class MessageBar extends FASTElement {
      * HTML Attribute: `shape`
      */
     shape?: MessageBarShape;
-    /**
-     * Handles changes to shape attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    shapeChanged(prev: MessageBarShape | undefined, next: MessageBarShape | undefined): void;
     /**
      * Sets the layout of the control.
      *
@@ -8613,12 +8371,6 @@ export declare class MessageBar extends FASTElement {
      * HTML Attribute: `layout`
      */
     layout?: MessageBarLayout;
-    /**
-     * Handles changes to the layout attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    layoutChanged(prev: MessageBarLayout | undefined, next: MessageBarLayout | undefined): void;
     /**
      * Sets the intent of the control.
      *
@@ -8627,12 +8379,6 @@ export declare class MessageBar extends FASTElement {
      * HTML Attribute: `intent`
      */
     intent?: MessageBarIntent;
-    /**
-     * Handles changes to the intent attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    intentChanged(prev: MessageBarIntent | undefined, next: MessageBarIntent | undefined): void;
     /**
      * @public
      * Method to emit a `dismiss` event when the message bar is dismissed
@@ -8711,24 +8457,12 @@ declare class ProgressBar_2 extends BaseProgressBar {
      * HTML Attribute: `thickness`
      */
     thickness?: ProgressBarThickness;
-    /**
-     * Handles changes to thickness attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    thicknessChanged(prev: ProgressBarThickness | undefined, next: ProgressBarThickness | undefined): void;
     /**
      * The shape of the progress bar
      * @public
      * HTML Attribute: `shape`
      */
     shape?: ProgressBarShape;
-    /**
-     * Handles changes to shape attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    shapeChanged(prev: ProgressBarShape | undefined, next: ProgressBarShape | undefined): void;
 }
 export { ProgressBar_2 as ProgressBar }
 
@@ -9208,13 +8942,6 @@ export declare class RatingDisplay extends BaseRatingDisplay {
      * HTML Attribute: `color`
      */
     color?: RatingDisplayColor;
-    /**
-     * Handles changes to the color attribute.
-     *
-     * @param prev - The previous state
-     * @param next - The next state
-     */
-    colorChanged(prev: RatingDisplayColor | undefined, next: RatingDisplayColor | undefined): void;
     /**
      * The size of the component.
      *
@@ -9224,13 +8951,6 @@ export declare class RatingDisplay extends BaseRatingDisplay {
      * HTML Attribute: `size`
      */
     size?: RatingDisplaySize;
-    /**
-     * Handles changes to the size attribute.
-     *
-     * @param prev - The previous state
-     * @param next - The next state
-     */
-    sizeChanged(prev: RatingDisplaySize | undefined, next: RatingDisplaySize | undefined): void;
     /**
      * Renders a single filled icon with a label next to it.
      *
@@ -9449,7 +9169,6 @@ export declare class Slider extends FASTElement implements SliderConfiguration {
      * HTML Attribute: size
      */
     size?: SliderSize;
-    protected sizeChanged(prev: SliderSize | undefined, next: SliderSize | undefined): void;
     handleChange(_: any, propertyName: string): void;
     private stepStyles?;
     /**
@@ -10005,12 +9724,6 @@ export declare class Spinner extends BaseSpinner {
      * HTML Attribute: size
      */
     size?: SpinnerSize;
-    /**
-     * Handles changes to size attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    sizeChanged(prev: SpinnerSize | undefined, next: SpinnerSize | undefined): void;
     /**
      * The appearance of the spinner
      * @public
@@ -10018,12 +9731,6 @@ export declare class Spinner extends BaseSpinner {
      * HTML Attribute: appearance
      */
     appearance?: SpinnerAppearance;
-    /**
-     * Handles changes to appearance attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    appearanceChanged(prev: SpinnerAppearance | undefined, next: SpinnerAppearance | undefined): void;
 }
 
 /**
@@ -10242,20 +9949,12 @@ export declare class Tablist extends BaseTablist {
      * There are two modes of appearance: transparent and subtle.
      */
     appearance?: TablistAppearance;
-    /**
-     * @internal
-     */
-    protected appearanceChanged(prev: TablistAppearance, next: TablistAppearance): void;
     /**
      * size
      * defaults to medium.
      * Used to set the size of all the tab controls, which effects text size and margins. Three sizes: small, medium and large.
      */
     size?: TablistSize;
-    /**
-     * @internal
-     */
-    protected sizeChanged(prev: TablistSize, next: TablistSize): void;
     /**
      * calculateAnimationProperties
      *
@@ -10607,12 +10306,6 @@ declare class Text_2 extends FASTElement {
      *
      */
     size?: TextSize;
-    /**
-     * Handles changes to size attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    sizeChanged(prev: TextSize | undefined, next: TextSize | undefined): void;
     /**
      * THe Text font
      *
@@ -10621,12 +10314,6 @@ declare class Text_2 extends FASTElement {
      * HTML Attribute: font
      */
     font?: TextFont;
-    /**
-     * Handles changes to font attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    fontChanged(prev: TextFont | undefined, next: TextFont | undefined): void;
     /**
      * The Text weight
      *
@@ -10636,34 +10323,13 @@ declare class Text_2 extends FASTElement {
      */
     weight?: TextWeight;
     /**
-     * Handles changes to weight attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    weightChanged(prev: TextWeight | undefined, next: TextWeight | undefined): void;
-    /**
-     * THe Text align
+     * The Text alignment
      *
      * @public
      * @remarks
      * HTML Attribute: align
      */
     align?: TextAlign;
-    /**
-     * Handles changes to align attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    alignChanged(prev: TextAlign | undefined, next: TextAlign | undefined): void;
-    connectedCallback(): void;
-    disconnectedCallback(): void;
-    /**
-     * Handles changes to observable properties
-     * @internal
-     * @param source - the source of the change
-     * @param propertyName - the property name being changed
-     */
-    handleChange(source: any, propertyName: string): void;
 }
 export { Text_2 as Text }
 
@@ -10694,7 +10360,6 @@ export declare class TextArea extends BaseTextArea {
      * HTML Attribute: `appearance`
      */
     appearance: TextAreaAppearance;
-    protected appearanceChanged(prev: TextAreaAppearance | undefined, next: TextAreaAppearance | undefined): void;
     /**
      * Indicates whether the textarea should be a block-level element.
      *
@@ -10703,7 +10368,6 @@ export declare class TextArea extends BaseTextArea {
      * HTML Attribute: `block`
      */
     block: boolean;
-    protected blockChanged(): void;
     /**
      * Sets the size of the control.
      *
@@ -10712,7 +10376,6 @@ export declare class TextArea extends BaseTextArea {
      * HTML Attribute: `size`
      */
     size?: TextAreaSize;
-    protected sizeChanged(prev: TextAreaSize | undefined, next: TextAreaSize | undefined): void;
     /**
      * @internal
      */
@@ -10725,7 +10388,6 @@ export declare class TextArea extends BaseTextArea {
      * @internal
      */
     disconnectedCallback(): void;
-    private maybeDisplayShadow;
 }
 
 /**
@@ -10847,12 +10509,6 @@ export declare class TextInput extends BaseTextInput {
      * HTML Attribute: `appearance`
      */
     appearance?: TextInputAppearance;
-    /**
-     * Handles changes to appearance attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    appearanceChanged(prev: TextInputAppearance | undefined, next: TextInputAppearance | undefined): void;
     /**
      * Sets the size of the control.
      *
@@ -10861,12 +10517,6 @@ export declare class TextInput extends BaseTextInput {
      * HTML Attribute: `control-size`
      */
     controlSize?: TextInputControlSize;
-    /**
-     * Handles changes to `control-size` attribute custom states
-     * @param prev - the previous state
-     * @param next - the next state
-     */
-    controlSizeChanged(prev: TextInputControlSize | undefined, next: TextInputControlSize | undefined): void;
 }
 
 /**