igniteui-webcomponents 3.3.0 → 4.0.0-alpha.2

package/components/button/themes/icon-button/light/icon-button.base.css.js

@@ -1,3 +1,103 @@
 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-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}::slotted(*){font-size:var(--size) !important;vertical-align:middle}slot{pointer-events:none}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*50%,50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;-webkit-transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out,-webkit-box-shadow .2s ease-in;-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s;font-size:var(--size);line-height:1}:host([size=small]){--size: 1rem}:host([size=small]) [part=base]{padding:calc(var(--igc-spacing-small)*2)}:host([size=medium]){--size: 1.25rem}:host([size=medium]) [part=base]{padding:calc(var(--igc-spacing-medium)*1.25)}:host([size=large]){--size: 1.5rem}:host([size=large]) [part=base]{padding:calc(var(--igc-spacing-large)*.75)}:host([disabled]){pointer-events:none}`;
+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-inline-box;
+  display: -ms-inline-flexbox;
+  display: inline-flex;
+  vertical-align: middle;
+}
+
+::slotted(*) {
+  font-size: var(--size) !important;
+  vertical-align: middle;
+}
+
+slot {
+  pointer-events: none;
+}
+
+[part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 50%), 50%);
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  -webkit-box-pack: center;
+      -ms-flex-pack: center;
+          justify-content: center;
+  border: none;
+  outline-style: none;
+  background: transparent;
+  padding: 0;
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  -webkit-user-select: none;
+     -moz-user-select: none;
+      -ms-user-select: none;
+          user-select: none;
+  -webkit-tap-highlight-color: transparent;
+  cursor: pointer;
+  -webkit-transition: background 0.15s ease-out, -webkit-box-shadow 0.2s ease-in;
+  transition: background 0.15s ease-out, -webkit-box-shadow 0.2s ease-in;
+  -o-transition: box-shadow 0.2s ease-in, background 0.15s ease-out;
+  transition: box-shadow 0.2s ease-in, background 0.15s ease-out;
+  transition: box-shadow 0.2s ease-in, background 0.15s ease-out, -webkit-box-shadow 0.2s ease-in;
+  -webkit-transition-delay: 0.05s;
+       -o-transition-delay: 0.05s;
+          transition-delay: 0.05s;
+  font-size: var(--size);
+  line-height: 1;
+}
+
+:host([size=small]) {
+  --size: 1rem;
+}
+:host([size=small]) [part=base] {
+  padding: calc(var(--igc-spacing-small) * 2);
+}
+
+:host([size=medium]) {
+  --size: 1.25rem;
+}
+:host([size=medium]) [part=base] {
+  padding: calc(var(--igc-spacing-medium) * 1.25);
+}
+
+:host([size=large]) {
+  --size: 1.5rem;
+}
+:host([size=large]) [part=base] {
+  padding: calc(var(--igc-spacing-large) * 0.75);
+}
+
+:host([disabled]) {
+  pointer-events: none;
+}`;
 //# sourceMappingURL=icon-button.base.css.js.map

package/components/button/themes/icon-button/light/icon-button.base.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2uEAA2uE,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-inline-box;display:-ms-inline-flexbox;display:inline-flex;vertical-align:middle}::slotted(*){font-size:var(--size) !important;vertical-align:middle}slot{pointer-events:none}[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*50%,50%);display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;border:none;outline-style:none;background:rgba(0,0,0,0);padding:0;color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0,0,0,0);cursor:pointer;-webkit-transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;transition:background .15s ease-out,-webkit-box-shadow .2s ease-in;-o-transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out;transition:box-shadow .2s ease-in,background .15s ease-out,-webkit-box-shadow .2s ease-in;-webkit-transition-delay:.05s;-o-transition-delay:.05s;transition-delay:.05s;font-size:var(--size);line-height:1}:host([size=small]){--size: 1rem}:host([size=small]) [part=base]{padding:calc(var(--igc-spacing-small)*2)}:host([size=medium]){--size: 1.25rem}:host([size=medium]) [part=base]{padding:calc(var(--igc-spacing-medium)*1.25)}:host([size=large]){--size: 1.5rem}:host([size=large]) [part=base]{padding:calc(var(--igc-spacing-large)*.75)}:host([disabled]){pointer-events:none}`;\n"]}
+{"version":3,"file":"icon-button.base.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.base.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAoGvB,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-inline-box;\n  display: -ms-inline-flexbox;\n  display: inline-flex;\n  vertical-align: middle;\n}\n\n::slotted(*) {\n  font-size: var(--size) !important;\n  vertical-align: middle;\n}\n\nslot {\n  pointer-events: none;\n}\n\n[part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 50%), 50%);\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-align: center;\n      -ms-flex-align: center;\n          align-items: center;\n  -webkit-box-pack: center;\n      -ms-flex-pack: center;\n          justify-content: center;\n  border: none;\n  outline-style: none;\n  background: transparent;\n  padding: 0;\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  -webkit-user-select: none;\n     -moz-user-select: none;\n      -ms-user-select: none;\n          user-select: none;\n  -webkit-tap-highlight-color: transparent;\n  cursor: pointer;\n  -webkit-transition: background 0.15s ease-out, -webkit-box-shadow 0.2s ease-in;\n  transition: background 0.15s ease-out, -webkit-box-shadow 0.2s ease-in;\n  -o-transition: box-shadow 0.2s ease-in, background 0.15s ease-out;\n  transition: box-shadow 0.2s ease-in, background 0.15s ease-out;\n  transition: box-shadow 0.2s ease-in, background 0.15s ease-out, -webkit-box-shadow 0.2s ease-in;\n  -webkit-transition-delay: 0.05s;\n       -o-transition-delay: 0.05s;\n          transition-delay: 0.05s;\n  font-size: var(--size);\n  line-height: 1;\n}\n\n:host([size=small]) {\n  --size: 1rem;\n}\n:host([size=small]) [part=base] {\n  padding: calc(var(--igc-spacing-small) * 2);\n}\n\n:host([size=medium]) {\n  --size: 1.25rem;\n}\n:host([size=medium]) [part=base] {\n  padding: calc(var(--igc-spacing-medium) * 1.25);\n}\n\n:host([size=large]) {\n  --size: 1.5rem;\n}\n:host([size=large]) [part=base] {\n  padding: calc(var(--igc-spacing-large) * 0.75);\n}\n\n:host([disabled]) {\n  pointer-events: none;\n}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js

@@ -1,3 +1,83 @@
 import { css } from 'lit';
-export const styles = css `[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);-webkit-transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part=base]:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}[part=base]:focus,[part=base]:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=small]) [part=base]{width:1.9375rem;height:1.9375rem;padding:calc(var(--igc-spacing-small)*3.75)}:host([size=medium]) [part=base]{width:2.375rem;height:2.375rem;padding:calc(var(--igc-spacing-medium)*2.25)}:host([size=large]) [part=base]{width:3rem;height:3rem;padding:calc(var(--igc-spacing-large)*1.5)}:host([variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) [part=base]:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=contained]) [part=base]:focus,:host([variant=contained]) [part=base]:active{background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=outlined]) [part=base]{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=outlined]) [part=base]:hover{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=outlined]) [part=base]:focus,:host([variant=outlined]) [part=base]:active{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([disabled]) [part=base]{color:hsla(var(--igc-primary-100), var(--igc-primary-a));background:rgba(0,0,0,0)}:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-primary-100), var(--igc-primary-a));color:hsla(var(--igc-primary-300), var(--igc-primary-a))}:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-primary-100), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);
+  -webkit-transition: color 0.15s ease-out, background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
+  transition: color 0.15s ease-out, background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
+  -o-transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out;
+  transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out;
+  transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;
+  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+[part=base]:hover {
+  color: hsla(var(--ig-primary-800), var(--ig-primary-a));
+}
+[part=base]:focus, [part=base]:active {
+  color: hsla(var(--ig-primary-600), var(--ig-primary-a));
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+:host([size=small]) [part=base] {
+  width: 1.9375rem;
+  height: 1.9375rem;
+  padding: calc(var(--igc-spacing-small) * 3.75);
+}
+
+:host([size=medium]) [part=base] {
+  width: 2.375rem;
+  height: 2.375rem;
+  padding: calc(var(--igc-spacing-medium) * 2.25);
+}
+
+:host([size=large]) [part=base] {
+  width: 3rem;
+  height: 3rem;
+  padding: calc(var(--igc-spacing-large) * 1.5);
+}
+
+:host([variant=contained]) [part=base] {
+  color: var(--ig-primary-600-contrast);
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+:host([variant=contained]) [part=base]:hover {
+  background: hsla(var(--ig-primary-600), var(--ig-primary-a));
+}
+:host([variant=contained]) [part=base]:focus, :host([variant=contained]) [part=base]:active {
+  background: hsla(var(--ig-primary-600), var(--ig-primary-a));
+  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
+          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
+}
+
+:host([variant=outlined]) [part=base] {
+  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-500), var(--ig-primary-a));
+          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+:host([variant=outlined]) [part=base]:hover {
+  color: var(--ig-primary-600-contrast);
+  background: hsla(var(--ig-primary-600), var(--ig-primary-a));
+}
+:host([variant=outlined]) [part=base]:focus, :host([variant=outlined]) [part=base]:active {
+  color: var(--ig-primary-600-contrast);
+  background: hsla(var(--ig-primary-600), var(--ig-primary-a));
+  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
+          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);
+}
+
+:host([disabled]) [part=base] {
+  color: hsla(var(--ig-primary-100), var(--ig-primary-a));
+  background: transparent;
+}
+
+:host([disabled][variant=contained]) [part=base] {
+  background: hsla(var(--ig-primary-100), var(--ig-primary-a));
+  color: hsla(var(--ig-primary-300), var(--ig-primary-a));
+}
+
+:host([disabled][variant=outlined]) [part=base] {
+  color: hsla(var(--ig-primary-100), var(--ig-primary-a));
+  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-100), var(--ig-primary-a));
+          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-100), var(--ig-primary-a));
+}`;
 //# sourceMappingURL=icon-button.bootstrap.css.js.map

package/components/button/themes/icon-button/light/icon-button.bootstrap.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,61FAA61F,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.25rem,.25rem);-webkit-transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;transition:color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;-o-transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out;transition:box-shadow .15s ease-out,color .15s ease-out,background .15s ease-out,-webkit-box-shadow .15s ease-out;color:hsla(var(--igc-primary-500), var(--igc-primary-a))}[part=base]:hover{color:hsla(var(--igc-primary-800), var(--igc-primary-a))}[part=base]:focus,[part=base]:active{color:hsla(var(--igc-primary-600), var(--igc-primary-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:none;box-shadow:none}:host([size=small]) [part=base]{width:1.9375rem;height:1.9375rem;padding:calc(var(--igc-spacing-small)*3.75)}:host([size=medium]) [part=base]{width:2.375rem;height:2.375rem;padding:calc(var(--igc-spacing-medium)*2.25)}:host([size=large]) [part=base]{width:3rem;height:3rem;padding:calc(var(--igc-spacing-large)*1.5)}:host([variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) [part=base]:hover{background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=contained]) [part=base]:focus,:host([variant=contained]) [part=base]:active{background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([variant=outlined]) [part=base]{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=outlined]) [part=base]:hover{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a))}:host([variant=outlined]) [part=base]:focus,:host([variant=outlined]) [part=base]:active{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-600), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5);box-shadow:0 0 0 .25rem hsla(var(--igc-primary-200), 0.5)}:host([disabled]) [part=base]{color:hsla(var(--igc-primary-100), var(--igc-primary-a));background:rgba(0,0,0,0)}:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-primary-100), var(--igc-primary-a));color:hsla(var(--igc-primary-300), var(--igc-primary-a))}:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-primary-100), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-primary-100), var(--igc-primary-a))}`;\n"]}
+{"version":3,"file":"icon-button.bootstrap.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAgFvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part=base] {\n  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.25rem), 0.25rem);\n  -webkit-transition: color 0.15s ease-out, background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n  transition: color 0.15s ease-out, background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n  -o-transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out;\n  transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out;\n  transition: box-shadow 0.15s ease-out, color 0.15s ease-out, background 0.15s ease-out, -webkit-box-shadow 0.15s ease-out;\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n[part=base]:hover {\n  color: hsla(var(--ig-primary-800), var(--ig-primary-a));\n}\n[part=base]:focus, [part=base]:active {\n  color: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n\n:host([size=small]) [part=base] {\n  width: 1.9375rem;\n  height: 1.9375rem;\n  padding: calc(var(--igc-spacing-small) * 3.75);\n}\n\n:host([size=medium]) [part=base] {\n  width: 2.375rem;\n  height: 2.375rem;\n  padding: calc(var(--igc-spacing-medium) * 2.25);\n}\n\n:host([size=large]) [part=base] {\n  width: 3rem;\n  height: 3rem;\n  padding: calc(var(--igc-spacing-large) * 1.5);\n}\n\n:host([variant=contained]) [part=base] {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:hover {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:focus, :host([variant=contained]) [part=base]:active {\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n}\n\n:host([variant=outlined]) [part=base] {\n  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-500), var(--ig-primary-a));\n          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host([variant=outlined]) [part=base]:hover {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n}\n:host([variant=outlined]) [part=base]:focus, :host([variant=outlined]) [part=base]:active {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-600), var(--ig-primary-a));\n  -webkit-box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n          box-shadow: 0 0 0 0.25rem hsla(var(--ig-primary-200), 0.5);\n}\n\n:host([disabled]) [part=base] {\n  color: hsla(var(--ig-primary-100), var(--ig-primary-a));\n  background: transparent;\n}\n\n:host([disabled][variant=contained]) [part=base] {\n  background: hsla(var(--ig-primary-100), var(--ig-primary-a));\n  color: hsla(var(--ig-primary-300), var(--ig-primary-a));\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n  color: hsla(var(--ig-primary-100), var(--ig-primary-a));\n  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-100), var(--ig-primary-a));\n          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-primary-100), var(--ig-primary-a));\n}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.fluent.css.js

@@ -1,3 +1,92 @@
 import { css } from 'lit';
-export const styles = css `[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);background:rgba(0,0,0,0);color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transition:color .15s ease-out,background .15s ease-out;-o-transition:color .15s ease-out,background .15s ease-out;transition:color .15s ease-out,background .15s ease-out;-webkit-box-shadow:none;box-shadow:none}[part=base]::after{position:absolute;content:"";pointer-events:none;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px)}[part=base]:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part=base]:active{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part=base]:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) [part=base]{width:1.5rem;height:1.5rem}:host([size=medium]) [part=base]{width:2rem;height:2rem;padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) [part=base]{width:2.375rem;height:2.375rem;padding:calc(var(--igc-spacing-large)*.875)}:host([variant=contained]) [part=base]{color:var(--text-color, var(--igc-primary-600-contrast));background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) [part=base]:hover{background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host([variant=contained]) [part=base]:active{color:var(--igc-primary-800-contrast);background:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host([variant=contained]) [part=base]:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast);box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast)}:host([variant=outlined]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([variant=outlined]) [part=base]:focus{background:rgba(0,0,0,0)}:host([variant=outlined]) [part=base]:hover,:host([variant=outlined]) [part=base]:focus:hover{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) [part=base]:focus:active{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=contained]) [part=base],:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part=base] {
+  border-radius: clamp(0rem, calc(var(--ig-radius-factor) * 0.125rem), 0.125rem);
+  background: transparent;
+  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  -webkit-transition: color 0.15s ease-out, background 0.15s ease-out;
+  -o-transition: color 0.15s ease-out, background 0.15s ease-out;
+  transition: color 0.15s ease-out, background 0.15s ease-out;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+[part=base]::after {
+  position: absolute;
+  content: "";
+  pointer-events: none;
+  top: 2px;
+  left: 2px;
+  width: calc(100% - 4px);
+  height: calc(100% - 4px);
+}
+[part=base]:hover {
+  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+[part=base]:active {
+  color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+[part=base]:focus-visible::after {
+  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-500), var(--ig-gray-a));
+          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+
+:host([size=small]) [part=base] {
+  width: 1.5rem;
+  height: 1.5rem;
+}
+
+:host([size=medium]) [part=base] {
+  width: 2rem;
+  height: 2rem;
+  padding: calc(var(--igc-spacing-medium) * 1.5);
+}
+
+:host([size=large]) [part=base] {
+  width: 2.375rem;
+  height: 2.375rem;
+  padding: calc(var(--igc-spacing-large) * 0.875);
+}
+
+:host([variant=contained]) [part=base] {
+  color: var(--text-color, var(--ig-primary-600-contrast));
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+:host([variant=contained]) [part=base]:hover {
+  background: var(--hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));
+}
+:host([variant=contained]) [part=base]:active {
+  color: var(--ig-primary-800-contrast);
+  background: hsla(var(--ig-primary-800), var(--ig-primary-a));
+}
+:host([variant=contained]) [part=base]:focus-visible::after {
+  -webkit-box-shadow: 0 0 0 0.0625rem var(--ig-primary-600-contrast);
+          box-shadow: 0 0 0 0.0625rem var(--ig-primary-600-contrast);
+}
+
+:host([variant=outlined]) [part=base] {
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));
+          box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));
+}
+:host([variant=outlined]) [part=base]:focus {
+  background: transparent;
+}
+:host([variant=outlined]) [part=base]:hover, :host([variant=outlined]) [part=base]:focus:hover {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+}
+:host([variant=outlined]) [part=base]:focus:active {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+
+:host([disabled]) [part=base] {
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+}
+
+:host([disabled][variant=contained]) [part=base],
+:host([disabled][variant=outlined]) [part=base] {
+  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=icon-button.fluent.css.js.map

package/components/button/themes/icon-button/light/icon-button.fluent.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,8nFAA8nF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{border-radius:clamp(0rem,var(--igc-radius-factor)*.125rem,.125rem);background:rgba(0,0,0,0);color:hsla(var(--igc-primary-500), var(--igc-primary-a));-webkit-transition:color .15s ease-out,background .15s ease-out;-o-transition:color .15s ease-out,background .15s ease-out;transition:color .15s ease-out,background .15s ease-out;-webkit-box-shadow:none;box-shadow:none}[part=base]::after{position:absolute;content:\"\";pointer-events:none;top:2px;left:2px;width:calc(100% - 4px);height:calc(100% - 4px)}[part=base]:hover{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-200), var(--igc-gray-a))}[part=base]:active{color:hsla(var(--igc-primary-500), var(--igc-primary-a));background:hsla(var(--igc-gray-300), var(--igc-gray-a))}[part=base]:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:0 0 0 .0625rem hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([size=small]) [part=base]{width:1.5rem;height:1.5rem}:host([size=medium]) [part=base]{width:2rem;height:2rem;padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) [part=base]{width:2.375rem;height:2.375rem;padding:calc(var(--igc-spacing-large)*.875)}:host([variant=contained]) [part=base]{color:var(--text-color, var(--igc-primary-600-contrast));background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) [part=base]:hover{background:var(--hover-background, hsla(var(--igc-primary-600), var(--igc-primary-a)))}:host([variant=contained]) [part=base]:active{color:var(--igc-primary-800-contrast);background:hsla(var(--igc-primary-800), var(--igc-primary-a))}:host([variant=contained]) [part=base]:focus-visible::after{-webkit-box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast);box-shadow:0 0 0 .0625rem var(--igc-primary-600-contrast)}:host([variant=outlined]) [part=base]{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a));box-shadow:0 0 0 1px hsla(var(--igc-gray-700), var(--igc-gray-a))}:host([variant=outlined]) [part=base]:focus{background:rgba(0,0,0,0)}:host([variant=outlined]) [part=base]:hover,:host([variant=outlined]) [part=base]:focus:hover{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) [part=base]:focus:active{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([disabled]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=contained]) [part=base],:host([disabled][variant=outlined]) [part=base]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"icon-button.fluent.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAyFvB,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  background: transparent;\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  -webkit-transition: color 0.15s ease-out, background 0.15s ease-out;\n  -o-transition: color 0.15s ease-out, background 0.15s ease-out;\n  transition: color 0.15s ease-out, background 0.15s ease-out;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n[part=base]::after {\n  position: absolute;\n  content: \"\";\n  pointer-events: none;\n  top: 2px;\n  left: 2px;\n  width: calc(100% - 4px);\n  height: calc(100% - 4px);\n}\n[part=base]:hover {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n[part=base]:active {\n  color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n[part=base]:focus-visible::after {\n  -webkit-box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-500), var(--ig-gray-a));\n          box-shadow: 0 0 0 0.0625rem hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([size=small]) [part=base] {\n  width: 1.5rem;\n  height: 1.5rem;\n}\n\n:host([size=medium]) [part=base] {\n  width: 2rem;\n  height: 2rem;\n  padding: calc(var(--igc-spacing-medium) * 1.5);\n}\n\n:host([size=large]) [part=base] {\n  width: 2.375rem;\n  height: 2.375rem;\n  padding: calc(var(--igc-spacing-large) * 0.875);\n}\n\n:host([variant=contained]) [part=base] {\n  color: var(--text-color, var(--ig-primary-600-contrast));\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:hover {\n  background: var(--hover-background, hsla(var(--ig-primary-600), var(--ig-primary-a)));\n}\n:host([variant=contained]) [part=base]:active {\n  color: var(--ig-primary-800-contrast);\n  background: hsla(var(--ig-primary-800), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:focus-visible::after {\n  -webkit-box-shadow: 0 0 0 0.0625rem var(--ig-primary-600-contrast);\n          box-shadow: 0 0 0 0.0625rem var(--ig-primary-600-contrast);\n}\n\n:host([variant=outlined]) [part=base] {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  -webkit-box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));\n          box-shadow: 0 0 0 1px hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n:host([variant=outlined]) [part=base]:focus {\n  background: transparent;\n}\n:host([variant=outlined]) [part=base]:hover, :host([variant=outlined]) [part=base]:focus:hover {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host([variant=outlined]) [part=base]:focus:active {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n:host([disabled]) [part=base] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n\n:host([disabled][variant=contained]) [part=base],\n:host([disabled][variant=outlined]) [part=base] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.indigo.css.js

@@ -1,3 +1,86 @@
 import { css } from 'lit';
-export const styles = css `[part=base]{-webkit-transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}[part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0)}[part=base]:focus,[part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([size=small]) [part=base]{width:1.75rem;height:1.75rem;padding:calc(var(--igc-spacing-small)*3)}:host([size=medium]) [part=base]{width:2rem;height:2rem;padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) [part=base]{width:2.25rem;height:2.25rem}:host([variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) [part=base]:hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}:host([variant=contained]) [part=base]:focus,:host([variant=contained]) [part=base]:active{background:hsla(var(--igc-primary-400), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=outlined]) [part=base]{-webkit-box-shadow:none;box-shadow:none}:host([variant=outlined]) [part=base]::after{position:absolute;content:"";-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));width:100%;height:100%;border-radius:inherit}:host([variant=outlined]) [part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) [part=base]:focus,:host([variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+[part=base] {
+  -webkit-transition: color 0.15s ease-in-out, background 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+  transition: color 0.15s ease-in-out, background 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+  -o-transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out;
+  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out;
+  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;
+  color: hsla(var(--ig-gray-700), var(--ig-gray-a));
+}
+[part=base]:hover {
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  background: transparent;
+}
+[part=base]:focus, [part=base]:active {
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  background: transparent;
+  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));
+          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+
+:host([size=small]) [part=base] {
+  width: 1.75rem;
+  height: 1.75rem;
+  padding: calc(var(--igc-spacing-small) * 3);
+}
+
+:host([size=medium]) [part=base] {
+  width: 2rem;
+  height: 2rem;
+  padding: calc(var(--igc-spacing-medium) * 1.5);
+}
+
+:host([size=large]) [part=base] {
+  width: 2.25rem;
+  height: 2.25rem;
+}
+
+:host([variant=contained]) [part=base] {
+  color: var(--ig-primary-600-contrast);
+  background: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}
+:host([variant=contained]) [part=base]:hover {
+  background: hsla(var(--ig-primary-400), var(--ig-primary-a));
+}
+:host([variant=contained]) [part=base]:focus, :host([variant=contained]) [part=base]:active {
+  background: hsla(var(--ig-primary-400), var(--ig-primary-a));
+  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));
+          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));
+}
+
+:host([variant=outlined]) [part=base] {
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+:host([variant=outlined]) [part=base]::after {
+  position: absolute;
+  content: "";
+  -webkit-box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-500), var(--ig-gray-a));
+          box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-500), var(--ig-gray-a));
+  width: 100%;
+  height: 100%;
+  border-radius: inherit;
+}
+:host([variant=outlined]) [part=base]:hover {
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+}
+:host([variant=outlined]) [part=base]:focus, :host([variant=outlined]) [part=base]:active {
+  color: hsla(var(--ig-gray-900), var(--ig-gray-a));
+  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));
+          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+
+:host([disabled]) [part=base] {
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+  background: transparent;
+  -webkit-box-shadow: none;
+          box-shadow: none;
+}
+
+:host([disabled][variant=contained]) [part=base] {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  color: hsla(var(--ig-gray-400), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=icon-button.indigo.css.js.map

package/components/button/themes/icon-button/light/icon-button.indigo.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2yFAA2yF,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`[part=base]{-webkit-transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;transition:color .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;-o-transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out;transition:color .15s ease-in-out,box-shadow .15s ease-in-out,background .15s ease-in-out,-webkit-box-shadow .15s ease-in-out;color:hsla(var(--igc-gray-700), var(--igc-gray-a))}[part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0)}[part=base]:focus,[part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([size=small]) [part=base]{width:1.75rem;height:1.75rem;padding:calc(var(--igc-spacing-small)*3)}:host([size=medium]) [part=base]{width:2rem;height:2rem;padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) [part=base]{width:2.25rem;height:2.25rem}:host([variant=contained]) [part=base]{color:var(--igc-primary-600-contrast);background:hsla(var(--igc-primary-500), var(--igc-primary-a))}:host([variant=contained]) [part=base]:hover{background:hsla(var(--igc-primary-400), var(--igc-primary-a))}:host([variant=contained]) [part=base]:focus,:host([variant=contained]) [part=base]:active{background:hsla(var(--igc-primary-400), var(--igc-primary-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-primary-200), var(--igc-primary-a))}:host([variant=outlined]) [part=base]{-webkit-box-shadow:none;box-shadow:none}:host([variant=outlined]) [part=base]::after{position:absolute;content:\"\";-webkit-box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));box-shadow:inset 0 0 0 .125rem hsla(var(--igc-gray-500), var(--igc-gray-a));width:100%;height:100%;border-radius:inherit}:host([variant=outlined]) [part=base]:hover{color:hsla(var(--igc-gray-900), var(--igc-gray-a));background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([variant=outlined]) [part=base]:focus,:host([variant=outlined]) [part=base]:active{color:hsla(var(--igc-gray-900), var(--igc-gray-a));-webkit-box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:0 0 0 .1875rem hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=base]{color:hsla(var(--igc-gray-400), var(--igc-gray-a));background:rgba(0,0,0,0);-webkit-box-shadow:none;box-shadow:none}:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));color:hsla(var(--igc-gray-400), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"icon-button.indigo.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EAmFvB,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`/* stylelint-disable max-line-length */\n[part=base] {\n  -webkit-transition: color 0.15s ease-in-out, background 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, background 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\n  -o-transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out;\n  transition: color 0.15s ease-in-out, box-shadow 0.15s ease-in-out, background 0.15s ease-in-out, -webkit-box-shadow 0.15s ease-in-out;\n  color: hsla(var(--ig-gray-700), var(--ig-gray-a));\n}\n[part=base]:hover {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  background: transparent;\n}\n[part=base]:focus, [part=base]:active {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  background: transparent;\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([size=small]) [part=base] {\n  width: 1.75rem;\n  height: 1.75rem;\n  padding: calc(var(--igc-spacing-small) * 3);\n}\n\n:host([size=medium]) [part=base] {\n  width: 2rem;\n  height: 2rem;\n  padding: calc(var(--igc-spacing-medium) * 1.5);\n}\n\n:host([size=large]) [part=base] {\n  width: 2.25rem;\n  height: 2.25rem;\n}\n\n:host([variant=contained]) [part=base] {\n  color: var(--ig-primary-600-contrast);\n  background: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:hover {\n  background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n}\n:host([variant=contained]) [part=base]:focus, :host([variant=contained]) [part=base]:active {\n  background: hsla(var(--ig-primary-400), var(--ig-primary-a));\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-primary-200), var(--ig-primary-a));\n}\n\n:host([variant=outlined]) [part=base] {\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n:host([variant=outlined]) [part=base]::after {\n  position: absolute;\n  content: \"\";\n  -webkit-box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-500), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 0.125rem hsla(var(--ig-gray-500), var(--ig-gray-a));\n  width: 100%;\n  height: 100%;\n  border-radius: inherit;\n}\n:host([variant=outlined]) [part=base]:hover {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n:host([variant=outlined]) [part=base]:focus, :host([variant=outlined]) [part=base]:active {\n  color: hsla(var(--ig-gray-900), var(--ig-gray-a));\n  -webkit-box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: 0 0 0 0.1875rem hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([disabled]) [part=base] {\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n  background: transparent;\n  -webkit-box-shadow: none;\n          box-shadow: none;\n}\n\n:host([disabled][variant=contained]) [part=base] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  color: hsla(var(--ig-gray-400), var(--ig-gray-a));\n}`;\n"]}

package/components/button/themes/icon-button/light/icon-button.material.css.js

@@ -1,3 +1,55 @@
 import { css } from 'lit';
-export const styles = css `:host([size=small]) [part=base]{width:1.5rem;height:1.5rem;padding:calc(var(--igc-spacing-small)*3)}:host([size=medium]) [part=base]{width:1.875rem;height:1.875rem;padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) [part=base]{width:2.25rem;height:2.25rem}:host([variant=contained]) [part=base]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:focus-within) [part=base]{-webkit-transition:none;-o-transition:none;transition:none;background:hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-400), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([variant=contained]:focus-within) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=base]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=outlined]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-100), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-100), var(--igc-gray-a))}`;
+export const styles = css `/* stylelint-disable max-line-length */
+:host([size=small]) [part=base] {
+  width: 1.5rem;
+  height: 1.5rem;
+  padding: calc(var(--igc-spacing-small) * 3);
+}
+
+:host([size=medium]) [part=base] {
+  width: 1.875rem;
+  height: 1.875rem;
+  padding: calc(var(--igc-spacing-medium) * 1.5);
+}
+
+:host([size=large]) [part=base] {
+  width: 2.25rem;
+  height: 2.25rem;
+}
+
+:host([variant=contained]) [part=base] {
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+}
+
+:host([variant=outlined]) [part=base] {
+  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));
+          box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+
+:host(:focus-within) [part=base] {
+  -webkit-transition: none;
+  -o-transition: none;
+  transition: none;
+  background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));
+          box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));
+}
+
+:host([variant=contained]:focus-within) [part=base] {
+  background: hsla(var(--ig-gray-300), var(--ig-gray-a));
+}
+
+:host([disabled]) [part=base] {
+  color: hsla(var(--ig-gray-500), var(--ig-gray-a));
+}
+
+:host([disabled][variant=contained]) [part=base] {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+}
+
+:host([disabled][variant=outlined]) [part=base] {
+  background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-100), var(--ig-gray-a));
+          box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-100), var(--ig-gray-a));
+}`;
 //# sourceMappingURL=icon-button.material.css.js.map

package/components/button/themes/icon-button/light/icon-button.material.css.js.map

@@ -1 +1 @@
-{"version":3,"file":"icon-button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAE1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,83CAA83C,CAAC","sourcesContent":["import { css } from 'lit';\n\nexport const styles = css`:host([size=small]) [part=base]{width:1.5rem;height:1.5rem;padding:calc(var(--igc-spacing-small)*3)}:host([size=medium]) [part=base]{width:1.875rem;height:1.875rem;padding:calc(var(--igc-spacing-medium)*1.5)}:host([size=large]) [part=base]{width:2.25rem;height:2.25rem}:host([variant=contained]) [part=base]{background:hsla(var(--igc-gray-200), var(--igc-gray-a))}:host([variant=outlined]) [part=base]{-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-300), var(--igc-gray-a))}:host(:focus-within) [part=base]{-webkit-transition:none;-o-transition:none;transition:none;background:hsla(var(--igc-gray-200), var(--igc-gray-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-400), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-400), var(--igc-gray-a))}:host([variant=contained]:focus-within) [part=base]{background:hsla(var(--igc-gray-300), var(--igc-gray-a))}:host([disabled]) [part=base]{color:hsla(var(--igc-gray-500), var(--igc-gray-a))}:host([disabled][variant=contained]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a))}:host([disabled][variant=outlined]) [part=base]{background:hsla(var(--igc-gray-100), var(--igc-gray-a));-webkit-box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-100), var(--igc-gray-a));box-shadow:inset 0 0 0 1px hsla(var(--igc-gray-100), var(--igc-gray-a))}`;\n"]}
+{"version":3,"file":"icon-button.material.css.js","sourceRoot":"","sources":["../../../../../../src/components/button/themes/icon-button/light/icon-button.material.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`/* stylelint-disable max-line-length */\n:host([size=small]) [part=base] {\n  width: 1.5rem;\n  height: 1.5rem;\n  padding: calc(var(--igc-spacing-small) * 3);\n}\n\n:host([size=medium]) [part=base] {\n  width: 1.875rem;\n  height: 1.875rem;\n  padding: calc(var(--igc-spacing-medium) * 1.5);\n}\n\n:host([size=large]) [part=base] {\n  width: 2.25rem;\n  height: 2.25rem;\n}\n\n:host([variant=contained]) [part=base] {\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n}\n\n:host([variant=outlined]) [part=base] {\n  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host(:focus-within) [part=base] {\n  -webkit-transition: none;\n  -o-transition: none;\n  transition: none;\n  background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-400), var(--ig-gray-a));\n}\n\n:host([variant=contained]:focus-within) [part=base] {\n  background: hsla(var(--ig-gray-300), var(--ig-gray-a));\n}\n\n:host([disabled]) [part=base] {\n  color: hsla(var(--ig-gray-500), var(--ig-gray-a));\n}\n\n:host([disabled][variant=contained]) [part=base] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n}\n\n:host([disabled][variant=outlined]) [part=base] {\n  background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  -webkit-box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-100), var(--ig-gray-a));\n          box-shadow: inset 0 0 0 1px hsla(var(--ig-gray-100), var(--ig-gray-a));\n}`;\n"]}

package/components/calendar/common/calendar-base.js

@@ -6,6 +6,7 @@ var __decorate = (this && this.__decorate) || function (decorators, target, key,
 };
 import { LitElement } from 'lit';
 import { property } from 'lit/decorators.js';
+import { blazorDeepImport } from '../../common/decorators/blazorDeepImport.js';
 import { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';
 import { blazorSuppress } from '../../common/decorators/blazorSuppress.js';
 import { watch } from '../../common/decorators/watch.js';
@@ -89,7 +90,8 @@ __decorate([
     watch('selection', { waitUntilFirstUpdate: true })
 ], IgcCalendarBaseComponent.prototype, "selectionChange", null);
 IgcCalendarBaseComponent = __decorate([
-    blazorIndirectRender
+    blazorIndirectRender,
+    blazorDeepImport
 ], IgcCalendarBaseComponent);
 export { IgcCalendarBaseComponent };
 //# sourceMappingURL=calendar-base.js.map

package/components/calendar/common/calendar-base.js.map

@@ -1 +1 @@
-{"version":3,"file":"calendar-base.js","sourceRoot":"","sources":["../../../../src/components/calendar/common/calendar-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppress } from '../../common/decorators/blazorSuppress.js';\nimport { watch } from '../../common/decorators/watch.js';\nimport { Calendar, DateRangeDescriptor } from './calendar.model.js';\nimport { getWeekDayNumber } from './utils.js';\n\nexport const MONTHS_PER_ROW = 3;\nexport const YEARS_PER_ROW = 3;\n\nexport interface IgcCalendarBaseEventMap {\n  igcChange: CustomEvent<Date | Date[]>;\n}\n\n@blazorIndirectRender\nexport class IgcCalendarBaseComponent extends LitElement {\n  protected calendarModel = new Calendar();\n\n  /**\n   * Тhe current value of the calendar.\n   * Used when selection is set to single.\n   */\n  @blazorSuppress()\n  @property({\n    converter: {\n      fromAttribute: (value: string) => (value ? new Date(value) : undefined),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  public value?: Date;\n  //we suppress value for blazor since we need to expose it on the leaves with the events for now.\n\n  /**\n   * Тhe current values of the calendar.\n   * Used when selection is set to multiple or range.\n   */\n  @blazorSuppress()\n  @property({\n    converter: {\n      fromAttribute: (value: string) =>\n        !value\n          ? undefined\n          : value\n              .split(',')\n              .map((v) => v.trim())\n              .filter((v) => v)\n              .map((v) => new Date(v)),\n      toAttribute: (value: Date[]) =>\n        value.map((v) => v.toISOString()).join(','),\n    },\n  })\n  public values?: Date[];\n\n  /** Sets the type of date selection. */\n  @property()\n  public selection: 'single' | 'multiple' | 'range' = 'single';\n\n  /** Show/hide the week numbers. */\n  @property({ type: Boolean, attribute: 'show-week-numbers', reflect: true })\n  public showWeekNumbers = false;\n\n  /** Sets the start day of the week. */\n  @property({ attribute: 'week-start' })\n  public weekStart:\n    | 'sunday'\n    | 'monday'\n    | 'tuesday'\n    | 'wednesday'\n    | 'thursday'\n    | 'friday'\n    | 'saturday' = 'sunday';\n\n  /** Sets the date which is shown in view and is highlighted. By default it is the current date. */\n  @blazorSuppress()\n  @property({\n    attribute: 'active-date',\n    converter: {\n      fromAttribute: (value: string) => (value ? new Date(value) : new Date()),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  public activeDate = new Date();\n\n  /** Sets the locale used for formatting and displaying the dates in the calendar. */\n  @property()\n  public locale = 'en';\n\n  /** Gets/sets disabled dates. */\n  @property({ attribute: false })\n  public disabledDates!: DateRangeDescriptor[];\n\n  /** Gets/sets special dates. */\n  @property({ attribute: false })\n  public specialDates!: DateRangeDescriptor[];\n\n  @watch('weekStart')\n  protected weekStartChange() {\n    this.calendarModel.firstWeekDay = getWeekDayNumber(this.weekStart);\n  }\n\n  @watch('selection', { waitUntilFirstUpdate: true })\n  protected selectionChange() {\n    this.value = undefined;\n  }\n}\n"]}
+{"version":3,"file":"calendar-base.js","sourceRoot":"","sources":["../../../../src/components/calendar/common/calendar-base.ts"],"names":[],"mappings":"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","sourcesContent":["import { LitElement } from 'lit';\nimport { property } from 'lit/decorators.js';\nimport { blazorDeepImport } from '../../common/decorators/blazorDeepImport.js';\nimport { blazorIndirectRender } from '../../common/decorators/blazorIndirectRender.js';\nimport { blazorSuppress } from '../../common/decorators/blazorSuppress.js';\nimport { watch } from '../../common/decorators/watch.js';\nimport { Calendar, DateRangeDescriptor } from './calendar.model.js';\nimport { getWeekDayNumber } from './utils.js';\n\nexport const MONTHS_PER_ROW = 3;\nexport const YEARS_PER_ROW = 3;\n\nexport interface IgcCalendarBaseEventMap {\n  igcChange: CustomEvent<Date | Date[]>;\n}\n\n@blazorIndirectRender\n@blazorDeepImport\nexport class IgcCalendarBaseComponent extends LitElement {\n  protected calendarModel = new Calendar();\n\n  /**\n   * Тhe current value of the calendar.\n   * Used when selection is set to single.\n   */\n  @blazorSuppress()\n  @property({\n    converter: {\n      fromAttribute: (value: string) => (value ? new Date(value) : undefined),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  public value?: Date;\n  //we suppress value for blazor since we need to expose it on the leaves with the events for now.\n\n  /**\n   * Тhe current values of the calendar.\n   * Used when selection is set to multiple or range.\n   */\n  @blazorSuppress()\n  @property({\n    converter: {\n      fromAttribute: (value: string) =>\n        !value\n          ? undefined\n          : value\n              .split(',')\n              .map((v) => v.trim())\n              .filter((v) => v)\n              .map((v) => new Date(v)),\n      toAttribute: (value: Date[]) =>\n        value.map((v) => v.toISOString()).join(','),\n    },\n  })\n  public values?: Date[];\n\n  /** Sets the type of date selection. */\n  @property()\n  public selection: 'single' | 'multiple' | 'range' = 'single';\n\n  /** Show/hide the week numbers. */\n  @property({ type: Boolean, attribute: 'show-week-numbers', reflect: true })\n  public showWeekNumbers = false;\n\n  /** Sets the start day of the week. */\n  @property({ attribute: 'week-start' })\n  public weekStart:\n    | 'sunday'\n    | 'monday'\n    | 'tuesday'\n    | 'wednesday'\n    | 'thursday'\n    | 'friday'\n    | 'saturday' = 'sunday';\n\n  /** Sets the date which is shown in view and is highlighted. By default it is the current date. */\n  @blazorSuppress()\n  @property({\n    attribute: 'active-date',\n    converter: {\n      fromAttribute: (value: string) => (value ? new Date(value) : new Date()),\n      toAttribute: (value: Date) => value.toISOString(),\n    },\n  })\n  public activeDate = new Date();\n\n  /** Sets the locale used for formatting and displaying the dates in the calendar. */\n  @property()\n  public locale = 'en';\n\n  /** Gets/sets disabled dates. */\n  @property({ attribute: false })\n  public disabledDates!: DateRangeDescriptor[];\n\n  /** Gets/sets special dates. */\n  @property({ attribute: false })\n  public specialDates!: DateRangeDescriptor[];\n\n  @watch('weekStart')\n  protected weekStartChange() {\n    this.calendarModel.firstWeekDay = getWeekDayNumber(this.weekStart);\n  }\n\n  @watch('selection', { waitUntilFirstUpdate: true })\n  protected selectionChange() {\n    this.value = undefined;\n  }\n}\n"]}