fix: correctly provide html attributes

hperrin · Sep 14, 2021 · 048a11d · 048a11d
1 parent e9b1367
commit 048a11d
Show file tree

Hide file tree

Showing 188 changed files with 442 additions and 142 deletions.
diff --git a/packages/banner/Banner.svelte b/packages/banner/Banner.svelte
@@ -86,6 +86,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/banner/Banner.types.ts b/packages/banner/Banner.types.ts
@@ -9,7 +9,7 @@ export declare class BannerComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'style' | 'open' | 'centered' | 'fixed' | 'mobileStacked'
   > &
     {
       [k in keyof Partial<

diff --git a/packages/button/Button.svelte b/packages/button/Button.svelte
@@ -65,6 +65,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/button/Button.types.ts b/packages/button/Button.types.ts
@@ -13,7 +13,18 @@ export declare class ButtonComponentDev<
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<ReturnType<C['getElement']>>>,
-    keyof Component['$$prop_def']
+    | 'use'
+    | 'class'
+    | 'style'
+    | 'ripple'
+    | 'color'
+    | 'variant'
+    | 'touch'
+    | 'href'
+    | 'action'
+    | 'defaultAction'
+    | 'secondary'
+    | 'component'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/button/Group.svelte b/packages/button/Group.svelte
@@ -23,6 +23,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/button/Group.types.ts b/packages/button/Group.types.ts
@@ -9,7 +9,7 @@ export declare class GroupComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'variant'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/card/Actions.svelte b/packages/card/Actions.svelte
@@ -24,6 +24,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/card/Actions.types.ts b/packages/card/Actions.types.ts
@@ -9,7 +9,7 @@ export declare class ActionsComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'fullBleed'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/card/Card.svelte b/packages/card/Card.svelte
@@ -24,6 +24,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/card/Card.types.ts b/packages/card/Card.types.ts
@@ -9,7 +9,7 @@ export declare class CardComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'variant' | 'padded'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/card/Media.svelte b/packages/card/Media.svelte
@@ -24,6 +24,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/card/Media.types.ts b/packages/card/Media.types.ts
@@ -9,7 +9,7 @@ export declare class MediaComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'aspectRatio'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/card/PrimaryAction.svelte b/packages/card/PrimaryAction.svelte
@@ -38,6 +38,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/card/PrimaryAction.types.ts b/packages/card/PrimaryAction.types.ts
@@ -9,7 +9,7 @@ export declare class PrimaryActionComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'style' | 'ripple' | 'color' | 'padded' | 'tabindex'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/checkbox/Checkbox.svelte b/packages/checkbox/Checkbox.svelte
@@ -84,6 +84,7 @@
     return value === uninitializedValue;
   }
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/checkbox/Checkbox.types.ts b/packages/checkbox/Checkbox.types.ts
@@ -9,7 +9,16 @@ export declare class CheckboxComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>,
-    keyof Component['$$prop_def']
+    | 'use'
+    | 'class'
+    | 'style'
+    | 'disabled'
+    | 'touch'
+    | 'indeterminate'
+    | 'group'
+    | 'checked'
+    | 'value'
+    | 'valueKey'
   > &
     {
       [k in keyof Partial<

diff --git a/packages/chips/Checkmark.svelte b/packages/chips/Checkmark.svelte
@@ -20,6 +20,7 @@
 <script lang="ts">
   import { ActionArray, classMap, useActions } from '@smui/common/internal';
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/chips/Checkmark.types.ts b/packages/chips/Checkmark.types.ts
@@ -9,7 +9,7 @@ export declare class CheckmarkComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLSpanElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/chips/Chip.svelte b/packages/chips/Chip.svelte
@@ -76,6 +76,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/chips/Chip.types.ts b/packages/chips/Chip.types.ts
@@ -13,7 +13,15 @@ export declare class ChipComponentDev<
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<ReturnType<C['getElement']>>>,
-    keyof Component['$$prop_def']
+    | 'use'
+    | 'class'
+    | 'style'
+    | 'chip'
+    | 'ripple'
+    | 'touch'
+    | 'shouldRemoveOnTrailingIconClick'
+    | 'shouldFocusPrimaryActionOnClick'
+    | 'component'
   > &
     Component['$$prop_def'];
 }

diff --git a/packages/chips/LeadingIcon.svelte b/packages/chips/LeadingIcon.svelte
@@ -24,6 +24,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/chips/LeadingIcon.types.ts b/packages/chips/LeadingIcon.types.ts
@@ -9,7 +9,7 @@ export declare class LeadingIconComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/chips/Set.svelte b/packages/chips/Set.svelte
@@ -56,6 +56,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/chips/Set.types.ts b/packages/chips/Set.types.ts
@@ -9,7 +9,15 @@ export declare class SetComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>,
-    keyof Component['$$prop_def']
+    | 'use'
+    | 'class'
+    | 'chips'
+    | 'key'
+    | 'selected'
+    | 'nonInteractive'
+    | 'choice'
+    | 'filter'
+    | 'input'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/chips/Text.svelte b/packages/chips/Text.svelte
@@ -43,6 +43,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/chips/Text.types.ts b/packages/chips/Text.types.ts
@@ -9,7 +9,7 @@ export declare class TextComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLSpanElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'tabindex'
   > &
     Component['$$prop_def'];
 }

diff --git a/packages/chips/TrailingAction.svelte b/packages/chips/TrailingAction.svelte
@@ -58,6 +58,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/chips/TrailingAction.types.ts b/packages/chips/TrailingAction.types.ts
@@ -9,7 +9,7 @@ export declare class TrailingActionComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLButtonElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'style' | 'ripple' | 'touch' | 'nonNavigable'
   > &
     {
       [k in keyof Partial<

diff --git a/packages/chips/TrailingIcon.svelte b/packages/chips/TrailingIcon.svelte
@@ -25,6 +25,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/chips/TrailingIcon.types.ts b/packages/chips/TrailingIcon.types.ts
@@ -9,7 +9,7 @@ export declare class TrailingIconComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/circular-progress/CircularProgress.svelte b/packages/circular-progress/CircularProgress.svelte
@@ -121,6 +121,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/circular-progress/CircularProgress.types.ts b/packages/circular-progress/CircularProgress.types.ts
@@ -9,7 +9,7 @@ export declare class CircularProgressComponentDev extends Component {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'indeterminate' | 'closed' | 'progress' | 'fourColor'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/common/A.svelte b/packages/common/A.svelte
@@ -12,8 +12,9 @@
   import type { ActionArray } from './useActions';
   import { forwardEventsBuilder, useActions } from './internal';
 
-  export let href = 'javascript:void(0);';
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
+  export let href = 'javascript:void(0);';
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 

diff --git a/packages/common/A.types.ts b/packages/common/A.types.ts
@@ -10,7 +10,7 @@ export declare class AComponentDev extends SMUIComponent {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLAnchorElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'href'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/common/Aside.svelte b/packages/common/Aside.svelte
@@ -13,6 +13,7 @@
   import type { ActionArray } from './useActions';
   import { forwardEventsBuilder, useActions } from './internal';
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
 
   const forwardEvents = forwardEventsBuilder(get_current_component());

diff --git a/packages/common/Aside.types.ts b/packages/common/Aside.types.ts
@@ -8,9 +8,6 @@ export declare class AsideComponentDev extends SMUIComponent {
    * Does not exist at runtime.
    * ### DO NOT USE!
    */
-  $$prop_def: Omit<
-    Partial<svelte.JSX.HTMLAttributes<HTMLElement>>,
-    keyof Component['$$prop_def']
-  > &
+  $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLElement>>, 'use'> &
     Component['$$prop_def'];
 }
diff --git a/packages/common/Button.svelte b/packages/common/Button.svelte
@@ -11,6 +11,7 @@
   import type { ActionArray } from './useActions';
   import { forwardEventsBuilder, useActions } from './internal';
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
 
   const forwardEvents = forwardEventsBuilder(get_current_component());

diff --git a/packages/common/Button.types.ts b/packages/common/Button.types.ts
@@ -10,7 +10,7 @@ export declare class ButtonComponentDev extends SMUIComponent {
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<HTMLButtonElement>>,
-    keyof Component['$$prop_def']
+    'use'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/common/CommonIcon.svelte b/packages/common/CommonIcon.svelte
@@ -28,6 +28,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/common/CommonIcon.types.ts b/packages/common/CommonIcon.types.ts
@@ -13,7 +13,7 @@ export declare class CommonIconComponentDev<
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<ReturnType<C['getElement']>>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'on' | 'component'
   > &
     Component['$$prop_def'];
 }
diff --git a/packages/common/CommonLabel.svelte b/packages/common/CommonLabel.svelte
@@ -32,6 +32,7 @@
 
   const forwardEvents = forwardEventsBuilder(get_current_component());
 
+  // Remember to update types file if you add/remove/rename props.
   export let use: ActionArray = [];
   let className = '';
   export { className as class };

diff --git a/packages/common/CommonLabel.types.ts b/packages/common/CommonLabel.types.ts
@@ -13,7 +13,7 @@ export declare class CommonLabelComponentDev<
    */
   $$prop_def: Omit<
     Partial<svelte.JSX.HTMLAttributes<ReturnType<C['getElement']>>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'component'
   > &
     Component['$$prop_def'];
 }