@smui/textfield - npm Package Compare versions

Comparing version 5.0.0-beta.0 to 5.0.0-beta.1

ambient.d.ts

@@ -0,4 +1,5 @@
+/// <reference types="svelte" />
+/// <reference types="svelte2tsx/svelte-jsx" />
+
 declare namespace svelte.JSX {
-  interface HTMLAttributes<T> {}
-
   interface HTMLProps<T extends EventTarget> extends HTMLAttributes<T> {
@@ -25,5 +26,1 @@ ['onSMUITextfieldLeadingIcon:mount']?: (
 }
-
-declare module '*.svelte' {
-  export { SvelteComponentDev as default } from 'svelte/internal';
-}

CHANGELOG.md

@@ -6,2 +6,14 @@ # Change Log
 
+# [5.0.0-beta.1](https://github.com/hperrin/svelte-material-ui/compare/v5.0.0-beta.0...v5.0.0-beta.1) (2021-09-14)
+
+
+### Bug Fixes
+
+* correctly provide html attributes ([048a11d](https://github.com/hperrin/svelte-material-ui/commit/048a11d0d84707a90a0ccde794b7c31155b71ca9))
+* some type issues and simpler ambient declarations ([44e2cea](https://github.com/hperrin/svelte-material-ui/commit/44e2cea7764733c97e629fa3d2498516cd0756b1))
+
+
+
+
+
 # [5.0.0-beta.0](https://github.com/hperrin/svelte-material-ui/compare/v4.2.0...v5.0.0-beta.0) (2021-09-14)
@@ -8,0 +20,0 @@

character-counter/CharacterCounter.types.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="svelte2tsx/svelte-jsx" />
 import type Component from './CharacterCounter.svelte';
@@ -9,3 +10,3 @@ export declare class CharacterCounterComponentDev extends Component {
      */
-    $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>, keyof Component['$$prop_def']> & Component['$$prop_def'];
+    $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>, 'use' | 'class'> & Component['$$prop_def'];
 }

character-counter/CharacterCounter.types.ts

@@ -12,5 +12,5 @@ import type Component from './CharacterCounter.svelte';
     Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class'
   > &
     Component['$$prop_def'];
 }

helper-text/HelperText.types.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="svelte2tsx/svelte-jsx" />
 import type Component from './HelperText.svelte';
@@ -9,3 +10,3 @@ export declare class HelperTextComponentDev extends Component {
      */
-    $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>, keyof Component['$$prop_def']> & Component['$$prop_def'];
+    $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>, 'use' | 'class' | 'id' | 'persistent' | 'validationMsg'> & Component['$$prop_def'];
 }

helper-text/HelperText.types.ts

@@ -12,5 +12,5 @@ import type Component from './HelperText.svelte';
     Partial<svelte.JSX.HTMLAttributes<HTMLDivElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'id' | 'persistent' | 'validationMsg'
   > &
     Component['$$prop_def'];
 }

icon/Icon.types.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="svelte2tsx/svelte-jsx" />
 import type Component from './Icon.svelte';
@@ -9,3 +10,3 @@ export declare class IconComponentDev extends Component {
      */
-    $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLElement>>, keyof Component['$$prop_def']> & Component['$$prop_def'];
+    $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLElement>>, 'use' | 'class' | 'role' | 'tabindex' | 'disabled'> & Component['$$prop_def'];
 }

icon/Icon.types.ts

@@ -12,5 +12,5 @@ import type Component from './Icon.svelte';
     Partial<svelte.JSX.HTMLAttributes<HTMLElement>>,
-    keyof Component['$$prop_def']
+    'use' | 'class' | 'role' | 'tabindex' | 'disabled'
   > &
     Component['$$prop_def'];
 }

Input.types.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="svelte2tsx/svelte-jsx" />
 import type Component from './Input.svelte';
@@ -9,3 +10,3 @@ export declare class InputComponentDev extends Component {
      */
-    $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLInputElement>>, keyof Component['$$prop_def']> & Component['$$prop_def'];
+    $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLInputElement>>, 'use' | 'class' | 'type' | 'placeholder' | 'value' | 'files' | 'dirty' | 'invalid' | 'updateInvalid' | 'emptyValueNull' | 'emptyValueUndefined'> & Component['$$prop_def'];
 }

Input.types.ts

@@ -12,5 +12,15 @@ import type Component from './Input.svelte';
     Partial<svelte.JSX.HTMLAttributes<HTMLInputElement>>,
-    keyof Component['$$prop_def']
+    | 'use'
+    | 'class'
+    | 'type'
+    | 'placeholder'
+    | 'value'
+    | 'files'
+    | 'dirty'
+    | 'invalid'
+    | 'updateInvalid'
+    | 'emptyValueNull'
+    | 'emptyValueUndefined'
   > &
     Component['$$prop_def'];
 }

package.json

 {
   "name": "@smui/textfield",
-  "version": "5.0.0-beta.0",
+  "version": "5.0.0-beta.1",
   "description": "Svelte Material UI - Text Field",
@@ -21,2 +21,3 @@ "type": "module",
     "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css && sass --no-source-map -I node_modules -I ../../node_modules character-counter/_style.scss character-counter/bare.css && sass --no-source-map -I node_modules -I ../../node_modules helper-text/_style.scss helper-text/bare.css && sass --no-source-map -I node_modules -I ../../node_modules icon/_style.scss icon/bare.css",
+    "clean": "git status --ignored -u --porcelain . | grep -v node_modules/ | grep -e '^!! ' | sed 's/^!! packages\\/[a-z-]*\\///g' | tr '\\n' ' ' | xargs rm",
     "prepare": "npm run build",
@@ -43,7 +44,8 @@ "test": "echo \"Error: no test specified\" && exit 1"
     "@material/textfield": "^11.0.0",
-    "@smui/common": "^5.0.0-beta.0",
-    "@smui/floating-label": "^5.0.0-beta.0",
-    "@smui/line-ripple": "^5.0.0-beta.0",
-    "@smui/notched-outline": "^5.0.0-beta.0",
-    "@smui/ripple": "^5.0.0-beta.0"
+    "@smui/common": "^5.0.0-beta.1",
+    "@smui/floating-label": "^5.0.0-beta.1",
+    "@smui/line-ripple": "^5.0.0-beta.1",
+    "@smui/notched-outline": "^5.0.0-beta.1",
+    "@smui/ripple": "^5.0.0-beta.1",
+    "svelte2tsx": "^0.4.6"
   },
@@ -56,3 +58,3 @@ "devDependencies": {
   },
-  "gitHead": "64f517242b78ff75df7865fc80f16d1a5c39bcaf"
+  "gitHead": "d3dd658904e6955c1e0b3d57a849fb645d93e8a1"
 }

Textarea.types.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="svelte2tsx/svelte-jsx" />
 import type Component from './Textarea.svelte';
@@ -9,3 +10,3 @@ export declare class TextareaComponentDev extends Component {
      */
-    $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLTextAreaElement>>, keyof Component['$$prop_def']> & Component['$$prop_def'];
+    $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLTextAreaElement>>, 'use' | 'class' | 'style' | 'value' | 'dirty' | 'invalid' | 'updateInvalid' | 'resizable'> & Component['$$prop_def'];
 }

Textarea.types.ts

@@ -12,5 +12,12 @@ import type Component from './Textarea.svelte';
     Partial<svelte.JSX.HTMLAttributes<HTMLTextAreaElement>>,
-    keyof Component['$$prop_def']
+    | 'use'
+    | 'class'
+    | 'style'
+    | 'value'
+    | 'dirty'
+    | 'invalid'
+    | 'updateInvalid'
+    | 'resizable'
   > &
     Component['$$prop_def'];
 }

Textfield.types.d.ts

@@ -0,1 +1,2 @@
+/// <reference types="svelte2tsx/svelte-jsx" />
 import type { FloatingLabelComponentDev } from '@smui/floating-label';
@@ -14,3 +15,3 @@ import type { NotchedOutlineComponentDev } from '@smui/notched-outline';
      */
-    $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLLabelElement>>, keyof Component['$$prop_def']> & {
+    $$prop_def: Omit<Partial<svelte.JSX.HTMLAttributes<HTMLLabelElement>>, 'use' | 'class' | 'style' | 'ripple' | 'disabled' | 'required' | 'textarea' | 'variant' | 'noLabel' | 'label' | 'type' | 'value' | 'files' | 'invalid' | 'updateInvalid' | 'dirty' | 'prefix' | 'suffix' | 'validateOnValueChange' | 'useNativeValidation' | 'withLeadingIcon' | 'withTrailingIcon' | 'input' | 'floatingLabel' | 'lineRipple' | 'notchedOutline'> & {
         [k in keyof FloatingLabelComponentDev['$$prop_def'] as `label\$${k}`]?: FloatingLabelComponentDev['$$prop_def'][k];
@@ -17,0 +18,0 @@ } & {

Textfield.types.ts

@@ -17,3 +17,28 @@ import type { FloatingLabelComponentDev } from '@smui/floating-label';
     Partial<svelte.JSX.HTMLAttributes<HTMLLabelElement>>,
-    keyof Component['$$prop_def']
+    | 'use'
+    | 'class'
+    | 'style'
+    | 'ripple'
+    | 'disabled'
+    | 'required'
+    | 'textarea'
+    | 'variant'
+    | 'noLabel'
+    | 'label'
+    | 'type'
+    | 'value'
+    | 'files'
+    | 'invalid'
+    | 'updateInvalid'
+    | 'dirty'
+    | 'prefix'
+    | 'suffix'
+    | 'validateOnValueChange'
+    | 'useNativeValidation'
+    | 'withLeadingIcon'
+    | 'withTrailingIcon'
+    | 'input'
+    | 'floatingLabel'
+    | 'lineRipple'
+    | 'notchedOutline'
   > &
@@ -20,0 +45,0 @@ {

New alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Fixed alerts

License Policy Violation

License

This package is not allowed per your license policy. Review the package's license to ensure compliance.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

149998

increased by1.7%

Lines of code

2249

increased by2.13%

Worsened metrics

Dependency count

11

increased by10%

Dependency changes

• + Addedsvelte2tsx@^0.4.6

• Updated@smui/common@^5.0.0-beta.1

• Updated@smui/floating-label@^5.0.0-beta.1

• Updated@smui/line-ripple@^5.0.0-beta.1

• Updated@smui/notched-outline@^5.0.0-beta.1

• Updated@smui/ripple@^5.0.0-beta.1