Merge branch 'v7' into generic-components

Conflicts:
	packages/button/src/Button.svelte
	packages/button/src/Button.types.ts
	packages/common/src/CommonIcon.svelte
	packages/common/src/CommonIcon.types.ts
	packages/common/src/CommonLabel.svelte
	packages/common/src/CommonLabel.types.ts
	packages/common/src/SmuiElement.svelte
	packages/common/src/classadder/ClassAdder.svelte
	packages/common/src/classadder/ClassAdder.types.ts
	packages/common/src/classadder/classAdderBuilder.ts
	packages/common/src/index.ts
	packages/common/src/smui.types.ts

Author: hperrin

packages/accordion/src/Accordion.types.ts

@@ -1,11 +1,7 @@
 import type { ComponentProps } from 'svelte';
-import type { SmuiComponent } from '@smui/common';
 import type Component from './Accordion.svelte';
 
-export declare class AccordionComponentDev
-  extends Component
-  implements SmuiComponent
-{
+export declare class AccordionComponentDev extends Component {
   /**
    * @private
    * For type checking capabilities only.
@@ -17,6 +13,4 @@ export declare class AccordionComponentDev
     'use' | 'class' | 'multiple'
   > &
     ComponentProps<Component>;
-
-  getElement(): ReturnType<Component['getElement']>;
 }

packages/accordion/src/Header.types.ts

@@ -1,11 +1,7 @@
 import type { ComponentProps } from 'svelte';
-import type { SmuiComponent } from '@smui/common';
 import type Component from './Header.svelte';
 
-export declare class HeaderComponentDev
-  extends Component
-  implements SmuiComponent
-{
+export declare class HeaderComponentDev extends Component {
   /**
    * @private
    * For type checking capabilities only.
@@ -17,6 +13,4 @@ export declare class HeaderComponentDev
     'use' | 'class' | 'style' | 'ripple'
   > &
     ComponentProps<Component>;
-
-  getElement(): ReturnType<Component['getElement']>;
 }

packages/accordion/src/Panel.svelte

@@ -171,7 +171,7 @@
     open = value;
   }
 
-  export function getElement(): Element {
+  export function getElement(): ReturnType<PaperComponentDev['getElement']> {
     return element.getElement();
   }
 </script>

packages/accordion/src/Panel.types.ts

@@ -1,12 +1,8 @@
 import type { ComponentProps } from 'svelte';
-import type { SmuiComponent } from '@smui/common';
 import type { PaperComponentDev } from '@smui/paper';
 import type Component from './Panel.svelte';
 
-export declare class PanelComponentDev
-  extends Component
-  implements SmuiComponent
-{
+export declare class PanelComponentDev extends Component {
   /**
    * @private
    * For type checking capabilities only.
@@ -27,8 +23,6 @@ export declare class PanelComponentDev
     | 'extendedElevation'
   > &
     ComponentProps<Component>;
-
-  getElement(): ReturnType<Component['getElement']>;
 }
 
 export interface SMUIAccordionPanelAccessor {

packages/autocomplete/src/Autocomplete.types.ts

@@ -1,14 +1,10 @@
 import type { ComponentProps } from 'svelte';
-import type { SmuiComponent } from '@smui/common';
 import type { MenuComponentDev } from '@smui/menu';
 import type { TextfieldComponentDev } from '@smui/textfield';
 import type { ListComponentDev } from '@smui/list';
 import type Component from './Autocomplete.svelte';
 
-export declare class AutocompleteComponentDev
-  extends Component
-  implements SmuiComponent
-{
+export declare class AutocompleteComponentDev extends Component {
   /**
    * @private
    * For type checking capabilities only.
@@ -43,6 +39,4 @@ export declare class AutocompleteComponentDev
     textfield$label?: never;
     textfield$value?: never;
   } & ComponentProps<Component>;
-
-  getElement(): ReturnType<Component['getElement']>;
 }

packages/badge/src/Badge.types.ts

@@ -1,11 +1,7 @@
 import type { ComponentProps } from 'svelte';
-import type { SmuiComponent } from '@smui/common';
 import type Component from './Badge.svelte';
 
-export declare class BadgeComponentDev
-  extends Component
-  implements SmuiComponent
-{
+export declare class BadgeComponentDev extends Component {
   /**
    * @private
    * For type checking capabilities only.
@@ -17,6 +13,4 @@ export declare class BadgeComponentDev
     'use' | 'class' | 'square' | 'color' | 'position' | 'align'
   > &
     ComponentProps<Component>;
-
-  getElement(): ReturnType<Component['getElement']>;
 }

packages/banner/src/Banner.types.ts

@@ -1,11 +1,7 @@
 import type { ComponentProps } from 'svelte';
-import type { SmuiComponent } from '@smui/common';
 import type Component from './Banner.svelte';
 
-export declare class BannerComponentDev
-  extends Component
-  implements SmuiComponent
-{
+export declare class BannerComponentDev extends Component {
   /**
    * @private
    * For type checking capabilities only.
@@ -34,8 +30,6 @@ export declare class BannerComponentDev
       svelte.JSX.HTMLAttributes<HTMLDivElement>
     >[k];
   } & ComponentProps<Component>;
-
-  getElement(): ReturnType<Component['getElement']>;
 }
 
 export { CloseReason } from '@material/banner';

packages/button/src/Button.svelte

@@ -125,7 +125,10 @@
 
   let previousDisabled = $$restProps.disabled;
   $: if (previousDisabled !== $$restProps.disabled) {
-    getElement().blur();
+    const el = getElement();
+    if ('blur' in el) {
+      (el as HTMLButtonElement).blur();
+    }
     previousDisabled = $$restProps.disabled;
   }
 
@@ -166,7 +169,11 @@
     }
   }
 
+<<<<<<< HEAD
   export function getElement() {
+=======
+  export function getElement(): HTMLElement {
+>>>>>>> v7
     return element.getElement();
   }
 </script>

packages/button/src/Group.types.ts

@@ -1,11 +1,7 @@
 import type { ComponentProps } from 'svelte';
-import type { SmuiComponent } from '@smui/common';
 import type Component from './Group.svelte';
 
-export declare class GroupComponentDev
-  extends Component
-  implements SmuiComponent
-{
+export declare class GroupComponentDev extends Component {
   /**
    * @private
    * For type checking capabilities only.
@@ -17,6 +13,4 @@ export declare class GroupComponentDev
     'use' | 'class' | 'variant'
   > &
     ComponentProps<Component>;
-
-  getElement(): ReturnType<Component['getElement']>;
 }

packages/card/src/Actions.types.ts

@@ -1,11 +1,7 @@
 import type { ComponentProps } from 'svelte';
-import type { SmuiComponent } from '@smui/common';
 import type Component from './Actions.svelte';
 
-export declare class ActionsComponentDev
-  extends Component
-  implements SmuiComponent
-{
+export declare class ActionsComponentDev extends Component {
   /**
    * @private
    * For type checking capabilities only.
@@ -17,6 +13,4 @@ export declare class ActionsComponentDev
     'use' | 'class' | 'fullBleed'
   > &
     ComponentProps<Component>;
-
-  getElement(): ReturnType<Component['getElement']>;
 }