@maggioli-design-system/mds-progress - npm Package Compare versions

Comparing version 2.1.0 to 2.1.1

dist/cjs/loader.cjs.js

@@ -8,3 +8,3 @@ 'use strict';
 /*
- Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
  */
@@ -11,0 +11,0 @@ const patchEsm = () => {

dist/cjs/mds-progress.cjs.entry.js

@@ -13,17 +13,6 @@ 'use strict';
     this.stepsList = [];
-    /**
-     * A value between 0 and 1 that rapresents the status progress
-     */
+    this.currentStep = undefined;
     this.progress = 0;
-    /**
-     * Specifies the direction of the progress bar, if horizonatl or vertical
-     */
     this.direction = 'horizontal';
-    /**
-     * Sets the theme variant colors
-     */
     this.variant = 'dark';
-    /**
-     * Sets the steps that can be pronounced by accessibility technologies
-     */
     this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
@@ -30,0 +19,0 @@ }

dist/cjs/mds-progress.cjs.js

@@ -6,3 +6,3 @@ 'use strict';
 /*
- Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
  */
@@ -9,0 +9,0 @@ const patchBrowser = () => {

dist/collection/collection-manifest.json

@@ -7,3 +7,3 @@ {
     "name": "@stencil/core",
-    "version": "2.18.1",
+    "version": "2.19.3",
     "typescriptVersion": "4.7.4"
@@ -10,0 +10,0 @@ },

dist/collection/components/mds-progress/mds-progress.js

@@ -5,17 +5,6 @@ import { Host, h } from '@stencil/core';
     this.stepsList = [];
-    /**
-     * A value between 0 and 1 that rapresents the status progress
-     */
+    this.currentStep = undefined;
     this.progress = 0;
-    /**
-     * Specifies the direction of the progress bar, if horizonatl or vertical
-     */
     this.direction = 'horizontal';
-    /**
-     * Sets the theme variant colors
-     */
     this.variant = 'dark';
-    /**
-     * Sets the steps that can be pronounced by accessibility technologies
-     */
     this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
@@ -22,0 +11,0 @@ }

dist/collection/dictionary/typography.js

 const typographyDictionary = [
   'action',
   'caption',
-  'code',
+  'snippet',
   'detail',
@@ -22,6 +22,6 @@ 'h1',
   'read',
-  'mono',
+  'code',
 ];
 const typographyMonoDictionary = [
-  'code',
+  'snippet',
   'hack',
@@ -28,0 +28,0 @@ ];

dist/components/mds-progress.js

@@ -11,17 +11,6 @@ import { proxyCustomElement, HTMLElement, h, Host } from '@stencil/core/internal/client';
     this.stepsList = [];
-    /**
-     * A value between 0 and 1 that rapresents the status progress
-     */
+    this.currentStep = undefined;
     this.progress = 0;
-    /**
-     * Specifies the direction of the progress bar, if horizonatl or vertical
-     */
     this.direction = 'horizontal';
-    /**
-     * Sets the theme variant colors
-     */
     this.variant = 'dark';
-    /**
-     * Sets the steps that can be pronounced by accessibility technologies
-     */
     this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
@@ -28,0 +17,0 @@ }

dist/esm-es5/mds-progress.entry.js

@@ -1,1 +0,1 @@
-import{r as registerInstance,h,H as Host,g as getElement}from"./index-c2cf8238.js";var mdsProgressCss="@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";var MdsProgress=function(){function r(r){registerInstance(this,r);this.stepsList=[];this.progress=0;this.direction="horizontal";this.variant="dark";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return h(Host,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},h("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}();MdsProgress.style=mdsProgressCss;export{MdsProgress as mds_progress};
+import{r as registerInstance,h,H as Host,g as getElement}from"./index-c2cf8238.js";var mdsProgressCss="@tailwind utilities; :host{--background:rgb(var(--tone-neutral-08));--color:rgb(var(--brand-maggioli-03));--duration:500ms;--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;width:100%;overflow:hidden;-webkit-transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke;transition-property:color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);-webkit-transition-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness);min-width:var(--thickness)}:host([direction=vertical]){height:100%;width:auto;-ms-flex-direction:column;flex-direction:column;height:unset;width:var(--thickness);min-height:var(--thickness)}.progress{-webkit-transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);transition-timing-function:cubic-bezier(0.19, 1, 0.22, 1);background-color:var(--color);border-radius:var(--radius);-webkit-transition-duration:var(--duration);transition-duration:var(--duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.fixed{position:fixed}.absolute{position:absolute}.border{border-width:1px}.shadow{--tw-shadow:0 1px 3px 0 rgb(0 0 0 / 0.1), 0 1px 2px -1px rgb(0 0 0 / 0.1);--tw-shadow-colored:0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);-webkit-box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow)}:host([variant=dark]){--color:rgb(var(--tone-neutral-04));--background:rgb(var(--tone-neutral-08))}:host([variant=light]){--color:rgb(var(--tone-neutral));--background:rgb(var(--tone-neutral-05))}:host([variant=error]){--color:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--color:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--color:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--color:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--color:rgb(var(--brand-maggioli-03));--background:rgb(var(--tone-neutral-08))}";var MdsProgress=function(){function r(r){registerInstance(this,r);this.stepsList=[];this.currentStep=undefined;this.progress=0;this.direction="horizontal";this.variant="dark";this.steps="Inizio,Un quarto,Metà,Tre quarti,Fine"}r.prototype.componentWillLoad=function(){this.stepsList=this.steps.split(",");this.setProgress(this.progress)};r.prototype.setProgress=function(r){if(this.steps){this.currentStep=this.stepsList[Math.round(r*(this.stepsList.length-1))];this.element.setAttribute("aria-valuetext",this.currentStep)}};r.prototype.progressChanged=function(r){this.setProgress(r)};r.prototype.stepsChanged=function(r){this.stepsList=r.split(",")};r.prototype.render=function(){return h(Host,{"aria-valuemax":"100","aria-valuemin":"0","aria-valuenow":Math.round(this.progress*100),role:"progressbar"},h("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:"".concat(this.progress)}:{flexGrow:"".concat(this.progress),width:"100%"}}))};Object.defineProperty(r.prototype,"element",{get:function(){return getElement(this)},enumerable:false,configurable:true});Object.defineProperty(r,"watchers",{get:function(){return{progress:["progressChanged"],steps:["stepsChanged"]}},enumerable:false,configurable:true});return r}();MdsProgress.style=mdsProgressCss;export{MdsProgress as mds_progress};

dist/esm/loader.js

 import { p as promiseResolve, b as bootstrapLazy } from './index-c2cf8238.js';
 
 /*
- Stencil Client Patch Esm v2.18.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Esm v2.19.3 | MIT Licensed | https://stenciljs.com
  */
@@ -6,0 +6,0 @@ const patchEsm = () => {

dist/esm/mds-progress.entry.js

@@ -9,17 +9,6 @@ import { r as registerInstance, h, H as Host, g as getElement } from './index-c2cf8238.js';
     this.stepsList = [];
-    /**
-     * A value between 0 and 1 that rapresents the status progress
-     */
+    this.currentStep = undefined;
     this.progress = 0;
-    /**
-     * Specifies the direction of the progress bar, if horizonatl or vertical
-     */
     this.direction = 'horizontal';
-    /**
-     * Sets the theme variant colors
-     */
     this.variant = 'dark';
-    /**
-     * Sets the steps that can be pronounced by accessibility technologies
-     */
     this.steps = 'Inizio,Un quarto,Metà,Tre quarti,Fine';
@@ -26,0 +15,0 @@ }

dist/esm/mds-progress.js

 import { p as promiseResolve, b as bootstrapLazy } from './index-c2cf8238.js';
 
 /*
- Stencil Client Patch Browser v2.18.1 | MIT Licensed | https://stenciljs.com
+ Stencil Client Patch Browser v2.19.3 | MIT Licensed | https://stenciljs.com
  */
@@ -6,0 +6,0 @@ const patchBrowser = () => {

dist/mds-progress/mds-progress.esm.js

@@ -1,1 +0,1 @@
-import{p as r,b as s}from"./p-763baf47.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((r=>s([["p-e91b0c4d",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));
+import{p as r,b as s}from"./p-763baf47.js";(()=>{const s=import.meta.url,p={};return""!==s&&(p.resourcesUrl=new URL(".",s).href),r(p)})().then((r=>s([["p-70726ba7",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));

dist/stats.json

 {
-  "timestamp": "2022-11-18T09:22:31",
+  "timestamp": "2022-12-06T13:00:48",
   "compiler": {
@@ -79,17 +79,17 @@ "name": "node",
           "./dist/mds-progress/mds-progress.js",
+          "./dist/mds-progress/p-2301a024.system.js",
           "./dist/mds-progress/p-50ea2036.system.js",
+          "./dist/mds-progress/p-5109fda1.system.entry.js",
+          "./dist/mds-progress/p-70726ba7.entry.js",
           "./dist/mds-progress/p-763baf47.js",
           "./dist/mds-progress/p-c94616ee.system.js",
-          "./dist/mds-progress/p-ccaf7022.system.entry.js",
-          "./dist/mds-progress/p-e91b0c4d.entry.js",
-          "./dist/mds-progress/p-f219ebba.system.js",
           "./www/build/index.esm.js",
           "./www/build/mds-progress.esm.js",
           "./www/build/mds-progress.js",
+          "./www/build/p-2301a024.system.js",
           "./www/build/p-50ea2036.system.js",
+          "./www/build/p-5109fda1.system.entry.js",
+          "./www/build/p-70726ba7.entry.js",
           "./www/build/p-763baf47.js",
-          "./www/build/p-c94616ee.system.js",
-          "./www/build/p-ccaf7022.system.entry.js",
-          "./www/build/p-e91b0c4d.entry.js",
-          "./www/build/p-f219ebba.system.js"
+          "./www/build/p-c94616ee.system.js"
         ]
@@ -127,8 +127,8 @@ },
         ],
-        "bundleId": "p-e91b0c4d",
-        "fileName": "p-e91b0c4d.entry.js",
+        "bundleId": "p-70726ba7",
+        "fileName": "p-70726ba7.entry.js",
         "imports": [
           "p-763baf47.js"
         ],
-        "originalByteSize": 4458
+        "originalByteSize": 4171
       }
@@ -147,3 +147,3 @@ ],
         ],
-        "originalByteSize": 4462
+        "originalByteSize": 4175
       }
@@ -162,3 +162,3 @@ ],
         ],
-        "originalByteSize": 4462
+        "originalByteSize": 4175
       }
@@ -172,8 +172,8 @@ ],
         ],
-        "bundleId": "p-ccaf7022.system",
-        "fileName": "p-ccaf7022.system.entry.js",
+        "bundleId": "p-5109fda1.system",
+        "fileName": "p-5109fda1.system.entry.js",
         "imports": [
           "p-c94616ee.system.js"
         ],
-        "originalByteSize": 4983
+        "originalByteSize": 4630
       }
@@ -192,3 +192,3 @@ ],
         ],
-        "originalByteSize": 4521
+        "originalByteSize": 4234
       }
@@ -195,0 +195,0 @@ ]

dist/types/stencil-public-runtime.d.ts

@@ -226,2 +226,3 @@ declare type CustomMethodDecorator<T> = (target: Object, propertyKey: string | symbol, descriptor: TypedPropertyDescriptor<T>) => TypedPropertyDescriptor<T> | void;
  * @param ref a reference to the node to get styles for
+ * @returns the current mode or undefined, if not found
  */
@@ -241,2 +242,3 @@ export declare function getMode<T = string | undefined>(ref: any): T;
  * used in conjunction with the base asset path
+ * @returns the base path
  */
@@ -257,2 +259,3 @@ export declare function getAssetPath(path: string): string;
  * @param path the asset path to set
+ * @returns the set path
  */
@@ -263,2 +266,3 @@ export declare function setAssetPath(path: string): string;
  * @param ref the ref to get the Stencil element for
+ * @returns a reference to the element
  */
@@ -276,2 +280,3 @@ export declare function getElement(ref: any): HTMLStencilElement;
  * getRenderingRef
+ * @returns the rendering ref
  */
@@ -278,0 +283,0 @@ export declare function getRenderingRef(): any;

dist/types/types/typography.d.ts

@@ -1,3 +0,3 @@
-export declare type TypographyType = 'action' | 'caption' | 'code' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
-export declare type TypographyVariants = 'title' | 'info' | 'read' | 'mono';
+export declare type TypographyType = 'action' | 'caption' | 'snippet' | 'detail' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'hack' | 'label' | 'option' | 'paragraph' | 'tip';
+export declare type TypographyVariants = 'title' | 'info' | 'read' | 'code';
 export declare type TypographyTitleType = 'action' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6';
@@ -7,3 +7,3 @@ export declare type TypographyInfoType = 'caption' | 'detail' | 'label' | 'option' | 'paragraph' | 'tip';
 export declare type TypographySmallerType = 'tip' | 'option';
-export declare type TypographyMonoType = 'code' | 'hack';
+export declare type TypographyMonoType = 'snippet' | 'hack';
 export declare type TypographyTooltipType = 'caption' | 'detail' | 'tip';

package.json

 {
   "name": "@maggioli-design-system/mds-progress",
-  "version": "2.1.0",
+  "version": "2.1.1",
   "description": "mds-progress is a web-component from Maggioli Design System Magma, built with StencilJS, TypeScript, Storybook. It's based on the web-component standard and it's designed to be agnostic from the JavaScirpt framework you are using.",
@@ -26,4 +26,4 @@ "main": "dist/index.cjs.js",
   "dependencies": {
-    "@maggioli-design-system/styles": "^9.0.0",
-    "@stencil/core": "^2.18.1"
+    "@maggioli-design-system/styles": "^10.0.0",
+    "@stencil/core": "^2.19.3"
   },
@@ -30,0 +30,0 @@ "license": "MIT",

src/dictionary/typography.ts

 const typographyDictionary = [
   'action',
   'caption',
-  'code',
+  'snippet',
   'detail',
@@ -23,7 +23,7 @@ 'h1',
   'read',
-  'mono',
+  'code',
 ]
 
 const typographyMonoDictionary = [
-  'code',
+  'snippet',
   'hack',
@@ -30,0 +30,0 @@ ]

src/fixtures/icons.json

@@ -21,6 +21,6 @@ [
     "mi/baseline/border-all",
+    "mi/baseline/cancel",
     "mi/baseline/check-box",
     "mi/baseline/check-box-outline-blank",
     "mi/baseline/check-circle",
-    "mi/baseline/check-circle-outline",
     "mi/baseline/close",
@@ -32,3 +32,3 @@ "mi/baseline/css",
     "mi/baseline/email",
-    "mi/baseline/error-outline",
+    "mi/baseline/error",
     "mi/baseline/explore",
@@ -35,0 +35,0 @@ "mi/baseline/folder-zip",

src/types/typography.ts

 export type TypographyType =
   | 'action'
   | 'caption'
-  | 'code'
+  | 'snippet'
   | 'detail'
@@ -22,3 +22,3 @@ | 'h1'
   | 'read'
-  | 'mono'
+  | 'code'
 
@@ -52,3 +52,3 @@ export type TypographyTitleType =
 export type TypographyMonoType =
-  | 'code'
+  | 'snippet'
   | 'hack'
@@ -55,0 +55,0 @@

www/build/mds-progress.esm.js

@@ -1,1 +0,1 @@
-import{p as r,b as s}from"./p-763baf47.js";(()=>{const s=import.meta.url,e={};return""!==s&&(e.resourcesUrl=new URL(".",s).href),r(e)})().then((r=>s([["p-e91b0c4d",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));
+import{p as r,b as s}from"./p-763baf47.js";(()=>{const s=import.meta.url,p={};return""!==s&&(p.resourcesUrl=new URL(".",s).href),r(p)})().then((r=>s([["p-70726ba7",[[1,"mds-progress",{progress:[2],direction:[513],variant:[513],steps:[1],currentStep:[32]}]]]],r)));

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

Worsened metrics

Total package byte prevSize

710704

decreased by-0.12%

Lines of code

8832

decreased by-0.44%

Dependency changes

• + Added@fontsource/roboto-mono@4.5.10(transitive)

• + Added@maggioli-design-system/design-tokens@10.7.0(transitive)

• + Added@maggioli-design-system/styles@10.0.1(transitive)

• - Removed@maggioli-design-system/design-tokens@9.0.0(transitive)

• - Removed@maggioli-design-system/styles@9.0.0(transitive)

• Updated@maggioli-design-system/styles@^10.0.0

• Updated@stencil/core@^2.19.3