igniteui-webcomponents 4.5.0 → 4.7.0

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
 //# sourceMappingURL=dialog.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"dialog.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uoBAAuoB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}

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

@@ -1,3 +1,3 @@
 import { css } from 'lit';
-export const styles = css ``;
+export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
 //# sourceMappingURL=dialog.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.material.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css``;\n"]}
+{"version":3,"file":"dialog.material.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/dark/dialog.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uoBAAuoB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-500), var(--ig-gray-a)));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}

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

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{border-style:none;padding:unset}[part=base]{background:inherit;color:inherit;border-style:inherit;padding:inherit;border:inherit;border-radius:inherit;min-width:inherit}[part=content]{font-family:var(--ig-body-1-font-family, var(--ig-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);margin:0}[part=title],[part=footer]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}[part=footer]{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}::slotted(*){font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}slot[name=title]::slotted(:not(:last-child)),slot[name=footer]::slotted(:not(:last-child)){-webkit-margin-end:.5rem;margin-inline-end:.5rem}dialog::-ms-backdrop{opacity:0}dialog::backdrop{opacity:0}[part~=backdrop]{position:fixed;inset:0;z-index:10005;pointer-events:none;opacity:0;-webkit-transition:opacity 350ms ease-out;transition:opacity 350ms ease-out}:host([open]) [part=backdrop]{opacity:1}`;
+//# sourceMappingURL=dialog.base.css.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.base.css.js","sourceRoot":"","sources":["../../../../src/components/dialog/themes/dialog.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,mjFAAmjF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);--is-medium: min( clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1), clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1) );--is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);position:relative;-webkit-box-sizing:border-box;box-sizing:border-box;scrollbar-width:var(--ig-scrollbar-size);scrollbar-color:var(--ig-scrollbar-thumb-background) var(--ig-scrollbar-track-background)}:host *,:host *::before,:host *::after{-webkit-box-sizing:border-box;box-sizing:border-box}:host ::-webkit-scrollbar{width:var(--ig-scrollbar-size);height:var(--ig-scrollbar-size);background:var(--ig-scrollbar-track-background)}:host ::-webkit-scrollbar-thumb{background:var(--ig-scrollbar-thumb-background)}:host([hidden]),[hidden]{display:none !important}:host{border-style:none;padding:unset}[part=base]{background:inherit;color:inherit;border-style:inherit;padding:inherit;border:inherit;border-radius:inherit;min-width:inherit}[part=content]{font-family:var(--ig-body-1-font-family, var(--ig-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);margin:0}[part=title],[part=footer]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;font-family:var(--ig-h6-font-family, var(--ig-font-family));font-size:var(--ig-h6-font-size);font-weight:var(--ig-h6-font-weight);font-style:var(--ig-h6-font-style);line-height:var(--ig-h6-line-height);letter-spacing:var(--ig-h6-letter-spacing);text-transform:var(--ig-h6-text-transform);margin-top:var(--ig-h6-margin-top);margin-bottom:var(--ig-h6-margin-bottom);margin:0}[part=footer]{-ms-flex-wrap:nowrap;flex-wrap:nowrap;-webkit-box-pack:end;-ms-flex-pack:end;justify-content:flex-end}::slotted(*){font:inherit;letter-spacing:inherit;line-height:inherit;text-transform:inherit;margin:0}slot[name=title]::slotted(:not(:last-child)),slot[name=footer]::slotted(:not(:last-child)){-webkit-margin-end:.5rem;margin-inline-end:.5rem}dialog::-ms-backdrop{opacity:0}dialog::backdrop{opacity:0}[part~=backdrop]{position:fixed;inset:0;z-index:10005;pointer-events:none;opacity:0;-webkit-transition:opacity 350ms ease-out;transition:opacity 350ms ease-out}:host([open]) [part=backdrop]{opacity:1}`;\n"]}

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

@@ -1,55 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --elevation: var(--ig-dialog-elevation, var(--ig-elevation-0));
-  --background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
-  --title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));
-  --border-color: var(--ig-dialog-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));
-  --backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));
-  --border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));
-  background: var(--background);
-  border-radius: var(--border-radius);
-}
-
-[part~=backdrop] {
-  background: var(--backdrop);
-}
-
-[part=base] {
-  min-width: 18rem;
-  border: 1px solid var(--border-color);
-  -webkit-box-shadow: var(--elevation);
-          box-shadow: var(--elevation);
-}
-
-[part=title],
-[part=footer] {
-  font-family: var(--ig-h5-font-family, var(--ig-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);
-  margin: 0;
-  color: var(--title-color);
-  padding: 1rem;
-}
-
-[part=content] {
-  color: var(--message-color);
-  padding: 1rem;
-}
-
-[part=title] {
-  -webkit-border-after: 1px solid var(--border-color);
-          border-block-end: 1px solid var(--border-color);
-}
-
-[part=footer] {
-  -webkit-border-before: 1px solid var(--border-color);
-          border-block-start: 1px solid var(--border-color);
-}`;
+export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-0));--background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-color: var(--ig-dialog-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
 //# sourceMappingURL=dialog.bootstrap.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/light/dialog.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoDvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-dialog-elevation, var(--ig-elevation-0));\n  --background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n  --border-color: var(--ig-dialog-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));\n  --backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));\n  --border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));\n  background: var(--background);\n  border-radius: var(--border-radius);\n}\n\n[part~=backdrop] {\n  background: var(--backdrop);\n}\n\n[part=base] {\n  min-width: 18rem;\n  border: 1px solid var(--border-color);\n  -webkit-box-shadow: var(--elevation);\n          box-shadow: var(--elevation);\n}\n\n[part=title],\n[part=footer] {\n  font-family: var(--ig-h5-font-family, var(--ig-font-family));\n  font-size: var(--ig-h5-font-size);\n  font-weight: var(--ig-h5-font-weight);\n  font-style: var(--ig-h5-font-style);\n  line-height: var(--ig-h5-line-height);\n  letter-spacing: var(--ig-h5-letter-spacing);\n  text-transform: var(--ig-h5-text-transform);\n  margin-top: var(--ig-h5-margin-top);\n  margin-bottom: var(--ig-h5-margin-bottom);\n  margin: 0;\n  color: var(--title-color);\n  padding: 1rem;\n}\n\n[part=content] {\n  color: var(--message-color);\n  padding: 1rem;\n}\n\n[part=title] {\n  -webkit-border-after: 1px solid var(--border-color);\n          border-block-end: 1px solid var(--border-color);\n}\n\n[part=footer] {\n  -webkit-border-before: 1px solid var(--border-color);\n          border-block-start: 1px solid var(--border-color);\n}`;\n"]}
+{"version":3,"file":"dialog.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/light/dialog.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,qqBAAqqB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-0));--background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-color: var(--ig-dialog-border-color, hsla(var(--ig-gray-300), var(--ig-gray-a)));--backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}

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

@@ -1,43 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));
-  --background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
-  --title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --border-color: var(--ig-dialog-border-color, transparent);
-  --backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-900), 0.4));
-  --border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));
-  background: var(--background);
-  border-radius: var(--border-radius);
-}
-
-[part=base] {
-  -webkit-box-shadow: var(--elevation);
-          box-shadow: var(--elevation);
-}
-
-[part=title] {
-  color: var(--title-color);
-  padding: 1.5rem;
-  -webkit-padding-before: 1rem;
-          padding-block-start: 1rem;
-}
-
-[part=content] {
-  color: var(--message-color);
-  padding-inline: 1.5rem;
-  -webkit-padding-after: 1.25rem;
-          padding-block-end: 1.25rem;
-}
-
-[part=footer] {
-  color: var(--title-color);
-  padding: 1.5rem;
-  -webkit-padding-before: 0;
-          padding-block-start: 0;
-}
-
-[part~=backdrop] {
-  background: var(--backdrop);
-}`;
+export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-900), 0.4));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
 //# sourceMappingURL=dialog.fluent.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/light/dialog.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAwCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));\n  --background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --border-color: var(--ig-dialog-border-color, transparent);\n  --backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-900), 0.4));\n  --border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));\n  background: var(--background);\n  border-radius: var(--border-radius);\n}\n\n[part=base] {\n  -webkit-box-shadow: var(--elevation);\n          box-shadow: var(--elevation);\n}\n\n[part=title] {\n  color: var(--title-color);\n  padding: 1.5rem;\n  -webkit-padding-before: 1rem;\n          padding-block-start: 1rem;\n}\n\n[part=content] {\n  color: var(--message-color);\n  padding-inline: 1.5rem;\n  -webkit-padding-after: 1.25rem;\n          padding-block-end: 1.25rem;\n}\n\n[part=footer] {\n  color: var(--title-color);\n  padding: 1.5rem;\n  -webkit-padding-before: 0;\n          padding-block-start: 0;\n}\n\n[part~=backdrop] {\n  background: var(--backdrop);\n}`;\n"]}
+{"version":3,"file":"dialog.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/light/dialog.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,soBAAsoB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-900), 0.4));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}

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

@@ -1,39 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));
-  --background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
-  --title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));
-  --border-color: var(--ig-dialog-border-color, transparent);
-  --backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));
-  --border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));
-  background: var(--background);
-  border-radius: var(--border-radius);
-}
-
-[part~=backdrop] {
-  background: var(--backdrop);
-}
-
-[part=base] {
-  -webkit-box-shadow: var(--elevation);
-          box-shadow: var(--elevation);
-}
-
-[part=title] {
-  color: var(--title-color);
-  padding: 1rem 1.5rem;
-}
-
-[part=content] {
-  padding-inline: 1.5rem;
-  -webkit-padding-after: 0.5rem;
-          padding-block-end: 0.5rem;
-  color: var(--message-color);
-}
-
-[part=footer] {
-  color: var(--title-color);
-  padding: 0.5rem;
-}`;
+export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
 //# sourceMappingURL=dialog.indigo.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/light/dialog.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));\n  --background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));\n  --border-color: var(--ig-dialog-border-color, transparent);\n  --backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));\n  --border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));\n  background: var(--background);\n  border-radius: var(--border-radius);\n}\n\n[part~=backdrop] {\n  background: var(--backdrop);\n}\n\n[part=base] {\n  -webkit-box-shadow: var(--elevation);\n          box-shadow: var(--elevation);\n}\n\n[part=title] {\n  color: var(--title-color);\n  padding: 1rem 1.5rem;\n}\n\n[part=content] {\n  padding-inline: 1.5rem;\n  -webkit-padding-after: 0.5rem;\n          padding-block-end: 0.5rem;\n  color: var(--message-color);\n}\n\n[part=footer] {\n  color: var(--title-color);\n  padding: 0.5rem;\n}`;\n"]}
+{"version":3,"file":"dialog.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/light/dialog.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uoBAAuoB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-700), var(--ig-gray-a)));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.0555555556) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}

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

@@ -1,41 +1,3 @@
 import { css } from 'lit';
-export const styles = css `:host {
-  --elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));
-  --background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));
-  --title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));
-  --message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));
-  --border-color: var(--ig-dialog-border-color, transparent);
-  --backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));
-  --border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));
-  background: var(--background);
-  border-radius: var(--border-radius);
-}
-
-[part~=backdrop] {
-  background: var(--backdrop);
-}
-
-[part=base] {
-  -webkit-box-shadow: var(--elevation);
-          box-shadow: var(--elevation);
-}
-
-[part=title] {
-  color: var(--title-color);
-  padding-inline: 1.5rem;
-  -webkit-padding-before: 1rem;
-          padding-block-start: 1rem;
-}
-
-[part=content] {
-  color: var(--message-color);
-  padding: 0.875rem 1.5rem;
-}
-
-[part=footer] {
-  color: var(--title-color);
-  padding: 0.5rem;
-  -webkit-padding-before: 0;
-          padding-block-start: 0;
-}`;
+export const styles = css `:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;
 //# sourceMappingURL=dialog.material.css.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"dialog.material.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/light/dialog.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAsCvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host {\n  --elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));\n  --background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));\n  --title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));\n  --message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));\n  --border-color: var(--ig-dialog-border-color, transparent);\n  --backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));\n  --border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));\n  background: var(--background);\n  border-radius: var(--border-radius);\n}\n\n[part~=backdrop] {\n  background: var(--backdrop);\n}\n\n[part=base] {\n  -webkit-box-shadow: var(--elevation);\n          box-shadow: var(--elevation);\n}\n\n[part=title] {\n  color: var(--title-color);\n  padding-inline: 1.5rem;\n  -webkit-padding-before: 1rem;\n          padding-block-start: 1rem;\n}\n\n[part=content] {\n  color: var(--message-color);\n  padding: 0.875rem 1.5rem;\n}\n\n[part=footer] {\n  color: var(--title-color);\n  padding: 0.5rem;\n  -webkit-padding-before: 0;\n          padding-block-start: 0;\n}`;\n"]}
+{"version":3,"file":"dialog.material.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/light/dialog.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,uoBAAuoB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{--elevation: var(--ig-dialog-elevation, var(--ig-elevation-24));--background: var(--ig-dialog-background, hsla(var(--ig-surface-500), var(--ig-surface-a)));--title-color: var(--ig-dialog-title-color, hsla(var(--ig-gray-900), var(--ig-gray-a)));--message-color: var(--ig-dialog-message-color, hsla(var(--ig-gray-600), var(--ig-gray-a)));--border-color: var(--ig-dialog-border-color, transparent);--backdrop: var(--ig-dialog-backdrop, hsla(var(--ig-gray-500), 0.54));--border-radius: var(--ig-dialog-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.1111111111) * 2.25rem), 2.25rem));--default-size: var(--ig-dialog-default-size, 2)}`;\n"]}

package/components/dialog/themes/shared/dialog.bootstrap.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=base]{min-width:18rem;border:1px solid var(--border-color)}[part=title],[part=footer]{font-family:var(--ig-h5-font-family, var(--ig-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);margin:0;padding:1rem}[part=content]{padding:1rem}[part=title]{-webkit-border-after:1px solid var(--border-color);border-block-end:1px solid var(--border-color)}[part=footer]{-webkit-border-before:1px solid var(--border-color);border-block-start:1px solid var(--border-color)}`;
+//# sourceMappingURL=dialog.bootstrap.css.js.map

package/components/dialog/themes/shared/dialog.bootstrap.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.bootstrap.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/shared/dialog.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8tBAA8tB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{min-width:18rem;border:1px solid var(--border-color)}[part=title],[part=footer]{font-family:var(--ig-h5-font-family, var(--ig-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);margin:0;padding:1rem}[part=content]{padding:1rem}[part=title]{-webkit-border-after:1px solid var(--border-color);border-block-end:1px solid var(--border-color)}[part=footer]{-webkit-border-before:1px solid var(--border-color);border-block-start:1px solid var(--border-color)}`;\n"]}

package/components/dialog/themes/shared/dialog.common.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `:host{background:var(--background);border-radius:var(--border-radius)}[part~=backdrop]{background:var(--backdrop)}[part=base]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation)}[part=title]{color:var(--title-color);padding-inline:1.5rem;-webkit-padding-before:1rem;padding-block-start:1rem}[part=content]{color:var(--message-color);padding:.875rem 1.5rem}[part=footer]{color:var(--title-color);padding:.5rem;-webkit-padding-before:0;padding-block-start:0}`;
+//# sourceMappingURL=dialog.common.css.js.map

package/components/dialog/themes/shared/dialog.common.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.common.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/shared/dialog.common.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,sdAAsd,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host{background:var(--background);border-radius:var(--border-radius)}[part~=backdrop]{background:var(--backdrop)}[part=base]{-webkit-box-shadow:var(--elevation);box-shadow:var(--elevation)}[part=title]{color:var(--title-color);padding-inline:1.5rem;-webkit-padding-before:1rem;padding-block-start:1rem}[part=content]{color:var(--message-color);padding:.875rem 1.5rem}[part=footer]{color:var(--title-color);padding:.5rem;-webkit-padding-before:0;padding-block-start:0}`;\n"]}

package/components/dialog/themes/shared/dialog.fluent.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=title]{padding:1.5rem;-webkit-padding-before:1rem;padding-block-start:1rem}[part=content]{padding-inline:1.5rem;-webkit-padding-after:1.25rem;padding-block-end:1.25rem}[part=footer]{padding:1.5rem;-webkit-padding-before:0;padding-block-start:0}`;
+//# sourceMappingURL=dialog.fluent.css.js.map

package/components/dialog/themes/shared/dialog.fluent.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.fluent.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/shared/dialog.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,4PAA4P,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=title]{padding:1.5rem;-webkit-padding-before:1rem;padding-block-start:1rem}[part=content]{padding-inline:1.5rem;-webkit-padding-after:1.25rem;padding-block-end:1.25rem}[part=footer]{padding:1.5rem;-webkit-padding-before:0;padding-block-start:0}`;\n"]}

package/components/dialog/themes/shared/dialog.indigo.css.js

@@ -0,0 +1,3 @@
+import { css } from 'lit';
+export const styles = css `[part=title]{padding:1rem 1.5rem}[part=content]{padding-inline:1.5rem;-webkit-padding-after:.5rem;padding-block-end:.5rem}[part=footer]{padding:.5rem}`;
+//# sourceMappingURL=dialog.indigo.css.js.map

package/components/dialog/themes/shared/dialog.indigo.css.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"dialog.indigo.css.js","sourceRoot":"","sources":["../../../../../src/components/dialog/themes/shared/dialog.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,wJAAwJ,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=title]{padding:1rem 1.5rem}[part=content]{padding-inline:1.5rem;-webkit-padding-after:.5rem;padding-block-end:.5rem}[part=footer]{padding:.5rem}`;\n"]}

package/components/dialog/themes/themes.d.ts

@@ -0,0 +1,2 @@
+import { Themes } from '../../../theming/types.js';
+export declare const all: Themes;

package/components/dialog/themes/themes.js

@@ -0,0 +1,42 @@
+import { css } from 'lit';
+import { styles as bootstrapDark } from './dark/dialog.bootstrap.css.js';
+import { styles as fluentDark } from './dark/dialog.fluent.css.js';
+import { styles as indigoDark } from './dark/dialog.indigo.css.js';
+import { styles as materialDark } from './dark/dialog.material.css.js';
+import { styles as bootstrapLight } from './light/dialog.bootstrap.css.js';
+import { styles as fluentLight } from './light/dialog.fluent.css.js';
+import { styles as indigoLight } from './light/dialog.indigo.css.js';
+import { styles as materialLight } from './light/dialog.material.css.js';
+import { styles as bootstrap } from './shared/dialog.bootstrap.css.js';
+import { styles as fluent } from './shared/dialog.fluent.css.js';
+import { styles as indigo } from './shared/dialog.indigo.css.js';
+const light = {
+    bootstrap: css `
+    ${bootstrap} ${bootstrapLight}
+  `,
+    material: css `
+    ${materialLight}
+  `,
+    fluent: css `
+    ${fluent} ${fluentLight}
+  `,
+    indigo: css `
+    ${indigo} ${indigoLight}
+  `,
+};
+const dark = {
+    bootstrap: css `
+    ${bootstrap} ${bootstrapDark}
+  `,
+    material: css `
+    ${materialDark}
+  `,
+    fluent: css `
+    ${fluent} ${fluentDark}
+  `,
+    indigo: css `
+    ${indigo} ${indigoDark}
+  `,
+};
+export const all = { light, dark };
+//# sourceMappingURL=themes.js.map

package/components/dialog/themes/themes.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"themes.js","sourceRoot":"","sources":["../../../../src/components/dialog/themes/themes.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAG1B,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,UAAU,EAAE,MAAM,6BAA6B,CAAC;AACnE,OAAO,EAAE,MAAM,IAAI,YAAY,EAAE,MAAM,+BAA+B,CAAC;AAEvE,OAAO,EAAE,MAAM,IAAI,cAAc,EAAE,MAAM,iCAAiC,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,WAAW,EAAE,MAAM,8BAA8B,CAAC;AACrE,OAAO,EAAE,MAAM,IAAI,aAAa,EAAE,MAAM,gCAAgC,CAAC;AAEzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,kCAAkC,CAAC;AACvE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AACjE,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,+BAA+B,CAAC;AAGjE,MAAM,KAAK,GAAG;IACZ,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,cAAc;GAC9B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,aAAa;GAChB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,WAAW;GACxB;CACF,CAAC;AAEF,MAAM,IAAI,GAAG;IACX,SAAS,EAAE,GAAG,CAAA;MACV,SAAS,IAAI,aAAa;GAC7B;IACD,QAAQ,EAAE,GAAG,CAAA;MACT,YAAY;GACf;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;IACD,MAAM,EAAE,GAAG,CAAA;MACP,MAAM,IAAI,UAAU;GACvB;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,GAAG,GAAW,EAAE,KAAK,EAAE,IAAI,EAAE,CAAC","sourcesContent":["import { css } from 'lit';\n\n// Dark Overrides\nimport { styles as bootstrapDark } from './dark/dialog.bootstrap.css.js';\nimport { styles as fluentDark } from './dark/dialog.fluent.css.js';\nimport { styles as indigoDark } from './dark/dialog.indigo.css.js';\nimport { styles as materialDark } from './dark/dialog.material.css.js';\n// Light Overrides\nimport { styles as bootstrapLight } from './light/dialog.bootstrap.css.js';\nimport { styles as fluentLight } from './light/dialog.fluent.css.js';\nimport { styles as indigoLight } from './light/dialog.indigo.css.js';\nimport { styles as materialLight } from './light/dialog.material.css.js';\n// Shared Styles\nimport { styles as bootstrap } from './shared/dialog.bootstrap.css.js';\nimport { styles as fluent } from './shared/dialog.fluent.css.js';\nimport { styles as indigo } from './shared/dialog.indigo.css.js';\nimport { Themes } from '../../../theming/types.js';\n\nconst light = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapLight}\n  `,\n  material: css`\n    ${materialLight}\n  `,\n  fluent: css`\n    ${fluent} ${fluentLight}\n  `,\n  indigo: css`\n    ${indigo} ${indigoLight}\n  `,\n};\n\nconst dark = {\n  bootstrap: css`\n    ${bootstrap} ${bootstrapDark}\n  `,\n  material: css`\n    ${materialDark}\n  `,\n  fluent: css`\n    ${fluent} ${fluentDark}\n  `,\n  indigo: css`\n    ${indigo} ${indigoDark}\n  `,\n};\n\nexport const all: Themes = { light, dark };\n"]}

package/components/dropdown/dropdown-group.d.ts

@@ -1,8 +1,9 @@
 import { LitElement } from 'lit';
-import { SizableInterface } from '../common/mixins/sizable.js';
 import type IgcDropdownItemComponent from './dropdown-item';
 /**
- * @element igc-dropdown-group - A container for a group of `igc-dropdown-item` components.
+ * A container for a group of `igc-dropdown-item` components.
+ *
+ * @element igc-dropdown-group
  *
  * @slot label - Contains the group's label.
  * @slot - Intended to contain the items belonging to this group.
@@ -13,11 +14,10 @@ export default class IgcDropdownGroupComponent extends LitElement {
     static readonly tagName: string;
     static styles: import("lit").CSSResult;
     static register(): void;
-    protected parent: SizableInterface;
+    private _internals;
     /** All child `igc-dropdown-item`s. */
     items: Array<IgcDropdownItemComponent>;
-    connectedCallback(): void;
-    protected getParent(): import("./dropdown.js").default;
+    constructor();
     protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {

package/components/dropdown/dropdown-group.js

@@ -4,31 +4,27 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, LitElement } from 'lit';
+import { LitElement, html } from 'lit';
 import { queryAssignedElements } from 'lit/decorators.js';
+import { styles } from './themes/dropdown-group.base.css.js';
+import { all } from './themes/group.js';
 import { themes } from '../../theming/theming-decorator.js';
 import { blazorSuppress } from '../common/decorators/blazorSuppress.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { styles } from './themes/light/group/dropdown-group.base.css.js';
-import { styles as bootstrap } from './themes/light/group/dropdown-group.bootstrap.css.js';
-import { styles as fluent } from './themes/light/group/dropdown-group.fluent.css.js';
-import { styles as indigo } from './themes/light/group/dropdown-group.indigo.css.js';
-import { styles as material } from './themes/light/group/dropdown-group.material.css.js';
 let IgcDropdownGroupComponent = class IgcDropdownGroupComponent extends LitElement {
     static register() {
         registerComponent(this);
     }
-    connectedCallback() {
-        super.connectedCallback();
-        this.setAttribute('role', 'group');
-        this.parent = this.getParent();
-    }
-    getParent() {
-        return this.closest('igc-dropdown');
+    constructor() {
+        super();
+        this._internals = this.attachInternals();
+        this._internals.role = 'group';
     }
     render() {
         return html `
-      <label part="label"><slot name="label"></slot></label>
+      <label part="label">
+        <slot name="label"></slot>
+      </label>
       <slot></slot>
     `;
     }
@@ -40,10 +36,7 @@ __decorate([
     queryAssignedElements({ flatten: true, selector: 'igc-dropdown-item' })
 ], IgcDropdownGroupComponent.prototype, "items", void 0);
 IgcDropdownGroupComponent = __decorate([
-    themes({
-        light: { fluent, bootstrap, indigo, material },
-        dark: { fluent, bootstrap, indigo, material },
-    })
+    themes(all)
 ], IgcDropdownGroupComponent);
 export default IgcDropdownGroupComponent;
 //# sourceMappingURL=dropdown-group.js.map

package/components/dropdown/dropdown-group.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-group.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAC1D,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAGtE,OAAO,EAAE,MAAM,EAAE,MAAM,iDAAiD,CAAC;AACzE,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,sDAAsD,CAAC;AAC3F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,mDAAmD,CAAC;AACrF,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,qDAAqD,CAAC;AAczF,IAAqB,yBAAyB,GAA9C,MAAqB,yBAA0B,SAAQ,UAAU;IAIxD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IASe,iBAAiB;QAC/B,KAAK,CAAC,iBAAiB,EAAE,CAAC;QAE1B,IAAI,CAAC,YAAY,CAAC,MAAM,EAAE,OAAO,CAAC,CAAC;QACnC,IAAI,CAAC,MAAM,GAAG,IAAI,CAAC,SAAS,EAAE,CAAC;IACjC,CAAC;IAES,SAAS;QACjB,OAAO,IAAI,CAAC,OAAO,CAAC,cAAc,CAAE,CAAC;IACvC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;KAGV,CAAC;IACJ,CAAC;;AA9BsB,iCAAO,GAAW,oBAAoB,AAA/B,CAAgC;AACvC,gCAAM,GAAG,MAAM,AAAT,CAAU;AAWhC;IAFN,cAAc,EAAE;IAChB,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC;wDACzB;AAb5B,yBAAyB;IAJ7C,MAAM,CAAC;QACN,KAAK,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC9C,IAAI,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,MAAM,EAAE,QAAQ,EAAE;KAC9C,CAAC;GACmB,yBAAyB,CAgC7C;eAhCoB,yBAAyB","sourcesContent":["import { html, LitElement } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { SizableInterface } from '../common/mixins/sizable.js';\nimport type IgcDropdownItemComponent from './dropdown-item';\nimport { styles } from './themes/light/group/dropdown-group.base.css.js';\nimport { styles as bootstrap } from './themes/light/group/dropdown-group.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/group/dropdown-group.fluent.css.js';\nimport { styles as indigo } from './themes/light/group/dropdown-group.indigo.css.js';\nimport { styles as material } from './themes/light/group/dropdown-group.material.css.js';\n\n/**\n * @element igc-dropdown-group - A container for a group of `igc-dropdown-item` components.\n *\n * @slot label - Contains the group's label.\n * @slot - Intended to contain the items belonging to this group.\n *\n * @csspart label - The native label element.\n */\n@themes({\n  light: { fluent, bootstrap, indigo, material },\n  dark: { fluent, bootstrap, indigo, material },\n})\nexport default class IgcDropdownGroupComponent extends LitElement {\n  public static readonly tagName: string = 'igc-dropdown-group';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  protected parent!: SizableInterface;\n\n  /** All child `igc-dropdown-item`s. */\n  @blazorSuppress()\n  @queryAssignedElements({ flatten: true, selector: 'igc-dropdown-item' })\n  public items!: Array<IgcDropdownItemComponent>;\n\n  public override connectedCallback() {\n    super.connectedCallback();\n\n    this.setAttribute('role', 'group');\n    this.parent = this.getParent();\n  }\n\n  protected getParent() {\n    return this.closest('igc-dropdown')!;\n  }\n\n  protected override render() {\n    return html`\n      <label part=\"label\"><slot name=\"label\"></slot></label>\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown-group': IgcDropdownGroupComponent;\n  }\n}\n"]}
+{"version":3,"file":"dropdown-group.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-group.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,qBAAqB,EAAE,MAAM,mBAAmB,CAAC;AAG1D,OAAO,EAAE,MAAM,EAAE,MAAM,qCAAqC,CAAC;AAC7D,OAAO,EAAE,GAAG,EAAE,MAAM,mBAAmB,CAAC;AACxC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,cAAc,EAAE,MAAM,wCAAwC,CAAC;AACxE,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAavD,IAAM,yBAAyB,GAA/B,MAAM,yBAA0B,SAAQ,UAAU;IAIxD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IASD;QACE,KAAK,EAAE,CAAC;QACR,IAAI,CAAC,UAAU,GAAG,IAAI,CAAC,eAAe,EAAE,CAAC;QACzC,IAAI,CAAC,UAAU,CAAC,IAAI,GAAG,OAAO,CAAC;IACjC,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA;;;;;KAKV,CAAC;IACJ,CAAC;;AA3BsB,iCAAO,GAAW,oBAAoB,AAA/B,CAAgC;AACvC,gCAAM,GAAG,MAAM,AAAT,CAAU;AAWhC;IAFN,cAAc,EAAE;IAChB,qBAAqB,CAAC,EAAE,OAAO,EAAE,IAAI,EAAE,QAAQ,EAAE,mBAAmB,EAAE,CAAC;wDACzB;AAb5B,yBAAyB;IAD7C,MAAM,CAAC,GAAG,CAAC;GACS,yBAAyB,CA6B7C;eA7BoB,yBAAyB","sourcesContent":["import { LitElement, html } from 'lit';\nimport { queryAssignedElements } from 'lit/decorators.js';\n\nimport type IgcDropdownItemComponent from './dropdown-item';\nimport { styles } from './themes/dropdown-group.base.css.js';\nimport { all } from './themes/group.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { blazorSuppress } from '../common/decorators/blazorSuppress.js';\nimport { registerComponent } from '../common/definitions/register.js';\n\n/**\n * A container for a group of `igc-dropdown-item` components.\n *\n * @element igc-dropdown-group\n *\n * @slot label - Contains the group's label.\n * @slot - Intended to contain the items belonging to this group.\n *\n * @csspart label - The native label element.\n */\n@themes(all)\nexport default class IgcDropdownGroupComponent extends LitElement {\n  public static readonly tagName: string = 'igc-dropdown-group';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  private _internals: ElementInternals;\n\n  /** All child `igc-dropdown-item`s. */\n  @blazorSuppress()\n  @queryAssignedElements({ flatten: true, selector: 'igc-dropdown-item' })\n  public items!: Array<IgcDropdownItemComponent>;\n\n  constructor() {\n    super();\n    this._internals = this.attachInternals();\n    this._internals.role = 'group';\n  }\n\n  protected override render() {\n    return html`\n      <label part=\"label\">\n        <slot name=\"label\"></slot>\n      </label>\n      <slot></slot>\n    `;\n  }\n}\n\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown-group': IgcDropdownGroupComponent;\n  }\n}\n"]}

package/components/dropdown/dropdown-header.d.ts

@@ -1,6 +1,8 @@
 import { LitElement } from 'lit';
 /**
- * @element igc-dropdown-header - Represents a header item in a dropdown list.
+ * Represents a header item in a igc-dropdown list.
+ *
+ * @element igc-dropdown-header
  *
  * @slot - Renders the header.
  */

package/components/dropdown/dropdown-header.js

@@ -4,14 +4,11 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
     else for (var i = decorators.length - 1; i >= 0; i--) if (d = decorators[i]) r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r;
     return c > 3 && r && Object.defineProperty(target, key, r), r;
 };
-import { html, LitElement } from 'lit';
+import { LitElement, html } from 'lit';
+import { styles } from './themes/dropdown-header.base.css.js';
+import { all } from './themes/header.js';
 import { themes } from '../../theming/theming-decorator.js';
 import { registerComponent } from '../common/definitions/register.js';
-import { styles } from './themes/light/header/dropdown-header.base.css.js';
-import { styles as bootstrap } from './themes/light/header/dropdown-header.bootstrap.css.js';
-import { styles as fluent } from './themes/light/header/dropdown-header.fluent.css.js';
-import { styles as indigo } from './themes/light/header/dropdown-header.indigo.css.js';
-import { styles as material } from './themes/light/header/dropdown-header.material.css.js';
 let IgcDropdownHeaderComponent = class IgcDropdownHeaderComponent extends LitElement {
     static register() {
         registerComponent(this);
@@ -23,10 +20,7 @@ let IgcDropdownHeaderComponent = class IgcDropdownHeaderComponent extends LitEle
 IgcDropdownHeaderComponent.tagName = 'igc-dropdown-header';
 IgcDropdownHeaderComponent.styles = styles;
 IgcDropdownHeaderComponent = __decorate([
-    themes({
-        light: { bootstrap, fluent, indigo, material },
-        dark: { bootstrap, fluent, indigo, material },
-    })
+    themes(all)
 ], IgcDropdownHeaderComponent);
 export default IgcDropdownHeaderComponent;
 //# sourceMappingURL=dropdown-header.js.map

package/components/dropdown/dropdown-header.js.map

@@ -1 +1 @@
-{"version":3,"file":"dropdown-header.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,IAAI,EAAE,UAAU,EAAE,MAAM,KAAK,CAAC;AACvC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AACtE,OAAO,EAAE,MAAM,EAAE,MAAM,mDAAmD,CAAC;AAC3E,OAAO,EAAE,MAAM,IAAI,SAAS,EAAE,MAAM,wDAAwD,CAAC;AAC7F,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qDAAqD,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,MAAM,EAAE,MAAM,qDAAqD,CAAC;AACvF,OAAO,EAAE,MAAM,IAAI,QAAQ,EAAE,MAAM,uDAAuD,CAAC;AAW3F,IAAqB,0BAA0B,GAA/C,MAAqB,0BAA2B,SAAQ,UAAU;IAIzD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AATsB,kCAAO,GAAW,qBAAqB,AAAhC,CAAiC;AACxC,iCAAM,GAAG,MAAM,AAAT,CAAU;AAFpB,0BAA0B;IAJ9C,MAAM,CAAC;QACN,KAAK,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE;QAC9C,IAAI,EAAE,EAAE,SAAS,EAAE,MAAM,EAAE,MAAM,EAAE,QAAQ,EAAE;KAC9C,CAAC;GACmB,0BAA0B,CAW9C;eAXoB,0BAA0B","sourcesContent":["import { html, LitElement } from 'lit';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\nimport { styles } from './themes/light/header/dropdown-header.base.css.js';\nimport { styles as bootstrap } from './themes/light/header/dropdown-header.bootstrap.css.js';\nimport { styles as fluent } from './themes/light/header/dropdown-header.fluent.css.js';\nimport { styles as indigo } from './themes/light/header/dropdown-header.indigo.css.js';\nimport { styles as material } from './themes/light/header/dropdown-header.material.css.js';\n\n/**\n * @element igc-dropdown-header - Represents a header item in a dropdown list.\n *\n * @slot - Renders the header.\n */\n@themes({\n  light: { bootstrap, fluent, indigo, material },\n  dark: { bootstrap, fluent, indigo, material },\n})\nexport default class IgcDropdownHeaderComponent extends LitElement {\n  public static readonly tagName: string = 'igc-dropdown-header';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown-header': IgcDropdownHeaderComponent;\n  }\n}\n"]}
+{"version":3,"file":"dropdown-header.js","sourceRoot":"","sources":["../../../src/components/dropdown/dropdown-header.ts"],"names":[],"mappings":";;;;;;AAAA,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,MAAM,KAAK,CAAC;AAEvC,OAAO,EAAE,MAAM,EAAE,MAAM,sCAAsC,CAAC;AAC9D,OAAO,EAAE,GAAG,EAAE,MAAM,oBAAoB,CAAC;AACzC,OAAO,EAAE,MAAM,EAAE,MAAM,oCAAoC,CAAC;AAC5D,OAAO,EAAE,iBAAiB,EAAE,MAAM,mCAAmC,CAAC;AAUvD,IAAM,0BAA0B,GAAhC,MAAM,0BAA2B,SAAQ,UAAU;IAIzD,MAAM,CAAC,QAAQ;QACpB,iBAAiB,CAAC,IAAI,CAAC,CAAC;IAC1B,CAAC;IAEkB,MAAM;QACvB,OAAO,IAAI,CAAA,eAAe,CAAC;IAC7B,CAAC;;AATsB,kCAAO,GAAW,qBAAqB,AAAhC,CAAiC;AACxC,iCAAM,GAAG,MAAM,AAAT,CAAU;AAFpB,0BAA0B;IAD9C,MAAM,CAAC,GAAG,CAAC;GACS,0BAA0B,CAW9C;eAXoB,0BAA0B","sourcesContent":["import { LitElement, html } from 'lit';\n\nimport { styles } from './themes/dropdown-header.base.css.js';\nimport { all } from './themes/header.js';\nimport { themes } from '../../theming/theming-decorator.js';\nimport { registerComponent } from '../common/definitions/register.js';\n\n/**\n * Represents a header item in a igc-dropdown list.\n *\n * @element igc-dropdown-header\n *\n * @slot - Renders the header.\n */\n@themes(all)\nexport default class IgcDropdownHeaderComponent extends LitElement {\n  public static readonly tagName: string = 'igc-dropdown-header';\n  public static override styles = styles;\n\n  public static register() {\n    registerComponent(this);\n  }\n\n  protected override render() {\n    return html`<slot></slot>`;\n  }\n}\ndeclare global {\n  interface HTMLElementTagNameMap {\n    'igc-dropdown-header': IgcDropdownHeaderComponent;\n  }\n}\n"]}

package/components/dropdown/dropdown-item.d.ts

@@ -1,4 +1,4 @@
-import { LitElement } from 'lit';
+import { IgcBaseOptionLikeComponent } from '../common/mixins/option.js';
 /**
  * Represents an item in a dropdown list.
  *
@@ -12,37 +12,10 @@ import { LitElement } from 'lit';
  * @csspart content - The main content wrapper.
  * @csspart suffix - The suffix wrapper.
  */
-export default class IgcDropdownItemComponent extends LitElement {
-    static readonly tagName: string;
+export default class IgcDropdownItemComponent extends IgcBaseOptionLikeComponent {
+    static readonly tagName = "igc-dropdown-item";
     static styles: import("lit").CSSResult;
     static register(): void;
-    private _value;
-    /**
-     * Тhe current value of the item.
-     * If not specified, the element's text content is used.
-     * @attr
-     */
-    get value(): string;
-    set value(value: string);
-    /**
-     * Determines whether the item is selected.
-     * @attr
-     */
-    selected: boolean;
-    /**
-     * Determines whether the item is active.
-     * @attr
-     */
-    active: boolean;
-    /**
-     * Determines whether the item is disabled.
-     * @attr
-     */
-    disabled: boolean;
-    protected selectedChange(): void;
-    protected disabledChange(): void;
-    connectedCallback(): void;
-    protected render(): import("lit-html").TemplateResult<1>;
 }
 declare global {
     interface HTMLElementTagNameMap {