igniteui-webcomponents 4.3.0 → 4.4.0

package/components/navbar/themes/dark/navbar.fluent.css.js

@@ -1,15 +1,3 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+export const styles = css ``;
 //# sourceMappingURL=navbar.fluent.css.js.map

package/components/navbar/themes/dark/navbar.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
+{"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/navbar/themes/dark/navbar.indigo.css.js

@@ -1,15 +1,3 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+export const styles = css ``;
 //# sourceMappingURL=navbar.indigo.css.js.map

package/components/navbar/themes/dark/navbar.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
+{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/navbar/themes/dark/navbar.material.css.js

@@ -1,15 +1,3 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;
+export const styles = css ``;
 //# sourceMappingURL=navbar.material.css.js.map

package/components/navbar/themes/dark/navbar.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;wMAY+K,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */`;\n"]}
+{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/dark/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}

package/components/navbar/themes/light/navbar.bootstrap.css.js

@@ -1,63 +1,15 @@
 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(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-
-[hidden] {
-  display: none !important;
-}
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
-  background: var(--background);
-  color: var(--text-color);
-  -webkit-box-shadow: var(--ig-elevation-0);
-          box-shadow: var(--ig-elevation-0);
-  padding: 0 0.5rem;
-}
-:host,
-:host ig-navbar {
   --elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));
   --background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
   --text-color: var(--ig-navbar-text-color, var(--ig-surface-500-contrast));
   --idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast));
   --hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast));
+  background: var(--background);
+  color: var(--text-color);
+  -webkit-box-shadow: var(--ig-elevation-0);
+          box-shadow: var(--ig-elevation-0);
+  padding: 0 0.5rem;
 }
 
 ::slotted(igc-icon) {

package/components/navbar/themes/light/navbar.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwFvB,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: 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  background: var(--background);\n  color: var(--text-color);\n  -webkit-box-shadow: var(--ig-elevation-0);\n          box-shadow: var(--ig-elevation-0);\n  padding: 0 0.5rem;\n}\n:host,\n:host ig-navbar {\n  --elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));\n  --background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --text-color: var(--ig-navbar-text-color, var(--ig-surface-500-contrast));\n  --idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast));\n  --hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast));\n}\n\n::slotted(igc-icon) {\n  color: var(--idle-icon-color);\n}\n\n::slotted(igc-icon:hover) {\n  color: var(--hover-icon-color);\n}\n\n[part=base] {\n  -webkit-padding-start: 0.25rem;\n          padding-inline-start: 0.25rem;\n  -webkit-padding-end: 0.25rem;\n          padding-inline-end: 0.25rem;\n}\n\n::slotted(*) {\n  font-family: var(--ig-h5-font-family, var(--ig-font-family));\n  font-size: var(--ig-h5-font-size);\n  font-weight: var(--ig-h5-font-weight);\n  font-style: var(--ig-h5-font-style);\n  line-height: var(--ig-h5-line-height);\n  letter-spacing: var(--ig-h5-letter-spacing);\n  text-transform: var(--ig-h5-text-transform);\n  margin-top: var(--ig-h5-margin-top);\n  margin-bottom: var(--ig-h5-margin-bottom);\n  line-height: normal;\n  margin: 0;\n}`;\n"]}
+{"version":3,"file":"navbar.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));\n  --background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --text-color: var(--ig-navbar-text-color, var(--ig-surface-500-contrast));\n  --idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-surface-500-contrast));\n  --hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-surface-500-contrast));\n  background: var(--background);\n  color: var(--text-color);\n  -webkit-box-shadow: var(--ig-elevation-0);\n          box-shadow: var(--ig-elevation-0);\n  padding: 0 0.5rem;\n}\n\n::slotted(igc-icon) {\n  color: var(--idle-icon-color);\n}\n\n::slotted(igc-icon:hover) {\n  color: var(--hover-icon-color);\n}\n\n[part=base] {\n  -webkit-padding-start: 0.25rem;\n          padding-inline-start: 0.25rem;\n  -webkit-padding-end: 0.25rem;\n          padding-inline-end: 0.25rem;\n}\n\n::slotted(*) {\n  font-family: var(--ig-h5-font-family, var(--ig-font-family));\n  font-size: var(--ig-h5-font-size);\n  font-weight: var(--ig-h5-font-weight);\n  font-style: var(--ig-h5-font-style);\n  line-height: var(--ig-h5-line-height);\n  letter-spacing: var(--ig-h5-letter-spacing);\n  text-transform: var(--ig-h5-text-transform);\n  margin-top: var(--ig-h5-margin-top);\n  margin-bottom: var(--ig-h5-margin-bottom);\n  line-height: normal;\n  margin: 0;\n}`;\n"]}

package/components/navbar/themes/light/navbar.fluent.css.js

@@ -1,62 +1,14 @@
 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(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-
-[hidden] {
-  display: none !important;
-}
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
-  background: var(--background);
-  color: var(--text-color);
-  -webkit-box-shadow: var(--ig-elevation-4);
-          box-shadow: var(--ig-elevation-4);
-}
-:host,
-:host ig-navbar {
   --elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));
   --background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
   --text-color: var(--ig-navbar-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
   --idle-icon-color: var(--ig-navbar-idle-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
   --hover-icon-color: var(--ig-navbar-hover-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
+  background: var(--background);
+  color: var(--text-color);
+  -webkit-box-shadow: var(--ig-elevation-4);
+          box-shadow: var(--ig-elevation-4);
 }
 
 ::slotted(igc-icon) {

package/components/navbar/themes/light/navbar.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgFvB,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: 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  background: var(--background);\n  color: var(--text-color);\n  -webkit-box-shadow: var(--ig-elevation-4);\n          box-shadow: var(--ig-elevation-4);\n}\n:host,\n:host ig-navbar {\n  --elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));\n  --background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --text-color: var(--ig-navbar-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --idle-icon-color: var(--ig-navbar-idle-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --hover-icon-color: var(--ig-navbar-hover-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n\n::slotted(igc-icon) {\n  color: var(--idle-icon-color);\n}\n\n::slotted(igc-icon:hover) {\n  color: var(--hover-icon-color);\n}\n\n::slotted(*) {\n  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-subtitle-2-font-size);\n  font-weight: var(--ig-subtitle-2-font-weight);\n  font-style: var(--ig-subtitle-2-font-style);\n  line-height: var(--ig-subtitle-2-line-height);\n  letter-spacing: var(--ig-subtitle-2-letter-spacing);\n  text-transform: var(--ig-subtitle-2-text-transform);\n  margin-top: var(--ig-subtitle-2-margin-top);\n  margin-bottom: var(--ig-subtitle-2-margin-bottom);\n  line-height: normal;\n  margin: 0;\n}`;\n"]}
+{"version":3,"file":"navbar.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.fluent.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  --elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));\n  --background: var(--ig-navbar-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --text-color: var(--ig-navbar-text-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --idle-icon-color: var(--ig-navbar-idle-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --hover-icon-color: var(--ig-navbar-hover-icon-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  background: var(--background);\n  color: var(--text-color);\n  -webkit-box-shadow: var(--ig-elevation-4);\n          box-shadow: var(--ig-elevation-4);\n}\n\n::slotted(igc-icon) {\n  color: var(--idle-icon-color);\n}\n\n::slotted(igc-icon:hover) {\n  color: var(--hover-icon-color);\n}\n\n::slotted(*) {\n  font-family: var(--ig-subtitle-2-font-family, var(--ig-font-family));\n  font-size: var(--ig-subtitle-2-font-size);\n  font-weight: var(--ig-subtitle-2-font-weight);\n  font-style: var(--ig-subtitle-2-font-style);\n  line-height: var(--ig-subtitle-2-line-height);\n  letter-spacing: var(--ig-subtitle-2-letter-spacing);\n  text-transform: var(--ig-subtitle-2-text-transform);\n  margin-top: var(--ig-subtitle-2-margin-top);\n  margin-bottom: var(--ig-subtitle-2-margin-bottom);\n  line-height: normal;\n  margin: 0;\n}`;\n"]}

package/components/navbar/themes/light/navbar.indigo.css.js

@@ -1,62 +1,14 @@
 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(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-
-[hidden] {
-  display: none !important;
-}
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
-  background: var(--background);
-  color: var(--text-color);
-  -webkit-box-shadow: var(--ig-elevation-0);
-          box-shadow: var(--ig-elevation-0);
-}
-:host,
-:host ig-navbar {
   --elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));
   --background: var(--ig-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));
   --text-color: var(--ig-navbar-text-color, var(--ig-primary-500-contrast));
   --idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500-contrast));
   --hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500-contrast));
+  background: var(--background);
+  color: var(--text-color);
+  -webkit-box-shadow: var(--ig-elevation-0);
+          box-shadow: var(--ig-elevation-0);
 }
 
 ::slotted(igc-icon) {

package/components/navbar/themes/light/navbar.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkEvB,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: 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  background: var(--background);\n  color: var(--text-color);\n  -webkit-box-shadow: var(--ig-elevation-0);\n          box-shadow: var(--ig-elevation-0);\n}\n:host,\n:host ig-navbar {\n  --elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));\n  --background: var(--ig-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --text-color: var(--ig-navbar-text-color, var(--ig-primary-500-contrast));\n  --idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500-contrast));\n  --hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500-contrast));\n}\n\n::slotted(igc-icon) {\n  color: var(--idle-icon-color);\n}\n\n::slotted(igc-icon:hover) {\n  color: var(--hover-icon-color);\n}`;\n"]}
+{"version":3,"file":"navbar.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;EAkBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-navbar-elevation, var(--ig-elevation-0));\n  --background: var(--ig-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --text-color: var(--ig-navbar-text-color, var(--ig-primary-500-contrast));\n  --idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500-contrast));\n  --hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500-contrast));\n  background: var(--background);\n  color: var(--text-color);\n  -webkit-box-shadow: var(--ig-elevation-0);\n          box-shadow: var(--ig-elevation-0);\n}\n\n::slotted(igc-icon) {\n  color: var(--idle-icon-color);\n}\n\n::slotted(igc-icon:hover) {\n  color: var(--hover-icon-color);\n}`;\n"]}

package/components/navbar/themes/light/navbar.material.css.js

@@ -1,62 +1,14 @@
 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(--ig-scrollbar-size);
-  scrollbar-color: var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background);
-}
-:host *,
-:host *::before,
-:host *::after {
-  -webkit-box-sizing: border-box;
-          box-sizing: border-box;
-}
-:host ::-webkit-scrollbar {
-  width: var(--ig-scrollbar-size);
-  height: var(--ig-scrollbar-size);
-  background: var(--ig-scrollbar-track-background);
-}
-:host ::-webkit-scrollbar-thumb {
-  background: var(--ig-scrollbar-thumb-background);
-}
-
-[hidden] {
-  display: none !important;
-}
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
-  background: var(--background);
-  color: var(--text-color);
-  -webkit-box-shadow: var(--ig-elevation-4);
-          box-shadow: var(--ig-elevation-4);
-}
-:host,
-:host ig-navbar {
   --elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));
   --background: var(--ig-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));
   --text-color: var(--ig-navbar-text-color, var(--ig-primary-500-contrast));
   --idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500-contrast));
   --hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500-contrast));
+  background: var(--background);
+  color: var(--text-color);
+  -webkit-box-shadow: var(--ig-elevation-4);
+          box-shadow: var(--ig-elevation-4);
 }
 
 ::slotted(igc-icon) {

package/components/navbar/themes/light/navbar.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAkEvB,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: 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */\n/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  background: var(--background);\n  color: var(--text-color);\n  -webkit-box-shadow: var(--ig-elevation-4);\n          box-shadow: var(--ig-elevation-4);\n}\n:host,\n:host ig-navbar {\n  --elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));\n  --background: var(--ig-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --text-color: var(--ig-navbar-text-color, var(--ig-primary-500-contrast));\n  --idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500-contrast));\n  --hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500-contrast));\n}\n\n::slotted(igc-icon) {\n  color: var(--idle-icon-color);\n}\n\n::slotted(igc-icon:hover) {\n  color: var(--hover-icon-color);\n}`;\n"]}
+{"version":3,"file":"navbar.material.css.js","sourceRoot":"","sources":["../../../../../src/components/navbar/themes/light/navbar.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;EAkBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-navbar-elevation, var(--ig-elevation-4));\n  --background: var(--ig-navbar-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  --text-color: var(--ig-navbar-text-color, var(--ig-primary-500-contrast));\n  --idle-icon-color: var(--ig-navbar-idle-icon-color, var(--ig-primary-500-contrast));\n  --hover-icon-color: var(--ig-navbar-hover-icon-color, var(--ig-primary-500-contrast));\n  background: var(--background);\n  color: var(--text-color);\n  -webkit-box-shadow: var(--ig-elevation-4);\n          box-shadow: var(--ig-elevation-4);\n}\n\n::slotted(igc-icon) {\n  color: var(--idle-icon-color);\n}\n\n::slotted(igc-icon:hover) {\n  color: var(--hover-icon-color);\n}`;\n"]}

package/components/navbar/themes/navbar.base.css.js

@@ -27,11 +27,10 @@ export const styles = css `:host {
   background: var(--ig-scrollbar-thumb-background);
 }
 
+:host([hidden]),
 [hidden] {
   display: none !important;
 }
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 :host {
   display: -webkit-box;
   display: -ms-flexbox;
@@ -122,7 +121,6 @@ export const styles = css `:host {
   height: 2rem;
   font-size: 2rem;
   -webkit-transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
-  -o-transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
   transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);
 }
 

package/components/navbar/themes/navbar.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"navbar.base.css.js","sourceRoot":"","sources":["../../../../src/components/navbar/themes/navbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA2IvB,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: 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  width: 100%;\n  min-height: 3.5rem;\n  max-height: 8rem;\n  padding: 0 1rem;\n  font-family: var(--ig-font-family);\n  z-index: 4;\n}\n\n[part=base] {\n  display: inherit;\n  position: relative;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-flex: 1;\n      -ms-flex-positive: 1;\n          flex-grow: 1;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n[part=middle] {\n  display: -webkit-inline-box;\n  -webkit-line-clamp: 4;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n      -ms-user-select: text;\n          user-select: text;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-flex: 1;\n      -ms-flex-positive: 1;\n          flex-grow: 1;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  overflow: visible;\n}\n\n[part=start],\n[part=end] {\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  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  overflow: visible;\n}\n\n[name=start]::slotted(*) {\n  -webkit-margin-end: 1rem;\n          margin-inline-end: 1rem;\n  -webkit-margin-start: 0.0625rem;\n          margin-inline-start: 0.0625rem;\n}\n\n[name=end]::slotted(*) {\n  -webkit-margin-start: 1rem;\n          margin-inline-start: 1rem;\n  -webkit-margin-end: 0.0625rem;\n          margin-inline-end: 0.0625rem;\n}\n\n::slotted(igc-avatar[part=base]) {\n  max-width: 2rem;\n  max-height: 2rem;\n  min-height: 0;\n  min-width: 0;\n}\n\n::slotted(igc-icon) {\n  cursor: pointer;\n  width: 2rem;\n  height: 2rem;\n  font-size: 2rem;\n  -webkit-transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  -o-transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n::slotted(*) {\n  font-family: var(--ig-h6-font-family, var(--ig-font-family));\n  font-size: var(--ig-h6-font-size);\n  font-weight: var(--ig-h6-font-weight);\n  font-style: var(--ig-h6-font-style);\n  line-height: var(--ig-h6-line-height);\n  letter-spacing: var(--ig-h6-letter-spacing);\n  text-transform: var(--ig-h6-text-transform);\n  margin-top: var(--ig-h6-margin-top);\n  margin-bottom: var(--ig-h6-margin-bottom);\n  line-height: normal;\n  margin: 0;\n}`;\n"]}
+{"version":3,"file":"navbar.base.css.js","sourceRoot":"","sources":["../../../../src/components/navbar/themes/navbar.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyIvB,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: 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:host([hidden]),\n[hidden] {\n  display: none !important;\n}\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  width: 100%;\n  min-height: 3.5rem;\n  max-height: 8rem;\n  padding: 0 1rem;\n  font-family: var(--ig-font-family);\n  z-index: 4;\n}\n\n[part=base] {\n  display: inherit;\n  position: relative;\n  -webkit-box-orient: horizontal;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: row nowrap;\n          flex-flow: row nowrap;\n  -webkit-box-flex: 1;\n      -ms-flex-positive: 1;\n          flex-grow: 1;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n}\n\n[part=middle] {\n  display: -webkit-inline-box;\n  -webkit-line-clamp: 4;\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  -webkit-user-select: text;\n     -moz-user-select: text;\n      -ms-user-select: text;\n          user-select: text;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-flex: 1;\n      -ms-flex-positive: 1;\n          flex-grow: 1;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  overflow: visible;\n}\n\n[part=start],\n[part=end] {\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  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  overflow: visible;\n}\n\n[name=start]::slotted(*) {\n  -webkit-margin-end: 1rem;\n          margin-inline-end: 1rem;\n  -webkit-margin-start: 0.0625rem;\n          margin-inline-start: 0.0625rem;\n}\n\n[name=end]::slotted(*) {\n  -webkit-margin-start: 1rem;\n          margin-inline-start: 1rem;\n  -webkit-margin-end: 0.0625rem;\n          margin-inline-end: 0.0625rem;\n}\n\n::slotted(igc-avatar[part=base]) {\n  max-width: 2rem;\n  max-height: 2rem;\n  min-height: 0;\n  min-width: 0;\n}\n\n::slotted(igc-icon) {\n  cursor: pointer;\n  width: 2rem;\n  height: 2rem;\n  font-size: 2rem;\n  -webkit-transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n  transition: color 0.15s cubic-bezier(0.25, 0.46, 0.45, 0.94);\n}\n\n::slotted(*) {\n  font-family: var(--ig-h6-font-family, var(--ig-font-family));\n  font-size: var(--ig-h6-font-size);\n  font-weight: var(--ig-h6-font-weight);\n  font-style: var(--ig-h6-font-style);\n  line-height: var(--ig-h6-line-height);\n  letter-spacing: var(--ig-h6-letter-spacing);\n  text-transform: var(--ig-h6-text-transform);\n  margin-top: var(--ig-h6-margin-top);\n  margin-bottom: var(--ig-h6-margin-bottom);\n  line-height: normal;\n  margin: 0;\n}`;\n"]}

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

@@ -27,11 +27,10 @@ export const styles = css `:host {
   background: var(--ig-scrollbar-thumb-background);
 }
 
+:host([hidden]),
 [hidden] {
   display: none !important;
 }
-
-/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
 @-webkit-keyframes indeterminate-primary {
   0% {
     -webkit-transform: translateX(0);
@@ -405,7 +404,6 @@ export const styles = css `:host {
   stroke-dasharray: calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);
   stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));
   -webkit-transition: stroke-dashoffset var(--duration) linear;
-  -o-transition: stroke-dashoffset var(--duration) linear;
   transition: stroke-dashoffset var(--duration) linear;
   --percentage: 0;
   --duration: 500ms;

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

@@ -1 +1 @@
-{"version":3,"file":"circular.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+cvB,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: 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 */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* 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-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  position: relative;\n  --stroke-thickness: 2px;\n  --diameter: 30px;\n}\n\n[part~=label] {\n  fill: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  position: absolute;\n  -webkit-transform: translate(-50%, -50%);\n      -ms-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n  top: 50%;\n  left: 50%;\n}\n\n[part~=label],\n[part~=value] {\n  font-size: calc(var(--diameter) / 3 - var(--stroke-thickness));\n  line-height: normal;\n}\n\n[part=\"svg indeterminate\"] {\n  -webkit-transform-origin: 50% 50%;\n      -ms-transform-origin: 50% 50%;\n          transform-origin: 50% 50%;\n  -webkit-animation: 3s linear 0s infinite normal none running rotate-center;\n          animation: 3s linear 0s infinite normal none running rotate-center;\n}\n\n[part=\"svg indeterminate\"] [part~=fill] {\n  stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n  -webkit-animation: indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;\n          animation: indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;\n}\n\n[part~=svg] {\n  width: calc(var(--diameter) + var(--stroke-thickness));\n  height: calc(var(--diameter) + var(--stroke-thickness));\n  -webkit-transform: rotate(-90deg);\n      -ms-transform: rotate(-90deg);\n          transform: rotate(-90deg);\n}\n\n[part~=track] {\n  stroke: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n[part~=fill] {\n  stroke-dasharray: calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);\n  stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));\n  -webkit-transition: stroke-dashoffset var(--duration) linear;\n  -o-transition: stroke-dashoffset var(--duration) linear;\n  transition: stroke-dashoffset var(--duration) linear;\n  --percentage: 0;\n  --duration: 500ms;\n}\n\n[part~=track],\n[part~=fill] {\n  width: 100%;\n  height: 100%;\n  fill: transparent;\n  stroke-width: var(--stroke-thickness);\n  cx: calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);\n  cy: calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);\n  r: calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5);\n  -webkit-transform-origin: center;\n      -ms-transform-origin: center;\n          transform-origin: center;\n}\n\n[part~=gradient_start],\n[part~=gradient_end] {\n  stop-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([variant=danger]) [part~=gradient_start],\n:host([variant=danger]) [part~=gradient_end] {\n  stop-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([variant=warning]) [part~=gradient_start],\n:host([variant=warning]) [part~=gradient_end] {\n  stop-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n:host([variant=info]) [part~=gradient_start],\n:host([variant=info]) [part~=gradient_end] {\n  stop-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n:host([variant=success]) [part~=gradient_start],\n:host([variant=success]) [part~=gradient_end] {\n  stop-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill] {\n  -webkit-animation-name: indeterminate-accordion-rtl;\n          animation-name: indeterminate-accordion-rtl;\n}\n:host([dir=rtl]) [part~=indeterminate] {\n  animation-direction: reverse;\n}\n:host([dir=rtl]) [part~=indeterminate] [part~=track] {\n  animation-direction: reverse;\n}\n:host([dir=rtl]) [part~=fill] {\n  stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));\n}`;\n"]}
+{"version":3,"file":"circular.progress.base.css.js","sourceRoot":"","sources":["../../../../../src/components/progress/themes/circular/circular.progress.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6cvB,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: 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:host([hidden]),\n[hidden] {\n  display: none !important;\n}\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-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  position: relative;\n  --stroke-thickness: 2px;\n  --diameter: 30px;\n}\n\n[part~=label] {\n  fill: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  position: absolute;\n  -webkit-transform: translate(-50%, -50%);\n      -ms-transform: translate(-50%, -50%);\n          transform: translate(-50%, -50%);\n  top: 50%;\n  left: 50%;\n}\n\n[part~=label],\n[part~=value] {\n  font-size: calc(var(--diameter) / 3 - var(--stroke-thickness));\n  line-height: normal;\n}\n\n[part=\"svg indeterminate\"] {\n  -webkit-transform-origin: 50% 50%;\n      -ms-transform-origin: 50% 50%;\n          transform-origin: 50% 50%;\n  -webkit-animation: 3s linear 0s infinite normal none running rotate-center;\n          animation: 3s linear 0s infinite normal none running rotate-center;\n}\n\n[part=\"svg indeterminate\"] [part~=fill] {\n  stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) * 2);\n  -webkit-animation: indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;\n          animation: indeterminate-accordion 1.5s cubic-bezier(0, 0.085, 0.68, 0.53) normal infinite;\n}\n\n[part~=svg] {\n  width: calc(var(--diameter) + var(--stroke-thickness));\n  height: calc(var(--diameter) + var(--stroke-thickness));\n  -webkit-transform: rotate(-90deg);\n      -ms-transform: rotate(-90deg);\n          transform: rotate(-90deg);\n}\n\n[part~=track] {\n  stroke: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n[part~=fill] {\n  stroke-dasharray: calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416);\n  stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) - var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));\n  -webkit-transition: stroke-dashoffset var(--duration) linear;\n  transition: stroke-dashoffset var(--duration) linear;\n  --percentage: 0;\n  --duration: 500ms;\n}\n\n[part~=track],\n[part~=fill] {\n  width: 100%;\n  height: 100%;\n  fill: transparent;\n  stroke-width: var(--stroke-thickness);\n  cx: calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);\n  cy: calc(calc(var(--diameter) + var(--stroke-thickness)) / 2);\n  r: calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5);\n  -webkit-transform-origin: center;\n      -ms-transform-origin: center;\n          transform-origin: center;\n}\n\n[part~=gradient_start],\n[part~=gradient_end] {\n  stop-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n\n:host([variant=danger]) [part~=gradient_start],\n:host([variant=danger]) [part~=gradient_end] {\n  stop-color: hsla(var(--ig-error-500), var(--ig-error-a));\n}\n\n:host([variant=warning]) [part~=gradient_start],\n:host([variant=warning]) [part~=gradient_end] {\n  stop-color: hsla(var(--ig-warn-500), var(--ig-warn-a));\n}\n\n:host([variant=info]) [part~=gradient_start],\n:host([variant=info]) [part~=gradient_end] {\n  stop-color: hsla(var(--ig-info-500), var(--ig-info-a));\n}\n\n:host([variant=success]) [part~=gradient_start],\n:host([variant=success]) [part~=gradient_end] {\n  stop-color: hsla(var(--ig-success-500), var(--ig-success-a));\n}\n\n:host([dir=rtl]) [part=\"svg indeterminate\"] [part~=fill] {\n  -webkit-animation-name: indeterminate-accordion-rtl;\n          animation-name: indeterminate-accordion-rtl;\n}\n:host([dir=rtl]) [part~=indeterminate] {\n  animation-direction: reverse;\n}\n:host([dir=rtl]) [part~=indeterminate] [part~=track] {\n  animation-direction: reverse;\n}\n:host([dir=rtl]) [part~=fill] {\n  stroke-dashoffset: calc(calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416) + var(--percentage) * calc(calc(var(--diameter) / 2 - var(--stroke-thickness) * 0.5) * 2 * 3.1416));\n}`;\n"]}

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

@@ -1,6 +1,5 @@
 import { css } from 'lit';
-export const styles = css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
-:host {
+export const styles = css `:host {
   --stroke-thickness: 4px;
   --diameter: 28px;
 }