@maggioli-design-system/mds-progress 3.0.2 → 3.2.0

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,238 @@
   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));
+}
+
+: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));
 }
 
-@container style(--magma-pref-theme: dark) {
-  :host,
-  :host( [variant="primary"] ) {
 
+@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"] ) {
+: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-success-04));
-      --mds-progress-background: rgb(var(--status-success-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( [variant="info"] ) {
+:host(:not(:is([hydrated], .hydrated))) {
+  animation-duration: 0s;
+  border-color: transparent;
+  box-shadow: 0 0 0 transparent;
+  opacity: 0;
+  outline-color: transparent;
+  transition-delay: 0s;
+  transition-duration: 0s;
+  visibility: hidden;
+}
 
-      --mds-progress-color: rgb(var(--status-info-04));
-      --mds-progress-background: rgb(var(--status-info-07));
-    }
-  }
+/* TODO refact(stencil): Uses only used selector from parent shadowDOM component */
+
+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))
+{
+  animation-duration: 0s;
+  border-color: transparent;
+  box-shadow: 0 0 0 transparent;
+  opacity: 0;
+  outline-color: transparent;
+  transition-delay: 0s;
+  transition-duration: 0s;
+  visibility: hidden;
 }
 

package/dist/collection/dictionary/keyboard.js

@@ -0,0 +1,84 @@
+const keyboardKeyNameDictionary = [
+    '0',
+    '1',
+    '2',
+    '3',
+    '4',
+    '5',
+    '6',
+    '7',
+    '8',
+    '9',
+    'a',
+    'alt',
+    'altleft',
+    'altright',
+    'arrowdown',
+    'arrowleft',
+    'arrowright',
+    'arrowup',
+    'b',
+    'backspace',
+    'c',
+    'capslock',
+    'command',
+    'commandleft',
+    'commandright',
+    'control',
+    'controlleft',
+    'controlright',
+    'd',
+    'delete',
+    'e',
+    'end',
+    'enter',
+    'escape',
+    'f',
+    'f1',
+    'f10',
+    'f11',
+    'f12',
+    'f2',
+    'f3',
+    'f4',
+    'f5',
+    'f6',
+    'f7',
+    'f8',
+    'f9',
+    'g',
+    'h',
+    'home',
+    'i',
+    'j',
+    'k',
+    'l',
+    'm',
+    'n',
+    'o',
+    'option',
+    'optionleft',
+    'optionright',
+    'p',
+    'pagedown',
+    'pageup',
+    'q',
+    'r',
+    's',
+    'shift',
+    'shiftleft',
+    'shiftright',
+    'space',
+    't',
+    'tab',
+    'u',
+    'v',
+    'w',
+    'windows',
+    'windowsleft',
+    'windowsright',
+    'x',
+    'y',
+    'z',
+];
+export { keyboardKeyNameDictionary, };

package/dist/collection/type/keyboard.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";
+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-06T09:53:12",
+  "timestamp": "2025-03-05T18:29:37",
   "compiler": {
     "name": "@stencil/core",
-    "version": "4.25.1",
+    "version": "4.27.2",
     "typescriptVersion": "5.5.4"
   },
   "components": [