ag-grid-community 32.2.1 → 32.2.2

package/dist/types/theming/styles/core/core-css.d.ts

@@ -0,0 +1,468 @@
+import type { BorderStyleValue, BorderValue, ColorSchemeValue, ColorValue, DurationValue, FontFamilyValue, FontWeightValue, LengthValue, ScaleValue, ShadowValue } from '../../theme-types';
+export { coreCSS } from './GENERATED-core';
+/**
+ * All possible theme param types - the actual params available will be a subset of this type depending on the parts in use by the theme.
+ */
+export type CoreParams = {
+    /**
+     * The 'brand color' for the grid, used wherever a non-neutral color is required. Selections, focus outlines and checkboxes use the accent color by default.
+     */
+    accentColor: ColorValue;
+    /**
+     * Color of the dividing line above the buttons in the advanced filter builder
+     */
+    advancedFilterBuilderButtonBarBorder: BorderValue;
+    /**
+     * Color of the column pills in the Advanced Filter Builder
+     */
+    advancedFilterBuilderColumnPillColor: ColorValue;
+    /**
+     * Amount that each level of the nesting in the advanced filter builder is indented by
+     */
+    advancedFilterBuilderIndentSize: LengthValue;
+    /**
+     * Color of the join operator pills in the Advanced Filter Builder
+     */
+    advancedFilterBuilderJoinPillColor: ColorValue;
+    /**
+     * Color of the filter option pills in the Advanced Filter Builder
+     */
+    advancedFilterBuilderOptionPillColor: ColorValue;
+    /**
+     * Color of the value pills in the Advanced Filter Builder
+     */
+    advancedFilterBuilderValuePillColor: ColorValue;
+    /**
+     * Background color of the grid. Many UI elements are semi-transparent, so their color blends with the background color.
+     */
+    backgroundColor: ColorValue;
+    /**
+     * Default color for borders.
+     */
+    borderColor: ColorValue;
+    /**
+     * Default corner radius for many UI elements such as menus, dialogs and form widgets.
+     */
+    borderRadius: LengthValue;
+    /**
+     * The CSS color-scheme to apply to the grid, which affects the default appearance of browser scrollbars form inputs unless these have been styled with CSS.
+     */
+    browserColorScheme: ColorSchemeValue;
+    /**
+     * Padding at the start and end of grid cells and header cells.
+     */
+    cellHorizontalPadding: LengthValue;
+    /**
+     * Multiply the cell horizontal padding by a number, e.g. 1.5 to increase by 50%
+     */
+    cellHorizontalPaddingScale: ScaleValue;
+    /**
+     * Color of text in grid cells.
+     */
+    cellTextColor: ColorValue;
+    /**
+     * Horizontal spacing between widgets inside cells (e.g. row group expand buttons and row selection checkboxes).
+     */
+    cellWidgetSpacing: LengthValue;
+    /**
+     * Color of form field labels within the chart editing panel for integrated charts
+     */
+    chartMenuLabelColor: ColorValue;
+    /**
+     * Width of the chart editing panel for integrated charts
+     */
+    chartMenuPanelWidth: LengthValue;
+    /**
+     * Background color for non-data areas of the grid. Headers, tool panels and menus use this color by default.
+     */
+    chromeBackgroundColor: ColorValue;
+    /**
+     * Vertical borders between columns within the grid only, excluding headers.
+     */
+    columnBorder: BorderValue;
+    /**
+     * Background color for the representation of columns within the column drop component
+     */
+    columnDropCellBackgroundColor: ColorValue;
+    /**
+     * Border for the representation of columns within the column drop component
+     */
+    columnDropCellBorder: BorderValue;
+    /**
+     * Background color when hovering over columns in the grid. This is not visible unless enabled in the grid options.
+     */
+    columnHoverColor: ColorValue;
+    /**
+     * Amount of indentation for each level of children when selecting grouped columns in the column select widget.
+     */
+    columnSelectIndentSize: LengthValue;
+    /**
+     * Border color popup dialogs such as the integrated charts and the advanced filter builder.
+     */
+    dialogBorder: BorderValue;
+    /**
+     * Shadow for popup dialogs such as the integrated charts and the advanced filter builder.
+     */
+    dialogShadow: ShadowValue;
+    /**
+     * Background color of the drag and drop image component element when dragging columns
+     */
+    dragAndDropImageBackgroundColor: ColorValue;
+    /**
+     * Border color of the drag and drop image component element when dragging columns
+     */
+    dragAndDropImageBorder: BorderValue;
+    /**
+     * Shadow for the drag and drop image component element when dragging columns
+     */
+    dragAndDropImageShadow: ShadowValue;
+    /**
+     * Color of the drag handle on draggable rows and column markers
+     */
+    dragHandleColor: ColorValue;
+    /**
+     * Default shadow for dropdown menus
+     */
+    dropdownShadow: ShadowValue;
+    /**
+     * How much to indent child columns in the filters tool panel relative to their parent
+     */
+    filterToolPanelGroupIndent: LengthValue;
+    /**
+     * Shadow around UI controls that have focus e.g. text inputs and buttons. The value must a valid CSS box-shadow.
+     */
+    focusShadow: ShadowValue;
+    /**
+     * Font family used for all text.
+     */
+    fontFamily: FontFamilyValue;
+    /**
+     * Default font size for text throughout the grid UI
+     */
+    fontSize: LengthValue;
+    /**
+     * Font size for data in grid rows
+     */
+    dataFontSize: LengthValue;
+    /**
+     * Horizontal borders above footer components like the pagination and status bars
+     */
+    footerRowBorder: BorderValue;
+    /**
+     * Default color for neutral UI elements. Most text, borders and backgrounds are defined as semi-transparent versions of this color, resulting in a blend between the background and foreground colours.
+     */
+    foregroundColor: ColorValue;
+    /**
+     * Amount of spacing around and inside UI elements. All padding and margins in the grid are defined as a multiple of this value.
+     */
+    spacing: LengthValue;
+    /**
+     * Background color for header and header-like.
+     */
+    headerBackgroundColor: ColorValue;
+    /**
+     * Duration in seconds of the background color transition if headerCellHoverBackgroundColor or headerCellMovingBackgroundColor is set.
+     */
+    headerCellBackgroundTransitionDuration: DurationValue;
+    /**
+     * Background color of a header cell when hovering over it, or `transparent` for no change.
+     */
+    headerCellHoverBackgroundColor: ColorValue;
+    /**
+     * Background color of a header cell when dragging to reposition it, or `transparent` for no change.
+     */
+    headerCellMovingBackgroundColor: ColorValue;
+    /**
+     * Vertical borders between columns within headers.
+     */
+    headerColumnBorder: BorderValue;
+    /**
+     * Height of the vertical border between column headers. Percentage values are relative to the header height.
+     */
+    headerColumnBorderHeight: LengthValue;
+    /**
+     * Color of the drag handle on resizable header columns. Set this to transparent to hide the resize handle.
+     */
+    headerColumnResizeHandleColor: ColorValue;
+    /**
+     * Height of the drag handle on resizable header columns. Percentage values are relative to the header height.
+     */
+    headerColumnResizeHandleHeight: LengthValue;
+    /**
+     * Width of the drag handle on resizable header columns.
+     */
+    headerColumnResizeHandleWidth: LengthValue;
+    /**
+     * Font family of text in the header
+     */
+    headerFontFamily: FontFamilyValue;
+    /**
+     * Size of text in the header
+     */
+    headerFontSize: LengthValue;
+    /**
+     * Font weight of text in the header
+     */
+    headerFontWeight: FontWeightValue;
+    /**
+     * Height of header rows. NOTE: by default this value is calculated to leave enough room for text, icons and padding. Most applications should leave it as is and use rowVerticalPaddingScale to change padding.
+     */
+    headerHeight: LengthValue;
+    /**
+     * Borders between and below header rows.
+     */
+    headerRowBorder: BorderValue;
+    /**
+     * Color of text in the header
+     */
+    headerTextColor: ColorValue;
+    /**
+     * Multiply the header vertical padding by a number, e.g. 1.5 to increase by 50%
+     */
+    headerVerticalPaddingScale: ScaleValue;
+    /**
+     * Background color of clickable icons when hovered
+     */
+    iconButtonHoverBackgroundColor: ColorValue;
+    /**
+     * Hover color for clickable icons
+     */
+    iconButtonHoverColor: ColorValue;
+    /**
+     * The size of square icons and icon-buttons
+     */
+    iconSize: LengthValue;
+    /**
+     * The color for inputs and UI controls in an invalid state.
+     */
+    invalidColor: ColorValue;
+    /**
+     * Height of items in scrolling lists e.g. dropdown select inputs and column menu set filters.
+     */
+    listItemHeight: LengthValue;
+    /**
+     * Background color for menus e.g. column menu and right-click context menu
+     */
+    menuBackgroundColor: ColorValue;
+    /**
+     * Border around menus e.g. column menu and right-click context menu
+     */
+    menuBorder: BorderValue;
+    /**
+     * Color of the dividing line between sections of menus e.g. column menu and right-click context menu
+     */
+    menuSeparatorColor: ColorValue;
+    /**
+     * Shadow for menus e.g. column menu and right-click context menu
+     */
+    menuShadow: ShadowValue;
+    /**
+     * Text color for menus e.g. column menu and right-click context menu
+     */
+    menuTextColor: ColorValue;
+    /**
+     * Background color of the overlay shown over the grid e.g. a data loading indicator.
+     */
+    modalOverlayBackgroundColor: ColorValue;
+    /**
+     * Background color applied to every other row
+     */
+    oddRowBackgroundColor: ColorValue;
+    /**
+     * Background color for panels and dialogs such as the integrated charts and the advanced filter builder.
+     */
+    panelBackgroundColor: ColorValue;
+    /**
+     * Background color for the title bar of panels and dialogs such as the integrated charts and the advanced filter builder.
+     */
+    panelTitleBarBackgroundColor: ColorValue;
+    /**
+     * Border below the title bar of panels and dialogs such as the integrated charts and the advanced filter builder.
+     */
+    panelTitleBarBorder: BorderValue;
+    /**
+     * Vertical borders between columns that are pinned to the left or right and the rest of the grid
+     */
+    pinnedColumnBorder: BorderValue;
+    /**
+     * Horizontal borders between the grid and rows that are pinned to the top or bottom and the rest of the grid
+     */
+    pinnedRowBorder: BorderValue;
+    /**
+     * Default shadow for elements that float above the grid e.g. dialogs and menus
+     */
+    popupShadow: ShadowValue;
+    /**
+     * Background color of selected cell ranges. Choosing a semi-transparent color ensure that multiple overlapping ranges look correct.
+     */
+    rangeSelectionBackgroundColor: ColorValue;
+    /**
+     * The color used for borders around range selections. The selection background defaults to a semi-transparent version of this color.
+     */
+    rangeSelectionBorderColor: ColorValue;
+    /**
+     * Border style around range selections.
+     */
+    rangeSelectionBorderStyle: BorderStyleValue;
+    /**
+     * Background color for cells that provide data to the current range chart
+     */
+    rangeSelectionChartBackgroundColor: ColorValue;
+    /**
+     * Background color for cells that provide categories to the current range chart
+     */
+    rangeSelectionChartCategoryBackgroundColor: ColorValue;
+    /**
+     * Background color to briefly apply to a cell range when the user copies from or pastes into it.
+     */
+    rangeSelectionHighlightColor: ColorValue;
+    /**
+     * Horizontal borders between rows.
+     */
+    rowBorder: BorderValue;
+    /**
+     * The size of indentation applied to each level of row grouping - deep rows are indented by a multiple of this value.
+     */
+    rowGroupIndentSize: LengthValue;
+    /**
+     * Height of grid rows. NOTE: by default this value is calculated to leave enough room for text, icons and padding. Most applications should leave it as is and use rowVerticalPaddingScale to change padding.
+     */
+    rowHeight: LengthValue;
+    /**
+     * Background color when hovering over rows in the grid and in dropdown menus. Set to `transparent` to disable the hover effect. Note: if you want a hover effect on one but not the other, use CSS selectors instead of this property.
+     */
+    rowHoverColor: ColorValue;
+    /**
+     * Color of the skeleton loading effect used when loading row data with the Server-side Row Model
+     */
+    rowLoadingSkeletonEffectColor: ColorValue;
+    /**
+     * Multiply the row vertical padding by a number, e.g. 1.5 to increase by 50%. Has no effect if rowHeight is set.
+     */
+    rowVerticalPaddingScale: ScaleValue;
+    /**
+     * Background color for selected items within the multiple select widget
+     */
+    selectCellBackgroundColor: ColorValue;
+    /**
+     * Border for selected items within the multiple select widget
+     */
+    selectCellBorder: BorderValue;
+    /**
+     * Background color of selected rows in the grid and in dropdown menus.
+     */
+    selectedRowBackgroundColor: ColorValue;
+    /**
+     * Amount of indentation for each level of child items in the Set Filter list when filtering tree data.
+     */
+    setFilterIndentSize: LengthValue;
+    /**
+     * Background color for non-data areas of the grid. Headers, tool panels and menus use this color by default.
+     */
+    sideBarBackgroundColor: ColorValue;
+    /**
+     * Default width of the sidebar that contains the columns and filters tool panels
+     */
+    sideBarPanelWidth: LengthValue;
+    /**
+     * Borders between the grid and side panels including the column and filter tool bars, and chart settings
+     */
+    sidePanelBorder: BorderValue;
+    /**
+     * Color of text and UI elements that should stand out less than the default.
+     */
+    subtleTextColor: ColorValue;
+    /**
+     * Default color for all text
+     */
+    textColor: ColorValue;
+    /**
+     * Width of the toggle button outer border
+     */
+    toggleButtonBorderWidth: LengthValue;
+    /**
+     * Height of the whole toggle button component
+     */
+    toggleButtonHeight: LengthValue;
+    /**
+     * Color of the toggle button background in its 'off' state
+     */
+    toggleButtonOffBackgroundColor: ColorValue;
+    /**
+     * Color of the toggle button's outer border in its 'off' state
+     */
+    toggleButtonOffBorderColor: ColorValue;
+    /**
+     * Color of the toggle button background in its 'on' state
+     */
+    toggleButtonOnBackgroundColor: ColorValue;
+    /**
+     * Color of the toggle button outer border in its 'on' state
+     */
+    toggleButtonOnBorderColor: ColorValue;
+    /**
+     * Background color of the toggle button switch (the bit that slides from left to right)
+     */
+    toggleButtonSwitchBackgroundColor: ColorValue;
+    /**
+     * Border color of the toggle button switch (the bit that slides from left to right)
+     */
+    toggleButtonSwitchBorderColor: ColorValue;
+    /**
+     * Width of the whole toggle button component
+     */
+    toggleButtonWidth: LengthValue;
+    /**
+     * The dividing line between sections of menus e.g. column menu and right-click context menu
+     */
+    toolPanelSeparatorBorder: BorderValue;
+    /**
+     * Background color for tooltips
+     */
+    tooltipBackgroundColor: ColorValue;
+    /**
+     * Border for tooltips
+     */
+    tooltipBorder: BorderValue;
+    /**
+     * Text color for tooltips
+     */
+    tooltipTextColor: ColorValue;
+    /**
+     * Color to temporarily apply to cell data when its value decreases in an agAnimateShowChangeCellRenderer cell
+     */
+    valueChangeDeltaDownColor: ColorValue;
+    /**
+     * Color to temporarily apply to cell data when its value increases in an agAnimateShowChangeCellRenderer cell
+     */
+    valueChangeDeltaUpColor: ColorValue;
+    /**
+     * Background color to apply when a cell value changes and enableCellChangeFlash is enabled
+     */
+    valueChangeValueHighlightBackgroundColor: ColorValue;
+    /**
+     * The horizontal padding of containers that contain stacked widgets, such as menus and tool panels
+     */
+    widgetContainerHorizontalPadding: LengthValue;
+    /**
+     * The vertical padding of containers that contain stacked widgets, such as menus and tool panels
+     */
+    widgetContainerVerticalPadding: LengthValue;
+    /**
+     * The spacing between widgets in containers arrange widgets horizontally
+     */
+    widgetHorizontalSpacing: LengthValue;
+    /**
+     * The spacing between widgets in containers arrange widgets vertically
+     */
+    widgetVerticalSpacing: LengthValue;
+    /**
+     * Borders around the outside of the grid
+     */
+    wrapperBorder: BorderValue;
+    /**
+     * Corner radius of the outermost container around the grid.
+     */
+    wrapperBorderRadius: LengthValue;
+};
+export declare const coreDefaults: CoreParams;

package/dist/types/theming/styles/parts/checkbox-style/GENERATED-checkbox-style-default.d.ts

@@ -0,0 +1 @@
+export declare const checkboxStyleDefaultCSS = ".ag-checkbox-input-wrapper,.ag-radio-button-input-wrapper{background-color:var(--ag-checkbox-unchecked-background-color);border:solid var(--ag-checkbox-border-width) var(--ag-checkbox-unchecked-border-color);flex:none;height:var(--ag-icon-size);position:relative;width:var(--ag-icon-size);& input{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:100%;opacity:0;width:100%}&:after{content:\"\";display:block;inset:0;-webkit-mask-position:center;mask-position:center;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;pointer-events:none;position:absolute}&.ag-checked{background-color:var(--ag-checkbox-checked-background-color);border-color:var(--ag-checkbox-checked-border-color);&:after{background-color:var(--ag-checkbox-checked-shape-color)}}&:active,&:focus-within{box-shadow:var(--ag-focus-shadow)}&.ag-disabled{filter:grayscale();opacity:.5}}.ag-checkbox-input-wrapper{border-radius:var(--ag-checkbox-border-radius);&.ag-checked:after{-webkit-mask-image:var(--ag-checkbox-checked-shape-image);mask-image:var(--ag-checkbox-checked-shape-image)}&.ag-indeterminate{background-color:var(--ag-checkbox-indeterminate-background-color);border-color:var(--ag-checkbox-indeterminate-border-color);&:after{background-color:var(--ag-checkbox-indeterminate-shape-color);-webkit-mask-image:var(--ag-checkbox-indeterminate-shape-image);mask-image:var(--ag-checkbox-indeterminate-shape-image)}}}.ag-radio-button-input-wrapper{border-radius:100%;&.ag-checked:after{-webkit-mask-image:var(--ag-radio-checked-shape-image);mask-image:var(--ag-radio-checked-shape-image)}}";

package/dist/types/theming/styles/parts/checkbox-style/checkbox-styles.d.ts

@@ -0,0 +1,56 @@
+import type { ColorValue, ImageValue, LengthValue } from '../../../theme-types';
+export type CheckboxStyleParams = {
+    /**
+     * Border radius for checkboxes
+     */
+    checkboxBorderRadius: LengthValue;
+    /**
+     * Border width for checkboxes
+     */
+    checkboxBorderWidth: LengthValue;
+    /**
+     * Background color of a checked checkbox
+     */
+    checkboxCheckedBackgroundColor: ColorValue;
+    /**
+     * Border color of a checked checkbox
+     */
+    checkboxCheckedBorderColor: ColorValue;
+    /**
+     * The color of the check mark on checked checkboxes.
+     */
+    checkboxCheckedShapeColor: ColorValue;
+    /**
+     * An image defining the shape of the check mark on checked checkboxes.
+     */
+    checkboxCheckedShapeImage: ImageValue;
+    /**
+     * Background color of an indeterminate checkbox
+     */
+    checkboxIndeterminateBackgroundColor: ColorValue;
+    /**
+     * Border color of an indeterminate checkbox
+     */
+    checkboxIndeterminateBorderColor: ColorValue;
+    /**
+     * The color of the dash mark on indeterminate checkboxes
+     */
+    checkboxIndeterminateShapeColor: ColorValue;
+    /**
+     * An image defining the shape of the dash mark on indeterminate checkboxes
+     */
+    checkboxIndeterminateShapeImage: ImageValue;
+    /**
+     * Background color of an unchecked checkbox
+     */
+    checkboxUncheckedBackgroundColor: ColorValue;
+    /**
+     * Border color of an unchecked checkbox
+     */
+    checkboxUncheckedBorderColor: ColorValue;
+    /**
+     * An image defining the shape of the mark on checked radio buttons
+     */
+    radioCheckedShapeImage: ImageValue;
+};
+export declare const checkboxStyleDefault: import("../../../Part").Part<import("../../core/core-css").CoreParams & CheckboxStyleParams>;

package/dist/types/theming/styles/parts/color-scheme/color-schemes.d.ts

@@ -0,0 +1,6 @@
+export declare const colorSchemeLight: import("../../../Part").Part<import("../../core/core-css").CoreParams>;
+export declare const colorSchemeLightWarm: import("../../../Part").Part<import("../../core/core-css").CoreParams>;
+export declare const colorSchemeLightCold: import("../../../Part").Part<import("../../core/core-css").CoreParams>;
+export declare const colorSchemeDark: import("../../../Part").Part<import("../../core/core-css").CoreParams>;
+export declare const colorSchemeDarkWarm: import("../../../Part").Part<import("../../core/core-css").CoreParams>;
+export declare const colorSchemeDarkBlue: import("../../../Part").Part<import("../../core/core-css").CoreParams>;