@3mo/circular-progress - npm Package Compare versions

Comparing version 0.1.3 to 0.2.0

dist/CircularProgress.d.ts

@@ -6,3 +6,2 @@ import { Component } from '@a11d/lit';
  *
- * @cssprop --mo-circular-progress-track-color
  * @cssprop --mo-circular-progress-accent-color
@@ -9,0 +8,0 @@ */

dist/CircularProgress.js

 import { __decorate } from "tslib";
 import { Component, component, css, html, ifDefined, property } from '@a11d/lit';
-import { CircularProgress as MwcCircularProgress } from '@material/mwc-circular-progress';
+import { MdCircularProgress } from '@material/web/progress/circular-progress.js';
 import '@3mo/theme';
@@ -8,3 +8,2 @@ /**
  *
- * @cssprop --mo-circular-progress-track-color
  * @cssprop --mo-circular-progress-accent-color
@@ -22,7 +21,6 @@ */
 
-			mwc-circular-progress {
+			md-circular-progress {
 				width: 100%;
 				height: 100%;
-				--mdc-circular-progress-track-color: var(--mo-circular-progress-track-color, transparent);
-				--mdc-theme-primary: var(--mo-circular-progress-accent-color, var(--mo-color-accent));
+				--md-circular-progress-active-indicator-color: var(--mo-circular-progress-accent-color, var(--mo-color-accent));
 			}
@@ -33,6 +31,6 @@ `;
         return html `
-			<mwc-circular-progress
+			<md-circular-progress
 				?indeterminate=${this.progress === undefined}
-				progress=${ifDefined(this.progress)}
-			></mwc-circular-progress>
+				value=${ifDefined(this.progress)}
+			></md-circular-progress>
 		`;
@@ -48,3 +46,3 @@ }
 export { CircularProgress };
-MwcCircularProgress.elementStyles.push(css `
+MdCircularProgress.elementStyles.push(css `
 	.mdc-circular-progress {
@@ -51,0 +49,0 @@ width: 100% !important;

package.json

 {
 	"name": "@3mo/circular-progress",
-	"version": "0.1.3",
-	"description": "A circular progress web-component based on Material Web Components (MWC).",
+	"version": "0.2.0",
+	"description": "A circular progress web-component based on Material Web Components.",
 	"repository": {
@@ -27,5 +27,5 @@ "type": "git",
 		"tslib": "x",
-		"@material/mwc-circular-progress": "0.27.x",
+		"@material/web": "1.x",
 		"@3mo/theme": "x"
 	}
 }

README.md

 # Circular Progress
 
-A circular progress web-component based on Material Web Components (MWC).
+A circular progress web-component based on Material Web Components.

No alert changes

Improved metrics

Total package byte prevSize

66816

increased by1.16%

Worsened metrics

Lines of code

66

decreased by-4.35%

Dependency changes

• + Added@material/web@1.x

• + Added@material/web@1.5.0(transitive)

• - Removed@material/mwc-circular-progress@0.27.x

• - Removed@lit/reactive-element@1.6.3(transitive)

• - Removed@material/mwc-base@0.27.0(transitive)

• - Removed@material/mwc-circular-progress@0.27.0(transitive)

• - Removedlit@2.8.0(transitive)

• - Removedlit-element@3.3.3(transitive)

• - Removedlit-html@2.8.0(transitive)