npm - igniteui-webcomponents - Versions diffs - 4.0.0-alpha.2 → 4.0.0 - Mend

igniteui-webcomponents 4.0.0-alpha.2 → 4.0.0

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.

Files changed (240) hide show

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

@@ -1,10 +1,17 @@
 import { css } from 'lit';
 export const styles = css `:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
   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)));
+  scrollbar-width: var(--ig-scrollbar-size);
+  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
 }
 :host *,
 :host *::before,
@@ -13,12 +20,12 @@ export const styles = css `:host {
           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)));
+  width: var(--ig-scrollbar-size);
+  height: var(--ig-scrollbar-size);
+  background: var(--ig-scrollbar-track-background);
 }
 :host ::-webkit-scrollbar-thumb {
-  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+  background: var(--ig-scrollbar-thumb-background);
 }
 [hidden] {
@@ -211,13 +218,13 @@ export const styles = css `:host {
   }
 }
 @-webkit-keyframes indeterminate-bar-fluent {
-  from {
+  0% {
     -webkit-transform: translateX(-100%);
             transform: translateX(-100%);
     -webkit-transform-origin: left;
             transform-origin: left;
   }
-  to {
+  100% {
     -webkit-transform: translateX(310%);
             transform: translateX(310%);
     -webkit-transform-origin: right;
@@ -225,13 +232,13 @@ export const styles = css `:host {
   }
 }
 @keyframes indeterminate-bar-fluent {
-  from {
+  0% {
     -webkit-transform: translateX(-100%);
             transform: translateX(-100%);
     -webkit-transform-origin: left;
             transform-origin: left;
   }
-  to {
+  100% {
     -webkit-transform: translateX(310%);
             transform: translateX(310%);
     -webkit-transform-origin: right;
@@ -239,13 +246,13 @@ export const styles = css `:host {
   }
 }
 @-webkit-keyframes indeterminate-bar-fluent-rtl {
-  from {
+  0% {
     -webkit-transform: translateX(-310%);
             transform: translateX(-310%);
     -webkit-transform-origin: right;
             transform-origin: right;
   }
-  to {
+  100% {
     -webkit-transform: translateX(100%);
             transform: translateX(100%);
     -webkit-transform-origin: left;
@@ -253,13 +260,13 @@ export const styles = css `:host {
   }
 }
 @keyframes indeterminate-bar-fluent-rtl {
-  from {
+  0% {
     -webkit-transform: translateX(-310%);
             transform: translateX(-310%);
     -webkit-transform-origin: right;
             transform-origin: right;
   }
-  to {
+  100% {
     -webkit-transform: translateX(100%);
             transform: translateX(100%);
     -webkit-transform-origin: left;
@@ -267,38 +274,38 @@ export const styles = css `:host {
   }
 }
 @-webkit-keyframes indeterminate-accordion {
-  from {
+  0% {
     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 {
+  100% {
     stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);
   }
 }
 @keyframes indeterminate-accordion {
-  from {
+  0% {
     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 {
+  100% {
     stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);
   }
 }
 @-webkit-keyframes indeterminate-accordion-rtl {
-  from {
+  0% {
     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 {
+  100% {
     stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);
   }
 }
 @keyframes indeterminate-accordion-rtl {
-  from {
+  0% {
     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 {
+  100% {
     stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);
   }
 }

package/components/progress/themes/linear/linear.progress.base.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"linear.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAikBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--scrolbar-size, 0.875rem);\n 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)));\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--scrolbar-size, 0.875rem);\n height: var(--scrolbar-size, 0.875rem);\n background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length /\n@-webkit-keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n from {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n to {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@keyframes indeterminate-bar-fluent {\n from {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n to {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n from {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n to {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n from {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n to {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@-webkit-keyframes indeterminate-accordion {\n from {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n to {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@keyframes indeterminate-accordion {\n from {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n to {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n from {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n to {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@keyframes indeterminate-accordion-rtl {\n from {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n to {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@-webkit-keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n:host {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-family: var(--ig-font-family);\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part~=label] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: inherit;\n font-weight: 600;\n}\n\n:host {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n width: 100%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n --track-size: 0.25rem;\n --linear-animation-duration: 2000ms;\n}\n\n:host([dir=rtl][indeterminate]) [part~=track] {\n -webkit-transform: rotateY(180deg);\n transform: rotateY(180deg);\n}\n\n[part~=track] {\n position: relative;\n width: inherit;\n height: var(--track-size);\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n overflow: hidden;\n border-radius: 0;\n z-index: 0;\n}\n\n[part~=fill] {\n -webkit-transition: width var(--duration) linear, background-color var(--duration) linear;\n -o-transition: width var(--duration) linear, background-color var(--duration) linear;\n transition: width var(--duration) linear, background-color var(--duration) linear;\n position: relative;\n height: inherit;\n}\n\n[part~=indeterminate],\n[part~=\"indeterminate secondary\"] {\n width: 100% !important;\n height: inherit;\n position: absolute;\n background: transparent;\n}\n[part~=indeterminate]::after,\n[part~=\"indeterminate secondary\"]::after {\n content: \"\";\n position: absolute;\n top: 0;\n inset-inline-start: 0;\n width: inherit;\n height: inherit;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n[part~=indeterminate]:not([part~=secondary]) {\n -webkit-transform: scale3d(0, 1, 1);\n transform: scale3d(0, 1, 1);\n -webkit-animation: indeterminate-primary var(--linear-animation-duration) infinite linear;\n animation: indeterminate-primary var(--linear-animation-duration) infinite linear;\n left: -145.1666%;\n}\n[part~=indeterminate]:not([part~=secondary])::after {\n -webkit-animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;\n animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;\n}\n\n[part~=secondary] {\n -webkit-animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;\n animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;\n left: -54.8888%;\n}\n[part~=secondary]::after {\n -webkit-animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;\n animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;\n width: 100%;\n height: inherit;\n}\n\n[part~=value] {\n margin: 0;\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n font-size: 0.875em;\n font-weight: 600;\n}\n\n[part~=primary]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=primary]::after {\n background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=striped][part~=primary]:not([part~=indeterminate]) {\n width: 100%;\n height: 100%;\n /* stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=striped][part~=primary]::after {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=danger]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=danger]::after {\n background-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=striped][part~=danger]:not([part~=indeterminate]) {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=striped][part~=danger]::after {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=warning]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n[part~=warning]::after {\n background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n[part~=striped][part~=warning]:not([part~=indeterminate]) {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=striped][part~=warning]::after {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=info]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n[part~=info]::after {\n background-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n[part~=striped][part~=info]:not([part~=indeterminate]) {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=striped][part~=info]::after {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=success]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n[part~=success]::after {\n background-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n[part~=striped][part~=success]:not([part~=indeterminate]) {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=striped][part~=success]::after {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable */\n}\n\n:host([label-align=top]) [part~=label],\n:host([label-align=top-start]) [part~=label],\n:host([label-align=top-end]) [part~=label] {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n}\n\n:host([label-align=top-start]) [part~=label],\n:host([label-align=bottom-start]) [part~=label],\n:host([label-align=start]) [part~=label] {\n -ms-flex-item-align: start;\n align-self: flex-start;\n}\n\n:host([label-align=bottom-end]) [part~=label],\n:host([label-align=top-end]) [part~=label],\n:host([label-align=end]) [part~=label] {\n -ms-flex-item-align: end;\n align-self: flex-end;\n}\n\n:host([label-align=top]) [part~=label],\n:host([label-align=bottom]) [part~=label] {\n -ms-flex-item-align: center;\n align-self: center;\n}\n\n[part~=hidden] {\n display: none;\n}`;\n"]}
1	+ {"version":3,"file":"linear.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwkBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length /\n@-webkit-keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@-webkit-keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@-webkit-keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n:host {\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n font-family: var(--ig-font-family);\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n}\n\n[part~=label] {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n color: inherit;\n font-weight: 600;\n}\n\n:host {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: relative;\n width: 100%;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-flex: 1;\n -ms-flex: 1 1 100%;\n flex: 1 1 100%;\n --track-size: 0.25rem;\n --linear-animation-duration: 2000ms;\n}\n\n:host([dir=rtl][indeterminate]) [part~=track] {\n -webkit-transform: rotateY(180deg);\n transform: rotateY(180deg);\n}\n\n[part~=track] {\n position: relative;\n width: inherit;\n height: var(--track-size);\n background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n overflow: hidden;\n border-radius: 0;\n z-index: 0;\n}\n\n[part~=fill] {\n -webkit-transition: width var(--duration) linear, background-color var(--duration) linear;\n -o-transition: width var(--duration) linear, background-color var(--duration) linear;\n transition: width var(--duration) linear, background-color var(--duration) linear;\n position: relative;\n height: inherit;\n}\n\n[part~=indeterminate],\n[part~=\"indeterminate secondary\"] {\n width: 100% !important;\n height: inherit;\n position: absolute;\n background: transparent;\n}\n[part~=indeterminate]::after,\n[part~=\"indeterminate secondary\"]::after {\n content: \"\";\n position: absolute;\n top: 0;\n inset-inline-start: 0;\n width: inherit;\n height: inherit;\n -webkit-backface-visibility: hidden;\n backface-visibility: hidden;\n}\n\n[part~=indeterminate]:not([part~=secondary]) {\n -webkit-transform: scale3d(0, 1, 1);\n transform: scale3d(0, 1, 1);\n -webkit-animation: indeterminate-primary var(--linear-animation-duration) infinite linear;\n animation: indeterminate-primary var(--linear-animation-duration) infinite linear;\n left: -145.1666%;\n}\n[part~=indeterminate]:not([part~=secondary])::after {\n -webkit-animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;\n animation: indeterminate-primary-scale var(--linear-animation-duration) infinite linear;\n}\n\n[part~=secondary] {\n -webkit-animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;\n animation: indeterminate-secondary var(--linear-animation-duration) infinite linear;\n left: -54.8888%;\n}\n[part~=secondary]::after {\n -webkit-animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;\n animation: indeterminate-secondary-scale var(--linear-animation-duration) infinite linear;\n width: 100%;\n height: inherit;\n}\n\n[part~=value] {\n margin: 0;\n color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n font-size: 0.875em;\n font-weight: 600;\n}\n\n[part~=primary]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=primary]::after {\n background-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n[part~=striped][part~=primary]:not([part~=indeterminate]) {\n width: 100%;\n height: 100%;\n /* stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=striped][part~=primary]::after {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=danger]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=danger]::after {\n background-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n[part~=striped][part~=danger]:not([part~=indeterminate]) {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=striped][part~=danger]::after {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=warning]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n[part~=warning]::after {\n background-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n[part~=striped][part~=warning]:not([part~=indeterminate]) {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=striped][part~=warning]::after {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=info]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n[part~=info]::after {\n background-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n[part~=striped][part~=info]:not([part~=indeterminate]) {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=striped][part~=info]::after {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=success]:not([part~=indeterminate]) {\n background-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n[part~=success]::after {\n background-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n[part~=striped][part~=success]:not([part~=indeterminate]) {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable /\n}\n\n[part~=striped][part~=success]::after {\n / stylelint-disable /\n 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);\n 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);\n / stylelint-enable */\n}\n\n:host([label-align=top]) [part~=label],\n:host([label-align=top-start]) [part~=label],\n:host([label-align=top-end]) [part~=label] {\n -webkit-box-ordinal-group: 0;\n -ms-flex-order: -1;\n order: -1;\n}\n\n:host([label-align=top-start]) [part~=label],\n:host([label-align=bottom-start]) [part~=label],\n:host([label-align=start]) [part~=label] {\n -ms-flex-item-align: start;\n align-self: flex-start;\n}\n\n:host([label-align=bottom-end]) [part~=label],\n:host([label-align=top-end]) [part~=label],\n:host([label-align=end]) [part~=label] {\n -ms-flex-item-align: end;\n align-self: flex-end;\n}\n\n:host([label-align=top]) [part~=label],\n:host([label-align=bottom]) [part~=label] {\n -ms-flex-item-align: center;\n align-self: center;\n}\n\n[part~=hidden] {\n display: none;\n}`;\n"]}

package/components/progress/themes/linear/linear.progress.bootstrap.css.js CHANGED Viewed

@@ -1,10 +1,17 @@
 import { css } from 'lit';
 export const styles = css `:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
   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)));
+  scrollbar-width: var(--ig-scrollbar-size);
+  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
 }
 :host *,
 :host *::before,
@@ -13,12 +20,12 @@ export const styles = css `:host {
           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)));
+  width: var(--ig-scrollbar-size);
+  height: var(--ig-scrollbar-size);
+  background: var(--ig-scrollbar-track-background);
 }
 :host ::-webkit-scrollbar-thumb {
-  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+  background: var(--ig-scrollbar-thumb-background);
 }
 [hidden] {
@@ -211,13 +218,13 @@ export const styles = css `:host {
   }
 }
 @-webkit-keyframes indeterminate-bar-fluent {
-  from {
+  0% {
     -webkit-transform: translateX(-100%);
             transform: translateX(-100%);
     -webkit-transform-origin: left;
             transform-origin: left;
   }
-  to {
+  100% {
     -webkit-transform: translateX(310%);
             transform: translateX(310%);
     -webkit-transform-origin: right;
@@ -225,13 +232,13 @@ export const styles = css `:host {
   }
 }
 @keyframes indeterminate-bar-fluent {
-  from {
+  0% {
     -webkit-transform: translateX(-100%);
             transform: translateX(-100%);
     -webkit-transform-origin: left;
             transform-origin: left;
   }
-  to {
+  100% {
     -webkit-transform: translateX(310%);
             transform: translateX(310%);
     -webkit-transform-origin: right;
@@ -239,13 +246,13 @@ export const styles = css `:host {
   }
 }
 @-webkit-keyframes indeterminate-bar-fluent-rtl {
-  from {
+  0% {
     -webkit-transform: translateX(-310%);
             transform: translateX(-310%);
     -webkit-transform-origin: right;
             transform-origin: right;
   }
-  to {
+  100% {
     -webkit-transform: translateX(100%);
             transform: translateX(100%);
     -webkit-transform-origin: left;
@@ -253,13 +260,13 @@ export const styles = css `:host {
   }
 }
 @keyframes indeterminate-bar-fluent-rtl {
-  from {
+  0% {
     -webkit-transform: translateX(-310%);
             transform: translateX(-310%);
     -webkit-transform-origin: right;
             transform-origin: right;
   }
-  to {
+  100% {
     -webkit-transform: translateX(100%);
             transform: translateX(100%);
     -webkit-transform-origin: left;
@@ -267,38 +274,38 @@ export const styles = css `:host {
   }
 }
 @-webkit-keyframes indeterminate-accordion {
-  from {
+  0% {
     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 {
+  100% {
     stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);
   }
 }
 @keyframes indeterminate-accordion {
-  from {
+  0% {
     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 {
+  100% {
     stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);
   }
 }
 @-webkit-keyframes indeterminate-accordion-rtl {
-  from {
+  0% {
     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 {
+  100% {
     stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);
   }
 }
 @keyframes indeterminate-accordion-rtl {
-  from {
+  0% {
     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 {
+  100% {
     stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);
   }
 }

package/components/progress/themes/linear/linear.progress.bootstrap.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"linear.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+YvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--scrolbar-size, 0.875rem);\n 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)));\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--scrolbar-size, 0.875rem);\n height: var(--scrolbar-size, 0.875rem);\n background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length /\n@-webkit-keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n from {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n to {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@keyframes indeterminate-bar-fluent {\n from {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n to {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n from {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n to {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n from {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n to {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@-webkit-keyframes indeterminate-accordion {\n from {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n to {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@keyframes indeterminate-accordion {\n from {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n to {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n from {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n to {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@keyframes indeterminate-accordion-rtl {\n from {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n to {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@-webkit-keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n:host {\n --track-size: 1rem;\n}\n\n[part~=track] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n\n[part~=striped][part~=primary]:not([part~=indeterminate]) {\n /* stylelint-disable /\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=primary]::after {\n / stylelint-disable /\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=danger]:not([part~=indeterminate]) {\n / stylelint-disable /\n background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=danger]::after {\n / stylelint-disable /\n background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=warning]:not([part~=indeterminate]) {\n / stylelint-disable /\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=warning]::after {\n / stylelint-disable /\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=info]:not([part~=indeterminate]) {\n / stylelint-disable /\n background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=info]::after {\n / stylelint-disable /\n background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=success]:not([part~=indeterminate]) {\n / stylelint-disable /\n background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=success]::after {\n / stylelint-disable /\n background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable */\n}`;\n"]}
1	+ {"version":3,"file":"linear.progress.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsZvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length /\n@-webkit-keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@keyframes indeterminate-primary {\n 0% {\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 20% {\n -webkit-animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n animation-timing-function: cubic-bezier(0.5, 0, 0.7017, 0.4958);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 59.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n animation-timing-function: cubic-bezier(0.3024, 0.3813, 0.55, 0.9563);\n -webkit-transform: translateX(83.671%);\n transform: translateX(83.671%);\n }\n 100% {\n -webkit-transform: translateX(200.611%);\n transform: translateX(200.611%);\n }\n}\n@-webkit-keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-primary-scale {\n 0% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 36.65% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 69.15% {\n -webkit-animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n animation-timing-function: cubic-bezier(0.3347, 0.124, 0.7858, 1);\n -webkit-transform: scaleX(0.6614);\n transform: scaleX(0.6614);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@keyframes indeterminate-secondary {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: translateX(0);\n transform: translateX(0);\n }\n 25% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: translateX(37.6519%);\n transform: translateX(37.6519%);\n }\n 48.35% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: translateX(84.3861%);\n transform: translateX(84.3861%);\n }\n 100% {\n -webkit-transform: translateX(160.2777%);\n transform: translateX(160.2777%);\n }\n}\n@-webkit-keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@keyframes indeterminate-secondary-scale {\n 0% {\n -webkit-animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n animation-timing-function: cubic-bezier(0.15, 0, 0.515, 0.4096);\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n 19.15% {\n -webkit-animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n animation-timing-function: cubic-bezier(0.31, 0.284, 0.8, 0.7337);\n -webkit-transform: scaleX(0.4571);\n transform: scaleX(0.4571);\n }\n 44.15% {\n -webkit-animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n animation-timing-function: cubic-bezier(0.4, 0.627, 0.6, 0.902);\n -webkit-transform: scaleX(0.727);\n transform: scaleX(0.727);\n }\n 100% {\n -webkit-transform: scaleX(0.08);\n transform: scaleX(0.08);\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@keyframes indeterminate-bar-fluent {\n 0% {\n -webkit-transform: translateX(-100%);\n transform: translateX(-100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n 100% {\n -webkit-transform: translateX(310%);\n transform: translateX(310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n}\n@-webkit-keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@keyframes indeterminate-bar-fluent-rtl {\n 0% {\n -webkit-transform: translateX(-310%);\n transform: translateX(-310%);\n -webkit-transform-origin: right;\n transform-origin: right;\n }\n 100% {\n -webkit-transform: translateX(100%);\n transform: translateX(100%);\n -webkit-transform-origin: left;\n transform-origin: left;\n }\n}\n@-webkit-keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@keyframes indeterminate-accordion {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2 / 5);\n }\n}\n@-webkit-keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@keyframes indeterminate-accordion-rtl {\n 0% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2);\n stroke-dasharray: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 9 / 10);\n }\n 100% {\n stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * -2 / 5);\n }\n}\n@-webkit-keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n@keyframes rotate-center {\n 0% {\n -webkit-transform: rotate(0);\n transform: rotate(0);\n }\n 100% {\n -webkit-transform: rotate(360deg);\n transform: rotate(360deg);\n }\n}\n:host {\n --track-size: 1rem;\n}\n\n[part~=track] {\n border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n}\n\n[part~=striped][part~=primary]:not([part~=indeterminate]) {\n /* stylelint-disable /\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=primary]::after {\n / stylelint-disable /\n background: hsla(var(--ig-primary-500), var(--ig-primary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-primary-500), var(--ig-primary-a)), hsla(var(--ig-primary-500), var(--ig-primary-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=danger]:not([part~=indeterminate]) {\n / stylelint-disable /\n background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=danger]::after {\n / stylelint-disable /\n background: hsla(var(--ig-error-500), var(--ig-error-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-error-500), var(--ig-error-a)), hsla(var(--ig-error-500), var(--ig-error-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=warning]:not([part~=indeterminate]) {\n / stylelint-disable /\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=warning]::after {\n / stylelint-disable /\n background: hsla(var(--ig-warn-500), var(--ig-warn-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-warn-500), var(--ig-warn-a)), hsla(var(--ig-warn-500), var(--ig-warn-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=info]:not([part~=indeterminate]) {\n / stylelint-disable /\n background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=info]::after {\n / stylelint-disable /\n background: hsla(var(--ig-info-500), var(--ig-info-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-info-500), var(--ig-info-a)), hsla(var(--ig-info-500), var(--ig-info-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=success]:not([part~=indeterminate]) {\n / stylelint-disable /\n background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable /\n}\n\n[part~=striped][part~=success]::after {\n / stylelint-disable /\n background: hsla(var(--ig-success-500), var(--ig-success-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-success-500), var(--ig-success-a)), hsla(var(--ig-success-500), var(--ig-success-a)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n 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)) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.3125rem, hsla(var(--ig-gray-50), 0.2) 0.625rem);\n / stylelint-enable */\n}`;\n"]}

package/components/progress/themes/linear/linear.progress.indigo.css.js CHANGED Viewed

@@ -1,10 +1,17 @@
 import { css } from 'lit';
 export const styles = css `:host {
+  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);
+  --is-medium:
+      min(
+          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),
+          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)
+      );
+  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);
   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)));
+  scrollbar-width: var(--ig-scrollbar-size);
+  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
 }
 :host *,
 :host *::before,
@@ -13,12 +20,12 @@ export const styles = css `:host {
           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)));
+  width: var(--ig-scrollbar-size);
+  height: var(--ig-scrollbar-size);
+  background: var(--ig-scrollbar-track-background);
 }
 :host ::-webkit-scrollbar-thumb {
-  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+  background: var(--ig-scrollbar-thumb-background);
 }
 [hidden] {

package/components/progress/themes/linear/linear.progress.indigo.css.js.map CHANGED Viewed

	@@ -1 +1 @@
1	- {"version":3,"file":"linear.progress.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA~~;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgCvB~~,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n ~~position~~: ~~relative;\n~~ -~~webkit~~-~~box-sizing:~~ ~~border~~-~~box;\n box~~-~~sizing:~~ ~~border-box~~;\n ~~scrollbar~~-~~width:~~ var(--~~scrolbar~~-size, ~~0.875rem~~)~~;\n 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)));\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--~~scrolbar~~-size~~, 0.875rem~~);\n height: var(--~~scrolbar~~-size~~, 0.875rem~~);\n background: var(--~~igc~~-scrollbar-track-~~color, hsla(var(--ig-gray-200~~)~~, var(--ig-gray-a)))~~;\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--~~igc~~-scrollbar-thumb-~~color, hsla(var(--ig-gray-400~~)~~, var(--ig-gray-a)))~~;\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length /\n[part~=striped]:not([part~=indeterminate]) {\n / stylelint-disable /\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-secondary-500), var(--ig-secondary-a)), hsla(var(--ig-secondary-500), var(--ig-secondary-a)) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.875rem);\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a)) repeating-linear-gradient(45deg, hsla(var(--ig-secondary-500), var(--ig-secondary-a)), hsla(var(--ig-secondary-500), var(--ig-secondary-a)) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.875rem);\n / stylelint-enable */\n}`;\n"]}
1	+ {"version":3,"file":"linear.progress.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/linear/linear.progress.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAuCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n --is-medium:\n min(\n clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n );\n --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n position: relative;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n scrollbar-width: var(--ig-scrollbar-size);\n scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);\n}\n:host ,\n:host ::before,\n:host ::after {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n width: var(--ig-scrollbar-size);\n height: var(--ig-scrollbar-size);\n background: var(--ig-scrollbar-track-background);\n}\n:host ::-webkit-scrollbar-thumb {\n background: var(--ig-scrollbar-thumb-background);\n}\n\n[hidden] {\n display: none !important;\n}\n\n/ stylelint-disable max-line-length /\n[part~=striped]:not([part~=indeterminate]) {\n / stylelint-disable /\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a)) -o-repeating-linear-gradient(45deg, hsla(var(--ig-secondary-500), var(--ig-secondary-a)), hsla(var(--ig-secondary-500), var(--ig-secondary-a)) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.875rem);\n background: hsla(var(--ig-secondary-500), var(--ig-secondary-a)) repeating-linear-gradient(45deg, hsla(var(--ig-secondary-500), var(--ig-secondary-a)), hsla(var(--ig-secondary-500), var(--ig-secondary-a)) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.375rem, hsla(var(--ig-gray-50), 0.7) 0.875rem);\n / stylelint-enable */\n}`;\n"]}

package/components/radio/radio.d.ts CHANGED Viewed

@@ -54,7 +54,9 @@ export default class IgcRadioComponent extends IgcRadioComponent_base {
     /** Removes focus from the radio control. */
     blur(): void;
     /** Checks for validity of the control and shows the browser message if it invalid. */
-    reportValidity(): void;
+    reportValidity(): boolean;
+    /** Checks for validity of the control and emits the invalid event if it invalid. */
+    checkValidity(): boolean;
     /**
      * Sets a custom validation message for the control.
      * As long as `message` is not empty, the control is considered invalid.

package/components/radio/radio.js CHANGED Viewed

@@ -55,7 +55,10 @@ let IgcRadioComponent = IgcRadioComponent_1 = class IgcRadioComponent extends Ev
         this.input.blur();
     }
     reportValidity() {
-        this.input.reportValidity();
+        return this.input.reportValidity();
+    }
+    checkValidity() {
+        return this.input.checkValidity();
     }
     setCustomValidity(message) {
         this.input.setCustomValidity(message);