apex-grid 1.0.0-rc.0

package/dist/src/styles/filter-row/filter-row-styles.js

@@ -0,0 +1,96 @@
+import { css } from 'lit';
+export default css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --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);
+  --component-size: 3;
+}
+
+:host {
+  --ig-size: 1;
+  display: grid;
+  grid-row: filter-row;
+  min-height: max(var(--is-large, 1) * 3.125rem, var(--is-medium, 1) * 2.125rem, var(--is-small, 1) * 1.5rem);
+  background: var(--igx-header-background, var(--header-background));
+  color: var(--igx-header-text-color, var(--header-text-color));
+  -webkit-border-after: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
+          border-block-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
+  z-index: var(--z-index-base);
+  -webkit-padding-end: var(--scrollbar-offset);
+          padding-inline-end: var(--scrollbar-offset);
+}
+
+[part=filter-row-preview] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  overflow: hidden;
+  padding: 0 max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);
+  background: var(--igx-filtering-row-background, var(--filtering-row-background));
+  color: var(--igx-filtering-row-text-color, var(--filtering-row-text-color));
+  -webkit-border-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
+          border-inline-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));
+}
+
+[part~=active-state] {
+  background: var(--igx-filtering-row-background, var(--filtering-row-background));
+  color: var(--igx-filtering-row-text-color, var(--filtering-row-text-color));
+  min-height: max(var(--is-large, 1) * 3.125rem, var(--is-medium, 1) * 2.125rem, var(--is-small, 1) * 1.5rem);
+  min-width: 100%;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+  gap: 0.5rem;
+  position: relative;
+  inset-block-start: -0.0625rem;
+}
+
+[part=filter-row-preview]:last-of-type {
+  -webkit-border-end: none;
+          border-inline-end: none;
+}
+
+[part~=filter-row-input] {
+  -webkit-padding-start: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);
+          padding-inline-start: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);
+}
+
+[part~=filter-row-actions] {
+  -webkit-padding-end: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);
+          padding-inline-end: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);
+}
+
+[part~=filter-row-input],
+[part~=filter-row-filters],
+[part~=filter-row-actions] {
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-align: center;
+      -ms-flex-align: center;
+          align-items: center;
+}
+
+[part~=filter-row-filters] {
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  overflow: hidden;
+}
+
+igc-input::part(container), igc-input::part(input) {
+  background: inherit;
+  color: inherit;
+}`;
+//# sourceMappingURL=filter-row-styles.js.map

package/dist/src/styles/filter-row/filter-row-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"filter-row-styles.js","sourceRoot":"","sources":["../../../../src/styles/filter-row/filter-row-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA6FhB,CAAC","sourcesContent":["import {css} from 'lit';\n\nexport default css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  --component-size: 3;\n}\n\n:host {\n  --ig-size: 1;\n  display: grid;\n  grid-row: filter-row;\n  min-height: max(var(--is-large, 1) * 3.125rem, var(--is-medium, 1) * 2.125rem, var(--is-small, 1) * 1.5rem);\n  background: var(--igx-header-background, var(--header-background));\n  color: var(--igx-header-text-color, var(--header-text-color));\n  -webkit-border-after: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));\n          border-block-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));\n  z-index: var(--z-index-base);\n  -webkit-padding-end: var(--scrollbar-offset);\n          padding-inline-end: var(--scrollbar-offset);\n}\n\n[part=filter-row-preview] {\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  overflow: hidden;\n  padding: 0 max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);\n  background: var(--igx-filtering-row-background, var(--filtering-row-background));\n  color: var(--igx-filtering-row-text-color, var(--filtering-row-text-color));\n  -webkit-border-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));\n          border-inline-end: var(--igx-header-border-width, var(--header-border-width)) var(--igx-header-border-style, var(--header-border-style)) var(--igx-header-border-color, var(--header-border-color));\n}\n\n[part~=active-state] {\n  background: var(--igx-filtering-row-background, var(--filtering-row-background));\n  color: var(--igx-filtering-row-text-color, var(--filtering-row-text-color));\n  min-height: max(var(--is-large, 1) * 3.125rem, var(--is-medium, 1) * 2.125rem, var(--is-small, 1) * 1.5rem);\n  min-width: 100%;\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  gap: 0.5rem;\n  position: relative;\n  inset-block-start: -0.0625rem;\n}\n\n[part=filter-row-preview]:last-of-type {\n  -webkit-border-end: none;\n          border-inline-end: none;\n}\n\n[part~=filter-row-input] {\n  -webkit-padding-start: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);\n          padding-inline-start: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);\n}\n\n[part~=filter-row-actions] {\n  -webkit-padding-end: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);\n          padding-inline-end: max(var(--is-large, 1) * 1.5rem, var(--is-medium, 1) * 1rem, var(--is-small, 1) * 0.5rem);\n}\n\n[part~=filter-row-input],\n[part~=filter-row-filters],\n[part~=filter-row-actions] {\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}\n\n[part~=filter-row-filters] {\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  overflow: hidden;\n}\n\nigc-input::part(container), igc-input::part(input) {\n  background: inherit;\n  color: inherit;\n}`;\n"]}

package/dist/src/styles/grid/themes/light/grid.bootstrap-styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=grid.bootstrap-styles.d.ts.map

package/dist/src/styles/grid/themes/light/grid.bootstrap-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.bootstrap-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/grid/themes/light/grid.bootstrap-styles.ts"],"names":[],"mappings":";AAEA,wBA+EG"}

package/dist/src/styles/grid/themes/light/grid.bootstrap-styles.js

@@ -0,0 +1,82 @@
+import { css } from 'lit';
+export default css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --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);
+  --component-size: 3;
+}
+
+:host {
+  display: grid;
+  height: 100%;
+  position: relative;
+  font-family: var(--ig-font-family);
+  -webkit-box-shadow: var(--ig-elevation-2);
+          box-shadow: var(--ig-elevation-2);
+  overflow: auto hidden;
+  grid-template-rows: [header-row] -webkit-max-content [filter-row] -webkit-max-content [virtualized-container] auto;
+  grid-template-rows: [header-row] max-content [filter-row] max-content [virtualized-container] auto;
+  --scrollbar-offset: 0;
+  --z-index-base: 1;
+}
+
+apex-grid-body {
+  grid-row: virtualized-container;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: column;
+          flex-flow: column;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  background: var(--igx-content-background, var(--content-background));
+  color: var(--igx-content-text-color, var(--content-text-color));
+}
+apex-grid-body:focus {
+  outline: none;
+}
+
+[part~=resize-indicator] {
+  position: absolute;
+  height: 100%;
+  background-color: var(--igx-grid-resize-line-color, var(--grid-resize-line-color));
+  width: 0.125rem;
+  inset-inline-start: 0;
+  top: 0;
+  z-index: calc(var(--z-index-base) + 1);
+}
+
+:host {
+  --content-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --content-text-color: var(--ig-gray-50-contrast);
+  --header-background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  --header-text-color: var(--ig-surface-500-contrast);
+  --header-border-width: 0.0625rem;
+  --header-border-style: solid;
+  --header-border-color: hsla(var(--ig-gray-400), 0.38);
+  --filtering-header-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-text-color: var(--ig-gray-50-contrast);
+  --sorted-header-icon-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --icon-color: "currentColor";
+  --row-hover-background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  --row-hover-text-color: var(--ig-gray-200-contrast);
+  --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-even-text-color: var(--ig-gray-50-contrast);
+  --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-odd-text-color: var(--ig-gray-50-contrast);
+  --row-border-color: hsla(var(--ig-gray-300), 0.38);
+  --row-border-style: solid;
+  --row-border-width: 0.0625rem;
+  --cell-active-border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --grid-resize-line-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}`;
+//# sourceMappingURL=grid.bootstrap-styles.js.map

package/dist/src/styles/grid/themes/light/grid.bootstrap-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.bootstrap-styles.js","sourceRoot":"","sources":["../../../../../../src/styles/grid/themes/light/grid.bootstrap-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EhB,CAAC","sourcesContent":["import {css} from 'lit';\n\nexport default css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  --component-size: 3;\n}\n\n:host {\n  display: grid;\n  height: 100%;\n  position: relative;\n  font-family: var(--ig-font-family);\n  -webkit-box-shadow: var(--ig-elevation-2);\n          box-shadow: var(--ig-elevation-2);\n  overflow: auto hidden;\n  grid-template-rows: [header-row] -webkit-max-content [filter-row] -webkit-max-content [virtualized-container] auto;\n  grid-template-rows: [header-row] max-content [filter-row] max-content [virtualized-container] auto;\n  --scrollbar-offset: 0;\n  --z-index-base: 1;\n}\n\napex-grid-body {\n  grid-row: virtualized-container;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: column;\n          flex-flow: column;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  background: var(--igx-content-background, var(--content-background));\n  color: var(--igx-content-text-color, var(--content-text-color));\n}\napex-grid-body:focus {\n  outline: none;\n}\n\n[part~=resize-indicator] {\n  position: absolute;\n  height: 100%;\n  background-color: var(--igx-grid-resize-line-color, var(--grid-resize-line-color));\n  width: 0.125rem;\n  inset-inline-start: 0;\n  top: 0;\n  z-index: calc(var(--z-index-base) + 1);\n}\n\n:host {\n  --content-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --content-text-color: var(--ig-gray-50-contrast);\n  --header-background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  --header-text-color: var(--ig-surface-500-contrast);\n  --header-border-width: 0.0625rem;\n  --header-border-style: solid;\n  --header-border-color: hsla(var(--ig-gray-400), 0.38);\n  --filtering-header-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --filtering-row-text-color: var(--ig-gray-50-contrast);\n  --sorted-header-icon-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --icon-color: \"currentColor\";\n  --row-hover-background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  --row-hover-text-color: var(--ig-gray-200-contrast);\n  --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --row-even-text-color: var(--ig-gray-50-contrast);\n  --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --row-odd-text-color: var(--ig-gray-50-contrast);\n  --row-border-color: hsla(var(--ig-gray-300), 0.38);\n  --row-border-style: solid;\n  --row-border-width: 0.0625rem;\n  --cell-active-border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --grid-resize-line-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}`;\n"]}

package/dist/src/styles/grid/themes/light/grid.fluent-styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=grid.fluent-styles.d.ts.map

package/dist/src/styles/grid/themes/light/grid.fluent-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.fluent-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/grid/themes/light/grid.fluent-styles.ts"],"names":[],"mappings":";AAEA,wBA+EG"}

package/dist/src/styles/grid/themes/light/grid.fluent-styles.js

@@ -0,0 +1,82 @@
+import { css } from 'lit';
+export default css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --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);
+  --component-size: 3;
+}
+
+:host {
+  display: grid;
+  height: 100%;
+  position: relative;
+  font-family: var(--ig-font-family);
+  -webkit-box-shadow: var(--ig-elevation-2);
+          box-shadow: var(--ig-elevation-2);
+  overflow: auto hidden;
+  grid-template-rows: [header-row] -webkit-max-content [filter-row] -webkit-max-content [virtualized-container] auto;
+  grid-template-rows: [header-row] max-content [filter-row] max-content [virtualized-container] auto;
+  --scrollbar-offset: 0;
+  --z-index-base: 1;
+}
+
+apex-grid-body {
+  grid-row: virtualized-container;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: column;
+          flex-flow: column;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  background: var(--igx-content-background, var(--content-background));
+  color: var(--igx-content-text-color, var(--content-text-color));
+}
+apex-grid-body:focus {
+  outline: none;
+}
+
+[part~=resize-indicator] {
+  position: absolute;
+  height: 100%;
+  background-color: var(--igx-grid-resize-line-color, var(--grid-resize-line-color));
+  width: 0.125rem;
+  inset-inline-start: 0;
+  top: 0;
+  z-index: calc(var(--z-index-base) + 1);
+}
+
+:host {
+  --content-background: var(hsla(var(--ig-gray-50), var(--ig-gray-a)));
+  --content-text-color: var(var(--ig-gray-50-contrast));
+  --header-background: hsla(var(--ig-surface-500), var(--ig-surface-a));
+  --header-text-color: var(--ig-surface-500-contrast);
+  --header-border-width: 0.0625rem;
+  --header-border-style: solid;
+  --header-border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --filtering-header-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-text-color: var(--ig-gray-50-contrast);
+  --sorted-header-icon-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  --icon-color: "currentColor";
+  --row-hover-background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  --row-hover-text-color: var(--ig-gray-200-contrast);
+  --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-even-text-color: var(--ig-gray-50-contrast);
+  --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-odd-text-color: var(--ig-gray-50-contrast);
+  --row-border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --row-border-style: var(--header-border-style);
+  --row-border-width: var(--header-border-width);
+  --cell-active-border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --grid-resize-line-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}`;
+//# sourceMappingURL=grid.fluent-styles.js.map

package/dist/src/styles/grid/themes/light/grid.fluent-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.fluent-styles.js","sourceRoot":"","sources":["../../../../../../src/styles/grid/themes/light/grid.fluent-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EhB,CAAC","sourcesContent":["import {css} from 'lit';\n\nexport default css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  --component-size: 3;\n}\n\n:host {\n  display: grid;\n  height: 100%;\n  position: relative;\n  font-family: var(--ig-font-family);\n  -webkit-box-shadow: var(--ig-elevation-2);\n          box-shadow: var(--ig-elevation-2);\n  overflow: auto hidden;\n  grid-template-rows: [header-row] -webkit-max-content [filter-row] -webkit-max-content [virtualized-container] auto;\n  grid-template-rows: [header-row] max-content [filter-row] max-content [virtualized-container] auto;\n  --scrollbar-offset: 0;\n  --z-index-base: 1;\n}\n\napex-grid-body {\n  grid-row: virtualized-container;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: column;\n          flex-flow: column;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  background: var(--igx-content-background, var(--content-background));\n  color: var(--igx-content-text-color, var(--content-text-color));\n}\napex-grid-body:focus {\n  outline: none;\n}\n\n[part~=resize-indicator] {\n  position: absolute;\n  height: 100%;\n  background-color: var(--igx-grid-resize-line-color, var(--grid-resize-line-color));\n  width: 0.125rem;\n  inset-inline-start: 0;\n  top: 0;\n  z-index: calc(var(--z-index-base) + 1);\n}\n\n:host {\n  --content-background: var(hsla(var(--ig-gray-50), var(--ig-gray-a)));\n  --content-text-color: var(var(--ig-gray-50-contrast));\n  --header-background: hsla(var(--ig-surface-500), var(--ig-surface-a));\n  --header-text-color: var(--ig-surface-500-contrast);\n  --header-border-width: 0.0625rem;\n  --header-border-style: solid;\n  --header-border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  --filtering-header-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --filtering-row-text-color: var(--ig-gray-50-contrast);\n  --sorted-header-icon-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  --icon-color: \"currentColor\";\n  --row-hover-background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  --row-hover-text-color: var(--ig-gray-200-contrast);\n  --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --row-even-text-color: var(--ig-gray-50-contrast);\n  --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --row-odd-text-color: var(--ig-gray-50-contrast);\n  --row-border-color: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  --row-border-style: var(--header-border-style);\n  --row-border-width: var(--header-border-width);\n  --cell-active-border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --grid-resize-line-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}`;\n"]}

package/dist/src/styles/grid/themes/light/grid.indigo-styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=grid.indigo-styles.d.ts.map

package/dist/src/styles/grid/themes/light/grid.indigo-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.indigo-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/grid/themes/light/grid.indigo-styles.ts"],"names":[],"mappings":";AAEA,wBA+EG"}

package/dist/src/styles/grid/themes/light/grid.indigo-styles.js

@@ -0,0 +1,82 @@
+import { css } from 'lit';
+export default css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --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);
+  --component-size: 3;
+}
+
+:host {
+  display: grid;
+  height: 100%;
+  position: relative;
+  font-family: var(--ig-font-family);
+  -webkit-box-shadow: var(--ig-elevation-2);
+          box-shadow: var(--ig-elevation-2);
+  overflow: auto hidden;
+  grid-template-rows: [header-row] -webkit-max-content [filter-row] -webkit-max-content [virtualized-container] auto;
+  grid-template-rows: [header-row] max-content [filter-row] max-content [virtualized-container] auto;
+  --scrollbar-offset: 0;
+  --z-index-base: 1;
+}
+
+apex-grid-body {
+  grid-row: virtualized-container;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: column;
+          flex-flow: column;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  background: var(--igx-content-background, var(--content-background));
+  color: var(--igx-content-text-color, var(--content-text-color));
+}
+apex-grid-body:focus {
+  outline: none;
+}
+
+[part~=resize-indicator] {
+  position: absolute;
+  height: 100%;
+  background-color: var(--igx-grid-resize-line-color, var(--grid-resize-line-color));
+  width: 0.125rem;
+  inset-inline-start: 0;
+  top: 0;
+  z-index: calc(var(--z-index-base) + 1);
+}
+
+:host {
+  --content-background: var(hsla(var(--ig-gray-50), var(--ig-gray-a)));
+  --content-text-color: var(var(--ig-gray-50-contrast));
+  --header-background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --header-text-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --header-border-width: 0.0625rem;
+  --header-border-style: solid;
+  --header-border-color: hsla(var(--ig-primary-500), 0.24);
+  --filtering-header-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-text-color: var(--ig-gray-50-contrast);
+  --sorted-header-icon-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --icon-color: "currentColor";
+  --row-hover-background: hsla(var(--ig-primary-50), var(--ig-primary-a));
+  --row-hover-text-color: var(--ig-gray-200-contrast);
+  --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-even-text-color: var(--ig-gray-50-contrast);
+  --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-odd-text-color: var(--ig-gray-50-contrast);
+  --row-border-color: hsla(var(--ig-primary-50), var(--ig-primary-a));
+  --row-border-style: var(--header-border-style);
+  --row-border-width: var(--header-border-width);
+  --cell-active-border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+  --grid-resize-line-color: hsla(var(--ig-primary-500), var(--ig-primary-a));
+}`;
+//# sourceMappingURL=grid.indigo-styles.js.map

package/dist/src/styles/grid/themes/light/grid.indigo-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.indigo-styles.js","sourceRoot":"","sources":["../../../../../../src/styles/grid/themes/light/grid.indigo-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EhB,CAAC","sourcesContent":["import {css} from 'lit';\n\nexport default css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  --component-size: 3;\n}\n\n:host {\n  display: grid;\n  height: 100%;\n  position: relative;\n  font-family: var(--ig-font-family);\n  -webkit-box-shadow: var(--ig-elevation-2);\n          box-shadow: var(--ig-elevation-2);\n  overflow: auto hidden;\n  grid-template-rows: [header-row] -webkit-max-content [filter-row] -webkit-max-content [virtualized-container] auto;\n  grid-template-rows: [header-row] max-content [filter-row] max-content [virtualized-container] auto;\n  --scrollbar-offset: 0;\n  --z-index-base: 1;\n}\n\napex-grid-body {\n  grid-row: virtualized-container;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: column;\n          flex-flow: column;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  background: var(--igx-content-background, var(--content-background));\n  color: var(--igx-content-text-color, var(--content-text-color));\n}\napex-grid-body:focus {\n  outline: none;\n}\n\n[part~=resize-indicator] {\n  position: absolute;\n  height: 100%;\n  background-color: var(--igx-grid-resize-line-color, var(--grid-resize-line-color));\n  width: 0.125rem;\n  inset-inline-start: 0;\n  top: 0;\n  z-index: calc(var(--z-index-base) + 1);\n}\n\n:host {\n  --content-background: var(hsla(var(--ig-gray-50), var(--ig-gray-a)));\n  --content-text-color: var(var(--ig-gray-50-contrast));\n  --header-background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  --header-text-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --header-border-width: 0.0625rem;\n  --header-border-style: solid;\n  --header-border-color: hsla(var(--ig-primary-500), 0.24);\n  --filtering-header-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --filtering-row-text-color: var(--ig-gray-50-contrast);\n  --sorted-header-icon-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --icon-color: \"currentColor\";\n  --row-hover-background: hsla(var(--ig-primary-50), var(--ig-primary-a));\n  --row-hover-text-color: var(--ig-gray-200-contrast);\n  --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --row-even-text-color: var(--ig-gray-50-contrast);\n  --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --row-odd-text-color: var(--ig-gray-50-contrast);\n  --row-border-color: hsla(var(--ig-primary-50), var(--ig-primary-a));\n  --row-border-style: var(--header-border-style);\n  --row-border-width: var(--header-border-width);\n  --cell-active-border-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n  --grid-resize-line-color: hsla(var(--ig-primary-500), var(--ig-primary-a));\n}`;\n"]}

package/dist/src/styles/grid/themes/light/grid.material-styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=grid.material-styles.d.ts.map

package/dist/src/styles/grid/themes/light/grid.material-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.material-styles.d.ts","sourceRoot":"","sources":["../../../../../../src/styles/grid/themes/light/grid.material-styles.ts"],"names":[],"mappings":";AAEA,wBA+EG"}

package/dist/src/styles/grid/themes/light/grid.material-styles.js

@@ -0,0 +1,82 @@
+import { css } from 'lit';
+export default css `/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */
+:host {
+  --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);
+  --component-size: 3;
+}
+
+:host {
+  display: grid;
+  height: 100%;
+  position: relative;
+  font-family: var(--ig-font-family);
+  -webkit-box-shadow: var(--ig-elevation-2);
+          box-shadow: var(--ig-elevation-2);
+  overflow: auto hidden;
+  grid-template-rows: [header-row] -webkit-max-content [filter-row] -webkit-max-content [virtualized-container] auto;
+  grid-template-rows: [header-row] max-content [filter-row] max-content [virtualized-container] auto;
+  --scrollbar-offset: 0;
+  --z-index-base: 1;
+}
+
+apex-grid-body {
+  grid-row: virtualized-container;
+  display: -webkit-box;
+  display: -ms-flexbox;
+  display: flex;
+  -webkit-box-orient: vertical;
+  -webkit-box-direction: normal;
+      -ms-flex-flow: column;
+          flex-flow: column;
+  -webkit-box-flex: 1;
+      -ms-flex: 1;
+          flex: 1;
+  background: var(--igx-content-background, var(--content-background));
+  color: var(--igx-content-text-color, var(--content-text-color));
+}
+apex-grid-body:focus {
+  outline: none;
+}
+
+[part~=resize-indicator] {
+  position: absolute;
+  height: 100%;
+  background-color: var(--igx-grid-resize-line-color, var(--grid-resize-line-color));
+  width: 0.125rem;
+  inset-inline-start: 0;
+  top: 0;
+  z-index: calc(var(--z-index-base) + 1);
+}
+
+:host {
+  --content-background: var(hsla(var(--ig-gray-50), var(--ig-gray-a)));
+  --content-text-color: var(var(--ig-gray-50-contrast));
+  --header-background: hsla(var(--ig-gray-100), var(--ig-gray-a));
+  --header-text-color: hsla(var(--ig-gray-800), 0.7);
+  --header-border-width: 0.0625rem;
+  --header-border-style: solid;
+  --header-border-color: hsla(var(--ig-gray-400), 0.38);
+  --filtering-header-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --filtering-row-text-color: var(--ig-gray-50-contrast);
+  --sorted-header-icon-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  --icon-color: "currentColor";
+  --row-hover-background: hsla(var(--ig-gray-200), var(--ig-gray-a));
+  --row-hover-text-color: var(--ig-gray-200-contrast);
+  --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-even-text-color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+  --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));
+  --row-odd-text-color: hsla(var(--ig-gray-800), var(--ig-gray-a));
+  --row-border-color: hsla(var(--ig-gray-300), 0.38);
+  --row-border-style: var(--header-border-style);
+  --row-border-width: var(--header-border-width);
+  --cell-active-border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+  --grid-resize-line-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));
+}`;
+//# sourceMappingURL=grid.material-styles.js.map

package/dist/src/styles/grid/themes/light/grid.material-styles.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"grid.material-styles.js","sourceRoot":"","sources":["../../../../../../src/styles/grid/themes/light/grid.material-styles.ts"],"names":[],"mappings":"AAAA,OAAO,EAAC,GAAG,EAAC,MAAM,KAAK,CAAC;AAExB,eAAe,GAAG,CAAA;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;EA+EhB,CAAC","sourcesContent":["import {css} from 'lit';\n\nexport default css`/* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */ /* stylelint-disable max-line-length */\n:host {\n  --is-large: clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-large, 3), 1);\n  --is-medium:\n      min(\n          clamp(0, (var(--component-size, 1) + 1) - var(--ig-size-medium, 2), 1),\n          clamp(0, var(--ig-size-large, 3) - var(--component-size, 1), 1)\n      );\n  --is-small: clamp(0, var(--ig-size-medium) - var(--component-size, 1), 1);\n  --component-size: 3;\n}\n\n:host {\n  display: grid;\n  height: 100%;\n  position: relative;\n  font-family: var(--ig-font-family);\n  -webkit-box-shadow: var(--ig-elevation-2);\n          box-shadow: var(--ig-elevation-2);\n  overflow: auto hidden;\n  grid-template-rows: [header-row] -webkit-max-content [filter-row] -webkit-max-content [virtualized-container] auto;\n  grid-template-rows: [header-row] max-content [filter-row] max-content [virtualized-container] auto;\n  --scrollbar-offset: 0;\n  --z-index-base: 1;\n}\n\napex-grid-body {\n  grid-row: virtualized-container;\n  display: -webkit-box;\n  display: -ms-flexbox;\n  display: flex;\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n      -ms-flex-flow: column;\n          flex-flow: column;\n  -webkit-box-flex: 1;\n      -ms-flex: 1;\n          flex: 1;\n  background: var(--igx-content-background, var(--content-background));\n  color: var(--igx-content-text-color, var(--content-text-color));\n}\napex-grid-body:focus {\n  outline: none;\n}\n\n[part~=resize-indicator] {\n  position: absolute;\n  height: 100%;\n  background-color: var(--igx-grid-resize-line-color, var(--grid-resize-line-color));\n  width: 0.125rem;\n  inset-inline-start: 0;\n  top: 0;\n  z-index: calc(var(--z-index-base) + 1);\n}\n\n:host {\n  --content-background: var(hsla(var(--ig-gray-50), var(--ig-gray-a)));\n  --content-text-color: var(var(--ig-gray-50-contrast));\n  --header-background: hsla(var(--ig-gray-100), var(--ig-gray-a));\n  --header-text-color: hsla(var(--ig-gray-800), 0.7);\n  --header-border-width: 0.0625rem;\n  --header-border-style: solid;\n  --header-border-color: hsla(var(--ig-gray-400), 0.38);\n  --filtering-header-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --filtering-row-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --filtering-row-text-color: var(--ig-gray-50-contrast);\n  --sorted-header-icon-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  --icon-color: \"currentColor\";\n  --row-hover-background: hsla(var(--ig-gray-200), var(--ig-gray-a));\n  --row-hover-text-color: var(--ig-gray-200-contrast);\n  --row-even-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --row-even-text-color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  --row-odd-background: hsla(var(--ig-gray-50), var(--ig-gray-a));\n  --row-odd-text-color: hsla(var(--ig-gray-800), var(--ig-gray-a));\n  --row-border-color: hsla(var(--ig-gray-300), 0.38);\n  --row-border-style: var(--header-border-style);\n  --row-border-width: var(--header-border-width);\n  --cell-active-border-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n  --grid-resize-line-color: hsla(var(--ig-secondary-500), var(--ig-secondary-a));\n}`;\n"]}

package/dist/src/styles/header-cell/header-cell-styles.d.ts

@@ -0,0 +1,3 @@
+declare const _default: import("lit").CSSResult;
+export default _default;
+//# sourceMappingURL=header-cell-styles.d.ts.map

package/dist/src/styles/header-cell/header-cell-styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-cell-styles.d.ts","sourceRoot":"","sources":["../../../../src/styles/header-cell/header-cell-styles.ts"],"names":[],"mappings":";AAEA,wBA0IG"}