@smui/image-list - npm Package Compare versions

Comparing version 4.2.0 to 5.0.0-beta.0

bare.js

@@ -1,2 +0,3 @@
-export * from './index.js';
-export { default } from './index.js';
+export * from './index';
+export { default } from './index';
+//# sourceMappingURL=bare.js.map

CHANGELOG.md

@@ -6,2 +6,27 @@ # Change Log
 
+# [5.0.0-beta.0](https://github.com/hperrin/svelte-material-ui/compare/v4.2.0...v5.0.0-beta.0) (2021-09-14)
+
+
+### Bug Fixes
+
+* some more type errors ([f4b8568](https://github.com/hperrin/svelte-material-ui/commit/f4b85687869c378f0df8b11a061c0b4cdf684d61))
+
+
+### Features
+
+* add prop types for HTML props for components ([f5c6e53](https://github.com/hperrin/svelte-material-ui/commit/f5c6e53390b4cbb2da04f543ef877cf03133fc80))
+* got sveltekit working local in dev ([024b19a](https://github.com/hperrin/svelte-material-ui/commit/024b19aed05718b76b027dd2e908f4734d17c060))
+* implement js builds of all ts files ([085b829](https://github.com/hperrin/svelte-material-ui/commit/085b82932f75a5c62bb4d5f709a19a8b3cbd12a4))
+* migrate common and button to typescript ([cf9c6af](https://github.com/hperrin/svelte-material-ui/commit/cf9c6af17c59afc433c58245cc9444aece2195cc))
+* migrate image list to typescript ([e9a8a32](https://github.com/hperrin/svelte-material-ui/commit/e9a8a3241bf9bf6046009c8fd50df34b71f4550a))
+
+
+### BREAKING CHANGES
+
+* Had to rename export "default" from Button to "defaultAction".
+
+
+
+
+
 # [4.2.0](https://github.com/hperrin/svelte-material-ui/compare/v4.1.0...v4.2.0) (2021-05-05)
@@ -8,0 +33,0 @@

Image.js

@@ -1,7 +0,7 @@
-import { classAdderBuilder } from '@smui/common/internal.js';
-import Img from '@smui/common/Img.svelte';
-
+import { classAdderBuilder } from '@smui/common/internal';
+import { Img } from '@smui/common/elements';
 export default classAdderBuilder({
-  class: 'mdc-image-list__image',
-  component: Img,
+    class: 'mdc-image-list__image',
+    component: Img,
 });
+//# sourceMappingURL=Image.js.map

ImageAspectContainer.js

@@ -1,7 +0,7 @@
-import { classAdderBuilder } from '@smui/common/internal.js';
-import Div from '@smui/common/Div.svelte';
-
+import { classAdderBuilder } from '@smui/common/internal';
+import { Div } from '@smui/common/elements';
 export default classAdderBuilder({
-  class: 'mdc-image-list__image-aspect-container',
-  component: Div,
+    class: 'mdc-image-list__image-aspect-container',
+    component: Div,
 });
+//# sourceMappingURL=ImageAspectContainer.js.map

index.js

 import ImageList from './ImageList.svelte';
-
-import Item from './Item.js';
-import ImageAspectContainer from './ImageAspectContainer.js';
-import Image from './Image.js';
-import Supporting from './Supporting.js';
-import Label from '@smui/common/CommonLabel.svelte';
-
+export * from './ImageList.types';
+import Item from './Item';
+import ImageAspectContainer from './ImageAspectContainer';
+import Image from './Image';
+import Supporting from './Supporting';
+import { Label } from '@smui/common';
 export default ImageList;
-
 export { Item, ImageAspectContainer, Image, Supporting, Label };
+//# sourceMappingURL=index.js.map

Item.js

@@ -1,7 +0,7 @@
-import { classAdderBuilder } from '@smui/common/internal.js';
-import Li from '@smui/common/Li.svelte';
-
+import { classAdderBuilder } from '@smui/common/internal';
+import { Li } from '@smui/common/elements';
 export default classAdderBuilder({
-  class: 'mdc-image-list__item',
-  component: Li,
+    class: 'mdc-image-list__item',
+    component: Li,
 });
+//# sourceMappingURL=Item.js.map

package.json

 {
   "name": "@smui/image-list",
-  "version": "4.2.0",
+  "version": "5.0.0-beta.0",
   "description": "Svelte Material UI - Image List",
   "type": "module",
   "module": "index.js",
+  "types": "index.d.ts",
   "keywords": [
@@ -17,3 +18,6 @@ "svelte",
   "scripts": {
-    "prepare": "sass --no-source-map -I node_modules _style.scss bare.css",
+    "build": "npm run build:js && npm run build:sass",
+    "build:js": "tsc",
+    "build:sass": "sass --no-source-map -I node_modules -I ../../node_modules _style.scss bare.css",
+    "prepare": "npm run build",
     "test": "echo \"Error: no test specified\" && exit 1"
@@ -35,8 +39,11 @@ },
     "@material/image-list": "^11.0.0",
-    "@smui/common": "^4.2.0"
+    "@smui/common": "^5.0.0-beta.0"
   },
   "devDependencies": {
-    "sass": "^1.32.8"
+    "@tsconfig/svelte": "^2.0.1",
+    "sass": "^1.32.11",
+    "tslib": "^2.3.1",
+    "typescript": "^4.4.2"
   },
-  "gitHead": "19ae8e223386d3c60daa642d631632c9e089155b"
+  "gitHead": "64f517242b78ff75df7865fc80f16d1a5c39bcaf"
 }

README.md

@@ -11,58 +11,6 @@ # Svelte Material UI - Image List
 
-# Demo
+# Examples and Usage Information
 
-[See it in action.](https://sveltematerialui.com/demo/image-list)
+https://sveltematerialui.com/demo/image-list
 
-[See the demo code.](/site/src/routes/demo/image-list/)
-
-# Whoa There, These Docs are Outdated
-
-The latest SMUI v3 had a lot of changes, and these docs haven't been caught up yet. You should check out the demo page's code to see the latest usage.
-
-# Basic Usage
-
-```svelte
-<ImageList class="my-image-list">
-  {#each $images as image}
-    <Item>
-      <ImageAspectContainer>
-        <Image src={image.src} alt={image.title} />
-      </ImageAspectContainer>
-      <Supporting>
-        <Label>{image.description}</Label>
-      </Supporting>
-    </Item>
-  {/each}
-</ImageList>
-
-<script>
-  import ImageList, {
-    Item,
-    ImageAspectContainer,
-    Image,
-    Supporting,
-    Label,
-  } from '@smui/image-list';
-  import { images } from './store.js';
-</script>
-```
-
-```scss
-// style.scss
-.my-image-list {
-  @include mdc-image-list-standard-columns(5);
-  max-width: 680px;
-}
-
-@media (max-width: 599px) {
-  .my-image-list {
-    @include mdc-image-list-standard-columns(3);
-  }
-}
-```
-
-# Exports
-
-todo...
-
 # More Information
@@ -69,0 +17,0 @@

styled.js

 import './_index.scss';
-export * from './index.js';
-export { default } from './index.js';
+export * from './index';
+export { default } from './index';
+//# sourceMappingURL=styled.js.map

Supporting.js

@@ -1,7 +0,7 @@
-import { classAdderBuilder } from '@smui/common/internal.js';
-import Div from '@smui/common/Div.svelte';
-
+import { classAdderBuilder } from '@smui/common/internal';
+import { Div } from '@smui/common/elements';
 export default classAdderBuilder({
-  class: 'mdc-image-list__supporting',
-  component: Div,
+    class: 'mdc-image-list__supporting',
+    component: Div,
 });
+//# sourceMappingURL=Supporting.js.map

New alerts

No v1

Quality

Package is not semver >=1. This means it is not stable and does not support ^ ranges.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

33894

increased by22.62%

Number of package files

42

increased by180%

Lines of code

239

increased by77.04%

Worsened metrics

Dev dependency count

4

increased by300%

Number of low quality alerts

3

increased by50%

Number of lines in readme file

20

decreased by-72.22%

Dependency changes

• + Added@smui/common@5.0.1(transitive)

• + Added@tsconfig/svelte@2.0.1(transitive)

• + Addedanymatch@3.1.3(transitive)

• + Addedbinary-extensions@2.3.0(transitive)

• + Addedbraces@3.0.3(transitive)

• + Addedchokidar@3.6.0(transitive)

• + Addeddedent-js@1.0.1(transitive)

• + Addedfill-range@7.1.1(transitive)

• + Addedfsevents@2.3.3(transitive)

• + Addedglob-parent@5.1.2(transitive)

• + Addedis-binary-path@2.1.0(transitive)

• + Addedis-extglob@2.1.1(transitive)

• + Addedis-glob@4.0.3(transitive)

• + Addedis-number@7.0.0(transitive)

• + Addedlower-case@2.0.2(transitive)

• + Addedno-case@3.0.4(transitive)

• + Addednormalize-path@3.0.0(transitive)

• + Addedpascal-case@3.1.2(transitive)

• + Addedpicomatch@2.3.1(transitive)

• + Addedreaddirp@3.6.0(transitive)

• + Addedsass@1.39.2(transitive)

• + Addedsvelte2tsx@0.4.14(transitive)

• + Addedto-regex-range@5.0.1(transitive)

• + Addedtypescript@4.9.5(transitive)

• - Removed@smui/common@4.2.0(transitive)

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