igniteui-webcomponents 3.3.1 → 4.0.0-alpha

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

@@ -1,3 +1,36 @@
 import { css } from 'lit';
-export const styles = css `:host{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*1.625rem,1.625rem);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);text-align:center;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:hsla(var(--igc-gray-700), var(--igc-gray-a));color:var(--igc-gray-700-contrast);padding:1rem 1.5rem;margin:2.625rem auto;min-width:3.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(:not([open])){display:none}`;
+export const styles = css `:host {
+  font-family: var(--ig-body-2-font-family);
+  font-size: var(--ig-body-2-font-size);
+  font-weight: var(--ig-body-2-font-weight);
+  font-style: var(--ig-body-2-font-style);
+  line-height: var(--ig-body-2-line-height);
+  letter-spacing: var(--ig-body-2-letter-spacing);
+  text-transform: var(--ig-body-2-text-transform);
+  margin-top: var(--ig-body-2-margin-top);
+  margin-bottom: var(--ig-body-2-margin-bottom);
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.625rem), 1.625rem);
+  display: -webkit-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  font-family: var(--ig-font-family);
+  text-align: center;
+  position: fixed;
+  bottom: 0;
+  left: 50%;
+  -webkit-transform: translateX(-50%);
+      -ms-transform: translateX(-50%);
+          transform: translateX(-50%);
+  background: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  color: var(--ig-gray-700-contrast);
+  padding: 1rem 1.5rem;
+  margin: 2.625rem auto;
+  min-width: 3.25rem;
+  -webkit-backdrop-filter: blur(10px);
+          backdrop-filter: blur(10px);
+}
+
+:host(:not([open])) {
+  display: none;
+}`;
 //# sourceMappingURL=toast.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"toast.base.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i8BAAi8B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);border-radius:clamp(0rem,var(--igc-radius-factor)*1.625rem,1.625rem);display:-webkit-inline-box;display:-ms-inline-flexbox;display:inline-flex;font-family:var(--igc-font-family);text-align:center;position:fixed;bottom:0;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);background:hsla(var(--igc-gray-700), var(--igc-gray-a));color:var(--igc-gray-700-contrast);padding:1rem 1.5rem;margin:2.625rem auto;min-width:3.25rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}:host(:not([open])){display:none}`;\n"]}
+{"version":3,"file":"toast.base.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAiCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 1.625rem), 1.625rem);\n  display: -webkit-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  font-family: var(--ig-font-family);\n  text-align: center;\n  position: fixed;\n  bottom: 0;\n  left: 50%;\n  -webkit-transform: translateX(-50%);\n      -ms-transform: translateX(-50%);\n          transform: translateX(-50%);\n  background: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  color: var(--ig-gray-700-contrast);\n  padding: 1rem 1.5rem;\n  margin: 2.625rem auto;\n  min-width: 3.25rem;\n  -webkit-backdrop-filter: blur(10px);\n          backdrop-filter: blur(10px);\n}\n\n:host(:not([open])) {\n  display: none;\n}`;\n"]}

package/components/toast/themes/toast.bootstrap.css.js

@@ -1,3 +1,11 @@
 import { css } from 'lit';
-export const styles = css `:host{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);color:var(--igc-surface-500-contrast);background:hsla(var(--igc-surface-500), var(--igc-surface-a));outline:1px solid hsla(var(--igc-gray-300), var(--igc-gray-a));padding:.6875rem;-webkit-box-shadow:var(--igc-elevation-10);box-shadow:var(--igc-elevation-10)}`;
+export const styles = css `:host {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+  color: var(--ig-surface-500-contrast);
+  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  outline: 1px solid hsla(var(--ig-gray-300), var(--ig-gray-a));
+  padding: 0.6875rem;
+  -webkit-box-shadow: var(--ig-elevation-10);
+          box-shadow: var(--ig-elevation-10);
+}`;
 //# sourceMappingURL=toast.bootstrap.css.js.map

package/components/toast/themes/toast.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2UAA2U,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);color:var(--igc-surface-500-contrast);background:hsla(var(--igc-surface-500), var(--igc-surface-a));outline:1px solid hsla(var(--igc-gray-300), var(--igc-gray-a));padding:.6875rem;-webkit-box-shadow:var(--igc-elevation-10);box-shadow:var(--igc-elevation-10)}`;\n"]}
+{"version":3,"file":"toast.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;EAQvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  color: var(--ig-surface-500-contrast);\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  outline: 1px solid hsla(var(--ig-gray-300), var(--ig-gray-a));\n  padding: 0.6875rem;\n  -webkit-box-shadow: var(--ig-elevation-10);\n          box-shadow: var(--ig-elevation-10);\n}`;\n"]}

package/components/toast/themes/toast.fluent.css.js

@@ -1,3 +1,8 @@
 import { css } from 'lit';
-export const styles = css `:host{color:var(--igc-gray-100-contrast);background:hsla(var(--igc-gray-100), var(--igc-gray-a));padding:.5rem .75rem;border-radius:0}`;
+export const styles = css `:host {
+  color: var(--ig-gray-100-contrast);
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  padding: 0.5rem 0.75rem;
+  border-radius: 0;
+}`;
 //# sourceMappingURL=toast.fluent.css.js.map

package/components/toast/themes/toast.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.fluent.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wIAAwI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{color:var(--igc-gray-100-contrast);background:hsla(var(--igc-gray-100), var(--igc-gray-a));padding:.5rem .75rem;border-radius:0}`;\n"]}
+{"version":3,"file":"toast.fluent.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;EAKvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  color: var(--ig-gray-100-contrast);\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  padding: 0.5rem 0.75rem;\n  border-radius: 0;\n}`;\n"]}

package/components/toast/themes/toast.indigo.css.js

@@ -1,3 +1,8 @@
 import { css } from 'lit';
-export const styles = css `:host{border-radius:clamp(0rem,var(--igc-radius-factor)*.375rem,.375rem);color:var(--igc-gray-700-contrast);background:hsla(var(--igc-gray-700), var(--igc-gray-a));padding:.625rem 1rem}`;
+export const styles = css `:host {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.375rem), 0.375rem);
+  color: var(--ig-gray-700-contrast);
+  background: hsla(var(--ig-gray-700), var(--ig-gray-a));
+  padding: 0.625rem 1rem;
+}`;
 //# sourceMappingURL=toast.indigo.css.js.map

package/components/toast/themes/toast.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"toast.indigo.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2LAA2L,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:clamp(0rem,var(--igc-radius-factor)*.375rem,.375rem);color:var(--igc-gray-700-contrast);background:hsla(var(--igc-gray-700), var(--igc-gray-a));padding:.625rem 1rem}`;\n"]}
+{"version":3,"file":"toast.indigo.css.js","sourceRoot":"","sources":["../../../../src/components/toast/themes/toast.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;EAKvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.375rem), 0.375rem);\n  color: var(--ig-gray-700-contrast);\n  background: hsla(var(--ig-gray-700), var(--ig-gray-a));\n  padding: 0.625rem 1rem;\n}`;\n"]}

package/components/tree/themes/light/tree-item.base.css.js

@@ -1,3 +1,192 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:inherit;--igc-tree-indentation-size: 24px}:host(:focus-within){outline:none}:host([disabled]){color:hsla(var(--igc-gray-500), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=wrapper]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast)}[part~=wrapper]::after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0)}[part~=wrapper]:hover::after{background:var(--hover-color, hsla(var(--igc-gray-900), 0.1))}[part~=active]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}[part~=selected]{background:hsla(var(--igc-secondary-200), var(--igc-secondary-a));color:var(--igc-secondary-200-contrast)}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:hsla(var(--igc-secondary-300), var(--igc-secondary-a));color:var(--igc-secondary-300-contrast)}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=indicator]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-margin-end:.25rem;margin-inline-end:.25rem;min-width:1.5rem}[part~=indicator] igc-icon{width:1.5rem;height:1.5rem;font-size:1.5rem}[part~=label]{display:block;font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);margin:0}[part~=label],[part~=text]{z-index:1;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part~=select]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-margin-end:.25rem;margin-inline-end:.25rem}[part~=select] igc-checkbox::part(label){display:none}[part~=large]{height:3.125rem}[part~=large] igc-circular-progress{--diameter: 1.5rem}[part~=medium]{height:2.5rem}[part~=medium] igc-circular-progress{--diameter: 1.25rem}[part~=small]{height:2rem}[part~=small] igc-circular-progress{--diameter: 1.125rem}[part~=wrapper][part~=large]{padding:0 1.5rem}[part~=wrapper][part~=medium]{padding:0 1rem}[part~=wrapper][part~=small]{padding:0 .75rem}`;
+export const styles = css `:host {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--scrolbar-size, 0.875rem);
+  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--scrolbar-size, 0.875rem);
+  height: var(--scrolbar-size, 0.875rem);
+  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+
+[hidden] {
+  display: none !important;
+}
+
+:host {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  font-family: inherit;
+  --igc-tree-indentation-size: 24px;
+}
+
+:host(:focus-within) {
+  outline: none;
+}
+
+:host([disabled]) {
+  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+}
+
+[part~=wrapper] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  position: relative;
+  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  color: var(--ig-surface-500-contrast);
+}
+[part~=wrapper]::after {
+  content: "";
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 100%;
+  height: 100%;
+  z-index: 0;
+  background: transparent;
+}
+[part~=wrapper]:hover::after {
+  background: var(--hover-color, hsla(var(--ig-gray-900), 0.1));
+}
+
+[part~=active] {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  color: var(--ig-gray-200-contrast);
+}
+
+[part~=selected] {
+  background: hsla(var(--ig-secondary-200), var(--ig-secondary-a));
+  color: var(--ig-secondary-200-contrast);
+}
+
+[part~=selected][part~=focused][part~=active],
+[part~=selected][part~=focused],
+[part~=selected][part~=active] {
+  background: hsla(var(--ig-secondary-300), var(--ig-secondary-a));
+  color: var(--ig-secondary-300-contrast);
+}
+
+[part~=focused] {
+  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+          box-shadow: inset 0 0 0 1px hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+}
+
+[part~=indicator] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  z-index: 1;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  cursor: pointer;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-margin-end: 0.25rem;
+          margin-inline-end: 0.25rem;
+  min-width: 1.5rem;
+}
+[part~=indicator] igc-icon {
+  width: 1.5rem;
+  height: 1.5rem;
+  font-size: 1.5rem;
+}
+
+[part~=label] {
+  display: block;
+  font-family: var(--ig-body-2-font-family);
+  font-size: var(--ig-body-2-font-size);
+  font-weight: var(--ig-body-2-font-weight);
+  font-style: var(--ig-body-2-font-style);
+  line-height: var(--ig-body-2-line-height);
+  letter-spacing: var(--ig-body-2-letter-spacing);
+  text-transform: var(--ig-body-2-text-transform);
+  margin-top: var(--ig-body-2-margin-top);
+  margin-bottom: var(--ig-body-2-margin-bottom);
+  margin: 0;
+}
+
+[part~=label],
+[part~=text] {
+  z-index: 1;
+  white-space: nowrap;
+  -o-text-overflow: ellipsis;
+     text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+[part~=select] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  z-index: 1;
+  -webkit-margin-end: 0.25rem;
+          margin-inline-end: 0.25rem;
+}
+[part~=select] igc-checkbox::part(label) {
+  display: none;
+}
+
+[part~=large] {
+  height: 3.125rem;
+}
+[part~=large] igc-circular-progress {
+  --diameter: 1.5rem;
+}
+
+[part~=medium] {
+  height: 2.5rem;
+}
+[part~=medium] igc-circular-progress {
+  --diameter: 1.25rem;
+}
+
+[part~=small] {
+  height: 2rem;
+}
+[part~=small] igc-circular-progress {
+  --diameter: 1.125rem;
+}
+
+[part~=wrapper][part~=large] {
+  padding: 0 1.5rem;
+}
+
+[part~=wrapper][part~=medium] {
+  padding: 0 1rem;
+}
+
+[part~=wrapper][part~=small] {
+  padding: 0 0.75rem;
+}`;
 //# sourceMappingURL=tree-item.base.css.js.map

package/components/tree/themes/light/tree-item.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.base.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,gxHAAgxH,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;font-family:inherit;--igc-tree-indentation-size: 24px}:host(:focus-within){outline:none}:host([disabled]){color:hsla(var(--igc-gray-500), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a))}[part~=wrapper]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:relative;background:hsla(var(--igc-surface-500), var(--igc-surface-a));color:var(--igc-surface-500-contrast)}[part~=wrapper]::after{content:\"\";position:absolute;top:0;left:0;width:100%;height:100%;z-index:0;background:rgba(0,0,0,0)}[part~=wrapper]:hover::after{background:var(--hover-color, hsla(var(--igc-gray-900), 0.1))}[part~=active]{background:hsla(var(--igc-gray-200), var(--igc-gray-a));color:var(--igc-gray-200-contrast)}[part~=selected]{background:hsla(var(--igc-secondary-200), var(--igc-secondary-a));color:var(--igc-secondary-200-contrast)}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:hsla(var(--igc-secondary-300), var(--igc-secondary-a));color:var(--igc-secondary-300-contrast)}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-secondary-500), var(--igc-secondary-a))}[part~=indicator]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;cursor:pointer;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-margin-end:.25rem;margin-inline-end:.25rem;min-width:1.5rem}[part~=indicator] igc-icon{width:1.5rem;height:1.5rem;font-size:1.5rem}[part~=label]{display:block;font-family:var(--igc-body-2-font-family);font-weight:var(--igc-body-2-font-weight);font-size:var(--igc-body-2-font-size);font-style:var(--igc-body-2-font-style);letter-spacing:var(--igc-body-2-letter-spacing);text-transform:var(--igc-body-2-text-transform);line-height:var(--igc-body-2-line-height);margin-top:var(--igc-body-2-margin-top);margin-bottom:var(--igc-body-2-margin-bottom);margin:0}[part~=label],[part~=text]{z-index:1;white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}[part~=select]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;z-index:1;-webkit-margin-end:.25rem;margin-inline-end:.25rem}[part~=select] igc-checkbox::part(label){display:none}[part~=large]{height:3.125rem}[part~=large] igc-circular-progress{--diameter: 1.5rem}[part~=medium]{height:2.5rem}[part~=medium] igc-circular-progress{--diameter: 1.25rem}[part~=small]{height:2rem}[part~=small] igc-circular-progress{--diameter: 1.125rem}[part~=wrapper][part~=large]{padding:0 1.5rem}[part~=wrapper][part~=medium]{padding:0 1rem}[part~=wrapper][part~=small]{padding:0 .75rem}`;\n"]}
+{"version":3,"file":"tree-item.base.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree-item.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6LvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-direction: column;\n          flex-direction: column;\n  font-family: inherit;\n  --igc-tree-indentation-size: 24px;\n}\n\n:host(:focus-within) {\n  outline: none;\n}\n\n:host([disabled]) {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n}\n\n[part~=wrapper] {\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  position: relative;\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  color: var(--ig-surface-500-contrast);\n}\n[part~=wrapper]::after {\n  content: \"\";\n  position: absolute;\n  top: 0;\n  left: 0;\n  width: 100%;\n  height: 100%;\n  z-index: 0;\n  background: transparent;\n}\n[part~=wrapper]:hover::after {\n  background: var(--hover-color, hsla(var(--ig-gray-900), 0.1));\n}\n\n[part~=active] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  color: var(--ig-gray-200-contrast);\n}\n\n[part~=selected] {\n  background: hsla(var(--ig-secondary-200), var(--ig-secondary-a));\n  color: var(--ig-secondary-200-contrast);\n}\n\n[part~=selected][part~=focused][part~=active],\n[part~=selected][part~=focused],\n[part~=selected][part~=active] {\n  background: hsla(var(--ig-secondary-300), var(--ig-secondary-a));\n  color: var(--ig-secondary-300-contrast);\n}\n\n[part~=focused] {\n  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n          box-shadow: inset 0 0 0 1px hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}\n\n[part~=indicator] {\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  z-index: 1;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  cursor: pointer;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  -webkit-margin-end: 0.25rem;\n          margin-inline-end: 0.25rem;\n  min-width: 1.5rem;\n}\n[part~=indicator] igc-icon {\n  width: 1.5rem;\n  height: 1.5rem;\n  font-size: 1.5rem;\n}\n\n[part~=label] {\n  display: block;\n  font-family: var(--ig-body-2-font-family);\n  font-size: var(--ig-body-2-font-size);\n  font-weight: var(--ig-body-2-font-weight);\n  font-style: var(--ig-body-2-font-style);\n  line-height: var(--ig-body-2-line-height);\n  letter-spacing: var(--ig-body-2-letter-spacing);\n  text-transform: var(--ig-body-2-text-transform);\n  margin-top: var(--ig-body-2-margin-top);\n  margin-bottom: var(--ig-body-2-margin-bottom);\n  margin: 0;\n}\n\n[part~=label],\n[part~=text] {\n  z-index: 1;\n  white-space: nowrap;\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n[part~=select] {\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  z-index: 1;\n  -webkit-margin-end: 0.25rem;\n          margin-inline-end: 0.25rem;\n}\n[part~=select] igc-checkbox::part(label) {\n  display: none;\n}\n\n[part~=large] {\n  height: 3.125rem;\n}\n[part~=large] igc-circular-progress {\n  --diameter: 1.5rem;\n}\n\n[part~=medium] {\n  height: 2.5rem;\n}\n[part~=medium] igc-circular-progress {\n  --diameter: 1.25rem;\n}\n\n[part~=small] {\n  height: 2rem;\n}\n[part~=small] igc-circular-progress {\n  --diameter: 1.125rem;\n}\n\n[part~=wrapper][part~=large] {\n  padding: 0 1.5rem;\n}\n\n[part~=wrapper][part~=medium] {\n  padding: 0 1rem;\n}\n\n[part~=wrapper][part~=small] {\n  padding: 0 0.75rem;\n}`;\n"]}

package/components/tree/themes/light/tree-item.bootstrap.css.js

@@ -1,3 +1,28 @@
 import { css } from 'lit';
-export const styles = css `[part~=active]{background:var(--active-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:var(--active-color, var(--igc-gray-200-contrast))}[part~=selected]{background:var(--selected-background, hsla(var(--igc-primary-500), var(--igc-primary-a)));color:var(--selected-color, var(--igc-primary-600-contrast))}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:var(--active-selected-background, hsla(var(--igc-primary-600), var(--igc-primary-a)));color:var(--active-selected-color, var(--igc-primary-600-contrast))}[part~=select]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-200), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-200), var(--igc-primary-a)))}`;
+export const styles = css `[part~=active] {
+  background: var(--active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+  color: var(--active-color, var(--ig-gray-200-contrast));
+}
+
+[part~=selected] {
+  background: var(--selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));
+  color: var(--selected-color, var(--ig-primary-600-contrast));
+}
+
+[part~=selected][part~=focused][part~=active],
+[part~=selected][part~=focused],
+[part~=selected][part~=active] {
+  background: var(--active-selected-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));
+  color: var(--active-selected-color, var(--ig-primary-600-contrast));
+}
+
+[part~=select] {
+  -webkit-margin-end: 0.5rem;
+          margin-inline-end: 0.5rem;
+}
+
+[part~=focused] {
+  -webkit-box-shadow: inset 0 0 0 1px var(--focused-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));
+          box-shadow: inset 0 0 0 1px var(--focused-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));
+}`;
 //# sourceMappingURL=tree-item.bootstrap.css.js.map

package/components/tree/themes/light/tree-item.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m4BAAm4B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=active]{background:var(--active-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:var(--active-color, var(--igc-gray-200-contrast))}[part~=selected]{background:var(--selected-background, hsla(var(--igc-primary-500), var(--igc-primary-a)));color:var(--selected-color, var(--igc-primary-600-contrast))}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:var(--active-selected-background, hsla(var(--igc-primary-600), var(--igc-primary-a)));color:var(--active-selected-color, var(--igc-primary-600-contrast))}[part~=select]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-200), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-200), var(--igc-primary-a)))}`;\n"]}
+{"version":3,"file":"tree-item.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree-item.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;EAyBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=active] {\n  background: var(--active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  color: var(--active-color, var(--ig-gray-200-contrast));\n}\n\n[part~=selected] {\n  background: var(--selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  color: var(--selected-color, var(--ig-primary-600-contrast));\n}\n\n[part~=selected][part~=focused][part~=active],\n[part~=selected][part~=focused],\n[part~=selected][part~=active] {\n  background: var(--active-selected-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n  color: var(--active-selected-color, var(--ig-primary-600-contrast));\n}\n\n[part~=select] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n\n[part~=focused] {\n  -webkit-box-shadow: inset 0 0 0 1px var(--focused-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n          box-shadow: inset 0 0 0 1px var(--focused-border-color, hsla(var(--ig-primary-200), var(--ig-primary-a)));\n}`;\n"]}

package/components/tree/themes/light/tree-item.fluent.css.js

@@ -1,3 +1,28 @@
 import { css } from 'lit';
-export const styles = css `[part~=active]{background:var(--active-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:var(--active-color, var(--igc-gray-200-contrast))}[part~=selected]{background:var(--selected-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:var(--selected-color, var(--igc-gray-200-contrast))}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:var(--active-selected-background, hsla(var(--igc-gray-300), var(--igc-gray-a)));color:var(--active-selected-color, var(--igc-gray-300-contrast))}[part~=select]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-gray-800), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}`;
+export const styles = css `[part~=active] {
+  background: var(--active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+  color: var(--active-color, var(--ig-gray-200-contrast));
+}
+
+[part~=selected] {
+  background: var(--selected-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+  color: var(--selected-color, var(--ig-gray-200-contrast));
+}
+
+[part~=selected][part~=focused][part~=active],
+[part~=selected][part~=focused],
+[part~=selected][part~=active] {
+  background: var(--active-selected-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));
+  color: var(--active-selected-color, var(--ig-gray-300-contrast));
+}
+
+[part~=select] {
+  -webkit-margin-end: 0.5rem;
+          margin-inline-end: 0.5rem;
+}
+
+[part~=focused] {
+  -webkit-box-shadow: inset 0 0 0 1px var(--focused-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
+          box-shadow: inset 0 0 0 1px var(--focused-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));
+}`;
 //# sourceMappingURL=tree-item.fluent.css.js.map

package/components/tree/themes/light/tree-item.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q2BAAq2B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=active]{background:var(--active-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:var(--active-color, var(--igc-gray-200-contrast))}[part~=selected]{background:var(--selected-background, hsla(var(--igc-gray-200), var(--igc-gray-a)));color:var(--selected-color, var(--igc-gray-200-contrast))}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:var(--active-selected-background, hsla(var(--igc-gray-300), var(--igc-gray-a)));color:var(--active-selected-color, var(--igc-gray-300-contrast))}[part~=select]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-gray-800), var(--igc-gray-a)));box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-gray-800), var(--igc-gray-a)))}`;\n"]}
+{"version":3,"file":"tree-item.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree-item.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;EAyBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=active] {\n  background: var(--active-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  color: var(--active-color, var(--ig-gray-200-contrast));\n}\n\n[part~=selected] {\n  background: var(--selected-background, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n  color: var(--selected-color, var(--ig-gray-200-contrast));\n}\n\n[part~=selected][part~=focused][part~=active],\n[part~=selected][part~=focused],\n[part~=selected][part~=active] {\n  background: var(--active-selected-background, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  color: var(--active-selected-color, var(--ig-gray-300-contrast));\n}\n\n[part~=select] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n\n[part~=focused] {\n  -webkit-box-shadow: inset 0 0 0 1px var(--focused-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n          box-shadow: inset 0 0 0 1px var(--focused-border-color, hsla(var(--ig-gray-800), var(--ig-gray-a)));\n}`;\n"]}

package/components/tree/themes/light/tree-item.indigo.css.js

@@ -1,3 +1,31 @@
 import { css } from 'lit';
-export const styles = css `[part~=active]{background:var(--active-background, hsla(var(--igc-surface-500), var(--igc-surface-a)));color:var(--active-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part~=active]:hover{color:var(--active-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part~=selected]{background:var(--selected-background, hsla(var(--igc-primary-500), var(--igc-primary-a)));color:var(--selected-color, var(--igc-primary-600-contrast))}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:var(--active-selected-background, hsla(var(--igc-primary-400), var(--igc-primary-a)));color:var(--active-selected-color, var(--igc-primary-400-contrast))}[part~=select]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-300), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-300), var(--igc-primary-a)))}`;
+export const styles = css `[part~=active] {
+  background: var(--active-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
+  color: var(--active-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
+}
+[part~=active]:hover {
+  color: var(--active-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));
+}
+
+[part~=selected] {
+  background: var(--selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));
+  color: var(--selected-color, var(--ig-primary-600-contrast));
+}
+
+[part~=selected][part~=focused][part~=active],
+[part~=selected][part~=focused],
+[part~=selected][part~=active] {
+  background: var(--active-selected-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));
+  color: var(--active-selected-color, var(--ig-primary-400-contrast));
+}
+
+[part~=select] {
+  -webkit-margin-end: 0.5rem;
+          margin-inline-end: 0.5rem;
+}
+
+[part~=focused] {
+  -webkit-box-shadow: inset 0 0 0 1px var(--focused-border-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));
+          box-shadow: inset 0 0 0 1px var(--focused-border-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));
+}`;
 //# sourceMappingURL=tree-item.indigo.css.js.map

package/components/tree/themes/light/tree-item.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree-item.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kgCAAkgC,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=active]{background:var(--active-background, hsla(var(--igc-surface-500), var(--igc-surface-a)));color:var(--active-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part~=active]:hover{color:var(--active-color, hsla(var(--igc-primary-500), var(--igc-primary-a)))}[part~=selected]{background:var(--selected-background, hsla(var(--igc-primary-500), var(--igc-primary-a)));color:var(--selected-color, var(--igc-primary-600-contrast))}[part~=selected][part~=focused][part~=active],[part~=selected][part~=focused],[part~=selected][part~=active]{background:var(--active-selected-background, hsla(var(--igc-primary-400), var(--igc-primary-a)));color:var(--active-selected-color, var(--igc-primary-400-contrast))}[part~=select]{-webkit-margin-end:.5rem;margin-inline-end:.5rem}[part~=focused]{-webkit-box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-300), var(--igc-primary-a)));box-shadow:inset 0 0 0 1px var(--focused-border-color, hsla(var(--igc-primary-300), var(--igc-primary-a)))}`;\n"]}
+{"version":3,"file":"tree-item.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA4BvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=active] {\n  background: var(--active-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  color: var(--active-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n[part~=active]:hover {\n  color: var(--active-color, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n}\n\n[part~=selected] {\n  background: var(--selected-background, hsla(var(--ig-primary-500), var(--ig-primary-a)));\n  color: var(--selected-color, var(--ig-primary-600-contrast));\n}\n\n[part~=selected][part~=focused][part~=active],\n[part~=selected][part~=focused],\n[part~=selected][part~=active] {\n  background: var(--active-selected-background, hsla(var(--ig-primary-400), var(--ig-primary-a)));\n  color: var(--active-selected-color, var(--ig-primary-400-contrast));\n}\n\n[part~=select] {\n  -webkit-margin-end: 0.5rem;\n          margin-inline-end: 0.5rem;\n}\n\n[part~=focused] {\n  -webkit-box-shadow: inset 0 0 0 1px var(--focused-border-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));\n          box-shadow: inset 0 0 0 1px var(--focused-border-color, hsla(var(--ig-primary-300), var(--ig-primary-a)));\n}`;\n"]}

package/components/tree/themes/light/tree.base.css.js

@@ -1,3 +1,33 @@
 import { css } from 'lit';
-export const styles = css `:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:block;overflow:auto;font-family:var(--igc-font-family)}`;
+export const styles = css `:host {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--scrolbar-size, 0.875rem);
+  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--scrolbar-size, 0.875rem);
+  height: var(--scrolbar-size, 0.875rem);
+  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+
+[hidden] {
+  display: none !important;
+}
+
+:host {
+  display: block;
+  overflow: auto;
+  font-family: var(--ig-font-family);
+}`;
 //# sourceMappingURL=tree.base.css.js.map

package/components/tree/themes/light/tree.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"tree.base.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qyBAAqyB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--scrolbar-size, 0.875rem);scrollbar-color:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--scrolbar-size, 0.875rem);height:var(--scrolbar-size, 0.875rem);background:var(--igc-scrollbar-track-color, hsla(var(--igc-gray-200), var(--igc-gray-a)))}:host ::-webkit-scrollbar-thumb{background:var(--igc-scrollbar-thumb-color, hsla(var(--igc-gray-400), var(--igc-gray-a)))}[hidden]{display:none !important}:host{display:block;overflow:auto;font-family:var(--igc-font-family)}`;\n"]}
+{"version":3,"file":"tree.base.css.js","sourceRoot":"","sources":["../../../../../src/components/tree/themes/light/tree.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA8BvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n:host {\n  display: block;\n  overflow: auto;\n  font-family: var(--ig-font-family);\n}`;\n"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "igniteui-webcomponents",
-  "version": "3.3.1",
+  "version": "4.0.0-alpha",
   "description": "Ignite UI for Web Components is a complete library of UI components, giving you the ability to build modern web applications using encapsulation and the concept of reusable components in a dependency-free approach.",
   "author": "Infragistics",
   "license": "SEE LICENSE IN LICENSE",
@@ -56,7 +56,7 @@
     "tree"
   ],
   "dependencies": {
-    "@floating-ui/dom": "^1.0.0",
-    "lit": "^2.2.8"
+    "@floating-ui/dom": "^1.0.1",
+    "lit": "^2.3.0"
   }
 }