@patternfly/elements 3.0.2 → 4.0.0

package/pf-button/pf-button.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { LitElement, type TemplateResult } from 'lit';
 import '@patternfly/elements/pf-icon/pf-icon.js';
 import '@patternfly/elements/pf-spinner/pf-spinner.js';
 export type ButtonVariant = ('primary' | 'secondary' | 'tertiary' | 'control' | 'link');
@@ -10,134 +10,141 @@ export type ButtonVariant = ('primary' | 'secondary' | 'tertiary' | 'control' |
  * new location, like another page inside of a web application, or an external site
  * such as help or documentation..
  * @summary Allows users to perform an action when triggered
- * @cssprop {<length>} --pf-c-button--FontSize   {@default `1rem`}
- * @cssprop            --pf-c-button--FontWeight {@default `400`}
- * @cssprop {<number>} --pf-c-button--LineHeight {@default `1.5`}
- * @cssprop {<length>} --pf-c-button--PaddingTop    {@default `0.375rem`}
- * @cssprop {<length>} --pf-c-button--PaddingLeft   {@default `1rem`}
- * @cssprop {<length>} --pf-c-button--PaddingBottom {@default `0.375rem`}
- * @cssprop {<length>} --pf-c-button--PaddingRight  {@default `1rem`}
- * @cssprop {<length>|<percentage>} --pf-c-button--BorderRadius  {@default `3px`}
- * @cssprop {<color>}  --pf-c-button--after--BorderColor         {@default `transparent`}
- * @cssprop {<length>} --pf-c-button--after--BorderRadius        {@default `3px`}
- * @cssprop {<length>} --pf-c-button--after--BorderWidth         {@default `1px`}
- * @cssprop {<length>} --pf-c-button--active--after--BorderWidth {@default `2px`}
- * @cssprop {<length>} --pf-c-button--hover--after--BorderWidth  {@default `2px`}
- * @cssprop {<length>} --pf-c-button--focus--after--BorderWidth  {@default `2px`}
- * @cssprop {<color>}  --pf-c-button--m-primary--Color                   {@default `#fff`}
- * @cssprop {<color>}  --pf-c-button--m-primary--BackgroundColor         {@default `#06c`}
- * @cssprop {<color>}  --pf-c-button--m-primary--active--Color           {@default `#fff`}
- * @cssprop {<color>}  --pf-c-button--m-primary--active--BackgroundColor {@default `#004080`}
- * @cssprop {<color>}  --pf-c-button--m-primary--focus--Color            {@default `#fff`}
- * @cssprop {<color>}  --pf-c-button--m-primary--focus--BackgroundColor  {@default `#004080`}
- * @cssprop {<color>}  --pf-c-button--m-primary--hover--Color            {@default `#fff`}
- * @cssprop {<color>}  --pf-c-button--m-primary--hover--BackgroundColor  {@default `#004080`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--Color                   {@default `#06c`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--BackgroundColor         {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--active--Color           {@default `#06c`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--active--BackgroundColor {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--active--BorderColor     {@default `#06c`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--focus--Color            {@default `#06c`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--focus--BackgroundColor  {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--focus--BorderColor      {@default `#06c`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--hover--Color            {@default `#06c`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--hover--BackgroundColor  {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--hover--BorderColor      {@default `#06c`}
- * @cssprop {<color>}  --pf-c-button--m-tertiary--Color                   {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-tertiary--BackgroundColor         {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-tertiary--active--Color           {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-tertiary--active--BackgroundColor {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-tertiary--active--BorderColor     {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-tertiary--focus--Color            {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-tertiary--focus--BackgroundColor  {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-tertiary--focus--BorderColor      {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-tertiary--hover--Color            {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-tertiary--hover--BackgroundColor  {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-tertiary--hover--BorderColor      {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-danger--Color                   {@default `#fff`}
- * @cssprop {<color>}  --pf-c-button--m-danger--BackgroundColor         {@default `#c9190b`}
- * @cssprop {<color>}  --pf-c-button--m-danger--active--Color           {@default `#fff`}
- * @cssprop {<color>}  --pf-c-button--m-danger--active--BackgroundColor {@default `#a30000`}
- * @cssprop {<color>}  --pf-c-button--m-danger--focus--Color            {@default `#fff`}
- * @cssprop {<color>}  --pf-c-button--m-danger--focus--BackgroundColor  {@default `#a30000`}
- * @cssprop {<color>}  --pf-c-button--m-danger--hover--Color            {@default `#fff`}
- * @cssprop {<color>}  --pf-c-button--m-danger--hover--BackgroundColor  {@default `#a30000`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--m-danger--Color                   {@default `#c9190b`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--m-danger--BackgroundColor         {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--m-danger--BorderColor             {@default `#c9190b`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--m-danger--active--Color           {@default `#a30000`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--m-danger--active--BackgroundColor {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--m-danger--active--BorderColor     {@default `#c9190b`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--m-danger--focus--Color            {@default `#a30000`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--m-danger--focus--BackgroundColor  {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--m-danger--focus--BorderColor      {@default `#c9190b`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--m-danger--hover--Color            {@default `#a30000`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--m-danger--hover--BackgroundColor  {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-secondary--m-danger--hover--BorderColor      {@default `#c9190b`}
- * @cssprop {<color>}  --pf-c-button--m-control--disabled--BackgroundColor        {@default `#f0f0f0`}
- * @cssprop {<length>} --pf-c-button--m-control--BorderRadius                     {@default `0`}
- * @cssprop {<length>} --pf-c-button--m-control--after--BorderWidth               {@default `1px`}
- * @cssprop {<color>}  --pf-c-button--m-control--after--BorderTopColor            {@default `#f0f0f0`}
- * @cssprop {<color>}  --pf-c-button--m-control--after--BorderRightColor          {@default `#f0f0f0`}
- * @cssprop {<color>}  --pf-c-button--m-control--after--BorderBottomColor         {@default `#8a8d90`}
- * @cssprop {<color>}  --pf-c-button--m-control--after--BorderLeftColor           {@default `#f0f0f0`}
- * @cssprop {<color>}  --pf-c-button--m-control--Color                            {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-control--BackgroundColor                  {@default `#fff`}
- * @cssprop {<color>}  --pf-c-button--m-control--active--Color                    {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-control--active--BackgroundColor          {@default `#fff`}
- * @cssprop {<color>}  --pf-c-button--m-control--active--BorderBottomColor        {@default `#06c`}
- * @cssprop {<length>} --pf-c-button--m-control--active--after--BorderBottomWidth {@default `2px`}
- * @cssprop {<color>}  --pf-c-button--m-control--focus--Color                     {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-control--focus--BackgroundColor           {@default `#fff`}
- * @cssprop {<color>}  --pf-c-button--m-control--focus--BorderBottomColor         {@default `#06c`}
- * @cssprop {<length>} --pf-c-button--m-control--focus--after--BorderBottomWidth  {@default `2px`}
- * @cssprop {<color>}  --pf-c-button--m-control--hover--Color                     {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-control--hover--BackgroundColor           {@default `#fff`}
- * @cssprop {<color>}  --pf-c-button--m-control--hover--BorderBottomColor         {@default `#06c`}
- * @cssprop {<length>} --pf-c-button--m-control--hover--after--BorderBottomWidth  {@default `2px`}
- * @cssprop {<color>}  --pf-c-button--disabled--Color              {@default `#6a6e73`}
- * @cssprop {<color>}  --pf-c-button--disabled--BackgroundColor    {@default `#d2d2d2`}
- * @cssprop {<color>}  --pf-c-button--disabled--after--BorderColor {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-warning--Color                   {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-warning--BackgroundColor         {@default `#f0ab00`}
- * @cssprop {<color>}  --pf-c-button--m-warning--active--Color           {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-warning--active--BackgroundColor {@default `#c58c00`}
- * @cssprop {<color>}  --pf-c-button--m-warning--focus--Color            {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-warning--focus--BackgroundColor  {@default `#c58c00`}
- * @cssprop {<color>}  --pf-c-button--m-warning--hover--Color            {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-warning--hover--BackgroundColor  {@default `#c58c00`}
- * @cssprop {<color>}  --pf-c-button--m-plain--BackgroundColor         {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-plain--Color                   {@default `#6a6e73`}
- * @cssprop {<color>}  --pf-c-button--m-plain--hover--BackgroundColor  {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-plain--hover--Color            {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-plain--focus--BackgroundColor  {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-plain--focus--Color            {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-plain--active--BackgroundColor {@default `transparent`}
- * @cssprop {<color>}  --pf-c-button--m-plain--active--Color           {@default `#151515`}
- * @cssprop {<color>}  --pf-c-button--m-plain--disabled--Color           {@default `#d2d2d2`}
- * @cssprop {<color>}  --pf-c-button--m-plain--disabled--BackgroundColor {@default `transparent`}
- * @attr {string} loading-label - ARIA label for the loading indicator {@default `'loading'`}
+ * @cssprop {<length>} [--pf-c-button--FontSize=1rem]
+ * @cssprop            [--pf-c-button--FontWeight=400]
+ * @cssprop {<number>} [--pf-c-button--LineHeight=1.5]
+ * @cssprop {<length>} [--pf-c-button--PaddingTop=0.375rem]
+ * @cssprop {<length>} [--pf-c-button--PaddingLeft=1rem]
+ * @cssprop {<length>} [--pf-c-button--PaddingBottom=0.375rem]
+ * @cssprop {<length>} [--pf-c-button--PaddingRight=1rem]
+ * @cssprop {<length>|<percentage>} [--pf-c-button--BorderRadius=3px]
+ * @cssprop {<color>}  [--pf-c-button--after--BorderColor=transparent]
+ * @cssprop {<length>} [--pf-c-button--after--BorderRadius=3px]
+ * @cssprop {<length>} [--pf-c-button--after--BorderWidth=1px]
+ * @cssprop {<length>} [--pf-c-button--active--after--BorderWidth=2px]
+ * @cssprop {<length>} [--pf-c-button--hover--after--BorderWidth=2px]
+ * @cssprop {<length>} [--pf-c-button--focus--after--BorderWidth=2px]
+ * @cssprop {<color>}  [--pf-c-button--m-primary--Color=#fff]
+ * @cssprop {<color>}  [--pf-c-button--m-primary--BackgroundColor=#06c]
+ * @cssprop {<color>}  [--pf-c-button--m-primary--active--Color=#fff]
+ * @cssprop {<color>}  [--pf-c-button--m-primary--active--BackgroundColor=#004080]
+ * @cssprop {<color>}  [--pf-c-button--m-primary--focus--Color=#fff]
+ * @cssprop {<color>}  [--pf-c-button--m-primary--focus--BackgroundColor=#004080]
+ * @cssprop {<color>}  [--pf-c-button--m-primary--hover--Color=#fff]
+ * @cssprop {<color>}  [--pf-c-button--m-primary--hover--BackgroundColor=#004080]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--Color=#06c]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--active--Color=#06c]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--active--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--active--BorderColor=#06c]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--focus--Color=#06c]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--focus--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--focus--BorderColor=#06c]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--hover--Color=#06c]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--hover--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--hover--BorderColor=#06c]
+ * @cssprop {<color>}  [--pf-c-button--m-tertiary--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-tertiary--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-tertiary--active--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-tertiary--active--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-tertiary--active--BorderColor=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-tertiary--focus--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-tertiary--focus--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-tertiary--focus--BorderColor=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-tertiary--hover--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-tertiary--hover--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-tertiary--hover--BorderColor=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-danger--Color=#fff]
+ * @cssprop {<color>}  [--pf-c-button--m-danger--BackgroundColor=#c9190b]
+ * @cssprop {<color>}  [--pf-c-button--m-danger--active--Color=#fff]
+ * @cssprop {<color>}  [--pf-c-button--m-danger--active--BackgroundColor=#a30000]
+ * @cssprop {<color>}  [--pf-c-button--m-danger--focus--Color=#fff]
+ * @cssprop {<color>}  [--pf-c-button--m-danger--focus--BackgroundColor=#a30000]
+ * @cssprop {<color>}  [--pf-c-button--m-danger--hover--Color=#fff]
+ * @cssprop {<color>}  [--pf-c-button--m-danger--hover--BackgroundColor=#a30000]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--m-danger--Color=#c9190b]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--m-danger--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--m-danger--BorderColor=#c9190b]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--m-danger--active--Color=#a30000]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--m-danger--active--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--m-danger--active--BorderColor=#c9190b]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--m-danger--focus--Color=#a30000]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--m-danger--focus--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--m-danger--focus--BorderColor=#c9190b]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--m-danger--hover--Color=#a30000]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--m-danger--hover--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-secondary--m-danger--hover--BorderColor=#c9190b]
+ * @cssprop {<color>}  [--pf-c-button--m-control--disabled--BackgroundColor=#f0f0f0]
+ * @cssprop {<length>} [--pf-c-button--m-control--BorderRadius=0]
+ * @cssprop {<length>} [--pf-c-button--m-control--after--BorderWidth=1px]
+ * @cssprop {<color>}  [--pf-c-button--m-control--after--BorderTopColor=#f0f0f0]
+ * @cssprop {<color>}  [--pf-c-button--m-control--after--BorderRightColor=#f0f0f0]
+ * @cssprop {<color>}  [--pf-c-button--m-control--after--BorderBottomColor=#8a8d90]
+ * @cssprop {<color>}  [--pf-c-button--m-control--after--BorderLeftColor=#f0f0f0]
+ * @cssprop {<color>}  [--pf-c-button--m-control--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-control--BackgroundColor=#fff]
+ * @cssprop {<color>}  [--pf-c-button--m-control--active--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-control--active--BackgroundColor=#fff]
+ * @cssprop {<color>}  [--pf-c-button--m-control--active--BorderBottomColor=#06c]
+ * @cssprop {<length>} [--pf-c-button--m-control--active--after--BorderBottomWidth=2px]
+ * @cssprop {<color>}  [--pf-c-button--m-control--focus--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-control--focus--BackgroundColor=#fff]
+ * @cssprop {<color>}  [--pf-c-button--m-control--focus--BorderBottomColor=#06c]
+ * @cssprop {<length>} [--pf-c-button--m-control--focus--after--BorderBottomWidth=2px]
+ * @cssprop {<color>}  [--pf-c-button--m-control--hover--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-control--hover--BackgroundColor=#fff]
+ * @cssprop {<color>}  [--pf-c-button--m-control--hover--BorderBottomColor=#06c]
+ * @cssprop {<length>} [--pf-c-button--m-control--hover--after--BorderBottomWidth=2px]
+ * @cssprop {<color>}  [--pf-c-button--disabled--Color=#6a6e73]
+ * @cssprop {<color>}  [--pf-c-button--disabled--BackgroundColor=#d2d2d2]
+ * @cssprop {<color>}  [--pf-c-button--disabled--after--BorderColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-warning--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-warning--BackgroundColor=#f0ab00]
+ * @cssprop {<color>}  [--pf-c-button--m-warning--active--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-warning--active--BackgroundColor=#c58c00]
+ * @cssprop {<color>}  [--pf-c-button--m-warning--focus--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-warning--focus--BackgroundColor=#c58c00]
+ * @cssprop {<color>}  [--pf-c-button--m-warning--hover--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-warning--hover--BackgroundColor=#c58c00]
+ * @cssprop {<color>}  [--pf-c-button--m-plain--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-plain--Color=#6a6e73]
+ * @cssprop {<color>}  [--pf-c-button--m-plain--hover--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-plain--hover--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-plain--focus--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-plain--focus--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-plain--active--BackgroundColor=transparent]
+ * @cssprop {<color>}  [--pf-c-button--m-plain--active--Color=#151515]
+ * @cssprop {<color>}  [--pf-c-button--m-plain--disabled--Color=#d2d2d2]
+ * @cssprop {<color>}  [--pf-c-button--m-plain--disabled--BackgroundColor=transparent]
+ * @attr {string} [loading-label='loading'] - ARIA label for the loading indicator
  */
 export declare class PfButton extends LitElement {
     #private;
     static readonly formAssociated = true;
     static readonly styles: CSSStyleSheet[];
+    type?: 'button' | 'submit' | 'reset';
+    /** Accessible name for the button, use when the button does not have slotted text */
+    label?: string;
+    /** Form value for the button */
+    value?: string;
+    /** Form element name for the button */
+    name?: string;
+    /** Disables the button */
+    disabled: boolean;
     /** Represents the state of a stateful button */
     loading: boolean;
-    /** Applies plain styles */
-    plain: boolean;
-    /** Not as urgent as danger */
-    warning: boolean;
     /** Changes the size of the button. */
     size?: 'small' | 'large';
-    /** Icon set for the `icon` property */
-    iconSet?: string;
+    /** Not as urgent as danger */
+    warning: boolean;
     /**
      * Use danger buttons for actions a user can take that are potentially
      * destructive or difficult/impossible to undo, like deleting or removing
      * user data.
      */
     danger: boolean;
+    /** Applies plain styles */
+    plain: boolean;
     /**
      * Changes the style of the button.
      * - Primary: Used for the most important call to action on a page. Try to
@@ -151,19 +158,18 @@ export declare class PfButton extends LitElement {
     variant: ButtonVariant;
     inline: boolean;
     block: boolean;
-    /** Disables the button */
-    disabled: boolean;
-    type?: 'button' | 'submit' | 'reset';
-    /** Accessible name for the button, use when the button does not have slotted text */
-    label?: string;
-    value?: string;
-    name?: string;
     /** Shorthand for the `icon` slot, the value is icon name */
     icon?: string;
+    /** Icon set for the `icon` property */
+    iconSet?: string;
+    /** Store the URL Link */
+    href?: string;
+    /**  Redirecting the URL Link to new Tab */
+    target?: string;
     connectedCallback(): void;
     protected willUpdate(): void;
-    protected render(): import("lit-html").TemplateResult<1>;
     formDisabledCallback(): Promise<void>;
+    render(): TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {