igniteui-webcomponents 3.3.0 → 4.0.0-alpha.2

package/components/progress/themes/circular/circular.progress.fluent.css.js

@@ -1,3 +1,10 @@
 import { css } from 'lit';
-export const styles = css `:host{--stroke-thickness: 0.09375rem}[part~=track]{stroke:hsla(var(--igc-primary-50), 0.3)}`;
+export const styles = css `/* stylelint-disable max-line-length */
+:host {
+  --stroke-thickness: 0.09375rem;
+}
+
+[part~=track] {
+  stroke: hsla(var(--ig-primary-50), 0.3);
+}`;
 //# sourceMappingURL=circular.progress.fluent.css.js.map

package/components/progress/themes/circular/circular.progress.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"circular.progress.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,6FAA6F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--stroke-thickness: 0.09375rem}[part~=track]{stroke:hsla(var(--igc-primary-50), 0.3)}`;\n"]}
+{"version":3,"file":"circular.progress.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;EAOvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n  --stroke-thickness: 0.09375rem;\n}\n\n[part~=track] {\n  stroke: hsla(var(--ig-primary-50), 0.3);\n}`;\n"]}

package/components/progress/themes/linear/linear.progress.base.css.js

@@ -1,3 +1,580 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}@-webkit-keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar{0%{-webkit-transform:scaleX(0) translateX(-100%);transform:scaleX(0) translateX(-100%);-webkit-transform-origin:left;transform-origin:left}50%{-webkit-transform:scaleX(1) translateX(50%);transform:scaleX(1) translateX(50%);-webkit-transform-origin:right;transform-origin:right}100%{-webkit-transform:scaleX(0) translateX(200%);transform:scaleX(0) translateX(200%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@keyframes indeterminate-bar-fluent{from{-webkit-transform:translateX(-100%);transform:translateX(-100%);-webkit-transform-origin:left;transform-origin:left}to{-webkit-transform:translateX(310%);transform:translateX(310%);-webkit-transform-origin:right;transform-origin:right}}@-webkit-keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@keyframes indeterminate-bar-fluent-rtl{from{-webkit-transform:translateX(-310%);transform:translateX(-310%);-webkit-transform-origin:right;transform-origin:right}to{-webkit-transform:translateX(100%);transform:translateX(100%);-webkit-transform-origin:left;transform-origin:left}}@-webkit-keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@keyframes indeterminate-accordion{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5)}}@-webkit-keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@keyframes indeterminate-accordion-rtl{from{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);stroke-dasharray:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10)}to{stroke-dashoffset:calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5)}}@-webkit-keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes rotate-center{0%{-webkit-transform:rotate(0);transform:rotate(0)}100%{-webkit-transform:rotate(360deg);transform:rotate(360deg)}}:host{-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;font-family:var(--igc-font-family);color:hsla(var(--igc-gray-900), var(--igc-gray-a))}[part~=label]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;color:inherit;font-weight:600}:host{display:-webkit-box;display:-ms-flexbox;display:flex;position:relative;width:100%;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;--track-size: 0.25rem}[part~=track]{position:relative;width:inherit;height:var(--track-size);background:hsla(var(--igc-gray-300), var(--igc-gray-a));overflow:hidden;border-radius:0;z-index:0}[part~=fill]{-webkit-transition:width var(--duration) linear,background-color var(--duration) linear;-o-transition:width var(--duration) linear,background-color var(--duration) linear;transition:width var(--duration) linear,background-color var(--duration) linear;position:relative;height:inherit}[part~=indeterminate]{-webkit-animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;animation:indeterminate-bar 2s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;width:100% !important}[part~=indeterminate]::before{position:absolute;content:"";top:0;left:-200%;width:100%;height:inherit;background-color:inherit;background-image:inherit;-webkit-transform-origin:top right;-ms-transform-origin:top right;transform-origin:top right}:host([dir=rtl]) [part~=indeterminate]{animation-direction:reverse}[part~=value]{margin:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));font-size:.875em;font-weight:600}[part~=primary]{background-color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part~=striped][part~=primary]{width:100%;height:100%;background:hsla(var(--igc-primary-500), var(--igc-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-primary-500), var(--igc-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-primary-500), var(--igc-primary-a)), hsla(var(--igc-primary-500), var(--igc-primary-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=danger]{background-color:hsla(var(--igc-error-500), var(--igc-error-a))}[part~=striped][part~=danger]{background:hsla(var(--igc-error-500), var(--igc-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-error-500), var(--igc-error-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-error-500), var(--igc-error-a)), hsla(var(--igc-error-500), var(--igc-error-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=warning]{background-color:hsla(var(--igc-warn-500), var(--igc-warn-a))}[part~=striped][part~=warning]{background:hsla(var(--igc-warn-500), var(--igc-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-warn-500), var(--igc-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-warn-500), var(--igc-warn-a)), hsla(var(--igc-warn-500), var(--igc-warn-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=info]{background-color:hsla(var(--igc-info-500), var(--igc-info-a))}[part~=striped][part~=info]{background:hsla(var(--igc-info-500), var(--igc-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-info-500), var(--igc-info-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-info-500), var(--igc-info-a)), hsla(var(--igc-info-500), var(--igc-info-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}[part~=success]{background-color:hsla(var(--igc-success-500), var(--igc-success-a))}[part~=striped][part~=success]{background:hsla(var(--igc-success-500), var(--igc-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem);background:hsla(var(--igc-success-500), var(--igc-success-a)) repeating-linear-gradient(-45deg, hsla(var(--igc-success-500), var(--igc-success-a)), hsla(var(--igc-success-500), var(--igc-success-a)) 1rem, hsla(var(--igc-gray-50), 0.7) 1rem, hsla(var(--igc-gray-50), 0.7) 2rem)}:host([label-align=top]) [part~=label],:host([label-align=top-start]) [part~=label],:host([label-align=top-end]) [part~=label]{-webkit-box-ordinal-group:0;-ms-flex-order:-1;order:-1}:host([label-align=top-start]) [part~=label],:host([label-align=bottom-start]) [part~=label],:host([label-align=start]) [part~=label]{-ms-flex-item-align:start;align-self:flex-start}:host([label-align=bottom-end]) [part~=label],:host([label-align=top-end]) [part~=label],:host([label-align=end]) [part~=label]{-ms-flex-item-align:end;align-self:flex-end}:host([label-align=top]) [part~=label],:host([label-align=bottom]) [part~=label]{-ms-flex-item-align:center;align-self:center}[part~=hidden]{display:none}`;
+export const styles = css `:host {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--scrolbar-size, 0.875rem);
+  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--scrolbar-size, 0.875rem);
+  height: var(--scrolbar-size, 0.875rem);
+  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/* stylelint-disable max-line-length */
+@-webkit-keyframes indeterminate-primary {
+  0% {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+  20% {
+    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);
+            animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+  59.15% {
+    -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);
+            animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);
+    -webkit-transform: translateX(83.671%);
+            transform: translateX(83.671%);
+  }
+  100% {
+    -webkit-transform: translateX(200.611%);
+            transform: translateX(200.611%);
+  }
+}
+@keyframes indeterminate-primary {
+  0% {
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+  20% {
+    -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);
+            animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+  59.15% {
+    -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);
+            animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);
+    -webkit-transform: translateX(83.671%);
+            transform: translateX(83.671%);
+  }
+  100% {
+    -webkit-transform: translateX(200.611%);
+            transform: translateX(200.611%);
+  }
+}
+@-webkit-keyframes indeterminate-primary-scale {
+  0% {
+    -webkit-transform: scaleX(0.08);
+            transform: scaleX(0.08);
+  }
+  36.65% {
+    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);
+            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);
+    -webkit-transform: scaleX(0.08);
+            transform: scaleX(0.08);
+  }
+  69.15% {
+    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);
+            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);
+    -webkit-transform: scaleX(0.6614);
+            transform: scaleX(0.6614);
+  }
+  100% {
+    -webkit-transform: scaleX(0.08);
+            transform: scaleX(0.08);
+  }
+}
+@keyframes indeterminate-primary-scale {
+  0% {
+    -webkit-transform: scaleX(0.08);
+            transform: scaleX(0.08);
+  }
+  36.65% {
+    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);
+            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);
+    -webkit-transform: scaleX(0.08);
+            transform: scaleX(0.08);
+  }
+  69.15% {
+    -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);
+            animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);
+    -webkit-transform: scaleX(0.6614);
+            transform: scaleX(0.6614);
+  }
+  100% {
+    -webkit-transform: scaleX(0.08);
+            transform: scaleX(0.08);
+  }
+}
+@-webkit-keyframes indeterminate-secondary {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);
+            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+  25% {
+    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);
+            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);
+    -webkit-transform: translateX(37.6519%);
+            transform: translateX(37.6519%);
+  }
+  48.35% {
+    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);
+            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);
+    -webkit-transform: translateX(84.3861%);
+            transform: translateX(84.3861%);
+  }
+  100% {
+    -webkit-transform: translateX(160.2777%);
+            transform: translateX(160.2777%);
+  }
+}
+@keyframes indeterminate-secondary {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);
+            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);
+    -webkit-transform: translateX(0);
+            transform: translateX(0);
+  }
+  25% {
+    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);
+            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);
+    -webkit-transform: translateX(37.6519%);
+            transform: translateX(37.6519%);
+  }
+  48.35% {
+    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);
+            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);
+    -webkit-transform: translateX(84.3861%);
+            transform: translateX(84.3861%);
+  }
+  100% {
+    -webkit-transform: translateX(160.2777%);
+            transform: translateX(160.2777%);
+  }
+}
+@-webkit-keyframes indeterminate-secondary-scale {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);
+            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);
+    -webkit-transform: scaleX(0.08);
+            transform: scaleX(0.08);
+  }
+  19.15% {
+    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);
+            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);
+    -webkit-transform: scaleX(0.4571);
+            transform: scaleX(0.4571);
+  }
+  44.15% {
+    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);
+            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);
+    -webkit-transform: scaleX(0.727);
+            transform: scaleX(0.727);
+  }
+  100% {
+    -webkit-transform: scaleX(0.08);
+            transform: scaleX(0.08);
+  }
+}
+@keyframes indeterminate-secondary-scale {
+  0% {
+    -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);
+            animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);
+    -webkit-transform: scaleX(0.08);
+            transform: scaleX(0.08);
+  }
+  19.15% {
+    -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);
+            animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);
+    -webkit-transform: scaleX(0.4571);
+            transform: scaleX(0.4571);
+  }
+  44.15% {
+    -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);
+            animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);
+    -webkit-transform: scaleX(0.727);
+            transform: scaleX(0.727);
+  }
+  100% {
+    -webkit-transform: scaleX(0.08);
+            transform: scaleX(0.08);
+  }
+}
+@-webkit-keyframes indeterminate-bar-fluent {
+  from {
+    -webkit-transform: translateX(-100%);
+            transform: translateX(-100%);
+    -webkit-transform-origin: left;
+            transform-origin: left;
+  }
+  to {
+    -webkit-transform: translateX(310%);
+            transform: translateX(310%);
+    -webkit-transform-origin: right;
+            transform-origin: right;
+  }
+}
+@keyframes indeterminate-bar-fluent {
+  from {
+    -webkit-transform: translateX(-100%);
+            transform: translateX(-100%);
+    -webkit-transform-origin: left;
+            transform-origin: left;
+  }
+  to {
+    -webkit-transform: translateX(310%);
+            transform: translateX(310%);
+    -webkit-transform-origin: right;
+            transform-origin: right;
+  }
+}
+@-webkit-keyframes indeterminate-bar-fluent-rtl {
+  from {
+    -webkit-transform: translateX(-310%);
+            transform: translateX(-310%);
+    -webkit-transform-origin: right;
+            transform-origin: right;
+  }
+  to {
+    -webkit-transform: translateX(100%);
+            transform: translateX(100%);
+    -webkit-transform-origin: left;
+            transform-origin: left;
+  }
+}
+@keyframes indeterminate-bar-fluent-rtl {
+  from {
+    -webkit-transform: translateX(-310%);
+            transform: translateX(-310%);
+    -webkit-transform-origin: right;
+            transform-origin: right;
+  }
+  to {
+    -webkit-transform: translateX(100%);
+            transform: translateX(100%);
+    -webkit-transform-origin: left;
+            transform-origin: left;
+  }
+}
+@-webkit-keyframes indeterminate-accordion {
+  from {
+    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);
+    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);
+  }
+  to {
+    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);
+  }
+}
+@keyframes indeterminate-accordion {
+  from {
+    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);
+    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);
+  }
+  to {
+    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);
+  }
+}
+@-webkit-keyframes indeterminate-accordion-rtl {
+  from {
+    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);
+    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);
+  }
+  to {
+    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);
+  }
+}
+@keyframes indeterminate-accordion-rtl {
+  from {
+    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);
+    stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);
+  }
+  to {
+    stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);
+  }
+}
+@-webkit-keyframes rotate-center {
+  0% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+@keyframes rotate-center {
+  0% {
+    -webkit-transform: rotate(0);
+            transform: rotate(0);
+  }
+  100% {
+    -webkit-transform: rotate(360deg);
+            transform: rotate(360deg);
+  }
+}
+:host {
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  font-family: var(--ig-font-family);
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+}
+
+[part~=label] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  color: inherit;
+  font-weight: 600;
+}
+
+:host {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  position: relative;
+  width: 100%;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 1 100%;
+          flex: 1 1 100%;
+  --track-size: 0.25rem;
+  --linear-animation-duration: 2000ms;
+}
+
+:host([dir=rtl][indeterminate]) [part~=track] {
+  -webkit-transform: rotateY(180deg);
+          transform: rotateY(180deg);
+}
+
+[part~=track] {
+  position: relative;
+  width: inherit;
+  height: var(--track-size);
+  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
+  overflow: hidden;
+  border-radius: 0;
+  z-index: 0;
+}
+
+[part~=fill] {
+  -webkit-transition: width var(--duration) linear, background-color var(--duration) linear;
+  -o-transition: width var(--duration) linear, background-color var(--duration) linear;
+  transition: width var(--duration) linear, background-color var(--duration) linear;
+  position: relative;
+  height: inherit;
+}
+
+[part~=indeterminate],
+[part~="indeterminate secondary"] {
+  width: 100% !important;
+  height: inherit;
+  position: absolute;
+  background: transparent;
+}
+[part~=indeterminate]::after,
+[part~="indeterminate secondary"]::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  inset-inline-start: 0;
+  width: inherit;
+  height: inherit;
+  -webkit-backface-visibility: hidden;
+          backface-visibility: hidden;
+}
+
+[part~=indeterminate]:not([part~=secondary]) {
+  -webkit-transform: scale3d(0, 1, 1);
+          transform: scale3d(0, 1, 1);
+  -webkit-animation: indeterminate-primary var(--linear-animation-duration) infinite linear;
+          animation: indeterminate-primary var(--linear-animation-duration) infinite linear;
+  left: -145.1666%;
+}
+[part~=indeterminate]:not([part~=secondary])::after {
+  -webkit-animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;
+          animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;
+}
+
+[part~=secondary] {
+  -webkit-animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;
+          animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;
+  left: -54.8888%;
+}
+[part~=secondary]::after {
+  -webkit-animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;
+          animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;
+  width: 100%;
+  height: inherit;
+}
+
+[part~=value] {
+  margin: 0;
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  font-size: 0.875em;
+  font-weight: 600;
+}
+
+[part~=primary]:not([part~=indeterminate]) {
+  background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+
+[part~=primary]::after {
+  background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+
+[part~=striped][part~=primary]:not([part~=indeterminate]) {
+  width: 100%;
+  height: 100%;
+  /* stylelint-disable */
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  /* stylelint-enable */
+}
+
+[part~=striped][part~=primary]::after {
+  /* stylelint-disable */
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  /* stylelint-enable */
+}
+
+[part~=danger]:not([part~=indeterminate]) {
+  background-color: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+
+[part~=danger]::after {
+  background-color: hsla(var(--ig-error-500), var(--ig-error-a));
+}
+
+[part~=striped][part~=danger]:not([part~=indeterminate]) {
+  /* stylelint-disable */
+  background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  /* stylelint-enable */
+}
+
+[part~=striped][part~=danger]::after {
+  /* stylelint-disable */
+  background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  background: hsla(var(--ig-error-500), var(--ig-error-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  /* stylelint-enable */
+}
+
+[part~=warning]:not([part~=indeterminate]) {
+  background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));
+}
+
+[part~=warning]::after {
+  background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));
+}
+
+[part~=striped][part~=warning]:not([part~=indeterminate]) {
+  /* stylelint-disable */
+  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  /* stylelint-enable */
+}
+
+[part~=striped][part~=warning]::after {
+  /* stylelint-disable */
+  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  background: hsla(var(--ig-warn-500), var(--ig-warn-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  /* stylelint-enable */
+}
+
+[part~=info]:not([part~=indeterminate]) {
+  background-color: hsla(var(--ig-info-500), var(--ig-info-a));
+}
+
+[part~=info]::after {
+  background-color: hsla(var(--ig-info-500), var(--ig-info-a));
+}
+
+[part~=striped][part~=info]:not([part~=indeterminate]) {
+  /* stylelint-disable */
+  background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  /* stylelint-enable */
+}
+
+[part~=striped][part~=info]::after {
+  /* stylelint-disable */
+  background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  background: hsla(var(--ig-info-500), var(--ig-info-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  /* stylelint-enable */
+}
+
+[part~=success]:not([part~=indeterminate]) {
+  background-color: hsla(var(--ig-success-500), var(--ig-success-a));
+}
+
+[part~=success]::after {
+  background-color: hsla(var(--ig-success-500), var(--ig-success-a));
+}
+
+[part~=striped][part~=success]:not([part~=indeterminate]) {
+  /* stylelint-disable */
+  background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  /* stylelint-enable */
+}
+
+[part~=striped][part~=success]::after {
+  /* stylelint-disable */
+  background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(135deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  background: hsla(var(--ig-success-500), var(--ig-success-a)) repeating-linear-gradient(-45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 1rem, hsla(var(--ig-gray-50), 0.7) 1rem, hsla(var(--ig-gray-50), 0.7) 2rem);
+  /* stylelint-enable */
+}
+
+:host([label-align=top]) [part~=label],
+:host([label-align=top-start]) [part~=label],
+:host([label-align=top-end]) [part~=label] {
+  -webkit-box-ordinal-group: 0;
+      -ms-flex-order: -1;
+          order: -1;
+}
+
+:host([label-align=top-start]) [part~=label],
+:host([label-align=bottom-start]) [part~=label],
+:host([label-align=start]) [part~=label] {
+  -ms-flex-item-align: start;
+      align-self: flex-start;
+}
+
+:host([label-align=bottom-end]) [part~=label],
+:host([label-align=top-end]) [part~=label],
+:host([label-align=end]) [part~=label] {
+  -ms-flex-item-align: end;
+      align-self: flex-end;
+}
+
+:host([label-align=top]) [part~=label],
+:host([label-align=bottom]) [part~=label] {
+  -ms-flex-item-align: center;
+      align-self: center;
+}
+
+[part~=hidden] {
+  display: none;
+}`;
 //# sourceMappingURL=linear.progress.base.css.js.map