igniteui-webcomponents 3.3.0 → 4.0.0-alpha.2

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

@@ -1,3 +1,27 @@
 import { css } from 'lit';
-export const styles = css `:host{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:hover),:host([active]){background:hsla(var(--igc-primary-500), 0.15)}:host([selected]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([selected]:hover),:host([selected][active]){background:hsla(var(--igc-primary-400), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([disabled]){color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+:host {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+}
+
+:host(:hover),
+:host([active]) {
+  background: hsla(var(--ig-primary-500), 0.15);
+}
+
+:host([selected]) {
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  color: var(--ig-primary-500-contrast);
+}
+
+:host([selected]:hover),
+:host([selected][active]) {
+  background: hsla(var(--ig-primary-400), var(--ig-primary-a));
+  color: var(--ig-primary-400-contrast);
+}
+
+:host([disabled]) {
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=dropdown-item.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown-item.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2hBAA2hB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host(:hover),:host([active]){background:hsla(var(--igc-primary-500), 0.15)}:host([selected]){background:hsla(var(--igc-primary-500), var(--igc-primary-a));color:var(--igc-primary-500-contrast)}:host([selected]:hover),:host([selected][active]){background:hsla(var(--igc-primary-400), var(--igc-primary-a));color:var(--igc-primary-400-contrast)}:host([disabled]){color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"dropdown-item.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown-item.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;EAwBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host(:hover),\n:host([active]) {\n  background: hsla(var(--ig-primary-500), 0.15);\n}\n\n:host([selected]) {\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  color: var(--ig-primary-500-contrast);\n}\n\n:host([selected]:hover),\n:host([selected][active]) {\n  background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n  color: var(--ig-primary-400-contrast);\n}\n\n:host([disabled]) {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}

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

@@ -1,3 +1,71 @@
 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;font-family:var(--igc-font-family)}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);overflow-y:auto;overflow-x:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8);min-width:7rem;padding:.5rem 0;z-index:10005}:host([size=small]) ::slotted(igc-dropdown-item){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*3)}:host([size=small]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-dropdown-item){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*3)}:host([size=medium]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-dropdown-item){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*3)}:host([size=large]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;
+export const styles = css `:host {
+  position: relative;
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+  scrollbar-width: var(--scrolbar-size, 0.875rem);
+  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host *,
+:host *::before,
+:host *::after {
+  -webkit-box-sizing: border-box;
+          box-sizing: border-box;
+}
+:host ::-webkit-scrollbar {
+  width: var(--scrolbar-size, 0.875rem);
+  height: var(--scrolbar-size, 0.875rem);
+  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));
+}
+:host ::-webkit-scrollbar-thumb {
+  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));
+}
+
+[hidden] {
+  display: none !important;
+}
+
+/* stylelint-disable max-line-length */
+:host {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  font-family: var(--ig-font-family);
+}
+
+[part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+  overflow-y: auto;
+  overflow-x: hidden;
+  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  -webkit-box-shadow: var(--ig-elevation-8);
+          box-shadow: var(--ig-elevation-8);
+  min-width: 7rem;
+  padding: 0.5rem 0;
+  z-index: 10005;
+}
+
+:host([size=small]) ::slotted(igc-dropdown-item),
+:host([size=small]) ::slotted(igc-select-item) {
+  padding: var(--igc-spacing-small) calc(var(--igc-spacing-small) * 3);
+}
+:host([size=small]) ::slotted(igc-dropdown-header) {
+  padding: var(--igc-spacing-small) calc(var(--igc-spacing-small) * 2);
+}
+
+:host([size=medium]) ::slotted(igc-dropdown-item),
+:host([size=medium]) ::slotted(igc-select-item) {
+  padding: var(--igc-spacing-medium) calc(var(--igc-spacing-medium) * 3);
+}
+:host([size=medium]) ::slotted(igc-dropdown-header) {
+  padding: var(--igc-spacing-medium) calc(var(--igc-spacing-medium) * 2);
+}
+
+:host([size=large]) ::slotted(igc-dropdown-item),
+:host([size=large]) ::slotted(igc-select-item) {
+  padding: var(--igc-spacing-large) calc(var(--igc-spacing-large) * 3);
+}
+:host([size=large]) ::slotted(igc-dropdown-header) {
+  padding: var(--igc-spacing-large) calc(var(--igc-spacing-large) * 2);
+}`;
 //# sourceMappingURL=dropdown.base.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.base.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,kyDAAkyD,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;font-family:var(--igc-font-family)}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);overflow-y:auto;overflow-x:hidden;background:hsla(var(--igc-surface-500), var(--igc-surface-a));-webkit-box-shadow:var(--igc-elevation-8);box-shadow:var(--igc-elevation-8);min-width:7rem;padding:.5rem 0;z-index:10005}:host([size=small]) ::slotted(igc-dropdown-item){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*3)}:host([size=small]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-small) calc(var(--igc-spacing-small)*2)}:host([size=medium]) ::slotted(igc-dropdown-item){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*3)}:host([size=medium]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-medium) calc(var(--igc-spacing-medium)*2)}:host([size=large]) ::slotted(igc-dropdown-item){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*3)}:host([size=large]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-large) calc(var(--igc-spacing-large)*2)}`;\n"]}
+{"version":3,"file":"dropdown.base.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoEvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  position: relative;\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n  scrollbar-width: var(--scrolbar-size, 0.875rem);\n  scrollbar-color: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a))) var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host *,\n:host *::before,\n:host *::after {\n  -webkit-box-sizing: border-box;\n          box-sizing: border-box;\n}\n:host ::-webkit-scrollbar {\n  width: var(--scrolbar-size, 0.875rem);\n  height: var(--scrolbar-size, 0.875rem);\n  background: var(--igc-scrollbar-track-color, hsla(var(--ig-gray-200), var(--ig-gray-a)));\n}\n:host ::-webkit-scrollbar-thumb {\n  background: var(--igc-scrollbar-thumb-color, hsla(var(--ig-gray-400), var(--ig-gray-a)));\n}\n\n[hidden] {\n  display: none !important;\n}\n\n/* stylelint-disable max-line-length */\n:host {\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  font-family: var(--ig-font-family);\n}\n\n[part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  overflow-y: auto;\n  overflow-x: hidden;\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  -webkit-box-shadow: var(--ig-elevation-8);\n          box-shadow: var(--ig-elevation-8);\n  min-width: 7rem;\n  padding: 0.5rem 0;\n  z-index: 10005;\n}\n\n:host([size=small]) ::slotted(igc-dropdown-item),\n:host([size=small]) ::slotted(igc-select-item) {\n  padding: var(--igc-spacing-small) calc(var(--igc-spacing-small) * 3);\n}\n:host([size=small]) ::slotted(igc-dropdown-header) {\n  padding: var(--igc-spacing-small) calc(var(--igc-spacing-small) * 2);\n}\n\n:host([size=medium]) ::slotted(igc-dropdown-item),\n:host([size=medium]) ::slotted(igc-select-item) {\n  padding: var(--igc-spacing-medium) calc(var(--igc-spacing-medium) * 3);\n}\n:host([size=medium]) ::slotted(igc-dropdown-header) {\n  padding: var(--igc-spacing-medium) calc(var(--igc-spacing-medium) * 2);\n}\n\n:host([size=large]) ::slotted(igc-dropdown-item),\n:host([size=large]) ::slotted(igc-select-item) {\n  padding: var(--igc-spacing-large) calc(var(--igc-spacing-large) * 3);\n}\n:host([size=large]) ::slotted(igc-dropdown-header) {\n  padding: var(--igc-spacing-large) calc(var(--igc-spacing-large) * 2);\n}`;\n"]}

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

@@ -1,3 +1,8 @@
 import { css } from 'lit';
-export const styles = css `[part=base]{-webkit-box-shadow:none;box-shadow:none;border:1px solid var(--border-color, hsla(var(--igc-gray-300), var(--igc-gray-a)))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part=base] {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+  border: 1px solid var(--border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
+}`;
 //# sourceMappingURL=dropdown.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yIAAyI,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{-webkit-box-shadow:none;box-shadow:none;border:1px solid var(--border-color, hsla(var(--igc-gray-300), var(--igc-gray-a)))}`;\n"]}
+{"version":3,"file":"dropdown.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.bootstrap.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`/* stylelint-disable max-line-length */\n[part=base] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n  border: 1px solid var(--border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n}`;\n"]}

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

@@ -1,3 +1,27 @@
 import { css } from 'lit';
-export const styles = css `:host([size=small]) ::slotted(igc-dropdown-item),:host([size=small]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-small)}:host([size=medium]) ::slotted(igc-dropdown-item),:host([size=medium]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-medium)}:host([size=large]) ::slotted(igc-dropdown-item),:host([size=large]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-large)}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);padding:0}`;
+export const styles = css `/* stylelint-disable max-line-length */
+:host([size=small]) ::slotted(igc-dropdown-item),
+:host([size=small]) ::slotted(igc-select-item),
+:host([size=small]) ::slotted(igc-dropdown-header) {
+  padding: var(--igc-spacing-small);
+}
+
+:host([size=medium]) ::slotted(igc-dropdown-item),
+:host([size=medium]) ::slotted(igc-select-item),
+:host([size=medium]) ::slotted(igc-dropdown-header) {
+  padding: var(--igc-spacing-medium);
+}
+
+:host([size=large]) ::slotted(igc-dropdown-item),
+:host([size=large]) ::slotted(igc-select-item),
+:host([size=large]) ::slotted(igc-dropdown-header) {
+  padding: var(--igc-spacing-large);
+}
+
+[part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);
+  -webkit-box-shadow: var(--ig-elevation-4);
+          box-shadow: var(--ig-elevation-4);
+  padding: 0;
+}`;
 //# sourceMappingURL=dropdown.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,yjBAAyjB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([size=small]) ::slotted(igc-dropdown-item),:host([size=small]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-small)}:host([size=medium]) ::slotted(igc-dropdown-item),:host([size=medium]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-medium)}:host([size=large]) ::slotted(igc-dropdown-item),:host([size=large]) ::slotted(igc-dropdown-header){padding:var(--igc-spacing-large)}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);-webkit-box-shadow:var(--igc-elevation-4);box-shadow:var(--igc-elevation-4);padding:0}`;\n"]}
+{"version":3,"file":"dropdown.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;EAwBvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host([size=small]) ::slotted(igc-dropdown-item),\n:host([size=small]) ::slotted(igc-select-item),\n:host([size=small]) ::slotted(igc-dropdown-header) {\n  padding: var(--igc-spacing-small);\n}\n\n:host([size=medium]) ::slotted(igc-dropdown-item),\n:host([size=medium]) ::slotted(igc-select-item),\n:host([size=medium]) ::slotted(igc-dropdown-header) {\n  padding: var(--igc-spacing-medium);\n}\n\n:host([size=large]) ::slotted(igc-dropdown-item),\n:host([size=large]) ::slotted(igc-select-item),\n:host([size=large]) ::slotted(igc-dropdown-header) {\n  padding: var(--igc-spacing-large);\n}\n\n[part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);\n  -webkit-box-shadow: var(--ig-elevation-4);\n          box-shadow: var(--ig-elevation-4);\n  padding: 0;\n}`;\n"]}

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

@@ -1,3 +1,9 @@
 import { css } from 'lit';
-export const styles = css `[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);-webkit-box-shadow:var(--igc-elevation-3);box-shadow:var(--igc-elevation-3);padding:0}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);
+  -webkit-box-shadow: var(--ig-elevation-3);
+          box-shadow: var(--ig-elevation-3);
+  padding: 0;
+}`;
 //# sourceMappingURL=dropdown.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dropdown.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uKAAuK,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);-webkit-box-shadow:var(--igc-elevation-3);box-shadow:var(--igc-elevation-3);padding:0}`;\n"]}
+{"version":3,"file":"dropdown.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dropdown/themes/light/dropdown.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;EAMvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);\n  -webkit-box-shadow: var(--ig-elevation-3);\n          box-shadow: var(--ig-elevation-3);\n  padding: 0;\n}`;\n"]}

package/components/expansion-panel/themes/light/expansion-panel.base.css.js

@@ -1,3 +1,136 @@
 import { css } from 'lit';
-export const styles = css `:host{--lines-clamped: 1;color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));width:auto;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[part=header]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:calc(var(--igc-spacing-large)*2) calc(var(--igc-spacing-large)*3)}[part=header]:focus,[part=header]:active{outline:rgba(0,0,0,0);background:hsla(var(--igc-gray-100), var(--igc-gray-a))}[part=header] *:not([part~=indicator]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part=title]::slotted(*){font-family:var(--igc-h5-font-family);font-weight:var(--igc-h5-font-weight);font-size:var(--igc-h5-font-size);font-style:var(--igc-h5-font-style);letter-spacing:var(--igc-h5-letter-spacing);text-transform:var(--igc-h5-text-transform);line-height:var(--igc-h5-line-height);margin-top:var(--igc-h5-margin-top);margin-bottom:var(--igc-h5-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:var(--lines-clamped);-webkit-box-orient:vertical;overflow:hidden;margin:0}[part=subtitle]{color:hsla(var(--igc-gray-700), var(--igc-gray-a))}[part=subtitle]::slotted(*){font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom);white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}:host([open]) [part~=content]{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);overflow:hidden;padding:calc(var(--igc-spacing-large)*2) calc(var(--igc-spacing-large)*3)}[part~=indicator]{color:hsla(var(--igc-gray-800), var(--igc-gray-a))}[part~=indicator] igc-icon{--size: 1.5rem}:host([indicator-position=start]) [part~=indicator]{-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}:host([indicator-position=end]) [part~=indicator]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}:host([indicator-position=none]) [part~=indicator]{display:none}:host([disabled]){pointer-events:none}:host([disabled]) [part=title],:host([disabled]) [part=subtitle],:host([disabled]) [part~=indicator]{color:var(--disabled-color, hsla(var(--igc-gray-500), var(--igc-gray-a)))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+:host {
+  --lines-clamped: 1;
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  width: auto;
+  overflow: hidden;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+}
+
+[part=header] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  cursor: pointer;
+  padding: calc(var(--igc-spacing-large) * 2) calc(var(--igc-spacing-large) * 3);
+}
+[part=header]:focus, [part=header]:active {
+  outline: transparent;
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+}
+[part=header] *:not([part~=indicator]) {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-direction: column;
+          flex-direction: column;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  -webkit-box-flex: 1;
+      -ms-flex: 1 0 0%;
+          flex: 1 0 0%;
+  overflow: hidden;
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+}
+
+[part=title]::slotted(*) {
+  font-family: var(--ig-h5-font-family);
+  font-size: var(--ig-h5-font-size);
+  font-weight: var(--ig-h5-font-weight);
+  font-style: var(--ig-h5-font-style);
+  line-height: var(--ig-h5-line-height);
+  letter-spacing: var(--ig-h5-letter-spacing);
+  text-transform: var(--ig-h5-text-transform);
+  margin-top: var(--ig-h5-margin-top);
+  margin-bottom: var(--ig-h5-margin-bottom);
+  display: -webkit-inline-box;
+  -webkit-line-clamp: var(--lines-clamped);
+  -webkit-box-orient: vertical;
+  overflow: hidden;
+  margin: 0;
+}
+
+[part=subtitle] {
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+}
+[part=subtitle]::slotted(*) {
+  font-family: var(--ig-subtitle-2-font-family);
+  font-size: var(--ig-subtitle-2-font-size);
+  font-weight: var(--ig-subtitle-2-font-weight);
+  font-style: var(--ig-subtitle-2-font-style);
+  line-height: var(--ig-subtitle-2-line-height);
+  letter-spacing: var(--ig-subtitle-2-letter-spacing);
+  text-transform: var(--ig-subtitle-2-text-transform);
+  margin-top: var(--ig-subtitle-2-margin-top);
+  margin-bottom: var(--ig-subtitle-2-margin-bottom);
+  white-space: nowrap;
+  -o-text-overflow: ellipsis;
+     text-overflow: ellipsis;
+  overflow: hidden;
+}
+
+:host([open]) [part~=content] {
+  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);
+  overflow: hidden;
+  padding: calc(var(--igc-spacing-large) * 2) calc(var(--igc-spacing-large) * 3);
+}
+
+[part~=indicator] {
+  color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+}
+
+[part~=indicator] igc-icon {
+  --size: 1.5rem;
+}
+
+:host([indicator-position=start]) [part~=indicator] {
+  -webkit-margin-end: calc(var(--igc-spacing-large) * 2);
+          margin-inline-end: calc(var(--igc-spacing-large) * 2);
+}
+
+:host([indicator-position=end]) [part~=indicator] {
+  -webkit-box-ordinal-group: 3;
+      -ms-flex-order: 2;
+          order: 2;
+  -webkit-margin-start: calc(var(--igc-spacing-large) * 2);
+          margin-inline-start: calc(var(--igc-spacing-large) * 2);
+}
+
+:host([indicator-position=none]) [part~=indicator] {
+  display: none;
+}
+
+:host([disabled]) {
+  pointer-events: none;
+}
+:host([disabled]) [part=title],
+:host([disabled]) [part=subtitle],
+:host([disabled]) [part~=indicator] {
+  color: var(--disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));
+}`;
 //# sourceMappingURL=expansion-panel.base.css.js.map

package/components/expansion-panel/themes/light/expansion-panel.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.base.css.js","sourceRoot":"","sources":["../../../../../src/components/expansion-panel/themes/light/expansion-panel.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,02GAA02G,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--lines-clamped: 1;color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-surface-500), var(--igc-surface-a));width:auto;overflow:hidden;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column}[part=header]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;cursor:pointer;padding:calc(var(--igc-spacing-large)*2) calc(var(--igc-spacing-large)*3)}[part=header]:focus,[part=header]:active{outline:rgba(0,0,0,0);background:hsla(var(--igc-gray-100), var(--igc-gray-a))}[part=header] *:not([part~=indicator]){display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;-webkit-box-flex:1;-ms-flex:1 0 0%;flex:1 0 0%;overflow:hidden;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}[part=title]::slotted(*){font-family:var(--igc-h5-font-family);font-weight:var(--igc-h5-font-weight);font-size:var(--igc-h5-font-size);font-style:var(--igc-h5-font-style);letter-spacing:var(--igc-h5-letter-spacing);text-transform:var(--igc-h5-text-transform);line-height:var(--igc-h5-line-height);margin-top:var(--igc-h5-margin-top);margin-bottom:var(--igc-h5-margin-bottom);display:-webkit-inline-box;-webkit-line-clamp:var(--lines-clamped);-webkit-box-orient:vertical;overflow:hidden;margin:0}[part=subtitle]{color:hsla(var(--igc-gray-700), var(--igc-gray-a))}[part=subtitle]::slotted(*){font-family:var(--igc-subtitle-2-font-family);font-weight:var(--igc-subtitle-2-font-weight);font-size:var(--igc-subtitle-2-font-size);font-style:var(--igc-subtitle-2-font-style);letter-spacing:var(--igc-subtitle-2-letter-spacing);text-transform:var(--igc-subtitle-2-text-transform);line-height:var(--igc-subtitle-2-line-height);margin-top:var(--igc-subtitle-2-margin-top);margin-bottom:var(--igc-subtitle-2-margin-bottom);white-space:nowrap;-o-text-overflow:ellipsis;text-overflow:ellipsis;overflow:hidden}:host([open]) [part~=content]{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);overflow:hidden;padding:calc(var(--igc-spacing-large)*2) calc(var(--igc-spacing-large)*3)}[part~=indicator]{color:hsla(var(--igc-gray-800), var(--igc-gray-a))}[part~=indicator] igc-icon{--size: 1.5rem}:host([indicator-position=start]) [part~=indicator]{-webkit-margin-end:calc(var(--igc-spacing-large)*2);margin-inline-end:calc(var(--igc-spacing-large)*2)}:host([indicator-position=end]) [part~=indicator]{-webkit-box-ordinal-group:3;-ms-flex-order:2;order:2;-webkit-margin-start:calc(var(--igc-spacing-large)*2);margin-inline-start:calc(var(--igc-spacing-large)*2)}:host([indicator-position=none]) [part~=indicator]{display:none}:host([disabled]){pointer-events:none}:host([disabled]) [part=title],:host([disabled]) [part=subtitle],:host([disabled]) [part~=indicator]{color:var(--disabled-color, hsla(var(--igc-gray-500), var(--igc-gray-a)))}`;\n"]}
+{"version":3,"file":"expansion-panel.base.css.js","sourceRoot":"","sources":["../../../../../src/components/expansion-panel/themes/light/expansion-panel.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAqIvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n:host {\n  --lines-clamped: 1;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  width: auto;\n  overflow: hidden;\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}\n\n[part=header] {\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  cursor: pointer;\n  padding: calc(var(--igc-spacing-large) * 2) calc(var(--igc-spacing-large) * 3);\n}\n[part=header]:focus, [part=header]:active {\n  outline: transparent;\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n[part=header] *:not([part~=indicator]) {\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  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  -webkit-box-flex: 1;\n      -ms-flex: 1 0 0%;\n          flex: 1 0 0%;\n  overflow: hidden;\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n}\n\n[part=title]::slotted(*) {\n  font-family: var(--ig-h5-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  display: -webkit-inline-box;\n  -webkit-line-clamp: var(--lines-clamped);\n  -webkit-box-orient: vertical;\n  overflow: hidden;\n  margin: 0;\n}\n\n[part=subtitle] {\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part=subtitle]::slotted(*) {\n  font-family: var(--ig-subtitle-2-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  white-space: nowrap;\n  -o-text-overflow: ellipsis;\n     text-overflow: ellipsis;\n  overflow: hidden;\n}\n\n:host([open]) [part~=content] {\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  overflow: hidden;\n  padding: calc(var(--igc-spacing-large) * 2) calc(var(--igc-spacing-large) * 3);\n}\n\n[part~=indicator] {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n[part~=indicator] igc-icon {\n  --size: 1.5rem;\n}\n\n:host([indicator-position=start]) [part~=indicator] {\n  -webkit-margin-end: calc(var(--igc-spacing-large) * 2);\n          margin-inline-end: calc(var(--igc-spacing-large) * 2);\n}\n\n:host([indicator-position=end]) [part~=indicator] {\n  -webkit-box-ordinal-group: 3;\n      -ms-flex-order: 2;\n          order: 2;\n  -webkit-margin-start: calc(var(--igc-spacing-large) * 2);\n          margin-inline-start: calc(var(--igc-spacing-large) * 2);\n}\n\n:host([indicator-position=none]) [part~=indicator] {\n  display: none;\n}\n\n:host([disabled]) {\n  pointer-events: none;\n}\n:host([disabled]) [part=title],\n:host([disabled]) [part=subtitle],\n:host([disabled]) [part~=indicator] {\n  color: var(--disabled-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));\n}`;\n"]}

package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js

@@ -1,3 +1,34 @@
 import { css } from 'lit';
-export const styles = css `[part=title],[part~=indicator]{color:hsla(var(--igc-gray-800), var(--igc-gray-a))}[part=subtitle]{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}[part=subtitle]::slotted(*){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)}:host([open]) [part~=content]{font-family:var(--igc-body-1-font-family);font-weight:var(--igc-body-1-font-weight);font-size:var(--igc-body-1-font-size);font-style:var(--igc-body-1-font-style);letter-spacing:var(--igc-body-1-letter-spacing);text-transform:var(--igc-body-1-text-transform);line-height:var(--igc-body-1-line-height);margin-top:var(--igc-body-1-margin-top);margin-bottom:var(--igc-body-1-margin-bottom)}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part=title],
+[part~=indicator] {
+  color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+}
+
+[part=subtitle] {
+  color: hsla(var(--ig-gray-600), var(--ig-gray-a));
+}
+[part=subtitle]::slotted(*) {
+  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);
+}
+
+:host([open]) [part~=content] {
+  font-family: var(--ig-body-1-font-family);
+  font-size: var(--ig-body-1-font-size);
+  font-weight: var(--ig-body-1-font-weight);
+  font-style: var(--ig-body-1-font-style);
+  line-height: var(--ig-body-1-line-height);
+  letter-spacing: var(--ig-body-1-letter-spacing);
+  text-transform: var(--ig-body-1-text-transform);
+  margin-top: var(--ig-body-1-margin-top);
+  margin-bottom: var(--ig-body-1-margin-bottom);
+}`;
 //# sourceMappingURL=expansion-panel.bootstrap.css.js.map

package/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,q9BAAq9B,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=title],[part~=indicator]{color:hsla(var(--igc-gray-800), var(--igc-gray-a))}[part=subtitle]{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}[part=subtitle]::slotted(*){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)}:host([open]) [part~=content]{font-family:var(--igc-body-1-font-family);font-weight:var(--igc-body-1-font-weight);font-size:var(--igc-body-1-font-size);font-style:var(--igc-body-1-font-style);letter-spacing:var(--igc-body-1-letter-spacing);text-transform:var(--igc-body-1-text-transform);line-height:var(--igc-body-1-line-height);margin-top:var(--igc-body-1-margin-top);margin-bottom:var(--igc-body-1-margin-bottom)}`;\n"]}
+{"version":3,"file":"expansion-panel.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/expansion-panel/themes/light/expansion-panel.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+BvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part=title],\n[part~=indicator] {\n  color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n}\n\n[part=subtitle] {\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n[part=subtitle]::slotted(*) {\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}\n\n:host([open]) [part~=content] {\n  font-family: var(--ig-body-1-font-family);\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n}`;\n"]}

package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js

@@ -1,3 +1,45 @@
 import { css } from 'lit';
-export const styles = css `[part=title]::slotted(*){font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}[part=subtitle]::slotted(*){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)}:host([open]) [part~=content]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([disabled]) [part~=indicator],:host([disabled]) [part=title],:host([disabled]) [part=subtitle]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part=title]::slotted(*) {
+  font-family: var(--ig-subtitle-1-font-family);
+  font-size: var(--ig-subtitle-1-font-size);
+  font-weight: var(--ig-subtitle-1-font-weight);
+  font-style: var(--ig-subtitle-1-font-style);
+  line-height: var(--ig-subtitle-1-line-height);
+  letter-spacing: var(--ig-subtitle-1-letter-spacing);
+  text-transform: var(--ig-subtitle-1-text-transform);
+  margin-top: var(--ig-subtitle-1-margin-top);
+  margin-bottom: var(--ig-subtitle-1-margin-bottom);
+}
+
+[part=subtitle]::slotted(*) {
+  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);
+}
+
+:host([open]) [part~=content] {
+  font-family: var(--ig-caption-font-family);
+  font-size: var(--ig-caption-font-size);
+  font-weight: var(--ig-caption-font-weight);
+  font-style: var(--ig-caption-font-style);
+  line-height: var(--ig-caption-line-height);
+  letter-spacing: var(--ig-caption-letter-spacing);
+  text-transform: var(--ig-caption-text-transform);
+  margin-top: var(--ig-caption-margin-top);
+  margin-bottom: var(--ig-caption-margin-bottom);
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+}
+
+:host([disabled]) [part~=indicator],
+:host([disabled]) [part=title],
+:host([disabled]) [part=subtitle] {
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=expansion-panel.fluent.css.js.map

package/components/expansion-panel/themes/light/expansion-panel.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/expansion-panel/themes/light/expansion-panel.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,m9CAAm9C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=title]::slotted(*){font-family:var(--igc-subtitle-1-font-family);font-weight:var(--igc-subtitle-1-font-weight);font-size:var(--igc-subtitle-1-font-size);font-style:var(--igc-subtitle-1-font-style);letter-spacing:var(--igc-subtitle-1-letter-spacing);text-transform:var(--igc-subtitle-1-text-transform);line-height:var(--igc-subtitle-1-line-height);margin-top:var(--igc-subtitle-1-margin-top);margin-bottom:var(--igc-subtitle-1-margin-bottom)}[part=subtitle]::slotted(*){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)}:host([open]) [part~=content]{font-family:var(--igc-caption-font-family);font-weight:var(--igc-caption-font-weight);font-size:var(--igc-caption-font-size);font-style:var(--igc-caption-font-style);letter-spacing:var(--igc-caption-letter-spacing);text-transform:var(--igc-caption-text-transform);line-height:var(--igc-caption-line-height);margin-top:var(--igc-caption-margin-top);margin-bottom:var(--igc-caption-margin-bottom);color:hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([disabled]) [part~=indicator],:host([disabled]) [part=title],:host([disabled]) [part=subtitle]{color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"expansion-panel.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/expansion-panel/themes/light/expansion-panel.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA0CvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part=title]::slotted(*) {\n  font-family: var(--ig-subtitle-1-font-family);\n  font-size: var(--ig-subtitle-1-font-size);\n  font-weight: var(--ig-subtitle-1-font-weight);\n  font-style: var(--ig-subtitle-1-font-style);\n  line-height: var(--ig-subtitle-1-line-height);\n  letter-spacing: var(--ig-subtitle-1-letter-spacing);\n  text-transform: var(--ig-subtitle-1-text-transform);\n  margin-top: var(--ig-subtitle-1-margin-top);\n  margin-bottom: var(--ig-subtitle-1-margin-bottom);\n}\n\n[part=subtitle]::slotted(*) {\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}\n\n:host([open]) [part~=content] {\n  font-family: var(--ig-caption-font-family);\n  font-size: var(--ig-caption-font-size);\n  font-weight: var(--ig-caption-font-weight);\n  font-style: var(--ig-caption-font-style);\n  line-height: var(--ig-caption-line-height);\n  letter-spacing: var(--ig-caption-letter-spacing);\n  text-transform: var(--ig-caption-text-transform);\n  margin-top: var(--ig-caption-margin-top);\n  margin-bottom: var(--ig-caption-margin-bottom);\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n\n:host([disabled]) [part~=indicator],\n:host([disabled]) [part=title],\n:host([disabled]) [part=subtitle] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}

package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js

@@ -1,3 +1,28 @@
 import { css } from 'lit';
-export const styles = css `[part~=indicator]{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}[part=subtitle]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([open]) [part~=content]{font-family:var(--igc-body-1-font-family);font-weight:var(--igc-body-1-font-weight);font-size:var(--igc-body-1-font-size);font-style:var(--igc-body-1-font-style);letter-spacing:var(--igc-body-1-letter-spacing);text-transform:var(--igc-body-1-text-transform);line-height:var(--igc-body-1-line-height);margin-top:var(--igc-body-1-margin-top);margin-bottom:var(--igc-body-1-margin-bottom)}:host([disabled]) [part~=indicator],:host([disabled]) [part=title],:host([disabled]) [part=subtitle]{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part~=indicator] {
+  color: hsla(var(--ig-gray-600), var(--ig-gray-a));
+}
+
+[part=subtitle] {
+  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+
+:host([open]) [part~=content] {
+  font-family: var(--ig-body-1-font-family);
+  font-size: var(--ig-body-1-font-size);
+  font-weight: var(--ig-body-1-font-weight);
+  font-style: var(--ig-body-1-font-style);
+  line-height: var(--ig-body-1-line-height);
+  letter-spacing: var(--ig-body-1-letter-spacing);
+  text-transform: var(--ig-body-1-text-transform);
+  margin-top: var(--ig-body-1-margin-top);
+  margin-bottom: var(--ig-body-1-margin-bottom);
+}
+
+:host([disabled]) [part~=indicator],
+:host([disabled]) [part=title],
+:host([disabled]) [part=subtitle] {
+  color: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=expansion-panel.indigo.css.js.map

package/components/expansion-panel/themes/light/expansion-panel.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"expansion-panel.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/expansion-panel/themes/light/expansion-panel.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ksBAAksB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part~=indicator]{color:hsla(var(--igc-gray-600), var(--igc-gray-a))}[part=subtitle]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([open]) [part~=content]{font-family:var(--igc-body-1-font-family);font-weight:var(--igc-body-1-font-weight);font-size:var(--igc-body-1-font-size);font-style:var(--igc-body-1-font-style);letter-spacing:var(--igc-body-1-letter-spacing);text-transform:var(--igc-body-1-text-transform);line-height:var(--igc-body-1-line-height);margin-top:var(--igc-body-1-margin-top);margin-bottom:var(--igc-body-1-margin-bottom)}:host([disabled]) [part~=indicator],:host([disabled]) [part=title],:host([disabled]) [part=subtitle]{color:hsla(var(--igc-gray-300), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"expansion-panel.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/expansion-panel/themes/light/expansion-panel.indigo.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`/* stylelint-disable max-line-length */\n[part~=indicator] {\n  color: hsla(var(--ig-gray-600), var(--ig-gray-a));\n}\n\n[part=subtitle] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([open]) [part~=content] {\n  font-family: var(--ig-body-1-font-family);\n  font-size: var(--ig-body-1-font-size);\n  font-weight: var(--ig-body-1-font-weight);\n  font-style: var(--ig-body-1-font-style);\n  line-height: var(--ig-body-1-line-height);\n  letter-spacing: var(--ig-body-1-letter-spacing);\n  text-transform: var(--ig-body-1-text-transform);\n  margin-top: var(--ig-body-1-margin-top);\n  margin-bottom: var(--ig-body-1-margin-bottom);\n}\n\n:host([disabled]) [part~=indicator],\n:host([disabled]) [part=title],\n:host([disabled]) [part=subtitle] {\n  color: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}`;\n"]}

package/components/form/form.js

@@ -25,6 +25,7 @@ export default class IgcFormComponent extends EventEmitterMixin(LitElement) {
             'igc-mask-input',
             'textarea',
             'igc-rating',
+            'igc-select',
             'igc-date-time-input',
         ];
         this._controlsThatSubmit = [

package/components/form/form.js.map

@@ -1 +1 @@
-{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\n\nexport interface IgcFormEventMap {\n  igcSubmit: CustomEvent<FormData>;\n  igcReset: CustomEvent;\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element igc-form\n *\n * @slot - Default slot for the form.\n *\n * @fires igcSubmit - Emitted when the form is submitted.\n * @fires igcReset - Emitted when the form is reset.\n */\nexport default class IgcFormComponent extends EventEmitterMixin<\n  IgcFormEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-form';\n\n  public static styles = css`\n    :host {\n      display: block;\n    }\n  `;\n\n  private _controlsWithChecked = [\n    'input',\n    'radio',\n    'igc-radio',\n    'igc-switch',\n    'igc-checkbox',\n  ];\n  private _controlsWithValue = [\n    'input',\n    'igc-input',\n    'igc-mask-input',\n    'textarea',\n    'igc-rating',\n    'igc-date-time-input',\n  ];\n  private _controlsThatSubmit = [\n    'input',\n    'button',\n    'igc-button',\n    'igc-icon-button',\n  ];\n\n  /** Specifies if form data validation should be skipped on submit. */\n  @property({ type: Boolean, reflect: true }) public novalidate = false;\n\n  constructor() {\n    super();\n\n    this.addEventListener('click', this.handleClick);\n  }\n\n  /** Submits the form. */\n  @alternateName('performSubmit')\n  public submit(): boolean {\n    const formData = this.getFormData();\n    if (!this.novalidate && !this.reportValidity()) {\n      return false;\n    }\n\n    this.emitEvent('igcSubmit', { detail: formData });\n    return true;\n  }\n\n  /** Resets the form. */\n  @alternateName('performReset')\n  public reset() {\n    const formElements = this.getFormElements();\n    formElements.forEach((element) => {\n      const tagName = element.tagName.toLowerCase();\n      if (tagName === 'select') {\n        for (let i = 0; i < element.options.length; i++) {\n          const option = element.options[i];\n          option.selected = option.defaultSelected;\n        }\n      } else if (\n        (tagName === 'input' &&\n          (element.type === 'checkbox' || element.type == 'radio')) ||\n        (tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n      ) {\n        element.checked = element.hasAttribute('checked');\n      } else if (\n        tagName === 'igc-input' ||\n        tagName === 'igc-rating' ||\n        tagName === 'igc-mask-input' ||\n        tagName === 'igc-date-time-input'\n      ) {\n        element.value = element.getAttribute('value');\n      } else if (this._controlsWithValue.includes(tagName)) {\n        element.value = element.defaultValue;\n      }\n    });\n\n    this.emitEvent('igcReset');\n  }\n\n  private getFormElements(): any[] {\n    const slot = this.shadowRoot?.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true });\n    const formElements: any[] = [];\n    assignedElements?.forEach((element: any) => {\n      if (!element.disabled) {\n        formElements.push(element);\n      }\n      const children = Array.from(element.getElementsByTagName('*')).filter(\n        (element: any) => !element.disabled\n      );\n      formElements.push(...children);\n    });\n\n    return formElements;\n  }\n\n  //suppressing in blazor for now due to an issue, bringing it back later\n  /** Retrieves the data from the form in the format of a FormData object. */\n  @blazorSuppress()\n  public getFormData() {\n    const formData = new FormData();\n\n    const formElements = this.getFormElements();\n    formElements.forEach((element) => {\n      const tagName = element.tagName.toLowerCase();\n      if (tagName === 'select') {\n        for (let i = 0; i < element.options.length; i++) {\n          const option = element.options[i];\n          if (option.selected) {\n            formData.append(element.name, option.value);\n          }\n        }\n      } else if (\n        this._controlsWithChecked.includes(tagName) &&\n        element.checked\n      ) {\n        formData.append(element.name, element.value || 'on');\n      } else if (\n        this._controlsWithValue.includes(tagName) &&\n        element.type !== 'checkbox' &&\n        element.type !== 'radio' &&\n        element.type !== 'submit'\n      ) {\n        formData.append(element.name, element.value);\n      }\n    });\n\n    return formData;\n  }\n\n  /** Checks for validity of the form. */\n  public reportValidity(): boolean {\n    const formElements = this.getFormElements();\n    return !formElements.some(\n      (element) =>\n        typeof element.reportValidity === 'function' &&\n        element.reportValidity() === false\n    );\n  }\n\n  private handleClick(event: MouseEvent) {\n    const targetElement: any = event.target as HTMLElement;\n    if (\n      this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase()) &&\n      targetElement.type.toLowerCase() === 'submit'\n    ) {\n      this.submit();\n    } else if (targetElement.type?.toLowerCase() === 'reset') {\n      this.reset();\n    }\n\n    return true;\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-form': IgcFormComponent;\n  }\n}\n"]}
+{"version":3,"file":"form.js","sourceRoot":"","sources":["../../../src/components/form/form.ts"],"names":[],"mappings":"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","sourcesContent":["import { css, html, LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { EventEmitterMixin } from '../common/mixins/event-emitter.js';\nimport { Constructor } from '../common/mixins/constructor.js';\nimport { alternateName } from '../common/decorators/alternateName.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\n\nexport interface IgcFormEventMap {\n  igcSubmit: CustomEvent<FormData>;\n  igcReset: CustomEvent;\n}\n\n/**\n * The form is a component used to collect user input from\n * interactive controls.\n *\n * @element igc-form\n *\n * @slot - Default slot for the form.\n *\n * @fires igcSubmit - Emitted when the form is submitted.\n * @fires igcReset - Emitted when the form is reset.\n */\nexport default class IgcFormComponent extends EventEmitterMixin<\n  IgcFormEventMap,\n  Constructor<LitElement>\n>(LitElement) {\n  public static readonly tagName = 'igc-form';\n\n  public static styles = css`\n    :host {\n      display: block;\n    }\n  `;\n\n  private _controlsWithChecked = [\n    'input',\n    'radio',\n    'igc-radio',\n    'igc-switch',\n    'igc-checkbox',\n  ];\n  private _controlsWithValue = [\n    'input',\n    'igc-input',\n    'igc-mask-input',\n    'textarea',\n    'igc-rating',\n    'igc-select',\n    'igc-date-time-input',\n  ];\n  private _controlsThatSubmit = [\n    'input',\n    'button',\n    'igc-button',\n    'igc-icon-button',\n  ];\n\n  /** Specifies if form data validation should be skipped on submit. */\n  @property({ type: Boolean, reflect: true }) public novalidate = false;\n\n  constructor() {\n    super();\n\n    this.addEventListener('click', this.handleClick);\n  }\n\n  /** Submits the form. */\n  @alternateName('performSubmit')\n  public submit(): boolean {\n    const formData = this.getFormData();\n    if (!this.novalidate && !this.reportValidity()) {\n      return false;\n    }\n\n    this.emitEvent('igcSubmit', { detail: formData });\n    return true;\n  }\n\n  /** Resets the form. */\n  @alternateName('performReset')\n  public reset() {\n    const formElements = this.getFormElements();\n    formElements.forEach((element) => {\n      const tagName = element.tagName.toLowerCase();\n      if (tagName === 'select') {\n        for (let i = 0; i < element.options.length; i++) {\n          const option = element.options[i];\n          option.selected = option.defaultSelected;\n        }\n      } else if (\n        (tagName === 'input' &&\n          (element.type === 'checkbox' || element.type == 'radio')) ||\n        (tagName !== 'input' && this._controlsWithChecked.includes(tagName))\n      ) {\n        element.checked = element.hasAttribute('checked');\n      } else if (\n        tagName === 'igc-input' ||\n        tagName === 'igc-rating' ||\n        tagName === 'igc-mask-input' ||\n        tagName === 'igc-date-time-input'\n      ) {\n        element.value = element.getAttribute('value');\n      } else if (this._controlsWithValue.includes(tagName)) {\n        element.value = element.defaultValue;\n      }\n    });\n\n    this.emitEvent('igcReset');\n  }\n\n  private getFormElements(): any[] {\n    const slot = this.shadowRoot?.querySelector('slot');\n    const assignedElements = slot?.assignedElements({ flatten: true });\n    const formElements: any[] = [];\n    assignedElements?.forEach((element: any) => {\n      if (!element.disabled) {\n        formElements.push(element);\n      }\n      const children = Array.from(element.getElementsByTagName('*')).filter(\n        (element: any) => !element.disabled\n      );\n      formElements.push(...children);\n    });\n\n    return formElements;\n  }\n\n  //suppressing in blazor for now due to an issue, bringing it back later\n  /** Retrieves the data from the form in the format of a FormData object. */\n  @blazorSuppress()\n  public getFormData() {\n    const formData = new FormData();\n\n    const formElements = this.getFormElements();\n    formElements.forEach((element) => {\n      const tagName = element.tagName.toLowerCase();\n      if (tagName === 'select') {\n        for (let i = 0; i < element.options.length; i++) {\n          const option = element.options[i];\n          if (option.selected) {\n            formData.append(element.name, option.value);\n          }\n        }\n      } else if (\n        this._controlsWithChecked.includes(tagName) &&\n        element.checked\n      ) {\n        formData.append(element.name, element.value || 'on');\n      } else if (\n        this._controlsWithValue.includes(tagName) &&\n        element.type !== 'checkbox' &&\n        element.type !== 'radio' &&\n        element.type !== 'submit'\n      ) {\n        formData.append(element.name, element.value);\n      }\n    });\n\n    return formData;\n  }\n\n  /** Checks for validity of the form. */\n  public reportValidity(): boolean {\n    const formElements = this.getFormElements();\n    return !formElements.some(\n      (element) =>\n        typeof element.reportValidity === 'function' &&\n        element.reportValidity() === false\n    );\n  }\n\n  private handleClick(event: MouseEvent) {\n    const targetElement: any = event.target as HTMLElement;\n    if (\n      this._controlsThatSubmit.includes(targetElement.tagName.toLowerCase()) &&\n      targetElement.type.toLowerCase() === 'submit'\n    ) {\n      this.submit();\n    } else if (targetElement.type?.toLowerCase() === 'reset') {\n      this.reset();\n    }\n\n    return true;\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-form': IgcFormComponent;\n  }\n}\n"]}

package/components/icon/icon.js

@@ -46,7 +46,9 @@ export default class IgcIconComponent extends SizableMixin(LitElement) {
     }
     connectedCallback() {
         super.connectedCallback();
-        this.setAttribute('role', 'img');
+        if (!this.hasAttribute('role')) {
+            this.setAttribute('role', 'img');
+        }
         IconsRegistry.instance().subscribe(this.iconLoaded);
     }
     disconnectedCallback() {