@maggioli-design-system/mds-progress 3.1.0 → 3.2.1

package/dist/collection/components/mds-progress/mds-progress.css

@@ -1,5 +1,4 @@
 @tailwind components;
-@tailwind utilities;
 
 /**
  * @prop --mds-progress-background: Sets the background-color of the component
@@ -10,7 +9,6 @@
  */
 
 :host {
-
   --mds-progress-background: rgb(var(--tone-neutral-08));
   --mds-progress-color: rgb(var(--variant-primary-03));
   --mds-progress-duration: 750ms;
@@ -30,7 +28,7 @@
   width: 100%;
 }
 
-:host( [direction="vertical"] ) {
+:host([direction="vertical"]) {
   flex-direction: column;
   height: unset;
   min-height: var(--mds-progress-thickness);
@@ -38,9 +36,7 @@
 }
 
 .progress{
-
   transition-duration: 500ms;
-
   transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);
 
   background-color: var(--mds-progress-color);
@@ -49,135 +45,119 @@
   transition-property: background-color, flex-grow;
 }
 
-@tailwind utilities;
-
-:host( [variant="dark"] ) {
-
+:host([variant="dark"]) {
   --mds-progress-color: rgb(var(--tone-neutral-04));
   --mds-progress-background: rgb(var(--tone-neutral-08));
 }
 
-:host( [variant="light"] ) {
-
+:host([variant="light"]) {
   --mds-progress-color: rgb(var(--tone-neutral));
   --mds-progress-background: rgb(var(--tone-neutral-05));
 }
 
-:host( [variant="error"] ) {
-
+:host([variant="error"]) {
   --mds-progress-color: rgb(var(--status-error-06));
   --mds-progress-background: rgb(var(--status-error-09));
 }
 
-:host( [variant="warning"] ) {
-
+:host([variant="warning"]) {
   --mds-progress-color: rgb(var(--status-warning-06));
   --mds-progress-background: rgb(var(--status-warning-09));
 }
 
-:host( [variant="success"] ) {
-
+:host([variant="success"]) {
   --mds-progress-color: rgb(var(--status-success-06));
   --mds-progress-background: rgb(var(--status-success-09));
 }
 
-:host( [variant="info"] ) {
-
+:host([variant="info"]) {
   --mds-progress-color: rgb(var(--status-info-06));
   --mds-progress-background: rgb(var(--status-info-09));
 }
 
-:host( [variant="primary"] ) {
-
+:host([variant="primary"]) {
   --mds-progress-color: rgb(var(--variant-primary-03));
   --mds-progress-background: rgb(var(--tone-neutral-08));
 }
 
-@tailwind utilities;
+:host-context(.pref-animation-reduce),
+:host-context(.pref-animation-reduce) .progress {
+  transition-duration: 0s;
+}
 
-@container style(--magma-pref-animation: reduce) {
-  :host,
-  .progress {
+@media (prefers-reduced-motion) {
+  :host-context(.pref-animation-system),
+  :host-context(.pref-animation-system) .progress {
     transition-duration: 0s;
   }
 }
 
-@container style(--magma-pref-animation: system) {
+:host-context(.pref-theme-dark),
+:host-context(.pref-theme-dark):host([variant="primary"]) {
+  --mds-progress-color: rgb(var(--variant-primary-05));
+  --mds-progress-background: rgb(var(--tone-neutral-07));
+}
 
-  @media (prefers-reduced-motion) {
-    :host,
-    .progress {
-      transition-duration: 0s;
-    }
-  }
+:host-context(.pref-theme-dark):host([variant="error"]) {
+  --mds-progress-color: rgb(var(--status-error-04));
+  --mds-progress-background: rgb(var(--status-error-07));
 }
 
-@container style(--magma-pref-theme: dark) {
-  :host,
-  :host( [variant="primary"] ) {
+:host-context(.pref-theme-dark):host([variant="warning"]) {
+  --mds-progress-color: rgb(var(--status-warning-04));
+  --mds-progress-background: rgb(var(--status-warning-07));
+}
+
+:host-context(.pref-theme-dark):host([variant="success"]) {
+  --mds-progress-color: rgb(var(--status-success-04));
+  --mds-progress-background: rgb(var(--status-success-07));
+}
 
+:host-context(.pref-theme-dark):host([variant="info"]) {
+  --mds-progress-color: rgb(var(--status-info-04));
+  --mds-progress-background: rgb(var(--status-info-07));
+}
+
+
+@media (prefers-color-scheme: dark) {
+  :host-context(.pref-theme-system),
+  :host-context(.pref-theme-system):host([variant="primary"]) {
     --mds-progress-color: rgb(var(--variant-primary-05));
     --mds-progress-background: rgb(var(--tone-neutral-07));
   }
 
-  :host( [variant="error"] ) {
-
+  :host-context(.pref-theme-system):host([variant="error"]) {
     --mds-progress-color: rgb(var(--status-error-04));
     --mds-progress-background: rgb(var(--status-error-07));
   }
 
-  :host( [variant="warning"] ) {
-
+  :host-context(.pref-theme-system):host([variant="warning"]) {
     --mds-progress-color: rgb(var(--status-warning-04));
     --mds-progress-background: rgb(var(--status-warning-07));
   }
 
-  :host( [variant="success"] ) {
-
+  :host-context(.pref-theme-system):host([variant="success"]) {
     --mds-progress-color: rgb(var(--status-success-04));
     --mds-progress-background: rgb(var(--status-success-07));
   }
 
-  :host( [variant="info"] ) {
-
+  :host-context(.pref-theme-system):host([variant="info"]) {
     --mds-progress-color: rgb(var(--status-info-04));
     --mds-progress-background: rgb(var(--status-info-07));
   }
 }
 
-@container style(--magma-pref-theme: system) {
-
-  @media (prefers-color-scheme: dark) {
-    :host,
-    :host( [variant="primary"] ) {
-
-      --mds-progress-color: rgb(var(--variant-primary-05));
-      --mds-progress-background: rgb(var(--tone-neutral-07));
-    }
-
-    :host( [variant="error"] ) {
-
-      --mds-progress-color: rgb(var(--status-error-04));
-      --mds-progress-background: rgb(var(--status-error-07));
-    }
-
-    :host( [variant="warning"] ) {
-
-      --mds-progress-color: rgb(var(--status-warning-04));
-      --mds-progress-background: rgb(var(--status-warning-07));
-    }
-
-    :host( [variant="success"] ) {
-
-      --mds-progress-color: rgb(var(--status-success-04));
-      --mds-progress-background: rgb(var(--status-success-07));
-    }
-
-    :host( [variant="info"] ) {
+:host-context(.pref-contrast-more),
+:host-context(.pref-contrast-more):host([variant="primary"]) {
+  --mds-progress-color: rgb(var(--variant-primary-05));
+  --mds-progress-background: rgb(var(--tone-neutral-07));
+}
 
-      --mds-progress-color: rgb(var(--status-info-04));
-      --mds-progress-background: rgb(var(--status-info-07));
-    }
+@media (prefers-contrast: more) {
+  :host-context(.pref-contrast-system),
+  :host-context(.pref-contrast-more):host([variant="primary"]) {
+    --mds-progress-color: rgb(var(--variant-primary-05));
+    --mds-progress-background: rgb(var(--tone-neutral-07));
   }
 }
 

package/dist/collection/dictionary/button.js

@@ -7,6 +7,8 @@ const buttonVariantDictionary = [
     'secondary',
     'success',
     'warning',
+    'google',
+    'apple',
 ];
 const buttonToneVariantDictionary = [
     'strong',

package/dist/collection/type/input-tip.js

@@ -0,0 +1 @@
+export {};

package/dist/components/mds-progress.js

@@ -17,7 +17,7 @@ const ifAttribute = (element, attribute, valueCheck = 'true') => {
     return false;
 };
 
-const mdsProgressCss = "@tailwind components;\n@tailwind utilities;\n\n/**\n * @prop --mds-progress-background: Sets the background-color of the component\n * @prop --mds-progress-color: Sets the background-color of the progress\n * @prop --mds-progress-duration: Sets the duration of the progress bar animation\n * @prop --mds-progress-radius: Sets the border-radius of the component\n * @prop --mds-progress-thickness: Sets the thickness of the progress bar\n */\n\n:host {\n\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-duration: 750ms;\n  --mds-progress-radius: 0.5rem;\n  --mds-progress-thickness: 0.5rem;\n  -webkit-transition-duration: 300ms;\n  transition-duration: 300ms;\n  -webkit-transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n  transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1);\n\n  background-color: var(--mds-progress-background);\n  border-radius: var(--mds-progress-radius);\n  display: -ms-flexbox;\n  display: flex;\n  height: var(--mds-progress-thickness);\n  min-width: var(--mds-progress-thickness);\n  overflow: hidden;\n  position: relative;\n  -webkit-transition-property: background-color;\n  transition-property: background-color;\n  width: 100%;\n}\n\n:host( [direction=\"vertical\"] ) {\n  -ms-flex-direction: column;\n  flex-direction: column;\n  height: unset;\n  min-height: var(--mds-progress-thickness);\n  width: var(--mds-progress-thickness);\n}\n\n.progress{\n\n  -webkit-transition-duration: 500ms;\n\n  transition-duration: 500ms;\n\n  -webkit-transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  transition-timing-function: cubic-bezier(0.19, 1, 0.22, 1);\n\n  background-color: var(--mds-progress-color);\n  border-radius: var(--mds-progress-radius);\n  -webkit-transition-duration: var(--mds-progress-duration);\n  transition-duration: var(--mds-progress-duration);\n  -webkit-transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow;\n  transition-property: background-color, flex-grow, -ms-flex-positive;\n}\n\n@tailwind utilities;\n\n:host( [variant=\"dark\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral-04));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n:host( [variant=\"light\"] ) {\n\n  --mds-progress-color: rgb(var(--tone-neutral));\n  --mds-progress-background: rgb(var(--tone-neutral-05));\n}\n\n:host( [variant=\"error\"] ) {\n\n  --mds-progress-color: rgb(var(--status-error-06));\n  --mds-progress-background: rgb(var(--status-error-09));\n}\n\n:host( [variant=\"warning\"] ) {\n\n  --mds-progress-color: rgb(var(--status-warning-06));\n  --mds-progress-background: rgb(var(--status-warning-09));\n}\n\n:host( [variant=\"success\"] ) {\n\n  --mds-progress-color: rgb(var(--status-success-06));\n  --mds-progress-background: rgb(var(--status-success-09));\n}\n\n:host( [variant=\"info\"] ) {\n\n  --mds-progress-color: rgb(var(--status-info-06));\n  --mds-progress-background: rgb(var(--status-info-09));\n}\n\n:host( [variant=\"primary\"] ) {\n\n  --mds-progress-color: rgb(var(--variant-primary-03));\n  --mds-progress-background: rgb(var(--tone-neutral-08));\n}\n\n@tailwind utilities;\n\n@container style(--magma-pref-animation: reduce) {\n  :host,\n  .progress {\n    -webkit-transition-duration: 0s;\n    transition-duration: 0s;\n  }\n}\n\n@container style(--magma-pref-animation: system) {\n\n  @media (prefers-reduced-motion) {\n    :host,\n    .progress {\n      -webkit-transition-duration: 0s;\n      transition-duration: 0s;\n    }\n  }\n}\n\n@container style(--magma-pref-theme: dark) {\n  :host,\n  :host( [variant=\"primary\"] ) {\n\n    --mds-progress-color: rgb(var(--variant-primary-05));\n    --mds-progress-background: rgb(var(--tone-neutral-07));\n  }\n\n  :host( [variant=\"error\"] ) {\n\n    --mds-progress-color: rgb(var(--status-error-04));\n    --mds-progress-background: rgb(var(--status-error-07));\n  }\n\n  :host( [variant=\"warning\"] ) {\n\n    --mds-progress-color: rgb(var(--status-warning-04));\n    --mds-progress-background: rgb(var(--status-warning-07));\n  }\n\n  :host( [variant=\"success\"] ) {\n\n    --mds-progress-color: rgb(var(--status-success-04));\n    --mds-progress-background: rgb(var(--status-success-07));\n  }\n\n  :host( [variant=\"info\"] ) {\n\n    --mds-progress-color: rgb(var(--status-info-04));\n    --mds-progress-background: rgb(var(--status-info-07));\n  }\n}\n\n@container style(--magma-pref-theme: system) {\n\n  @media (prefers-color-scheme: dark) {\n    :host,\n    :host( [variant=\"primary\"] ) {\n\n      --mds-progress-color: rgb(var(--variant-primary-05));\n      --mds-progress-background: rgb(var(--tone-neutral-07));\n    }\n\n    :host( [variant=\"error\"] ) {\n\n      --mds-progress-color: rgb(var(--status-error-04));\n      --mds-progress-background: rgb(var(--status-error-07));\n    }\n\n    :host( [variant=\"warning\"] ) {\n\n      --mds-progress-color: rgb(var(--status-warning-04));\n      --mds-progress-background: rgb(var(--status-warning-07));\n    }\n\n    :host( [variant=\"success\"] ) {\n\n      --mds-progress-color: rgb(var(--status-success-04));\n      --mds-progress-background: rgb(var(--status-success-07));\n    }\n\n    :host( [variant=\"info\"] ) {\n\n      --mds-progress-color: rgb(var(--status-info-04));\n      --mds-progress-background: rgb(var(--status-info-07));\n    }\n  }\n}\n\n:host(:not(:is([hydrated], .hydrated))) {\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */\n\nmds-accordion:not(:is([hydrated], .hydrated)),\nmds-accordion-item:not(:is([hydrated], .hydrated)),\nmds-accordion-timer:not(:is([hydrated], .hydrated)),\nmds-accordion-timer-item:not(:is([hydrated], .hydrated)),\nmds-author:not(:is([hydrated], .hydrated)),\nmds-avatar:not(:is([hydrated], .hydrated)),\nmds-badge:not(:is([hydrated], .hydrated)),\nmds-banner:not(:is([hydrated], .hydrated)),\nmds-benchmark-bar:not(:is([hydrated], .hydrated)),\nmds-bibliography:not(:is([hydrated], .hydrated)),\nmds-breadcrumb:not(:is([hydrated], .hydrated)),\nmds-breadcrumb-item:not(:is([hydrated], .hydrated)),\nmds-button:not(:is([hydrated], .hydrated)),\nmds-card:not(:is([hydrated], .hydrated)),\nmds-card-content:not(:is([hydrated], .hydrated)),\nmds-card-footer:not(:is([hydrated], .hydrated)),\nmds-card-header:not(:is([hydrated], .hydrated)),\nmds-card-media:not(:is([hydrated], .hydrated)),\nmds-chip:not(:is([hydrated], .hydrated)),\nmds-details:not(:is([hydrated], .hydrated)),\nmds-dropdown:not(:is([hydrated], .hydrated)),\nmds-entity:not(:is([hydrated], .hydrated)),\nmds-file:not(:is([hydrated], .hydrated)),\nmds-file-preview:not(:is([hydrated], .hydrated)),\nmds-filter:not(:is([hydrated], .hydrated)),\nmds-filter-item:not(:is([hydrated], .hydrated)),\nmds-header:not(:is([hydrated], .hydrated)),\nmds-header-bar:not(:is([hydrated], .hydrated)),\nmds-help:not(:is([hydrated], .hydrated)),\nmds-horizontal-scroll:not(:is([hydrated], .hydrated)),\nmds-hr:not(:is([hydrated], .hydrated)),\nmds-icon:not(:is([hydrated], .hydrated)),\nmds-img:not(:is([hydrated], .hydrated)),\nmds-input:not(:is([hydrated], .hydrated)),\nmds-input-field:not(:is([hydrated], .hydrated)),\nmds-input-range:not(:is([hydrated], .hydrated)),\nmds-input-select:not(:is([hydrated], .hydrated)),\nmds-input-switch:not(:is([hydrated], .hydrated)),\nmds-input-tip:not(:is([hydrated], .hydrated)),\nmds-input-tip-item:not(:is([hydrated], .hydrated)),\nmds-input-upload:not(:is([hydrated], .hydrated)),\nmds-keyboard:not(:is([hydrated], .hydrated)),\nmds-keyboard-key:not(:is([hydrated], .hydrated)),\nmds-kpi:not(:is([hydrated], .hydrated)),\nmds-kpi-item:not(:is([hydrated], .hydrated)),\nmds-label:not(:is([hydrated], .hydrated)),\nmds-list:not(:is([hydrated], .hydrated)),\nmds-list-item:not(:is([hydrated], .hydrated)),\nmds-modal:not(:is([hydrated], .hydrated)),\nmds-note:not(:is([hydrated], .hydrated)),\nmds-notification:not(:is([hydrated], .hydrated)),\nmds-paginator:not(:is([hydrated], .hydrated)),\nmds-paginator-item:not(:is([hydrated], .hydrated)),\nmds-pref:not(:is([hydrated], .hydrated)),\nmds-pref-animation:not(:is([hydrated], .hydrated)),\nmds-pref-consumption:not(:is([hydrated], .hydrated)),\nmds-pref-contrast:not(:is([hydrated], .hydrated)),\nmds-pref-language:not(:is([hydrated], .hydrated)),\nmds-pref-language-item:not(:is([hydrated], .hydrated)),\nmds-pref-theme:not(:is([hydrated], .hydrated)),\nmds-price-table:not(:is([hydrated], .hydrated)),\nmds-price-table-features:not(:is([hydrated], .hydrated)),\nmds-price-table-features-cell:not(:is([hydrated], .hydrated)),\nmds-price-table-features-row:not(:is([hydrated], .hydrated)),\nmds-price-table-header:not(:is([hydrated], .hydrated)),\nmds-price-table-list:not(:is([hydrated], .hydrated)),\nmds-price-table-list-item:not(:is([hydrated], .hydrated)),\nmds-progress:not(:is([hydrated], .hydrated)),\nmds-push-notification:not(:is([hydrated], .hydrated)),\nmds-push-notifications:not(:is([hydrated], .hydrated)),\nmds-quote:not(:is([hydrated], .hydrated)),\nmds-separator:not(:is([hydrated], .hydrated)),\nmds-spinner:not(:is([hydrated], .hydrated)),\nmds-stepper-bar:not(:is([hydrated], .hydrated)),\nmds-stepper-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab:not(:is([hydrated], .hydrated)),\nmds-tab-bar:not(:is([hydrated], .hydrated)),\nmds-tab-bar-item:not(:is([hydrated], .hydrated)),\nmds-tab-item:not(:is([hydrated], .hydrated)),\nmds-table:not(:is([hydrated], .hydrated)),\nmds-table-body:not(:is([hydrated], .hydrated)),\nmds-table-cell:not(:is([hydrated], .hydrated)),\nmds-table-footer:not(:is([hydrated], .hydrated)),\nmds-table-header:not(:is([hydrated], .hydrated)),\nmds-table-header-cell:not(:is([hydrated], .hydrated)),\nmds-table-row:not(:is([hydrated], .hydrated)),\nmds-text:not(:is([hydrated], .hydrated)),\nmds-toast:not(:is([hydrated], .hydrated)),\nmds-tooltip:not(:is([hydrated], .hydrated)),\nmds-tree:not(:is([hydrated], .hydrated)),\nmds-tree-item:not(:is([hydrated], .hydrated)),\nmds-url-view:not(:is([hydrated], .hydrated)),\nmds-usage:not(:is([hydrated], .hydrated)),\nmds-video-wall:not(:is([hydrated], .hydrated)),\nmds-zero:not(:is([hydrated], .hydrated))\n{\n  -webkit-animation-duration: 0s;\n  animation-duration: 0s;\n  border-color: transparent;\n  -webkit-box-shadow: 0 0 0 transparent;\n  box-shadow: 0 0 0 transparent;\n  opacity: 0;\n  outline-color: transparent;\n  -webkit-transition-delay: 0s;\n  transition-delay: 0s;\n  -webkit-transition-duration: 0s;\n  transition-duration: 0s;\n  visibility: hidden;\n}\n\n";
+const mdsProgressCss = "@tailwind components; :host{--mds-progress-background:rgb(var(--tone-neutral-08));--mds-progress-color:rgb(var(--variant-primary-03));--mds-progress-duration:750ms;--mds-progress-radius:0.5rem;--mds-progress-thickness:0.5rem;-webkit-transition-duration:300ms;transition-duration:300ms;-webkit-transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);transition-timing-function:cubic-bezier(0.4, 0, 0.2, 1);background-color:var(--mds-progress-background);border-radius:var(--mds-progress-radius);display:-ms-flexbox;display:flex;height:var(--mds-progress-thickness);min-width:var(--mds-progress-thickness);overflow:hidden;position:relative;-webkit-transition-property:background-color;transition-property:background-color;width:100%}:host([direction=\"vertical\"]){-ms-flex-direction:column;flex-direction:column;height:unset;min-height:var(--mds-progress-thickness);width:var(--mds-progress-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(--mds-progress-color);border-radius:var(--mds-progress-radius);-webkit-transition-duration:var(--mds-progress-duration);transition-duration:var(--mds-progress-duration);-webkit-transition-property:background-color, flex-grow;transition-property:background-color, flex-grow;transition-property:background-color, flex-grow, -ms-flex-positive}:host([variant=\"dark\"]){--mds-progress-color:rgb(var(--tone-neutral-04));--mds-progress-background:rgb(var(--tone-neutral-08))}:host([variant=\"light\"]){--mds-progress-color:rgb(var(--tone-neutral));--mds-progress-background:rgb(var(--tone-neutral-05))}:host([variant=\"error\"]){--mds-progress-color:rgb(var(--status-error-06));--mds-progress-background:rgb(var(--status-error-09))}:host([variant=\"warning\"]){--mds-progress-color:rgb(var(--status-warning-06));--mds-progress-background:rgb(var(--status-warning-09))}:host([variant=\"success\"]){--mds-progress-color:rgb(var(--status-success-06));--mds-progress-background:rgb(var(--status-success-09))}:host([variant=\"info\"]){--mds-progress-color:rgb(var(--status-info-06));--mds-progress-background:rgb(var(--status-info-09))}:host([variant=\"primary\"]){--mds-progress-color:rgb(var(--variant-primary-03));--mds-progress-background:rgb(var(--tone-neutral-08))}:host-context(.pref-animation-reduce),:host-context(.pref-animation-reduce) .progress{-webkit-transition-duration:0s;transition-duration:0s}@media (prefers-reduced-motion){:host-context(.pref-animation-system),:host-context(.pref-animation-system) .progress{-webkit-transition-duration:0s;transition-duration:0s}}:host-context(.pref-theme-dark),:host-context(.pref-theme-dark):host([variant=\"primary\"]){--mds-progress-color:rgb(var(--variant-primary-05));--mds-progress-background:rgb(var(--tone-neutral-07))}:host-context(.pref-theme-dark):host([variant=\"error\"]){--mds-progress-color:rgb(var(--status-error-04));--mds-progress-background:rgb(var(--status-error-07))}:host-context(.pref-theme-dark):host([variant=\"warning\"]){--mds-progress-color:rgb(var(--status-warning-04));--mds-progress-background:rgb(var(--status-warning-07))}:host-context(.pref-theme-dark):host([variant=\"success\"]){--mds-progress-color:rgb(var(--status-success-04));--mds-progress-background:rgb(var(--status-success-07))}:host-context(.pref-theme-dark):host([variant=\"info\"]){--mds-progress-color:rgb(var(--status-info-04));--mds-progress-background:rgb(var(--status-info-07))}@media (prefers-color-scheme: dark){:host-context(.pref-theme-system),:host-context(.pref-theme-system):host([variant=\"primary\"]){--mds-progress-color:rgb(var(--variant-primary-05));--mds-progress-background:rgb(var(--tone-neutral-07))}:host-context(.pref-theme-system):host([variant=\"error\"]){--mds-progress-color:rgb(var(--status-error-04));--mds-progress-background:rgb(var(--status-error-07))}:host-context(.pref-theme-system):host([variant=\"warning\"]){--mds-progress-color:rgb(var(--status-warning-04));--mds-progress-background:rgb(var(--status-warning-07))}:host-context(.pref-theme-system):host([variant=\"success\"]){--mds-progress-color:rgb(var(--status-success-04));--mds-progress-background:rgb(var(--status-success-07))}:host-context(.pref-theme-system):host([variant=\"info\"]){--mds-progress-color:rgb(var(--status-info-04));--mds-progress-background:rgb(var(--status-info-07))}}:host-context(.pref-contrast-more),:host-context(.pref-contrast-more):host([variant=\"primary\"]){--mds-progress-color:rgb(var(--variant-primary-05));--mds-progress-background:rgb(var(--tone-neutral-07))}@media (prefers-contrast: more){:host-context(.pref-contrast-system),:host-context(.pref-contrast-more):host([variant=\"primary\"]){--mds-progress-color:rgb(var(--variant-primary-05));--mds-progress-background:rgb(var(--tone-neutral-07))}}:host(:not(:is([hydrated],.hydrated))){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}mds-accordion:not(:is([hydrated],.hydrated)),mds-accordion-item:not(:is([hydrated],.hydrated)),mds-accordion-timer:not(:is([hydrated],.hydrated)),mds-accordion-timer-item:not(:is([hydrated],.hydrated)),mds-author:not(:is([hydrated],.hydrated)),mds-avatar:not(:is([hydrated],.hydrated)),mds-badge:not(:is([hydrated],.hydrated)),mds-banner:not(:is([hydrated],.hydrated)),mds-benchmark-bar:not(:is([hydrated],.hydrated)),mds-bibliography:not(:is([hydrated],.hydrated)),mds-breadcrumb:not(:is([hydrated],.hydrated)),mds-breadcrumb-item:not(:is([hydrated],.hydrated)),mds-button:not(:is([hydrated],.hydrated)),mds-card:not(:is([hydrated],.hydrated)),mds-card-content:not(:is([hydrated],.hydrated)),mds-card-footer:not(:is([hydrated],.hydrated)),mds-card-header:not(:is([hydrated],.hydrated)),mds-card-media:not(:is([hydrated],.hydrated)),mds-chip:not(:is([hydrated],.hydrated)),mds-details:not(:is([hydrated],.hydrated)),mds-dropdown:not(:is([hydrated],.hydrated)),mds-entity:not(:is([hydrated],.hydrated)),mds-file:not(:is([hydrated],.hydrated)),mds-file-preview:not(:is([hydrated],.hydrated)),mds-filter:not(:is([hydrated],.hydrated)),mds-filter-item:not(:is([hydrated],.hydrated)),mds-header:not(:is([hydrated],.hydrated)),mds-header-bar:not(:is([hydrated],.hydrated)),mds-help:not(:is([hydrated],.hydrated)),mds-horizontal-scroll:not(:is([hydrated],.hydrated)),mds-hr:not(:is([hydrated],.hydrated)),mds-icon:not(:is([hydrated],.hydrated)),mds-img:not(:is([hydrated],.hydrated)),mds-input:not(:is([hydrated],.hydrated)),mds-input-field:not(:is([hydrated],.hydrated)),mds-input-range:not(:is([hydrated],.hydrated)),mds-input-select:not(:is([hydrated],.hydrated)),mds-input-switch:not(:is([hydrated],.hydrated)),mds-input-tip:not(:is([hydrated],.hydrated)),mds-input-tip-item:not(:is([hydrated],.hydrated)),mds-input-upload:not(:is([hydrated],.hydrated)),mds-keyboard:not(:is([hydrated],.hydrated)),mds-keyboard-key:not(:is([hydrated],.hydrated)),mds-kpi:not(:is([hydrated],.hydrated)),mds-kpi-item:not(:is([hydrated],.hydrated)),mds-label:not(:is([hydrated],.hydrated)),mds-list:not(:is([hydrated],.hydrated)),mds-list-item:not(:is([hydrated],.hydrated)),mds-modal:not(:is([hydrated],.hydrated)),mds-note:not(:is([hydrated],.hydrated)),mds-notification:not(:is([hydrated],.hydrated)),mds-paginator:not(:is([hydrated],.hydrated)),mds-paginator-item:not(:is([hydrated],.hydrated)),mds-pref:not(:is([hydrated],.hydrated)),mds-pref-animation:not(:is([hydrated],.hydrated)),mds-pref-consumption:not(:is([hydrated],.hydrated)),mds-pref-contrast:not(:is([hydrated],.hydrated)),mds-pref-language:not(:is([hydrated],.hydrated)),mds-pref-language-item:not(:is([hydrated],.hydrated)),mds-pref-theme:not(:is([hydrated],.hydrated)),mds-price-table:not(:is([hydrated],.hydrated)),mds-price-table-features:not(:is([hydrated],.hydrated)),mds-price-table-features-cell:not(:is([hydrated],.hydrated)),mds-price-table-features-row:not(:is([hydrated],.hydrated)),mds-price-table-header:not(:is([hydrated],.hydrated)),mds-price-table-list:not(:is([hydrated],.hydrated)),mds-price-table-list-item:not(:is([hydrated],.hydrated)),mds-progress:not(:is([hydrated],.hydrated)),mds-push-notification:not(:is([hydrated],.hydrated)),mds-push-notifications:not(:is([hydrated],.hydrated)),mds-quote:not(:is([hydrated],.hydrated)),mds-separator:not(:is([hydrated],.hydrated)),mds-spinner:not(:is([hydrated],.hydrated)),mds-stepper-bar:not(:is([hydrated],.hydrated)),mds-stepper-bar-item:not(:is([hydrated],.hydrated)),mds-tab:not(:is([hydrated],.hydrated)),mds-tab-bar:not(:is([hydrated],.hydrated)),mds-tab-bar-item:not(:is([hydrated],.hydrated)),mds-tab-item:not(:is([hydrated],.hydrated)),mds-table:not(:is([hydrated],.hydrated)),mds-table-body:not(:is([hydrated],.hydrated)),mds-table-cell:not(:is([hydrated],.hydrated)),mds-table-footer:not(:is([hydrated],.hydrated)),mds-table-header:not(:is([hydrated],.hydrated)),mds-table-header-cell:not(:is([hydrated],.hydrated)),mds-table-row:not(:is([hydrated],.hydrated)),mds-text:not(:is([hydrated],.hydrated)),mds-toast:not(:is([hydrated],.hydrated)),mds-tooltip:not(:is([hydrated],.hydrated)),mds-tree:not(:is([hydrated],.hydrated)),mds-tree-item:not(:is([hydrated],.hydrated)),mds-url-view:not(:is([hydrated],.hydrated)),mds-usage:not(:is([hydrated],.hydrated)),mds-video-wall:not(:is([hydrated],.hydrated)),mds-zero:not(:is([hydrated],.hydrated)){-webkit-animation-duration:0s;animation-duration:0s;border-color:transparent;-webkit-box-shadow:0 0 0 transparent;box-shadow:0 0 0 transparent;opacity:0;outline-color:transparent;-webkit-transition-delay:0s;transition-delay:0s;-webkit-transition-duration:0s;transition-duration:0s;visibility:hidden}";
 const MdsProgressStyle0 = mdsProgressCss;
 
 const MdsProgress$1 = /*@__PURE__*/ proxyCustomElement(class MdsProgress extends HTMLElement {

package/dist/documentation.json

@@ -1,8 +1,8 @@
 {
-  "timestamp": "2025-02-25T17:21:44",
+  "timestamp": "2025-04-02T08:47:51",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.25.1",
+    "version": "4.27.2",
     "typescriptVersion": "5.5.4"
   },
   "components": [