@smui/button - 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,31 @@ # 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 banner to typescript ([dae0f3c](https://github.com/hperrin/svelte-material-ui/commit/dae0f3cb6cdb845a071f8b8bc34c7d5468dc693f))
+* migrate chips to typescript ([075f48a](https://github.com/hperrin/svelte-material-ui/commit/075f48af5e16ee34c38307eb15664e1389596736))
+* migrate common and button to typescript ([cf9c6af](https://github.com/hperrin/svelte-material-ui/commit/cf9c6af17c59afc433c58245cc9444aece2195cc))
+* migrate fab and icon button to typescript ([5e81e89](https://github.com/hperrin/svelte-material-ui/commit/5e81e89f7d7afad4bb54c6f5350f5052f0e848cb))
+* migrate list, checkbox, and radio to typescript ([6b475a5](https://github.com/hperrin/svelte-material-ui/commit/6b475a502daff39ba74c8ea0b29f7930bce2e46c))
+
+
+### BREAKING CHANGES
+
+* Renamed SMUI events from like SMUI:component:event to like SMUIComponent:event.
+* 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 +37,0 @@

GroupItem.js

@@ -1,15 +0,9 @@
-export default function GroupItem(
-  node,
-  {
-    addClass = (className) => node.classList.add(className),
-    removeClass = (className) => node.classList.remove(className),
-  } = {}
-) {
-  addClass('smui-button__group-item');
-
-  return {
-    destroy() {
-      removeClass('smui-button__group-item');
-    },
-  };
+export default function GroupItem(node, { addClass = (className) => node.classList.add(className), removeClass = (className) => node.classList.remove(className), } = {}) {
+    addClass('smui-button__group-item');
+    return {
+        destroy() {
+            removeClass('smui-button__group-item');
+        },
+    };
 }
+//# sourceMappingURL=GroupItem.js.map

index.js

 import Button from './Button.svelte';
-
-import Group from './Group.svelte';
-import GroupItem from './GroupItem.js';
-import Label from '@smui/common/CommonLabel.svelte';
-import Icon from '@smui/common/CommonIcon.svelte';
-
+export * from './Button.types';
+import GroupComponent from './Group.svelte';
+export * from './Group.types';
+const Group = GroupComponent;
+import GroupItem from './GroupItem';
+import { Label, Icon } from '@smui/common';
 export default Button;
-
 export { Group, GroupItem, Label, Icon };
+//# sourceMappingURL=index.js.map

package.json

 {
   "name": "@smui/button",
-  "version": "4.2.0",
+  "version": "5.0.0-beta.0",
   "description": "Svelte Material UI - Button",
   "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"
@@ -39,9 +43,12 @@ },
     "@material/theme": "^11.0.0",
-    "@smui/common": "^4.2.0",
-    "@smui/ripple": "^4.2.0"
+    "@smui/common": "^5.0.0-beta.0",
+    "@smui/ripple": "^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,24 +11,6 @@ # Svelte Material UI - Button
 
-# Demo
+# Examples and Usage Information
 
-[See it in action.](https://sveltematerialui.com/demo/button)
+https://sveltematerialui.com/demo/button
 
-[See the demo code.](/site/src/routes/demo/button/)
-
-# Basic Usage
-
-```svelte
-<Button on:click={doSomething}>
-  <Label>Do Something</Label>
-</Button>
-
-<script>
-  import Button, { Label } from '@smui/button';
-
-  function doSomething() {
-    alert('something');
-  }
-</script>
-```
-
 # Exports
@@ -48,4 +30,4 @@
 - `variant`: `'text'` - The button's style variant. ('text', 'raised', 'unelevated', or 'outlined')
-- `touch`: `false` - The button will have a larger touch target.
-- `href`: `null` - If the `href` property is set, the button will use an anchor element, instead of a button element.
+- `touch`: `false` - Increase the touch target.
+- `href`: `undefined` - If the `href` property is set, the button will use an anchor element, instead of a button element.
 - `action`: `'close'` - Used in the context of a dialog. This sets the button's action.
@@ -52,0 +34,0 @@ - `default`: `false` - Used in the context of a dialog. This makes the button the default for the dialog.

styled.js

@@ -1,3 +0,4 @@
-import './_index.scss';
-export * from './index.js';
-export { default } from './index.js';
+import '../_index.scss';
+export * from './index';
+export { default } from './index';
+//# sourceMappingURL=styled.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

73761

increased by11.87%

Number of package files

36

increased by157.14%

Lines of code

966

increased by14.45%

Worsened metrics

Dev dependency count

4

increased by300%

Number of low quality alerts

3

increased by50%

Number of lines in readme file

71

decreased by-20.22%

Dependency changes

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

• + Added@smui/ripple@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)

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

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

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