igniteui-grid-lite 0.7.0 → 0.7.1
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/components/cell.d.ts +2 -0
- package/components/cell.js +8 -1
- package/components/cell.js.map +1 -1
- package/components/grid.d.ts +0 -2
- package/components/grid.js +19 -17
- package/components/grid.js.map +1 -1
- package/controllers/data-operation.d.ts +1 -1
- package/controllers/data-operation.js.map +1 -1
- package/controllers/dom.d.ts +1 -1
- package/controllers/dom.js.map +1 -1
- package/controllers/filter.d.ts +10 -0
- package/controllers/filter.js +22 -1
- package/controllers/filter.js.map +1 -1
- package/controllers/state.d.ts +1 -1
- package/controllers/state.js +2 -0
- package/controllers/state.js.map +1 -1
- package/custom-elements.json +1947 -1936
- package/define.js.map +1 -1
- package/docs/igniteui-grid-lite.json +8046 -0
- package/internal/types.js.map +1 -1
- package/operations/filter/types.js.map +1 -1
- package/operations/sort/types.js.map +1 -1
- package/package.json +1 -1
- package/styles/themes/dark/grid.bootstrap.css.js +1 -1
- package/styles/themes/dark/grid.bootstrap.css.js.map +1 -1
- package/styles/themes/dark/grid.fluent.css.js +1 -1
- package/styles/themes/dark/grid.fluent.css.js.map +1 -1
- package/styles/themes/dark/grid.indigo.css.js +1 -1
- package/styles/themes/dark/grid.indigo.css.js.map +1 -1
- package/styles/themes/dark/grid.material.css.js +1 -1
- package/styles/themes/dark/grid.material.css.js.map +1 -1
- package/styles/themes/dark/grid.shared.css.js +1 -1
- package/styles/themes/dark/grid.shared.css.js.map +1 -1
- package/styles/themes/light/grid.bootstrap.css.js +1 -1
- package/styles/themes/light/grid.bootstrap.css.js.map +1 -1
- package/styles/themes/light/grid.fluent.css.js +1 -1
- package/styles/themes/light/grid.fluent.css.js.map +1 -1
- package/styles/themes/light/grid.indigo.css.js +1 -1
- package/styles/themes/light/grid.indigo.css.js.map +1 -1
- package/styles/themes/light/grid.material.css.js +1 -1
- package/styles/themes/light/grid.material.css.js.map +1 -1
- package/styles/themes/light/grid.shared.css.js +1 -1
- package/styles/themes/light/grid.shared.css.js.map +1 -1
- package/docs/.nojekyll +0 -1
- package/docs/assets/hierarchy.js +0 -1
- package/docs/assets/highlight.css +0 -85
- package/docs/assets/icons.js +0 -18
- package/docs/assets/icons.svg +0 -1
- package/docs/assets/main.js +0 -60
- package/docs/assets/navigation.js +0 -1
- package/docs/assets/search.js +0 -1
- package/docs/assets/style.css +0 -1633
- package/docs/classes/IgcGridLite.html +0 -75
- package/docs/classes/IgcGridLiteColumn.html +0 -44
- package/docs/hierarchy.html +0 -1
- package/docs/index.html +0 -217
- package/docs/interfaces/BaseColumnConfiguration.html +0 -34
- package/docs/interfaces/BaseColumnSortConfiguration.html +0 -4
- package/docs/interfaces/BaseFilterExpression.html +0 -15
- package/docs/interfaces/BaseIgcCellContext.html +0 -10
- package/docs/interfaces/BaseSortingExpression.html +0 -12
- package/docs/interfaces/DataPipelineConfiguration.html +0 -6
- package/docs/interfaces/GridLiteSortingOptions.html +0 -4
- package/docs/interfaces/IgcFilteredEvent.html +0 -6
- package/docs/interfaces/IgcFilteringEvent.html +0 -12
- package/docs/interfaces/IgcGridLiteEventMap.html +0 -17
- package/docs/interfaces/IgcHeaderContext.html +0 -6
- package/docs/media/LICENSE +0 -9
- package/docs/modules.html +0 -1
- package/docs/types/BaseSortComparer.html +0 -2
- package/docs/types/ColumnConfiguration.html +0 -2
- package/docs/types/ColumnSortConfiguration.html +0 -2
- package/docs/types/DataPipelineHook.html +0 -2
- package/docs/types/DataPipelineParams.html +0 -8
- package/docs/types/DataType.html +0 -2
- package/docs/types/FilterCriteria.html +0 -6
- package/docs/types/FilterExpression.html +0 -2
- package/docs/types/IgcCellContext.html +0 -2
- package/docs/types/Keys.html +0 -2
- package/docs/types/PropertyType.html +0 -2
- package/docs/types/SortComparer.html +0 -2
- package/docs/types/SortState.html +0 -2
- package/docs/types/SortingDirection.html +0 -3
- package/docs/types/SortingExpression.html +0 -2
package/internal/types.js.map
CHANGED
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/internal/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Theme } from 'igniteui-webcomponents';\nimport type { CSSResult, ReactiveControllerHost, TemplateResult } from 'lit';\nimport type IgcGridLiteCell from '../components/cell.js';\nimport type { IgcGridLite } from '../components/grid.js';\nimport type IgcGridLiteHeader from '../components/header.js';\nimport type IgcGridLiteRow from '../components/row.js';\nimport type { SortComparer } from '../operations/sort/types.js';\n\nexport type NavigationState = 'previous' | 'current';\nexport type GridHost<T extends object> = ReactiveControllerHost & IgcGridLite<T>;\n\nexport type Themes = {\n light: {\n [K in Theme | 'shared']?: CSSResult;\n };\n dark: {\n [K in Theme | 'shared']?: CSSResult;\n };\n};\n\ntype FlatKeys<T> = keyof T;\n\ntype NonTraversable =\n | ((...args: never) => unknown)\n | Array<unknown>\n | Date\n | RegExp\n | Map<unknown, unknown>\n | Set<unknown>\n | Promise<unknown>;\ntype Prev = [never, 0, 1, 2, 3, 4];\n\ntype DotPaths<T, Depth extends number = 5> = Depth extends 0\n ? never\n :\n | {\n [K in keyof T & string]: T[K] extends object\n ? T[K] extends NonTraversable\n ? never\n : `${K}.${DotPaths<T[K], Prev[Depth]>}` // Note: resolving `never` will collapse the entire interpolated string to never, leaving only valid paths\n : never;\n }[keyof T & string]\n | (keyof T & string);\n\ntype NestedKeys<T> = Exclude<DotPaths<T>, FlatKeys<T>>;\n\n/**\n * Helper type for resolving keys of type T.\n */\nexport type Keys<T> = FlatKeys<T> | NestedKeys<T>;\n\n/** Recursive T[K] property type resolve with nested dot paths support */\ntype PathValue<T, P extends string> = P extends `${infer K}.${infer Rest}`\n ? K extends keyof T\n ? PathValue<T[K], Rest>\n : never\n : P extends keyof T\n ? T[P]\n : never;\n\n/**\n * Helper type for resolving types of type T.\n */\nexport type PropertyType<T, K extends Keys<T> = Keys<T>>
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../src/internal/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Theme } from 'igniteui-webcomponents';\nimport type { CSSResult, ReactiveControllerHost, TemplateResult } from 'lit';\nimport type IgcGridLiteCell from '../components/cell.js';\nimport type { IgcGridLite } from '../components/grid.js';\nimport type IgcGridLiteHeader from '../components/header.js';\nimport type IgcGridLiteRow from '../components/row.js';\nimport type { SortComparer } from '../operations/sort/types.js';\n\nexport type NavigationState = 'previous' | 'current';\nexport type GridHost<T extends object> = ReactiveControllerHost & IgcGridLite<T>;\n\nexport type Themes = {\n light: {\n [K in Theme | 'shared']?: CSSResult;\n };\n dark: {\n [K in Theme | 'shared']?: CSSResult;\n };\n};\n\ntype FlatKeys<T> = keyof T;\n\ntype NonTraversable =\n | ((...args: never) => unknown)\n | Array<unknown>\n | Date\n | RegExp\n | Map<unknown, unknown>\n | Set<unknown>\n | Promise<unknown>;\ntype Prev = [never, 0, 1, 2, 3, 4];\n\ntype DotPaths<T, Depth extends number = 5> = Depth extends 0\n ? never\n :\n | {\n [K in keyof T & string]: T[K] extends object\n ? T[K] extends NonTraversable\n ? never\n : `${K}.${DotPaths<T[K], Prev[Depth]>}` // Note: resolving `never` will collapse the entire interpolated string to never, leaving only valid paths\n : never;\n }[keyof T & string]\n | (keyof T & string);\n\ntype NestedKeys<T> = Exclude<DotPaths<T>, FlatKeys<T>>;\n\n/**\n * Helper type for resolving keys of type T.\n */\nexport type Keys<T> = FlatKeys<T> | NestedKeys<T>;\n\n/** Recursive T[K] property type resolve with nested dot paths support */\ntype PathValue<T, P extends string> = P extends `${infer K}.${infer Rest}`\n ? K extends keyof T\n ? PathValue<T[K], Rest>\n : never\n : P extends keyof T\n ? T[P]\n : never;\n\n/**\n * Helper type for resolving types of type T.\n */\nexport type PropertyType<T, K extends Keys<T> = Keys<T>> =\n K extends NestedKeys<T>\n ? PathValue<T, K> // nested path\n : K extends keyof T\n ? T[K] // flat key\n : never;\n\n/** The data for the current column. */\nexport type DataType = 'number' | 'string' | 'boolean';\n\n/**\n * Configures the sort behavior for the grid.\n */\nexport interface GridLiteSortingOptions {\n /**\n * The sorting mode - either 'single' or 'multiple' column sorting.\n */\n mode: 'single' | 'multiple';\n}\n\n/**\n * Extended sort configuration for a column.\n */\nexport interface BaseColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> {\n /**\n * Custom comparer function for sort operations for this column.\n */\n comparer?: SortComparer<T, K>;\n}\n\n/**\n * See {@link BaseColumnSortConfiguration} for the full documentation.\n */\nexport type ColumnSortConfiguration<T, K extends Keys<T> = Keys<T>> =\n K extends Keys<T> ? BaseColumnSortConfiguration<T, K> : never;\n\n/** Configuration object for grid columns. */\nexport interface BaseColumnConfiguration<T extends object, K extends Keys<T> = Keys<T>> {\n /**\n * The field from the data for this column.\n */\n field: K;\n /**\n * The type of data this column will reference.\n *\n * Affects the default filter operands if the column is with filtering enabled.\n *\n * @remarks\n * If not passed, `string` is assumed to be the default type.\n *\n */\n dataType?: DataType;\n /**\n * Optional text to display in the column header. By default, the column field is used\n * to render the header text.\n */\n header?: string;\n /**\n * Width for the current column.\n *\n * Accepts most CSS units for controlling width.\n *\n * @remarks\n * If not passed, the column will try to size itself based on the number of other\n * columns and the total width of the grid.\n *\n */\n width?: string;\n /**\n * Whether the column is hidden or not.\n */\n hidden?: boolean;\n /**\n * Whether the the column can be resized or not.\n */\n resizable?: boolean;\n /**\n * Whether the column can be sorted.\n */\n sortable?: boolean;\n /**\n * Whether the sort operations will be case sensitive.\n */\n sortingCaseSensitive?: boolean;\n /**\n * Sort configuration options for the column (e.g., custom comparer).\n */\n sortConfiguration?: ColumnSortConfiguration<T, K>;\n /**\n * Whether the column can be filtered.\n */\n filterable?: boolean;\n /**\n * Whether the filter operations will be case sensitive.\n */\n filteringCaseSensitive?: boolean;\n /**\n * Header template callback.\n */\n headerTemplate?: (params: IgcHeaderContext<T>) => TemplateResult | unknown;\n /**\n * Cell template callback.\n */\n cellTemplate?: (params: IgcCellContext<T, K>) => TemplateResult | unknown;\n}\n\n/**\n * See {@link BaseColumnConfiguration} for the full documentation.\n */\nexport type ColumnConfiguration<T extends object = any, K extends Keys<T> = Keys<T>> =\n K extends Keys<T> ? BaseColumnConfiguration<T, K> : never;\n\nexport interface ActiveNode<T> {\n column: Keys<T>;\n row: number;\n}\n\n/**\n * Context object for the column header template callback.\n */\nexport interface IgcHeaderContext<T extends object = any> {\n /**\n * The header element parent of the template.\n */\n parent: IgcGridLiteHeader<T>;\n /**\n * The current configuration for the column.\n */\n column: ColumnConfiguration<T>;\n}\n\n/**\n * Context object for the row cell template callback.\n */\nexport interface BaseIgcCellContext<T extends object, K extends Keys<T> = Keys<T>> {\n /**\n * The cell element parent of the template.\n */\n parent: IgcGridLiteCell<T>;\n /**\n * The row element containing the cell.\n */\n row: IgcGridLiteRow<T>;\n /**\n * The current configuration for the column.\n */\n column: ColumnConfiguration<T, K>;\n /**\n * The value from the data source for this cell.\n */\n value: PropertyType<T, K>;\n}\n\n/**\n * See {@link BaseIgcCellContext} for the full documentation.\n */\nexport type IgcCellContext<T extends object = any, K extends Keys<T> = Keys<T>> =\n K extends Keys<T> ? BaseIgcCellContext<T, K> : never;\n\n/**\n * The parameters passed to a {@link DataPipelineHook} callback.\n */\nexport type DataPipelineParams<T extends object> = {\n /**\n * The current data state of the grid.\n */\n data: T[];\n /**\n * The grid component itself.\n */\n grid: IgcGridLite<T>;\n /**\n * The type of data operation being performed.\n */\n type: 'sort' | 'filter';\n};\n\n/**\n * Callback function for customizing data operations in the grid.\n */\nexport type DataPipelineHook<T extends object> = (\n state: DataPipelineParams<T>\n) => T[] | Promise<T[]>;\n\n/**\n * Configuration for customizing the various data operations of the grid.\n */\nexport interface DataPipelineConfiguration<T extends object> {\n /**\n * Hook for customizing sort operations.\n */\n sort?: DataPipelineHook<T>;\n /**\n * Hook for customizing filter operations.\n */\n filter?: DataPipelineHook<T>;\n}\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/operations/filter/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Keys, PropertyType } from '../../internal/types.js';\nimport type { BooleanOperands } from './operands/boolean.js';\nimport type { NumberOperands } from './operands/number.js';\nimport type { StringOperands } from './operands/string.js';\n\n/**\n * Controls how a data record should resolve in a filter operation:\n * - `'and'` - the record must pass all the conditions.\n * - `'or'` - the record must pass at least one condition.\n */\nexport type FilterCriteria = 'and' | 'or';\n\nexport type FilterOperationLogic<T> = (\n target: T,\n searchTerm: T,\n caseSensitive?: boolean\n) => boolean;\n\nexport interface FilterOperation<T> {\n name: string;\n label?: string;\n unary: boolean;\n logic: FilterOperationLogic<T>;\n}\n\nexport type FilterOperands<DataType, Operands extends string> = {\n [key in Operands]: FilterOperation<DataType>;\n};\n\n/**\n * Represents a filter operation for a given column.\n */\nexport interface BaseFilterExpression<T, K extends Keys<T> = Keys<T>> {\n /**\n * The target column for the filter operation.\n */\n key: K;\n /**\n * The filter function which will be executed against the data records.\n */\n condition: FilterOperation<PropertyType<T, K>> | OperandKeys<PropertyType<T, K>>;\n\n /**\n * The filtering value used in the filter condition function.\n *\n * @remarks\n * Optional for unary conditions.\n */\n searchTerm?: PropertyType<T, K>;\n /**\n * Dictates how this expression should resolve in the filter operation in relation to\n * other expressions.\n */\n criteria?: FilterCriteria;\n /**\n * Whether the sort operation should be case sensitive.\n *\n * @remarks\n * If not provided, the value is resolved based on the column filter configuration (if any).\n */\n caseSensitive?: boolean;\n}\n\n/**\n * See {@link BaseFilterExpression} for the full documentation.\n */\nexport type FilterExpression<T = any, K extends Keys<T> = Keys<T>>
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/operations/filter/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Keys, PropertyType } from '../../internal/types.js';\nimport type { BooleanOperands } from './operands/boolean.js';\nimport type { NumberOperands } from './operands/number.js';\nimport type { StringOperands } from './operands/string.js';\n\n/**\n * Controls how a data record should resolve in a filter operation:\n * - `'and'` - the record must pass all the conditions.\n * - `'or'` - the record must pass at least one condition.\n */\nexport type FilterCriteria = 'and' | 'or';\n\nexport type FilterOperationLogic<T> = (\n target: T,\n searchTerm: T,\n caseSensitive?: boolean\n) => boolean;\n\nexport interface FilterOperation<T> {\n name: string;\n label?: string;\n unary: boolean;\n logic: FilterOperationLogic<T>;\n}\n\nexport type FilterOperands<DataType, Operands extends string> = {\n [key in Operands]: FilterOperation<DataType>;\n};\n\n/**\n * Represents a filter operation for a given column.\n */\nexport interface BaseFilterExpression<T, K extends Keys<T> = Keys<T>> {\n /**\n * The target column for the filter operation.\n */\n key: K;\n /**\n * The filter function which will be executed against the data records.\n */\n condition: FilterOperation<PropertyType<T, K>> | OperandKeys<PropertyType<T, K>>;\n\n /**\n * The filtering value used in the filter condition function.\n *\n * @remarks\n * Optional for unary conditions.\n */\n searchTerm?: PropertyType<T, K>;\n /**\n * Dictates how this expression should resolve in the filter operation in relation to\n * other expressions.\n */\n criteria?: FilterCriteria;\n /**\n * Whether the sort operation should be case sensitive.\n *\n * @remarks\n * If not provided, the value is resolved based on the column filter configuration (if any).\n */\n caseSensitive?: boolean;\n}\n\n/**\n * See {@link BaseFilterExpression} for the full documentation.\n */\nexport type FilterExpression<T = any, K extends Keys<T> = Keys<T>> =\n K extends Keys<T> ? BaseFilterExpression<T, K> : never;\n\nexport type OperandKeys<Type> = Type extends number\n ? keyof typeof NumberOperands\n : Type extends string\n ? keyof typeof StringOperands\n : Type extends boolean\n ? keyof typeof BooleanOperands\n : Type;\n"]}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/operations/sort/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Keys, PropertyType } from '../../internal/types.js';\n\n/**\n * Sort direction for a given sort expression.\n *\n * @remarks\n * `none` is used\n */\nexport type SortingDirection = 'ascending' | 'descending' | 'none';\n\n/**\n * Custom comparer function for a given column used when sorting is performed.\n */\nexport type BaseSortComparer<T, K extends Keys<T> = Keys<T>> = (\n a: PropertyType<T, K>,\n b: PropertyType<T, K>\n) => number;\n\n/**\n * See {@link BaseSortComparer} for the full documentation.\n */\nexport type SortComparer<T, K extends Keys<T> = Keys<T>>
|
|
1
|
+
{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/operations/sort/types.ts"],"names":[],"mappings":"","sourcesContent":["import type { Keys, PropertyType } from '../../internal/types.js';\n\n/**\n * Sort direction for a given sort expression.\n *\n * @remarks\n * `none` is used\n */\nexport type SortingDirection = 'ascending' | 'descending' | 'none';\n\n/**\n * Custom comparer function for a given column used when sorting is performed.\n */\nexport type BaseSortComparer<T, K extends Keys<T> = Keys<T>> = (\n a: PropertyType<T, K>,\n b: PropertyType<T, K>\n) => number;\n\n/**\n * See {@link BaseSortComparer} for the full documentation.\n */\nexport type SortComparer<T, K extends Keys<T> = Keys<T>> =\n K extends Keys<T> ? BaseSortComparer<T, K> : never;\n\n/**\n * Represents a sort operation for a given column.\n */\nexport interface BaseSortingExpression<T, K extends Keys<T> = Keys<T>> {\n /**\n * The target column.\n */\n key: K;\n /**\n * Sort direction for this operation.\n */\n direction: SortingDirection;\n /**\n * Whether the sort operation should be case sensitive.\n *\n * @remarks\n * If not provided, the value is resolved based on the column sort configuration (if any).\n */\n caseSensitive?: boolean;\n /**\n * Custom comparer function for this operation.\n *\n * @remarks\n * If not provided, the value is resolved based on the column sort configuration (if any).\n */\n comparer?: SortComparer<T, K>;\n}\n\n/**\n * See {@link BaseSortingExpression} for the full documentation.\n */\nexport type SortingExpression<T = any, K extends Keys<T> = Keys<T>> =\n K extends Keys<T> ? BaseSortingExpression<T, K> : never;\n\n/** Represents the sort state of the grid. */\nexport type SortState<T> = Map<Keys<T>, SortingExpression<T>>;\n"]}
|
package/package.json
CHANGED
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.5)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-50)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-gray-50)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-200)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width,
|
|
2
|
+
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.5)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-50)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-gray-50)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-200)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-400)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-500)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-300)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-300)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-surface-500)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-surface-500)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-800)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-gray-100)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-surface-500-contrast)));--ig-theme: bootstrap;--ig-theme-variant: dark}`;
|
|
3
3
|
//# sourceMappingURL=grid.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"grid.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2kSAA2kS,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.5)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-50)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-gray-50)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-200)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-400)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-500)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-300)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-300)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-surface-500)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-surface-500)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-800)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-gray-100)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-surface-500-contrast)));--ig-theme: bootstrap;--ig-theme-variant: dark}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-1)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, var(--ig-gray-100)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-gray-400)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-200)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 2px));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, hsl(from var(--ig-gray-300) h s l/0.24)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-100)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, hsl(from var(--ig-gray-100) h s l/0.5)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-900)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-gray-800)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-gray-200)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-200-contrast)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-gray-200)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-200-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-gray-100)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-gray-200)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-gray-200-contrast)));--ig-theme: fluent;--ig-theme-variant: dark}`;
|
|
2
|
+
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-1)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, var(--ig-gray-100)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-gray-400)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-200)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, hsl(from var(--ig-gray-300) h s l/0.24)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-100)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, hsl(from var(--ig-gray-100) h s l/0.5)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-900)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-gray-800)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-gray-200)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-200-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-gray-100)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-gray-200)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-200-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-gray-100)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-gray-200)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-gray-200)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-gray-200-contrast)));--ig-theme: fluent;--ig-theme-variant: dark}`;
|
|
3
3
|
//# sourceMappingURL=grid.fluent.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.fluent.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,2tSAA2tS,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-1)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, var(--ig-gray-100)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-gray-400)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-200)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 2px));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, hsl(from var(--ig-gray-300) h s l/0.24)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-100)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, hsl(from var(--ig-gray-100) h s l/0.5)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-900)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-gray-800)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-gray-200)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-200-contrast)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-gray-200)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-200-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-gray-100)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-gray-200)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-gray-200-contrast)));--ig-theme: fluent;--ig-theme-variant: dark}`;"]}
|
|
1
|
+
{"version":3,"file":"grid.fluent.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.fluent.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i8TAAi8T,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-1)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, var(--ig-gray-100)));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-gray-400)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-200)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, hsl(from var(--ig-gray-300) h s l/0.24)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-100)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, hsl(from var(--ig-gray-100) h s l/0.5)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-900)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-gray-800)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-gray-200)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-200-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-gray-100)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-gray-200)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-200-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-gray-100)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-gray-200)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-gray-200)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-gray-200-contrast)));--ig-theme: fluent;--ig-theme-variant: dark}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-surface-500)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, var(--ig-gray-100)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-100)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-surface-500)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-400)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, var(--ig-gray-200)));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.9)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-50-contrast)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-surface-500)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-surface-500)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-gray-900)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-900)));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, var(--ig-gray-100)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, hsl(from var(--ig-gray-800) h s l/0.75)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 2px));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-200)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-400)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-primary-900)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-primary-500)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-gray-900)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-100)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-50-contrast)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-400)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-primary-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-50-contrast)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-400)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-400)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-gray 50-0.8-contrast)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-50-contrast)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-50-contrast)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-primary-400)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-primary-900-contrast)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-100)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-50-contrast)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-surface-500)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-primary-400)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-100)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-primary-900)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-50-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-primary-900)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-primary-700)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-primary-900-contrast)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-primary-700)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-50-contrast)));--ig-theme: indigo;--ig-theme-variant: dark}`;
|
|
2
|
+
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-surface-500)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, var(--ig-gray-100)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-100)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-surface-500)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-400)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, var(--ig-gray-200)));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.9)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-50-contrast)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-surface-500)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-surface-500)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-surface-500)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-surface-500)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-gray-900)));--body-column-hover-border-color: var(--igx-grid-body-column-hover-border-color, var(--ig-grid-body-column-hover-border-color, var(--ig-gray-200)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-900)));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, var(--ig-gray-100)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, hsl(from var(--ig-gray-800) h s l/0.75)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-200)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-400)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-primary-900)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-primary-500)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-gray-900)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-100)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-50-contrast)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-400)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-primary-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-50-contrast)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-400)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-400)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-gray 50-0.8-contrast)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-50-contrast)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-50-contrast)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-primary-400)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-primary-900-contrast)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-100)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-50-contrast)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-surface-500)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-primary-400)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-100)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-primary-900)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-50-contrast)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-primary-700)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-primary-900-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-primary-900)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-primary-700)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-50-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-primary-50)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-primary-100)));--ig-theme: indigo;--ig-theme-variant: dark}`;
|
|
3
3
|
//# sourceMappingURL=grid.indigo.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.indigo.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ktVAAktV,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-surface-500)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, var(--ig-gray-100)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-100)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-surface-500)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-400)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, var(--ig-gray-200)));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.9)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-50-contrast)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-surface-500)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-surface-500)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-gray-900)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-900)));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, var(--ig-gray-100)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, hsl(from var(--ig-gray-800) h s l/0.75)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 2px));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-200)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-400)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-primary-900)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-primary-500)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-gray-900)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-100)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-50-contrast)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-400)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-primary-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-50-contrast)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-400)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-400)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-gray 50-0.8-contrast)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-50-contrast)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-50-contrast)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-primary-400)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-primary-900-contrast)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-100)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-50-contrast)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-surface-500)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-primary-400)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-100)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-primary-900)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-50-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-primary-900)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-primary-700)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-primary-900-contrast)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-primary-700)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-50-contrast)));--ig-theme: indigo;--ig-theme-variant: dark}`;"]}
|
|
1
|
+
{"version":3,"file":"grid.indigo.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.indigo.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,ylXAAylX,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-surface-500)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.6)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, var(--ig-gray-100)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-100)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-surface-500)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-400)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, var(--ig-gray-200)));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.9)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-50-contrast)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, hsl(from var(--ig-gray-50-contrast) h s l/0.2)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-surface-500)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-surface-500)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-surface-500)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-surface-500)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-primary-400)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-gray-900)));--body-column-hover-border-color: var(--igx-grid-body-column-hover-border-color, var(--ig-grid-body-column-hover-border-color, var(--ig-gray-200)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-900)));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, var(--ig-gray-100)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, hsl(from var(--ig-gray-800) h s l/0.75)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-200)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-400)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-primary-900)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-primary-500)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-gray-900)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-100)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-50-contrast)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-400)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-primary-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-50-contrast)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, hsl(from var(--ig-gray-50-contrast) h s l/0.2)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-400)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-400)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-gray 50-0.8-contrast)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-50-contrast)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-50-contrast)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, hsl(from var(--ig-gray-50-contrast) h s l/0.8)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-primary-400)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-primary-900-contrast)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-100)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-50-contrast)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-surface-500)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-primary-400)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-gray-100)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 0.375rem), 0.375rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, hsl(from var(--ig-gray-50-contrast) h s l/0.9)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-primary-900)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-50-contrast)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-primary-700)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-primary-900-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-primary-900)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-primary-700)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-50-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-primary-50)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-primary-100)));--ig-theme: indigo;--ig-theme-variant: dark}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-secondary-300)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-200)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width,
|
|
2
|
+
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-secondary-300)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-200)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-400)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-secondary-500)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-800)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-gray-50)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, hsl(from var(--ig-gray-800) h s l/0.7)));--ig-theme: material;--ig-theme-variant: dark}`;
|
|
3
3
|
//# sourceMappingURL=grid.material.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.material.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"grid.material.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.material.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,0+QAA0+Q,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-2)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-5)));--drop-area-text-color: var(--igx-grid-drop-area-text-color, var(--ig-grid-drop-area-text-color, var(--ig-gray-700)));--drop-area-icon-color: var(--igx-grid-drop-area-icon-color, var(--ig-grid-drop-area-icon-color, var(--ig-gray-500)));--drop-area-on-drop-background: var(--igx-grid-drop-area-on-drop-background, var(--ig-grid-drop-area-on-drop-background, var(--ig-gray-200)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-secondary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-secondary-500)));--header-border-width: var(--igx-grid-header-border-width, var(--ig-grid-header-border-width, 1px));--header-border-style: var(--igx-grid-header-border-style, var(--ig-grid-header-border-style, solid));--ghost-header-background: var(--igx-grid-ghost-header-background, var(--ig-grid-ghost-header-background, var(--ig-gray-50)));--ghost-header-text-color: var(--igx-grid-ghost-header-text-color, var(--ig-grid-ghost-header-text-color, var(--ig-gray-700)));--ghost-header-icon-color: var(--igx-grid-ghost-header-icon-color, var(--ig-grid-ghost-header-icon-color, var(--ig-gray-600)));--excel-filtering-header-foreground: var(--igx-grid-excel-filtering-header-foreground, var(--ig-grid-excel-filtering-header-foreground, var(--ig-gray-700)));--excel-filtering-subheader-foreground: var(--igx-grid-excel-filtering-subheader-foreground, var(--ig-grid-excel-filtering-subheader-foreground, var(--ig-gray-700)));--excel-filtering-actions-foreground: var(--igx-grid-excel-filtering-actions-foreground, var(--ig-grid-excel-filtering-actions-foreground, var(--ig-gray-700)));--excel-filtering-actions-hover-foreground: var(--igx-grid-excel-filtering-actions-hover-foreground, var(--ig-grid-excel-filtering-actions-hover-foreground, var(--ig-gray-700)));--excel-filtering-actions-disabled-foreground: var(--igx-grid-excel-filtering-actions-disabled-foreground, var(--ig-grid-excel-filtering-actions-disabled-foreground, var(--ig-gray-400)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, transparent));--content-text-color: var(--igx-grid-content-text-color, var(--ig-grid-content-text-color, var(--ig-gray-800)));--row-odd-background: var(--igx-grid-row-odd-background, var(--ig-grid-row-odd-background, var(--ig-gray-50)));--row-even-background: var(--igx-grid-row-even-background, var(--ig-grid-row-even-background, var(--ig-gray-50)));--body-column-border-color-odd: var(--igx-grid-body-column-border-color-odd, var(--ig-grid-body-column-border-color-odd, var(--ig-gray-50)));--body-column-border-color-even: var(--igx-grid-body-column-border-color-even, var(--ig-grid-body-column-border-color-even, var(--ig-gray-50)));--row-odd-text-color: var(--igx-grid-row-odd-text-color, var(--ig-grid-row-odd-text-color, inherit));--row-even-text-color: var(--igx-grid-row-even-text-color, var(--ig-grid-row-even-text-color, inherit));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-secondary-300)));--row-drag-color: var(--igx-grid-row-drag-color, var(--ig-grid-row-drag-color, var(--ig-gray-200)));--pinned-border-width: var(--igx-grid-pinned-border-width, var(--ig-grid-pinned-border-width, 0.125rem));--pinned-border-style: var(--igx-grid-pinned-border-style, var(--ig-grid-pinned-border-style, solid));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-400)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-secondary-500)));--tree-selected-filtered-cell-text-color: var(--igx-grid-tree-selected-filtered-cell-text-color, var(--ig-grid-tree-selected-filtered-cell-text-color, var(--ig-secondary-500)));--cell-editing-background: var(--igx-grid-cell-editing-background, var(--ig-grid-cell-editing-background, var(--ig-gray-50)));--cell-editing-foreground: var(--igx-grid-cell-editing-foreground, var(--ig-grid-cell-editing-foreground, var(--ig-gray-900)));--cell-editing-focus-foreground: var(--igx-grid-cell-editing-focus-foreground, var(--ig-grid-cell-editing-focus-foreground, var(--ig-gray-900)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-secondary-500)));--edited-row-indicator: var(--igx-grid-edited-row-indicator, var(--ig-grid-edited-row-indicator, var(--ig-gray-400)));--cell-new-color: var(--igx-grid-cell-new-color, var(--ig-grid-cell-new-color, inherit));--cell-edited-value-color: var(--igx-grid-cell-edited-value-color, var(--ig-grid-cell-edited-value-color, var(--ig-gray-600)));--cell-disabled-color: var(--igx-grid-cell-disabled-color, var(--ig-grid-cell-disabled-color, var(--ig-gray-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-secondary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-secondary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-500)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-500)));--group-label-text: var(--igx-grid-group-label-text, var(--ig-grid-group-label-text, var(--ig-gray-800)));--expand-all-icon-color: var(--igx-grid-expand-all-icon-color, var(--ig-grid-expand-all-icon-color, var(--ig-gray-600)));--expand-all-icon-hover-color: var(--igx-grid-expand-all-icon-hover-color, var(--ig-grid-expand-all-icon-hover-color, var(--ig-gray-800)));--expand-icon-color: var(--igx-grid-expand-icon-color, var(--ig-grid-expand-icon-color, var(--ig-gray-600)));--expand-icon-hover-color: var(--igx-grid-expand-icon-hover-color, var(--ig-grid-expand-icon-hover-color, var(--ig-gray-700)));--active-expand-icon-color: var(--igx-grid-active-expand-icon-color, var(--ig-grid-active-expand-icon-color, var(--ig-gray-500)));--active-expand-icon-hover-color: var(--igx-grid-active-expand-icon-hover-color, var(--ig-grid-active-expand-icon-hover-color, var(--ig-primary-500)));--group-count-background: var(--igx-grid-group-count-background, var(--ig-grid-group-count-background, var(--ig-gray-200)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-600)));--filtering-header-background: var(--igx-grid-filtering-header-background, var(--ig-grid-filtering-header-background, var(--ig-gray-50)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-800)));--filtering-row-background: var(--igx-grid-filtering-row-background, var(--ig-grid-filtering-row-background, var(--ig-gray-50)));--filtering-row-text-color: var(--igx-grid-filtering-row-text-color, var(--ig-grid-filtering-row-text-color, var(--ig-gray-800)));--tree-filtered-text-color: var(--igx-grid-tree-filtered-text-color, var(--ig-grid-tree-filtered-text-color, var(--ig-gray-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 1) * 1rem), 1rem)));--header-size: var(--igx-grid-header-size, var(--ig-grid-header-size, max(var(--is-large, 1) * max(3.125rem, -1 * 3.125rem), var(--is-medium, 1) * max(2.5rem, -1 * 2.5rem), var(--is-small, 1) * max(2rem, -1 * 2rem))));--drop-area-size: var(--igx-grid-drop-area-size, var(--ig-grid-drop-area-size, max(var(--is-large, 1) * max(2rem, -1 * 2rem), var(--is-medium, 1) * max(1.5rem, -1 * 1.5rem), var(--is-small, 1) * max(1.5rem, -1 * 1.5rem))));--group-area-size: var(--igx-grid-group-area-size, var(--ig-grid-group-area-size, max(var(--is-large, 1) * max(3.5625rem, -1 * 3.5625rem), var(--is-medium, 1) * max(3.0625rem, -1 * 3.0625rem), var(--is-small, 1) * max(2.5625rem, -1 * 2.5625rem))));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-gray-50)));--active-state-border-style: var(--igx-grid-active-state-border-style, var(--ig-grid-active-state-border-style, solid));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, hsl(from var(--ig-gray-800) h s l/0.7)));--ig-theme: material;--ig-theme-variant: dark}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-surface-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4)));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-100)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-secondary-600)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-secondary-600-contrast)));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24)));--row-hover-background: var(--igx-grid-row-hover-background, var(--ig-grid-row-hover-background, var(--ig-gray-100)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-100-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-secondary-A700)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-secondary-A400)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-secondary-A700-contrast)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-secondary-A400-contrast)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-secondary-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-primary-900)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-secondary-A400)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-secondary-A400-contrast)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-gray-100)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-gray-100-contrast)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-gray-50)));--grouparea-color: var(--igx-grid-grouparea-color, var(--ig-grid-grouparea-color, var(--ig-gray-500)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-gray-50)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-gray-100)));--ig-theme-variant: dark}`;
|
|
2
|
+
export const styles = css `:host{--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-surface-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4)));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-100)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-secondary-600)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-secondary-600-contrast)));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24)));--row-hover-background: var(--igx-grid-row-hover-background, var(--ig-grid-row-hover-background, var(--ig-gray-100)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-100-contrast)));--body-column-hover-border-color: var(--igx-grid-body-column-hover-border-color, var(--ig-grid-body-column-hover-border-color, var(--ig-gray-100)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-secondary-A700)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-secondary-A400)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-secondary-A700)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-secondary-A400)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-secondary-A700-contrast)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-secondary-A400-contrast)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-secondary-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-primary-900)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-secondary-A400)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-secondary-A400-contrast)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-gray-100)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-gray-100-contrast)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-gray-50)));--grouparea-color: var(--igx-grid-grouparea-color, var(--ig-grid-grouparea-color, var(--ig-gray-500)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-gray-50)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-gray-100)));--ig-theme-variant: dark}`;
|
|
3
3
|
//# sourceMappingURL=grid.shared.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.shared.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"grid.shared.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/dark/grid.shared.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,i/GAAi/G,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--content-background: var(--igx-grid-content-background, var(--ig-grid-content-background, var(--ig-surface-500)));--drop-area-background: var(--igx-grid-drop-area-background, var(--ig-grid-drop-area-background, hsl(from var(--ig-gray-100) h s l/0.4)));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, hsl(from var(--ig-gray-200) h s l/0.24)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-gray-100)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-secondary-600)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-secondary-600-contrast)));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, hsl(from var(--ig-gray-200) h s l/0.24)));--row-hover-background: var(--igx-grid-row-hover-background, var(--ig-grid-row-hover-background, var(--ig-gray-100)));--row-hover-text-color: var(--igx-grid-row-hover-text-color, var(--ig-grid-row-hover-text-color, var(--ig-gray-100-contrast)));--body-column-hover-border-color: var(--igx-grid-body-column-hover-border-color, var(--ig-grid-body-column-hover-border-color, var(--ig-gray-100)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-secondary-A700)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-secondary-A400)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-secondary-A700)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-secondary-A400)));--row-selected-text-color: var(--igx-grid-row-selected-text-color, var(--ig-grid-row-selected-text-color, var(--ig-secondary-A700-contrast)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-secondary-A400-contrast)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-secondary-500)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-primary-900)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-secondary-A400)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-secondary-A400-contrast)));--cell-selected-background: var(--igx-grid-cell-selected-background, var(--ig-grid-cell-selected-background, var(--ig-gray-100)));--cell-selected-text-color: var(--igx-grid-cell-selected-text-color, var(--ig-grid-cell-selected-text-color, var(--ig-gray-100-contrast)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-gray-50)));--grouparea-color: var(--igx-grid-grouparea-color, var(--ig-grid-grouparea-color, var(--ig-gray-500)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-gray-50)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-gray-100)));--ig-theme-variant: dark}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-surface-500)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-surface-500)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-600)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-600)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-700)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-primary-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem)));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-surface-500-contrast)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-primary-50)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-primary-50-contrast)));--
|
|
2
|
+
export const styles = css `:host{--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-surface-500)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-surface-500)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-600)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-600)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-700)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-primary-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem)));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-surface-500-contrast)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-primary-50)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-primary-50-contrast)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-primary-100)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-primary-100-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-primary-50)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-primary-100)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-primary-100-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-primary-50)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-primary-100)));--ig-theme: bootstrap;--ig-theme-variant: light}`;
|
|
3
3
|
//# sourceMappingURL=grid.bootstrap.css.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"grid.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/light/grid.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,
|
|
1
|
+
{"version":3,"file":"grid.bootstrap.css.js","sourceRoot":"","sources":["../../../../src/styles/themes/light/grid.bootstrap.css.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,GAAG,EAAE,MAAM,KAAK,CAAC;AAC1B,MAAM,CAAC,MAAM,MAAM,GAAG,GAAG,CAAA,o/FAAo/F,CAAC","sourcesContent":["import { css } from 'lit';\nexport const styles = css`:host{--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-surface-500)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-surface-500)));--sortable-header-icon-hover-color: var(--igx-grid-sortable-header-icon-hover-color, var(--ig-grid-sortable-header-icon-hover-color, var(--ig-primary-500)));--sorted-header-icon-color: var(--igx-grid-sorted-header-icon-color, var(--ig-grid-sorted-header-icon-color, var(--ig-primary-500)));--edit-mode-color: var(--igx-grid-edit-mode-color, var(--ig-grid-edit-mode-color, var(--ig-primary-500)));--resize-line-color: var(--igx-grid-resize-line-color, var(--ig-grid-resize-line-color, var(--ig-primary-500)));--drop-indicator-color: var(--igx-grid-drop-indicator-color, var(--ig-grid-drop-indicator-color, var(--ig-primary-500)));--group-label-column-name-text: var(--igx-grid-group-label-column-name-text, var(--ig-grid-group-label-column-name-text, var(--ig-primary-600)));--group-label-icon: var(--igx-grid-group-label-icon, var(--ig-grid-group-label-icon, var(--ig-primary-600)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-700)));--row-highlight: var(--igx-grid-row-highlight, var(--ig-grid-row-highlight, var(--ig-primary-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.25) * 1rem), 1rem)));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-surface-500-contrast)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-primary-50)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-primary-50-contrast)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-primary-100)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-primary-100-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-primary-50)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-primary-100)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-primary-100-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-primary-50)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-primary-100)));--ig-theme: bootstrap;--ig-theme-variant: light}`;"]}
|
|
@@ -1,3 +1,3 @@
|
|
|
1
1
|
import { css } from 'lit';
|
|
2
|
-
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-1)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-surface-500)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-surface-500)));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, var(--ig-gray-100)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, var(--ig-gray-100)));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-gray-400)));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, var(--ig-gray-100)));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-200)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-100)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-700)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-gray-50)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-gray-100)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-900)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-surface-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-gray-800)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-gray-200)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-200-contrast)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-gray-300)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-300-contrast)));--
|
|
2
|
+
export const styles = css `:host{--grid-elevation: var(--igx-grid-grid-elevation, var(--ig-grid-grid-elevation, var(--ig-elevation-0)));--drag-elevation: var(--igx-grid-drag-elevation, var(--ig-grid-drag-elevation, var(--ig-elevation-1)));--grouparea-background: var(--igx-grid-grouparea-background, var(--ig-grid-grouparea-background, var(--ig-surface-500)));--header-background: var(--igx-grid-header-background, var(--ig-grid-header-background, var(--ig-surface-500)));--header-border-color: var(--igx-grid-header-border-color, var(--ig-grid-header-border-color, var(--ig-gray-100)));--grid-border-color: var(--igx-grid-grid-border-color, var(--ig-grid-grid-border-color, var(--ig-gray-100)));--tree-selected-filtered-row-text-color: var(--igx-grid-tree-selected-filtered-row-text-color, var(--ig-grid-tree-selected-filtered-row-text-color, var(--ig-gray-400)));--row-border-color: var(--igx-grid-row-border-color, var(--ig-grid-row-border-color, var(--ig-gray-100)));--pinned-border-color: var(--igx-grid-pinned-border-color, var(--ig-grid-pinned-border-color, var(--ig-gray-200)));--cell-active-border-color: var(--igx-grid-cell-active-border-color, var(--ig-grid-cell-active-border-color, var(--ig-primary-100)));--group-count-text-color: var(--igx-grid-group-count-text-color, var(--ig-grid-group-count-text-color, var(--ig-gray-700)));--group-row-background: var(--igx-grid-group-row-background, var(--ig-grid-group-row-background, var(--ig-gray-50)));--group-row-selected-background: var(--igx-grid-group-row-selected-background, var(--ig-grid-group-row-selected-background, var(--ig-gray-100)));--filtering-header-text-color: var(--igx-grid-filtering-header-text-color, var(--ig-grid-filtering-header-text-color, var(--ig-gray-900)));--row-ghost-background: var(--igx-grid-row-ghost-background, var(--ig-grid-row-ghost-background, var(--ig-surface-500)));--drop-area-border-radius: var(--igx-grid-drop-area-border-radius, var(--ig-grid-drop-area-border-radius, clamp(0rem, calc(var(--ig-radius-factor, 0.125) * 1rem), 1rem)));--summaries-patch-background: var(--igx-grid-summaries-patch-background, var(--ig-grid-summaries-patch-background, var(--ig-surface-500)));--header-text-color: var(--igx-grid-header-text-color, var(--ig-grid-header-text-color, var(--ig-gray-800)));--header-selected-background: var(--igx-grid-header-selected-background, var(--ig-grid-header-selected-background, var(--ig-gray-200)));--header-selected-text-color: var(--igx-grid-header-selected-text-color, var(--ig-grid-header-selected-text-color, var(--ig-gray-200-contrast)));--row-selected-background: var(--igx-grid-row-selected-background, var(--ig-grid-row-selected-background, var(--ig-gray-200)));--row-selected-hover-background: var(--igx-grid-row-selected-hover-background, var(--ig-grid-row-selected-hover-background, var(--ig-gray-300)));--row-selected-hover-text-color: var(--igx-grid-row-selected-hover-text-color, var(--ig-grid-row-selected-hover-text-color, var(--ig-gray-300-contrast)));--body-column-selected-border-color: var(--igx-grid-body-column-selected-border-color, var(--ig-grid-body-column-selected-border-color, var(--ig-gray-200)));--body-column-hover-selected-border-color: var(--igx-grid-body-column-hover-selected-border-color, var(--ig-grid-body-column-hover-selected-border-color, var(--ig-gray-300)));--cell-selected-within-background: var(--igx-grid-cell-selected-within-background, var(--ig-grid-cell-selected-within-background, var(--ig-gray-300)));--cell-selected-within-text-color: var(--igx-grid-cell-selected-within-text-color, var(--ig-grid-cell-selected-within-text-color, var(--ig-gray-300-contrast)));--ig-theme: fluent;--ig-theme-variant: light}`;
|
|
3
3
|
//# sourceMappingURL=grid.fluent.css.js.map
|