@maggioli-design-system/mds-progress 1.1.1 → 1.2.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/mds-progress.cjs.entry.js +1 -1
- package/dist/collection/components/mds-progress/mds-progress.css +7 -1
- package/dist/collection/components/mds-progress/mds-progress.js +1 -1
- package/dist/collection/dictionary/variant.js +1 -0
- package/dist/components/mds-progress.js +1 -1
- package/dist/esm/mds-progress.entry.js +1 -1
- package/dist/esm-es5/mds-progress.entry.js +1 -1
- package/dist/mds-progress/mds-progress.esm.js +1 -1
- package/dist/mds-progress/{p-370bafdd.system.entry.js → p-191a8307.system.entry.js} +1 -1
- package/dist/mds-progress/p-716fd6da.system.js +1 -1
- package/dist/mds-progress/{p-3caee4e1.entry.js → p-c077c6f8.entry.js} +1 -1
- package/dist/stats.json +16 -16
- package/dist/types/types/variant.d.ts +1 -1
- package/package.json +1 -1
- package/readme.md +5 -5
- package/src/components/mds-progress/css/mds-progress-variant.css +6 -0
- package/src/components/mds-progress/mds-progress.css +1 -1
- package/src/components/mds-progress/readme.md +5 -5
- package/src/dictionary/variant.ts +1 -0
- package/src/types/variant.ts +2 -1
- package/www/build/mds-progress.esm.js +1 -1
- package/www/build/{p-370bafdd.system.entry.js → p-191a8307.system.entry.js} +1 -1
- package/www/build/p-716fd6da.system.js +1 -1
- package/www/build/{p-3caee4e1.entry.js → p-c077c6f8.entry.js} +1 -1
|
@@ -4,7 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
|
|
|
4
4
|
|
|
5
5
|
const index = require('./index-fd4954d5.js');
|
|
6
6
|
|
|
7
|
-
const mdsProgressCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-
|
|
7
|
+
const mdsProgressCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-08));--progress-background:rgb(var(--brand-maggioli-03));--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;overflow:hidden;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-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-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness)}:host(.horizontal){width:100%;height:var(--thickness);min-width:var(--thickness)}:host(.vertical){height:100%;min-height:2rem;-ms-flex-direction:column;flex-direction:column;width:var(--thickness)}.progress{-webkit-transition-duration:500ms;transition-duration:500ms;-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(--progress-background);border-radius:var(--radius);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.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]){--progress-background:rgb(var(--adjust-tone-04));--background:rgb(var(--adjust-tone-08))}:host([variant=light]){--progress-background:rgb(var(--adjust-tone));--background:rgb(var(--adjust-tone-05))}:host([variant=error]){--progress-background:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--progress-background:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--progress-background:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--progress-background:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--progress-background:rgb(var(--brand-maggioli-03));--background:rgb(var(--adjust-tone-08))}";
|
|
8
8
|
|
|
9
9
|
let MdsProgress = class {
|
|
10
10
|
constructor(hostRef) {
|
|
@@ -22,7 +22,7 @@
|
|
|
22
22
|
|
|
23
23
|
:host {
|
|
24
24
|
|
|
25
|
-
--background: rgb(var(--adjust-tone-
|
|
25
|
+
--background: rgb(var(--adjust-tone-08));
|
|
26
26
|
--progress-background: rgb(var(--brand-maggioli-03));
|
|
27
27
|
--radius: 0.5rem;
|
|
28
28
|
--thickness: 0.5rem;
|
|
@@ -118,3 +118,9 @@
|
|
|
118
118
|
--background: rgb(var(--status-info-09));
|
|
119
119
|
}
|
|
120
120
|
|
|
121
|
+
:host ( [variant=primary] ) {
|
|
122
|
+
|
|
123
|
+
--progress-background: rgb(var(--brand-maggioli-03));
|
|
124
|
+
--background: rgb(var(--adjust-tone-08));
|
|
125
|
+
}
|
|
126
|
+
|
|
@@ -75,7 +75,7 @@ export class MdsProgress {
|
|
|
75
75
|
"mutable": false,
|
|
76
76
|
"complexType": {
|
|
77
77
|
"original": "ThemeVariantType",
|
|
78
|
-
"resolved": "\"dark\" | \"error\" | \"info\" | \"light\" | \"success\" | \"warning\"",
|
|
78
|
+
"resolved": "\"dark\" | \"error\" | \"info\" | \"light\" | \"primary\" | \"success\" | \"warning\"",
|
|
79
79
|
"references": {
|
|
80
80
|
"ThemeVariantType": {
|
|
81
81
|
"location": "import",
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { HTMLElement, h, Host, proxyCustomElement } from '@stencil/core/internal/client';
|
|
2
2
|
|
|
3
|
-
const mdsProgressCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-
|
|
3
|
+
const mdsProgressCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-08));--progress-background:rgb(var(--brand-maggioli-03));--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;overflow:hidden;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-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-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness)}:host(.horizontal){width:100%;height:var(--thickness);min-width:var(--thickness)}:host(.vertical){height:100%;min-height:2rem;-ms-flex-direction:column;flex-direction:column;width:var(--thickness)}.progress{-webkit-transition-duration:500ms;transition-duration:500ms;-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(--progress-background);border-radius:var(--radius);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.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]){--progress-background:rgb(var(--adjust-tone-04));--background:rgb(var(--adjust-tone-08))}:host([variant=light]){--progress-background:rgb(var(--adjust-tone));--background:rgb(var(--adjust-tone-05))}:host([variant=error]){--progress-background:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--progress-background:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--progress-background:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--progress-background:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--progress-background:rgb(var(--brand-maggioli-03));--background:rgb(var(--adjust-tone-08))}";
|
|
4
4
|
|
|
5
5
|
let MdsProgress$1 = class extends HTMLElement {
|
|
6
6
|
constructor() {
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { r as registerInstance, h, H as Host } from './index-28e8e05c.js';
|
|
2
2
|
|
|
3
|
-
const mdsProgressCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-
|
|
3
|
+
const mdsProgressCss = "*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-08));--progress-background:rgb(var(--brand-maggioli-03));--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;overflow:hidden;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-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-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness)}:host(.horizontal){width:100%;height:var(--thickness);min-width:var(--thickness)}:host(.vertical){height:100%;min-height:2rem;-ms-flex-direction:column;flex-direction:column;width:var(--thickness)}.progress{-webkit-transition-duration:500ms;transition-duration:500ms;-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(--progress-background);border-radius:var(--radius);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.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]){--progress-background:rgb(var(--adjust-tone-04));--background:rgb(var(--adjust-tone-08))}:host([variant=light]){--progress-background:rgb(var(--adjust-tone));--background:rgb(var(--adjust-tone-05))}:host([variant=error]){--progress-background:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--progress-background:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--progress-background:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--progress-background:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--progress-background:rgb(var(--brand-maggioli-03));--background:rgb(var(--adjust-tone-08))}";
|
|
4
4
|
|
|
5
5
|
let MdsProgress = class {
|
|
6
6
|
constructor(hostRef) {
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r as registerInstance,h,H as Host}from"./index-28e8e05c.js";var mdsProgressCss="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-
|
|
1
|
+
import{r as registerInstance,h,H as Host}from"./index-28e8e05c.js";var mdsProgressCss="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-08));--progress-background:rgb(var(--brand-maggioli-03));--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;overflow:hidden;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-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-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness)}:host(.horizontal){width:100%;height:var(--thickness);min-width:var(--thickness)}:host(.vertical){height:100%;min-height:2rem;-ms-flex-direction:column;flex-direction:column;width:var(--thickness)}.progress{-webkit-transition-duration:500ms;transition-duration:500ms;-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(--progress-background);border-radius:var(--radius);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.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]){--progress-background:rgb(var(--adjust-tone-04));--background:rgb(var(--adjust-tone-08))}:host([variant=light]){--progress-background:rgb(var(--adjust-tone));--background:rgb(var(--adjust-tone-05))}:host([variant=error]){--progress-background:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--progress-background:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--progress-background:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--progress-background:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--progress-background:rgb(var(--brand-maggioli-03));--background:rgb(var(--adjust-tone-08))}";var MdsProgress=function(){function r(r){registerInstance(this,r);this.progress=0;this.direction="horizontal";this.variant="dark"}r.prototype.render=function(){return h(Host,{class:this.direction},h("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:""+this.progress}:{flexGrow:""+this.progress,width:"100%"}}))};return r}();MdsProgress.style=mdsProgressCss;export{MdsProgress as mds_progress};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,b as s}from"./p-23f79c39.js";(()=>{const s=import.meta.url,
|
|
1
|
+
import{p as r,b as s}from"./p-23f79c39.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),r(o)})().then((r=>s([["p-c077c6f8",[[1,"mds-progress",{progress:[2],direction:[1],variant:[513]}]]]],r)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-e655d83d.system.js"],(function(r){"use strict";var o,t,s;return{setters:[function(r){o=r.r;t=r.h;s=r.H}],execute:function(){var a="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-
|
|
1
|
+
System.register(["./p-e655d83d.system.js"],(function(r){"use strict";var o,t,s;return{setters:[function(r){o=r.r;t=r.h;s=r.H}],execute:function(){var a="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-08));--progress-background:rgb(var(--brand-maggioli-03));--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;overflow:hidden;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-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-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness)}:host(.horizontal){width:100%;height:var(--thickness);min-width:var(--thickness)}:host(.vertical){height:100%;min-height:2rem;-ms-flex-direction:column;flex-direction:column;width:var(--thickness)}.progress{-webkit-transition-duration:500ms;transition-duration:500ms;-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(--progress-background);border-radius:var(--radius);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.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]){--progress-background:rgb(var(--adjust-tone-04));--background:rgb(var(--adjust-tone-08))}:host([variant=light]){--progress-background:rgb(var(--adjust-tone));--background:rgb(var(--adjust-tone-05))}:host([variant=error]){--progress-background:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--progress-background:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--progress-background:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--progress-background:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--progress-background:rgb(var(--brand-maggioli-03));--background:rgb(var(--adjust-tone-08))}";var i=r("mds_progress",function(){function r(r){o(this,r);this.progress=0;this.direction="horizontal";this.variant="dark"}r.prototype.render=function(){return t(s,{class:this.direction},t("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:""+this.progress}:{flexGrow:""+this.progress,width:"100%"}}))};return r}());i.style=a}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-e655d83d.system.js"],(function(r,e){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b}],execute:function(){var r=function(){var r=e.meta.url;var s={};if(r!==""){s.resourcesUrl=new URL(".",r).href}return t(s)};r().then((function(r){return s([["p-
|
|
1
|
+
System.register(["./p-e655d83d.system.js"],(function(r,e){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b}],execute:function(){var r=function(){var r=e.meta.url;var s={};if(r!==""){s.resourcesUrl=new URL(".",r).href}return t(s)};r().then((function(r){return s([["p-191a8307.system",[[1,"mds-progress",{progress:[2],direction:[1],variant:[513]}]]]],r)}))}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as o,H as t}from"./p-23f79c39.js";let a=class{constructor(o){r(this,o),this.progress=0,this.direction="horizontal",this.variant="dark"}render(){return o(t,{class:this.direction},o("div",{class:"progress",style:"horizontal"===this.direction?{flexGrow:`${this.progress}`}:{flexGrow:`${this.progress}`,width:"100%"}}))}};a.style="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-
|
|
1
|
+
import{r,h as o,H as t}from"./p-23f79c39.js";let a=class{constructor(o){r(this,o),this.progress=0,this.direction="horizontal",this.variant="dark"}render(){return o(t,{class:this.direction},o("div",{class:"progress",style:"horizontal"===this.direction?{flexGrow:`${this.progress}`}:{flexGrow:`${this.progress}`,width:"100%"}}))}};a.style="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-08));--progress-background:rgb(var(--brand-maggioli-03));--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;overflow:hidden;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-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-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness)}:host(.horizontal){width:100%;height:var(--thickness);min-width:var(--thickness)}:host(.vertical){height:100%;min-height:2rem;-ms-flex-direction:column;flex-direction:column;width:var(--thickness)}.progress{-webkit-transition-duration:500ms;transition-duration:500ms;-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(--progress-background);border-radius:var(--radius);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.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]){--progress-background:rgb(var(--adjust-tone-04));--background:rgb(var(--adjust-tone-08))}:host([variant=light]){--progress-background:rgb(var(--adjust-tone));--background:rgb(var(--adjust-tone-05))}:host([variant=error]){--progress-background:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--progress-background:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--progress-background:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--progress-background:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--progress-background:rgb(var(--brand-maggioli-03));--background:rgb(var(--adjust-tone-08))}";export{a as mds_progress}
|
package/dist/stats.json
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
{
|
|
2
|
-
"timestamp": "2021-12-
|
|
2
|
+
"timestamp": "2021-12-31T13:07:14",
|
|
3
3
|
"compiler": {
|
|
4
4
|
"name": "node",
|
|
5
5
|
"version": "16.13.0"
|
|
@@ -72,20 +72,20 @@
|
|
|
72
72
|
"./dist/mds-progress/index.esm.js",
|
|
73
73
|
"./dist/mds-progress/mds-progress.esm.js",
|
|
74
74
|
"./dist/mds-progress/mds-progress.js",
|
|
75
|
+
"./dist/mds-progress/p-191a8307.system.entry.js",
|
|
75
76
|
"./dist/mds-progress/p-23f79c39.js",
|
|
76
|
-
"./dist/mds-progress/p-370bafdd.system.entry.js",
|
|
77
|
-
"./dist/mds-progress/p-3caee4e1.entry.js",
|
|
78
77
|
"./dist/mds-progress/p-50ea2036.system.js",
|
|
79
78
|
"./dist/mds-progress/p-716fd6da.system.js",
|
|
79
|
+
"./dist/mds-progress/p-c077c6f8.entry.js",
|
|
80
80
|
"./dist/mds-progress/p-e655d83d.system.js",
|
|
81
81
|
"./www/build/index.esm.js",
|
|
82
82
|
"./www/build/mds-progress.esm.js",
|
|
83
83
|
"./www/build/mds-progress.js",
|
|
84
|
+
"./www/build/p-191a8307.system.entry.js",
|
|
84
85
|
"./www/build/p-23f79c39.js",
|
|
85
|
-
"./www/build/p-370bafdd.system.entry.js",
|
|
86
|
-
"./www/build/p-3caee4e1.entry.js",
|
|
87
86
|
"./www/build/p-50ea2036.system.js",
|
|
88
87
|
"./www/build/p-716fd6da.system.js",
|
|
88
|
+
"./www/build/p-c077c6f8.entry.js",
|
|
89
89
|
"./www/build/p-e655d83d.system.js"
|
|
90
90
|
]
|
|
91
91
|
},
|
|
@@ -119,12 +119,12 @@
|
|
|
119
119
|
"components": [
|
|
120
120
|
"mds-progress"
|
|
121
121
|
],
|
|
122
|
-
"bundleId": "p-
|
|
123
|
-
"fileName": "p-
|
|
122
|
+
"bundleId": "p-c077c6f8",
|
|
123
|
+
"fileName": "p-c077c6f8.entry.js",
|
|
124
124
|
"imports": [
|
|
125
125
|
"p-23f79c39.js"
|
|
126
126
|
],
|
|
127
|
-
"originalByteSize":
|
|
127
|
+
"originalByteSize": 3621
|
|
128
128
|
}
|
|
129
129
|
],
|
|
130
130
|
"esm": [
|
|
@@ -138,7 +138,7 @@
|
|
|
138
138
|
"imports": [
|
|
139
139
|
"index-28e8e05c.js"
|
|
140
140
|
],
|
|
141
|
-
"originalByteSize":
|
|
141
|
+
"originalByteSize": 3625
|
|
142
142
|
}
|
|
143
143
|
],
|
|
144
144
|
"es5": [
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
"imports": [
|
|
153
153
|
"index-28e8e05c.js"
|
|
154
154
|
],
|
|
155
|
-
"originalByteSize":
|
|
155
|
+
"originalByteSize": 3625
|
|
156
156
|
}
|
|
157
157
|
],
|
|
158
158
|
"system": [
|
|
@@ -161,12 +161,12 @@
|
|
|
161
161
|
"components": [
|
|
162
162
|
"mds-progress"
|
|
163
163
|
],
|
|
164
|
-
"bundleId": "p-
|
|
165
|
-
"fileName": "p-
|
|
164
|
+
"bundleId": "p-191a8307.system",
|
|
165
|
+
"fileName": "p-191a8307.system.entry.js",
|
|
166
166
|
"imports": [
|
|
167
167
|
"p-e655d83d.system.js"
|
|
168
168
|
],
|
|
169
|
-
"originalByteSize":
|
|
169
|
+
"originalByteSize": 3966
|
|
170
170
|
}
|
|
171
171
|
],
|
|
172
172
|
"commonjs": [
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
"imports": [
|
|
181
181
|
"index-fd4954d5.js"
|
|
182
182
|
],
|
|
183
|
-
"originalByteSize":
|
|
183
|
+
"originalByteSize": 3695
|
|
184
184
|
}
|
|
185
185
|
]
|
|
186
186
|
},
|
|
@@ -266,7 +266,7 @@
|
|
|
266
266
|
"defaultValue": "'dark'",
|
|
267
267
|
"complexType": {
|
|
268
268
|
"original": "ThemeVariantType",
|
|
269
|
-
"resolved": "\"dark\" | \"error\" | \"info\" | \"light\" | \"success\" | \"warning\"",
|
|
269
|
+
"resolved": "\"dark\" | \"error\" | \"info\" | \"light\" | \"primary\" | \"success\" | \"warning\"",
|
|
270
270
|
"references": {
|
|
271
271
|
"ThemeVariantType": {
|
|
272
272
|
"location": "import",
|
|
@@ -353,7 +353,7 @@
|
|
|
353
353
|
"defaultValue": "'dark'",
|
|
354
354
|
"complexType": {
|
|
355
355
|
"original": "ThemeVariantType",
|
|
356
|
-
"resolved": "\"dark\" | \"error\" | \"info\" | \"light\" | \"success\" | \"warning\"",
|
|
356
|
+
"resolved": "\"dark\" | \"error\" | \"info\" | \"light\" | \"primary\" | \"success\" | \"warning\"",
|
|
357
357
|
"references": {
|
|
358
358
|
"ThemeVariantType": {
|
|
359
359
|
"location": "import",
|
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
export declare type ThemeStatusVariantType = 'error' | 'info' | 'success' | 'warning';
|
|
2
|
-
export declare type ThemeVariantType = 'dark' | '
|
|
2
|
+
export declare type ThemeVariantType = 'dark' | 'error' | 'info' | 'light' | 'primary' | 'success' | 'warning';
|
|
3
3
|
export declare type ThemeFullVariantType = 'amaranth' | 'aqua' | 'blue' | 'dark' | 'error' | 'green' | 'info' | 'light' | 'lime' | 'orange' | 'orchid' | 'sky' | 'success' | 'violet' | 'warning' | 'yellow';
|
|
4
4
|
export declare type ThemeLuminanceVariantType = 'dark' | 'light';
|
|
5
5
|
export declare type LabelVariantType = 'amaranth' | 'aqua' | 'blue' | 'green' | 'lime' | 'orange' | 'orchid' | 'sky' | 'violet' | 'yellow';
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@maggioli-design-system/mds-progress",
|
|
3
|
-
"version": "1.
|
|
3
|
+
"version": "1.2.1",
|
|
4
4
|
"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.",
|
|
5
5
|
"main": "dist/index.cjs.js",
|
|
6
6
|
"module": "dist/index.js",
|
package/readme.md
CHANGED
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ----------- | ----------- | ---------------------------------------------------------------------- |
|
|
12
|
-
| `direction` | `direction` | Specifies the direction of the progress bar, if horizonatl or vertical | `"horizontal" \| "vertical"`
|
|
13
|
-
| `progress` | `progress` | A value between 0 and 1 that rapresents the status progress | `number`
|
|
14
|
-
| `variant` | `variant` | Sets the theme variant colors | `"dark" \| "error" \| "info" \| "light" \| "success" \| "warning"` | `'dark'` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------- | ----------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------------- | -------------- |
|
|
12
|
+
| `direction` | `direction` | Specifies the direction of the progress bar, if horizonatl or vertical | `"horizontal" \| "vertical"` | `'horizontal'` |
|
|
13
|
+
| `progress` | `progress` | A value between 0 and 1 that rapresents the status progress | `number` | `0` |
|
|
14
|
+
| `variant` | `variant` | Sets the theme variant colors | `"dark" \| "error" \| "info" \| "light" \| "primary" \| "success" \| "warning"` | `'dark'` |
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
## Dependencies
|
|
@@ -35,3 +35,9 @@
|
|
|
35
35
|
--progress-background: theme('colors.status-info-06');
|
|
36
36
|
--background: theme('colors.status-info-09');
|
|
37
37
|
}
|
|
38
|
+
|
|
39
|
+
:host ( [variant=primary] ) {
|
|
40
|
+
|
|
41
|
+
--progress-background: theme('colors.brand-maggioli-03');
|
|
42
|
+
--background: theme('colors.adjust-tone-08');
|
|
43
|
+
}
|
|
@@ -7,11 +7,11 @@
|
|
|
7
7
|
|
|
8
8
|
## Properties
|
|
9
9
|
|
|
10
|
-
| Property | Attribute | Description | Type
|
|
11
|
-
| ----------- | ----------- | ---------------------------------------------------------------------- |
|
|
12
|
-
| `direction` | `direction` | Specifies the direction of the progress bar, if horizonatl or vertical | `"horizontal" \| "vertical"`
|
|
13
|
-
| `progress` | `progress` | A value between 0 and 1 that rapresents the status progress | `number`
|
|
14
|
-
| `variant` | `variant` | Sets the theme variant colors | `"dark" \| "error" \| "info" \| "light" \| "success" \| "warning"` | `'dark'` |
|
|
10
|
+
| Property | Attribute | Description | Type | Default |
|
|
11
|
+
| ----------- | ----------- | ---------------------------------------------------------------------- | ------------------------------------------------------------------------------- | -------------- |
|
|
12
|
+
| `direction` | `direction` | Specifies the direction of the progress bar, if horizonatl or vertical | `"horizontal" \| "vertical"` | `'horizontal'` |
|
|
13
|
+
| `progress` | `progress` | A value between 0 and 1 that rapresents the status progress | `number` | `0` |
|
|
14
|
+
| `variant` | `variant` | Sets the theme variant colors | `"dark" \| "error" \| "info" \| "light" \| "primary" \| "success" \| "warning"` | `'dark'` |
|
|
15
15
|
|
|
16
16
|
|
|
17
17
|
----------------------------------------------
|
package/src/types/variant.ts
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
import{p as r,b as s}from"./p-23f79c39.js";(()=>{const s=import.meta.url,
|
|
1
|
+
import{p as r,b as s}from"./p-23f79c39.js";(()=>{const s=import.meta.url,o={};return""!==s&&(o.resourcesUrl=new URL(".",s).href),r(o)})().then((r=>s([["p-c077c6f8",[[1,"mds-progress",{progress:[2],direction:[1],variant:[513]}]]]],r)));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-e655d83d.system.js"],(function(r){"use strict";var o,t,s;return{setters:[function(r){o=r.r;t=r.h;s=r.H}],execute:function(){var a="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-
|
|
1
|
+
System.register(["./p-e655d83d.system.js"],(function(r){"use strict";var o,t,s;return{setters:[function(r){o=r.r;t=r.h;s=r.H}],execute:function(){var a="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-08));--progress-background:rgb(var(--brand-maggioli-03));--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;overflow:hidden;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-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-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness)}:host(.horizontal){width:100%;height:var(--thickness);min-width:var(--thickness)}:host(.vertical){height:100%;min-height:2rem;-ms-flex-direction:column;flex-direction:column;width:var(--thickness)}.progress{-webkit-transition-duration:500ms;transition-duration:500ms;-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(--progress-background);border-radius:var(--radius);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.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]){--progress-background:rgb(var(--adjust-tone-04));--background:rgb(var(--adjust-tone-08))}:host([variant=light]){--progress-background:rgb(var(--adjust-tone));--background:rgb(var(--adjust-tone-05))}:host([variant=error]){--progress-background:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--progress-background:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--progress-background:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--progress-background:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--progress-background:rgb(var(--brand-maggioli-03));--background:rgb(var(--adjust-tone-08))}";var i=r("mds_progress",function(){function r(r){o(this,r);this.progress=0;this.direction="horizontal";this.variant="dark"}r.prototype.render=function(){return t(s,{class:this.direction},t("div",{class:"progress",style:this.direction==="horizontal"?{flexGrow:""+this.progress}:{flexGrow:""+this.progress,width:"100%"}}))};return r}());i.style=a}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
System.register(["./p-e655d83d.system.js"],(function(r,e){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b}],execute:function(){var r=function(){var r=e.meta.url;var s={};if(r!==""){s.resourcesUrl=new URL(".",r).href}return t(s)};r().then((function(r){return s([["p-
|
|
1
|
+
System.register(["./p-e655d83d.system.js"],(function(r,e){"use strict";var t,s;return{setters:[function(r){t=r.p;s=r.b}],execute:function(){var r=function(){var r=e.meta.url;var s={};if(r!==""){s.resourcesUrl=new URL(".",r).href}return t(s)};r().then((function(r){return s([["p-191a8307.system",[[1,"mds-progress",{progress:[2],direction:[1],variant:[513]}]]]],r)}))}}}));
|
|
@@ -1 +1 @@
|
|
|
1
|
-
import{r,h as o,H as t}from"./p-23f79c39.js";let a=class{constructor(o){r(this,o),this.progress=0,this.direction="horizontal",this.variant="dark"}render(){return o(t,{class:this.direction},o("div",{class:"progress",style:"horizontal"===this.direction?{flexGrow:`${this.progress}`}:{flexGrow:`${this.progress}`,width:"100%"}}))}};a.style="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-
|
|
1
|
+
import{r,h as o,H as t}from"./p-23f79c39.js";let a=class{constructor(o){r(this,o),this.progress=0,this.direction="horizontal",this.variant="dark"}render(){return o(t,{class:this.direction},o("div",{class:"progress",style:"horizontal"===this.direction?{flexGrow:`${this.progress}`}:{flexGrow:`${this.progress}`,width:"100%"}}))}};a.style="*,::before,::after{border-color:currentColor;--tw-ring-offset-shadow:0 0 #0000;--tw-ring-shadow:0 0 #0000;--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000}@tailwind utilities; :host{--background:rgb(var(--adjust-tone-08));--progress-background:rgb(var(--brand-maggioli-03));--radius:0.5rem;--thickness:0.5rem;display:-ms-flexbox;display:flex;overflow:hidden;transition-property:color, background-color, border-color, fill, stroke, -webkit-text-decoration-color;-webkit-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-duration:150ms;transition-duration:150ms;background-color:var(--background);border-radius:var(--radius);height:var(--thickness)}:host(.horizontal){width:100%;height:var(--thickness);min-width:var(--thickness)}:host(.vertical){height:100%;min-height:2rem;-ms-flex-direction:column;flex-direction:column;width:var(--thickness)}.progress{-webkit-transition-duration:500ms;transition-duration:500ms;-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(--progress-background);border-radius:var(--radius);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}.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]){--progress-background:rgb(var(--adjust-tone-04));--background:rgb(var(--adjust-tone-08))}:host([variant=light]){--progress-background:rgb(var(--adjust-tone));--background:rgb(var(--adjust-tone-05))}:host([variant=error]){--progress-background:rgb(var(--status-error-06));--background:rgb(var(--status-error-09))}:host([variant=warning]){--progress-background:rgb(var(--status-warning-06));--background:rgb(var(--status-warning-09))}:host([variant=success]){--progress-background:rgb(var(--status-success-06));--background:rgb(var(--status-success-09))}:host([variant=info]){--progress-background:rgb(var(--status-info-06));--background:rgb(var(--status-info-09))}:host([variant=primary]){--progress-background:rgb(var(--brand-maggioli-03));--background:rgb(var(--adjust-tone-08))}";export{a as mds_progress}
|