@infinite-table/infinite-react 6.1.1 → 6.2.0
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/index.css +269 -726
- package/index.dev.js +80 -80
- package/index.dev.mjs +80 -80
- package/index.js +80 -80
- package/index.mjs +80 -80
- package/package.json +2 -2
- package/theme/balsam.css +127 -0
- package/theme/default.css +609 -0
- package/theme/minimalist.css +115 -0
- package/theme/ocean.css +123 -0
- package/theme/shadcn.css +88 -0
package/index.mjs
CHANGED
|
@@ -1186,7 +1186,7 @@ function SpacePlaceholderFn(props) {
|
|
|
1186
1186
|
var SpacePlaceholder = React6.memo(SpacePlaceholderFn);
|
|
1187
1187
|
|
|
1188
1188
|
// src/components/VirtualList/VirtualList.css.ts
|
|
1189
|
-
var scrollTransformTargetCls = "
|
|
1189
|
+
var scrollTransformTargetCls = "mlx2t3";
|
|
1190
1190
|
|
|
1191
1191
|
// src/components/VirtualScrollContainer/index.tsx
|
|
1192
1192
|
import * as React7 from "react";
|
|
@@ -1215,11 +1215,11 @@ var useOnScroll = (domRef, onScroll) => {
|
|
|
1215
1215
|
};
|
|
1216
1216
|
|
|
1217
1217
|
// src/components/VirtualScrollContainer/VirtualScrollContainer.css.ts
|
|
1218
|
-
var ScrollableCls = { true: "
|
|
1219
|
-
var ScrollableHorizontalCls = { true: "
|
|
1220
|
-
var ScrollableVerticalCls = { true: "
|
|
1221
|
-
var VirtualScrollContainerChildToScrollCls = "
|
|
1222
|
-
var VirtualScrollContainerCls = "
|
|
1218
|
+
var ScrollableCls = { true: "_1ueijco2", false: "_1ueijco3", visible: "_1ueijco4", auto: "_1ueijco5", hidden: "_1ueijco6" };
|
|
1219
|
+
var ScrollableHorizontalCls = { true: "_1ueijco7", false: "_1ueijco8", visible: "_1ueijco9", auto: "_1ueijcoa", hidden: "_1ueijcob" };
|
|
1220
|
+
var ScrollableVerticalCls = { true: "_1ueijcoc", false: "_1ueijcod", visible: "_1ueijcoe", auto: "_1ueijcof", hidden: "_1ueijcog" };
|
|
1221
|
+
var VirtualScrollContainerChildToScrollCls = "_1ueijco1";
|
|
1222
|
+
var VirtualScrollContainerCls = "_1ueijco0 _16lm1iw0";
|
|
1223
1223
|
|
|
1224
1224
|
// src/components/VirtualScrollContainer/getScrollableClassName.ts
|
|
1225
1225
|
var getScrollableClassName = (scrollable) => {
|
|
@@ -1394,7 +1394,7 @@ var internalProps = {
|
|
|
1394
1394
|
};
|
|
1395
1395
|
|
|
1396
1396
|
// src/components/InfiniteTable/internalVars.css.ts
|
|
1397
|
-
var InternalVars = { currentColumnTransformX: "var(--
|
|
1397
|
+
var InternalVars = { currentColumnTransformX: "var(--_16hkbkc0)", y: "var(--_16hkbkc1)", currentFlashingBackground: "var(--_16hkbkc2)", currentFlashingDuration: "var(--_16hkbkc3)", activeCellRowOffset: "var(--_16hkbkc4)", activeCellRowOffsetX: "var(--_16hkbkc5)", activeCellRowHeight: "var(--_16hkbkc6)", activeCellOffsetX: "var(--_16hkbkc7)", activeCellOffsetY: "var(--_16hkbkc8)", scrollTopForActiveRow: "var(--_16hkbkc9)", scrollLeftForActiveRowWhenHorizontalLayout: "var(--_16hkbkca)", activeCellColWidth: "var(--_16hkbkcb)", activeCellColOffset: "var(--_16hkbkcc)", columnReorderEffectDurationAtIndex: "var(--_16hkbkcd)", columnWidthAtIndex: "var(--_16hkbkce)", columnOffsetAtIndex: "var(--_16hkbkcf)", columnOffsetAtIndexWhileReordering: "var(--_16hkbkcg)", columnZIndexAtIndex: "var(--_16hkbkch)", pinnedStartWidth: "var(--_16hkbkci)", pinnedEndWidth: "var(--_16hkbkcj)", pinnedEndOffset: "var(--_16hkbkck)", computedVisibleColumnsCount: "var(--_16hkbkcl)", baseZIndexForCells: "var(--_16hkbkcm)", bodyWidth: "var(--_16hkbkcn)", bodyHeight: "var(--_16hkbkco)", scrollbarWidthHorizontal: "var(--_16hkbkcp)", scrollbarWidthVertical: "var(--_16hkbkcq)", scrollLeft: "var(--_16hkbkcr)", scrollTop: "var(--_16hkbkcs)", virtualScrollLeftOffset: "var(--_16hkbkct)", virtualScrollTopOffset: "var(--_16hkbkcu)" };
|
|
1398
1398
|
|
|
1399
1399
|
// src/components/InfiniteTable/vars.css.ts
|
|
1400
1400
|
var CSS_LOADED_VALUE = "true";
|
|
@@ -5181,11 +5181,11 @@ var createRuntimeFn = (config) => {
|
|
|
5181
5181
|
};
|
|
5182
5182
|
|
|
5183
5183
|
// src/components/InfiniteTable/components/ActiveCellIndicator.css.ts
|
|
5184
|
-
var ActiveCellIndicatorRecipe = createRuntimeFn({ defaultClassName: "
|
|
5185
|
-
var ActiveIndicatorWrapperCls = "
|
|
5184
|
+
var ActiveCellIndicatorRecipe = createRuntimeFn({ defaultClassName: "nxbq1c1 _16lm1iwl _16lm1iw2", variantClassNames: { visible: { true: "nxbq1c3", false: "nxbq1c4" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5185
|
+
var ActiveIndicatorWrapperCls = "nxbq1c0 _16lm1iwl _16lm1iw4 _16lm1iw1f _16lm1iw1d _16lm1iw18 _16lm1iwu";
|
|
5186
5186
|
|
|
5187
5187
|
// src/components/InfiniteTable/components/ActiveRowIndicator.css.ts
|
|
5188
|
-
var ActiveRowIndicatorRecipe = createRuntimeFn({ defaultClassName: "
|
|
5188
|
+
var ActiveRowIndicatorRecipe = createRuntimeFn({ defaultClassName: "j26lrx0 _16lm1iwl _16lm1iw2 _16lm1iw1d _16lm1iw1f", variantClassNames: { active: { true: "j26lrx2", false: "j26lrx3" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5189
5189
|
|
|
5190
5190
|
// src/components/InfiniteTable/components/ActiveRowIndicator.tsx
|
|
5191
5191
|
var { rootClassName: rootClassName3 } = internalProps;
|
|
@@ -5334,12 +5334,12 @@ var ActiveCellIndicator = React13.memo(
|
|
|
5334
5334
|
);
|
|
5335
5335
|
|
|
5336
5336
|
// src/components/InfiniteTable/components/cell.css.ts
|
|
5337
|
-
var ColumnCellCls = "
|
|
5338
|
-
var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "
|
|
5339
|
-
var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "
|
|
5340
|
-
var DetachedCellCls = "
|
|
5341
|
-
var FlashingColumnCellRecipe = createRuntimeFn({ defaultClassName: "
|
|
5342
|
-
var SelectionCheckboxCls = "
|
|
5337
|
+
var ColumnCellCls = "_1eexc2a7 _1eexc2a6";
|
|
5338
|
+
var ColumnCellRecipe = createRuntimeFn({ defaultClassName: "_1eexc2an", variantClassNames: { dragging: { false: "_1eexc2ao", true: "_1eexc2ap" }, insideDisabledDraggingPage: { true: "_1eexc2aq", false: "_1eexc2ar" }, cellSelected: { false: "_1eexc2as", true: "_1eexc2at" }, treeNode: { parent: "_1eexc2au", leaf: "_1eexc2av", false: "_1eexc2aw" }, align: { start: "_1eexc2ax", end: "_1eexc2ay", center: "_1eexc2az" }, verticalAlign: { start: "_1eexc2a10", end: "_1eexc2a11", center: "_1eexc2a12" }, rowActive: { false: "_1eexc2a13", true: "_1eexc2a14" }, groupRow: { false: "_1eexc2a15", true: "_1eexc2a16" }, groupCell: { false: "_1eexc2a17", true: "_1eexc2a18" }, rowDisabled: { false: "_1eexc2a19", true: "_1eexc2a1a" }, zebra: { false: "_1eexc2a1b", even: "_1eexc2a1c", odd: "_1eexc2a1d" }, rowSelected: { true: "_1eexc2a1e", false: "_1eexc2a1f", null: "_1eexc2a1g" }, first: { true: "_1eexc2a1h", false: "_1eexc2a1i" }, last: { true: "_1eexc2a1j", false: "_1eexc2a1k" }, groupByField: { true: "_1eexc2a1l", false: "_1eexc2a1m" }, firstInCategory: { true: "_1eexc2a1n", false: "_1eexc2a1o" }, firstRow: { true: "_1eexc2a1p", false: "_1eexc2a1q" }, firstRowInHorizontalLayoutPage: { true: "_1eexc2a1r", false: "_1eexc2a1s" }, lastInCategory: { true: "_1eexc2a1t", false: "_1eexc2a1u" }, pinned: { start: "_1eexc2a1v", end: "_1eexc2a1w", false: "_1eexc2a1x" }, filtered: { true: "_1eexc2a1y", false: "_1eexc2a1z" } }, defaultVariants: {}, compoundVariants: [[{ firstRowInHorizontalLayoutPage: true, firstRow: false }, "_1eexc2a20"], [{ pinned: "start", lastInCategory: true }, "_1eexc2a21"], [{ pinned: "start", firstInCategory: true }, "_1eexc2a22"], [{ pinned: "end", firstInCategory: true }, "_1eexc2a23"], [{ pinned: "end", lastInCategory: true }, "_1eexc2a24"], [{ align: "center", groupCell: false }, "_1eexc2a25"], [{ rowDisabled: true, zebra: "odd" }, "_1eexc2a26"]] });
|
|
5339
|
+
var ColumnCellSelectionIndicatorRecipe = createRuntimeFn({ defaultClassName: "_1eexc2ae", variantClassNames: { right: { true: "_1eexc2af", false: "_1eexc2ag" }, left: { true: "_1eexc2ah", false: "_1eexc2ai" }, top: { true: "_1eexc2aj", false: "_1eexc2ak" }, bottom: { true: "_1eexc2al", false: "_1eexc2am" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5340
|
+
var DetachedCellCls = "_1eexc2a5";
|
|
5341
|
+
var FlashingColumnCellRecipe = createRuntimeFn({ defaultClassName: "_1eexc2aa", variantClassNames: { direction: { up: "_1eexc2ab", down: "_1eexc2ac", neutral: "_1eexc2ad" } }, defaultVariants: {}, compoundVariants: [] });
|
|
5342
|
+
var SelectionCheckboxCls = "_1eexc2a8";
|
|
5343
5343
|
|
|
5344
5344
|
// src/components/InfiniteTable/components/cellDetachedCls.ts
|
|
5345
5345
|
var CELL_DETACHED_CLASSNAMES = [
|
|
@@ -5935,24 +5935,24 @@ var useInternalProps = () => {
|
|
|
5935
5935
|
};
|
|
5936
5936
|
|
|
5937
5937
|
// src/components/InfiniteTable/utilities.css.ts
|
|
5938
|
-
var absoluteCover = "
|
|
5939
|
-
var alignItems = { center: "
|
|
5940
|
-
var cssEllipsisClassName = "
|
|
5941
|
-
var cursor = { pointer: "
|
|
5942
|
-
var display = { flex: "
|
|
5943
|
-
var flex = { "1": "
|
|
5944
|
-
var flexFlow = { column: "
|
|
5945
|
-
var height = { "0": "
|
|
5946
|
-
var justifyContent = { center: "
|
|
5947
|
-
var left = { "0": "
|
|
5948
|
-
var outline = { none: "
|
|
5949
|
-
var overflow = { hidden: "
|
|
5950
|
-
var position = { relative: "
|
|
5951
|
-
var top = { "0": "
|
|
5952
|
-
var transformTranslateZero = "
|
|
5953
|
-
var userSelect = { none: "
|
|
5954
|
-
var visibility = { visible: "
|
|
5955
|
-
var zIndex = { "1": "
|
|
5938
|
+
var absoluteCover = "_16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i";
|
|
5939
|
+
var alignItems = { center: "_16lm1iw1r", stretch: "_16lm1iw1s" };
|
|
5940
|
+
var cssEllipsisClassName = "_16lm1iw24 _16lm1iw25 _16lm1iw1y";
|
|
5941
|
+
var cursor = { pointer: "_16lm1iwi", "default": "_16lm1iwj", colResize: "_16lm1iwk" };
|
|
5942
|
+
var display = { flex: "_16lm1iwz", contents: "_16lm1iw10", none: "_16lm1iw11", block: "_16lm1iw12", grid: "_16lm1iw13", inlineBlock: "_16lm1iw14", inlineFlex: "_16lm1iw15", inlineGrid: "_16lm1iw16" };
|
|
5943
|
+
var flex = { "1": "_16lm1iwm", none: "_16lm1iwn" };
|
|
5944
|
+
var flexFlow = { column: "_16lm1iw1n", columnReverse: "_16lm1iw1o", row: "_16lm1iw1p", rowReverse: "_16lm1iw1q" };
|
|
5945
|
+
var height = { "0": "_16lm1iw18", "100%": "_16lm1iw19", "50%": "_16lm1iw1a" };
|
|
5946
|
+
var justifyContent = { center: "_16lm1iw1t", spaceBetween: "_16lm1iw1u", spaceAround: "_16lm1iw1v", start: "_16lm1iw1w", end: "_16lm1iw1x" };
|
|
5947
|
+
var left = { "0": "_16lm1iw1f", "100%": "_16lm1iw1g", auto: "_16lm1iw1h" };
|
|
5948
|
+
var outline = { none: "_16lm1iwd" };
|
|
5949
|
+
var overflow = { hidden: "_16lm1iw1y", auto: "_16lm1iw1z", visible: "_16lm1iw20" };
|
|
5950
|
+
var position = { relative: "_16lm1iw1", absolute: "_16lm1iw2", "static": "_16lm1iw3", sticky: "_16lm1iw4", fixed: "_16lm1iw5" };
|
|
5951
|
+
var top = { "0": "_16lm1iw1d", "100%": "_16lm1iw1e" };
|
|
5952
|
+
var transformTranslateZero = "_16lm1iwe";
|
|
5953
|
+
var userSelect = { none: "_16lm1iw17" };
|
|
5954
|
+
var visibility = { visible: "_16lm1iw21", hidden: "_16lm1iw22" };
|
|
5955
|
+
var zIndex = { "1": "_16lm1iwo", "10": "_16lm1iwp", "100": "_16lm1iwq", "1000": "_16lm1iwr", "10000": "_16lm1iws", "100000": "_16lm1iwt", "1000000": "_16lm1iwu", "10000000": "_16lm1iwv", "1k": "_16lm1iww", "10k": "_16lm1iwx", "100k": "_16lm1iwy" };
|
|
5956
5956
|
|
|
5957
5957
|
// src/components/InfiniteTable/components/InfiniteTableFooter/InfiniteTableFooter.tsx
|
|
5958
5958
|
function InfiniteTableFooter(props) {
|
|
@@ -6098,29 +6098,29 @@ import * as React27 from "react";
|
|
|
6098
6098
|
import { useEffect as useEffect10, useLayoutEffect as useLayoutEffect8, useState as useState5 } from "react";
|
|
6099
6099
|
|
|
6100
6100
|
// src/components/InfiniteTable/components/InfiniteTableHeader/header.css.ts
|
|
6101
|
-
var CellCls = "
|
|
6102
|
-
var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "
|
|
6103
|
-
var HeaderCellProxy = "
|
|
6104
|
-
var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "
|
|
6105
|
-
var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "
|
|
6106
|
-
var HeaderFilterEditorCls = "
|
|
6107
|
-
var HeaderFilterIconIndexCls = "
|
|
6108
|
-
var HeaderFilterOperatorCls = "
|
|
6109
|
-
var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "
|
|
6110
|
-
var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "
|
|
6111
|
-
var HeaderGroupCls = "
|
|
6112
|
-
var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "
|
|
6113
|
-
var HeaderScrollbarPlaceholderCls = "
|
|
6114
|
-
var HeaderSortIconCls = "
|
|
6115
|
-
var HeaderSortIconIndexCls = "
|
|
6116
|
-
var HeaderSortIconRecipe = createRuntimeFn({ defaultClassName: "
|
|
6117
|
-
var HeaderWrapperCls = "
|
|
6101
|
+
var CellCls = "_1eexc2a6";
|
|
6102
|
+
var HeaderCellContentRecipe = createRuntimeFn({ defaultClassName: "_12zfob129 _16lm1iw19 _16lm1iw1c _16lm1iwz _16lm1iw1p _16lm1iw1r _16lm1iw1w", variantClassNames: { filtered: { false: "_12zfob12a", true: "_12zfob12b" }, verticalAlign: { start: "_12zfob12c", end: "_12zfob12d", center: "_12zfob12e" }, align: { start: "_12zfob12f", end: "_12zfob12g", center: "_12zfob12h" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6103
|
+
var HeaderCellProxy = "_12zfob1n _16lm1iw24 _16lm1iw25 _16lm1iw1y";
|
|
6104
|
+
var HeaderCellRecipe = createRuntimeFn({ defaultClassName: "_12zfob1o", variantClassNames: { rowActive: { false: "_12zfob1p", true: "_12zfob1q" }, cellSelected: { false: "_12zfob1r", true: "_12zfob1s" }, rowSelected: { false: "_12zfob1t", true: "_12zfob1u", null: "_12zfob1v" }, rowDisabled: { false: "_12zfob1w", true: "_12zfob1x" }, firstRow: { false: "_12zfob1y", true: "_12zfob1z" }, treeNode: { parent: "_12zfob110", leaf: "_12zfob111", false: "_12zfob112" }, firstRowInHorizontalLayoutPage: { false: "_12zfob113", true: "_12zfob114" }, groupRow: { false: "_12zfob115", true: "_12zfob116" }, groupCell: { false: "_12zfob117", true: "_12zfob118" }, align: { start: "_12zfob119", end: "_12zfob11a", center: "_12zfob11b" }, verticalAlign: { start: "_12zfob11c", end: "_12zfob11d", center: "_12zfob11e" }, zebra: { false: "_12zfob11f", even: "_12zfob11g", odd: "_12zfob11h" }, dragging: { true: "_12zfob11i", false: "_12zfob11j" }, insideDisabledDraggingPage: { true: "_12zfob11k", false: "_12zfob11l" }, first: { true: "_12zfob11m", false: "_12zfob11n" }, last: { true: "_12zfob11o", false: "_12zfob11p" }, groupByField: { true: "_12zfob11q", false: "_12zfob11r" }, firstInCategory: { true: "_12zfob11s", false: "_12zfob11t" }, lastInCategory: { true: "_12zfob11u", false: "_12zfob11v" }, pinned: { start: "_12zfob11w", end: "_12zfob11x", false: "_12zfob11y" }, filtered: { true: "_12zfob11z", false: "_12zfob120" } }, defaultVariants: {}, compoundVariants: [[{ pinned: "start", lastInCategory: true }, "_12zfob121"], [{ pinned: "end", firstInCategory: true }, "_12zfob122"], [{ pinned: false, lastInCategory: true }, "_12zfob123"]] });
|
|
6105
|
+
var HeaderClsRecipe = createRuntimeFn({ defaultClassName: "_12zfob19 _16lm1iw12 _16lm1iw2", variantClassNames: { pinned: { start: "_12zfob1a", end: "_12zfob1b", false: "_12zfob1c" }, firstInCategory: { true: "_12zfob1d", false: "_12zfob1e" }, lastInCategory: { true: "_12zfob1f", false: "_12zfob1g" }, overflow: { true: "_12zfob1h", false: "_12zfob1i" } }, defaultVariants: {}, compoundVariants: [[{ overflow: true, pinned: "start" }, "_12zfob1j"], [{ pinned: "start", firstInCategory: true }, "_12zfob1k"], [{ overflow: true, pinned: "end" }, "_12zfob1l"], [{ pinned: "end", lastInCategory: true }, "_12zfob1m"]] });
|
|
6106
|
+
var HeaderFilterEditorCls = "_12zfob12r _16lm1iw1c _16lm1iw19";
|
|
6107
|
+
var HeaderFilterIconIndexCls = "_12zfob17";
|
|
6108
|
+
var HeaderFilterOperatorCls = "_12zfob12n _16lm1iwz _16lm1iw1p _16lm1iw1r _16lm1iw1";
|
|
6109
|
+
var HeaderFilterOperatorIconRecipe = createRuntimeFn({ defaultClassName: "_12zfob12o _16lm1iw1 _16lm1iw1d", variantClassNames: { disabled: { true: "_12zfob12p", false: "_12zfob12q" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6110
|
+
var HeaderFilterRecipe = createRuntimeFn({ defaultClassName: "_12zfob12k _16lm1iwz _16lm1iw1p _16lm1iw1s _16lm1iw1", variantClassNames: { active: { true: "_12zfob12l", false: "_12zfob12m" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6111
|
+
var HeaderGroupCls = "_12zfob12j _16lm1iwz _16lm1iw1p _16lm1iw1r";
|
|
6112
|
+
var HeaderMenuIconCls = createRuntimeFn({ defaultClassName: "_12zfob124 _16lm1iw1 _16lm1iwz _16lm1iw1n _16lm1iw1v _16lm1iw22", variantClassNames: { menuVisible: { true: "_12zfob125" }, reserveSpaceWhenHidden: { true: "_12zfob126", false: "_12zfob127" } }, defaultVariants: {}, compoundVariants: [[{ menuVisible: true, reserveSpaceWhenHidden: false }, "_12zfob128"]] });
|
|
6113
|
+
var HeaderScrollbarPlaceholderCls = "_12zfob18 _16lm1iw2";
|
|
6114
|
+
var HeaderSortIconCls = "_16lm1iw1";
|
|
6115
|
+
var HeaderSortIconIndexCls = "_12zfob16";
|
|
6116
|
+
var HeaderSortIconRecipe = createRuntimeFn({ defaultClassName: "_12zfob12", variantClassNames: { align: { start: "_12zfob13", center: "_12zfob14", end: "_12zfob15" } }, defaultVariants: {}, compoundVariants: [] });
|
|
6117
|
+
var HeaderWrapperCls = "_12zfob12i _16lm1iw1y _16lm1iw1 _16lm1iwz _16lm1iw1p";
|
|
6118
6118
|
|
|
6119
6119
|
// src/components/InfiniteTable/components/icons/InfiniteIconClassName.ts
|
|
6120
6120
|
var InfiniteIconClassName = "InfiniteIcon";
|
|
6121
6121
|
|
|
6122
6122
|
// src/components/InfiniteTable/components/icons/FilterIcon.css.ts
|
|
6123
|
-
var FilterIconCls = "
|
|
6123
|
+
var FilterIconCls = "_6aunoi0 _16lm1iwz _16lm1iw1n _16lm1iw1 _16lm1iw1v _16lm1iw1r";
|
|
6124
6124
|
|
|
6125
6125
|
// src/components/InfiniteTable/components/icons/FilterIcon.tsx
|
|
6126
6126
|
var defaultLineStyle = {
|
|
@@ -7630,13 +7630,13 @@ function useCellClassName(column, baseClasses, variants, extraFlags) {
|
|
|
7630
7630
|
import { useCallback as useCallback8, useState as useState7 } from "react";
|
|
7631
7631
|
|
|
7632
7632
|
// src/components/InfiniteTable/InfiniteCls.css.ts
|
|
7633
|
-
var FooterCls = "
|
|
7634
|
-
var InfiniteCls = "
|
|
7635
|
-
var InfiniteClsHasPinnedEnd = "
|
|
7636
|
-
var InfiniteClsHasPinnedStart = "
|
|
7637
|
-
var InfiniteClsRecipe = createRuntimeFn({ defaultClassName: "
|
|
7638
|
-
var InfiniteClsShiftingColumns = "
|
|
7639
|
-
var PinnedRowsContainerClsVariants = createRuntimeFn({ defaultClassName: "
|
|
7633
|
+
var FooterCls = "_16lm1iw1";
|
|
7634
|
+
var InfiniteCls = "_1yeub2v0 _16lm1iw1 _16lm1iwz _16lm1iw1n _16lm1iw0";
|
|
7635
|
+
var InfiniteClsHasPinnedEnd = "_1yeub2vs";
|
|
7636
|
+
var InfiniteClsHasPinnedStart = "_1yeub2vr";
|
|
7637
|
+
var InfiniteClsRecipe = createRuntimeFn({ defaultClassName: "_1yeub2v2", variantClassNames: { horizontalLayout: { true: "_1yeub2v3", false: "_1yeub2v4" }, focused: { true: "_1yeub2v5", false: "_1yeub2v6" }, focusedWithin: { true: "_1yeub2v7", false: "_1yeub2v8" }, hasPinnedStart: { true: "_1yeub2v9", false: "_1yeub2va" }, hasPinnedEnd: { true: "_1yeub2vb", false: "_1yeub2vc" }, hasPinnedStartOverflow: { true: "_1yeub2vd", false: "_1yeub2ve" }, hasPinnedEndOverflow: { true: "_1yeub2vf", false: "_1yeub2vg" } }, defaultVariants: {}, compoundVariants: [[{ focused: false, focusedWithin: false }, "_1yeub2vh"]] });
|
|
7638
|
+
var InfiniteClsShiftingColumns = "_1yeub2vp";
|
|
7639
|
+
var PinnedRowsContainerClsVariants = createRuntimeFn({ defaultClassName: "_1yeub2vl", variantClassNames: { pinned: { start: "_1yeub2vm", end: "_1yeub2vn", false: "_1yeub2vo" } }, defaultVariants: {}, compoundVariants: [] });
|
|
7640
7640
|
|
|
7641
7641
|
// src/components/InfiniteTable/utils/rafFn.ts
|
|
7642
7642
|
var rafFn = (fn) => {
|
|
@@ -8674,8 +8674,8 @@ import * as React31 from "react";
|
|
|
8674
8674
|
import { useState as useState8 } from "react";
|
|
8675
8675
|
|
|
8676
8676
|
// src/components/InfiniteTable/components/icons/ExpandCollapseIcon.css.ts
|
|
8677
|
-
var ExpanderIconCls = "
|
|
8678
|
-
var ExpanderIconClsVariants = createRuntimeFn({ defaultClassName: "
|
|
8677
|
+
var ExpanderIconCls = "_6rdmyg0 _16lm1iwn _16lm1iwi _16lm1iw9";
|
|
8678
|
+
var ExpanderIconClsVariants = createRuntimeFn({ defaultClassName: "_6rdmyg1", variantClassNames: { expanded: { true: "_16lm1iwg", false: "_6rdmyg3" }, direction: { end: "_6rdmyg4", start: "_6rdmyg5" }, disabled: { true: "_6rdmyg6", false: "_6rdmyg7" } }, defaultVariants: {}, compoundVariants: [[{ expanded: false, direction: "end" }, "_16lm1iwh"]] });
|
|
8679
8679
|
|
|
8680
8680
|
// src/components/InfiniteTable/components/icons/ExpandCollapseIcon.tsx
|
|
8681
8681
|
var THIS_ICON = `${InfiniteIconClassName}-expand-collapse`;
|
|
@@ -8731,7 +8731,7 @@ function ExpandCollapseIcon(props) {
|
|
|
8731
8731
|
import * as React32 from "react";
|
|
8732
8732
|
|
|
8733
8733
|
// src/components/InfiniteTable/components/icons/LoadingIcon.css.ts
|
|
8734
|
-
var LoadingIconCls = "
|
|
8734
|
+
var LoadingIconCls = "_16lm1iwb _16lm1iwn _16lm1iwi";
|
|
8735
8735
|
|
|
8736
8736
|
// src/components/InfiniteTable/components/icons/LoadingIcon.tsx
|
|
8737
8737
|
var LoadingIcon = (props) => {
|
|
@@ -8781,9 +8781,9 @@ var LoadingIcon = (props) => {
|
|
|
8781
8781
|
};
|
|
8782
8782
|
|
|
8783
8783
|
// src/components/InfiniteTable/components/InfiniteTableRow/row.css.ts
|
|
8784
|
-
var GroupRowExpanderCls = createRuntimeFn({ defaultClassName: "
|
|
8785
|
-
var RowHoverCls = "
|
|
8786
|
-
var TreeColumnCellExpanderCls = createRuntimeFn({ defaultClassName: "
|
|
8784
|
+
var GroupRowExpanderCls = createRuntimeFn({ defaultClassName: "_7pupv01", variantClassNames: { align: { start: "_7pupv02", center: "_7pupv03", end: "_7pupv04" } }, defaultVariants: {}, compoundVariants: [] });
|
|
8785
|
+
var RowHoverCls = "_7pupv00";
|
|
8786
|
+
var TreeColumnCellExpanderCls = createRuntimeFn({ defaultClassName: "_7pupv05", variantClassNames: { align: { start: "_7pupv06", center: "_7pupv07", end: "_7pupv08" } }, defaultVariants: {}, compoundVariants: [] });
|
|
8787
8787
|
|
|
8788
8788
|
// src/components/InfiniteTable/utils/getColumnForGroupBy.tsx
|
|
8789
8789
|
function styleForGroupColumn({
|
|
@@ -8963,7 +8963,7 @@ import * as React34 from "react";
|
|
|
8963
8963
|
import { useEffect as useEffect13, useRef as useRef12 } from "react";
|
|
8964
8964
|
|
|
8965
8965
|
// src/components/InfiniteTable/components/CheckBox.css.ts
|
|
8966
|
-
var CheckBoxCls = "
|
|
8966
|
+
var CheckBoxCls = "qz8ht90 _16lm1iwi";
|
|
8967
8967
|
|
|
8968
8968
|
// src/components/InfiniteTable/components/CheckBox.tsx
|
|
8969
8969
|
function forwardProps2() {
|
|
@@ -10259,7 +10259,7 @@ import * as React40 from "react";
|
|
|
10259
10259
|
import { useEffect as useEffect14, useState as useState10 } from "react";
|
|
10260
10260
|
|
|
10261
10261
|
// src/components/InfiniteTable/components/icons/SortIcon.css.ts
|
|
10262
|
-
var SortIconCls = "
|
|
10262
|
+
var SortIconCls = "_1ek6mqy0 _16lm1iwz _16lm1iw1n _16lm1iw1 _16lm1iw1v";
|
|
10263
10263
|
|
|
10264
10264
|
// src/components/InfiniteTable/components/icons/SortIcon.tsx
|
|
10265
10265
|
var defaultLineStyle3 = {
|
|
@@ -10477,9 +10477,9 @@ function getColumnGroupResizer(colIndexes, config) {
|
|
|
10477
10477
|
}
|
|
10478
10478
|
|
|
10479
10479
|
// src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/ResizeHandle.css.ts
|
|
10480
|
-
var ResizeHandleCls = "
|
|
10481
|
-
var ResizeHandleDraggerClsRecipe = createRuntimeFn({ defaultClassName: "
|
|
10482
|
-
var ResizeHandleRecipeCls = createRuntimeFn({ defaultClassName: "
|
|
10480
|
+
var ResizeHandleCls = "zneyzh0 _16lm1iw2 _16lm1iw1d _16lm1iw1k _16lm1iw1i _16lm1iwk _16lm1iw1y";
|
|
10481
|
+
var ResizeHandleDraggerClsRecipe = createRuntimeFn({ defaultClassName: "zneyzhc _16lm1iw2 _16lm1iw1d _16lm1iw1i", variantClassNames: { constrained: { false: "zneyzhd", true: "zneyzhe" }, computedPinned: { start: "zneyzhf", end: "zneyzhg", false: "zneyzhh" }, computedFirstInCategory: { true: "zneyzhi", false: "zneyzhj" }, computedLastInCategory: { true: "zneyzhk", false: "zneyzhl" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "start", computedLastInCategory: true }, "zneyzhm"], [{ computedPinned: "end", computedFirstInCategory: true }, "zneyzhn"]] });
|
|
10482
|
+
var ResizeHandleRecipeCls = createRuntimeFn({ defaultClassName: "zneyzh1", variantClassNames: { computedPinned: { start: "zneyzh2", end: "zneyzh3 _16lm1iw1f _16lm1iw1m", false: "zneyzh4" }, computedFirstInCategory: { true: "zneyzh5", false: "zneyzh6" }, computedLastInCategory: { true: "zneyzh7", false: "zneyzh8" } }, defaultVariants: {}, compoundVariants: [[{ computedPinned: "end", computedLastInCategory: false, computedFirstInCategory: true }, "zneyzh9"], [{ computedPinned: false, computedFirstInCategory: false, computedLastInCategory: true }, "zneyzha"], [{ computedPinned: "start", computedFirstInCategory: false, computedLastInCategory: true }, "zneyzhb"]] });
|
|
10483
10483
|
|
|
10484
10484
|
// src/components/InfiniteTable/components/InfiniteTableHeader/ResizeHandle/index.tsx
|
|
10485
10485
|
var { rootClassName: rootClassName7 } = internalProps;
|
|
@@ -11821,9 +11821,9 @@ var InfiniteTableLicenseFooter = React49.forwardRef(
|
|
|
11821
11821
|
import * as React50 from "react";
|
|
11822
11822
|
|
|
11823
11823
|
// src/components/InfiniteTable/components/LoadMask.css.ts
|
|
11824
|
-
var LoadMaskCls = { visible: "
|
|
11825
|
-
var LoadMaskOverlayCls = "
|
|
11826
|
-
var LoadMaskTextCls = "
|
|
11824
|
+
var LoadMaskCls = { visible: "qy58ya1 qy58ya0 _16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i", hidden: "qy58ya2 qy58ya0 _16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i" };
|
|
11825
|
+
var LoadMaskOverlayCls = "qy58ya3 _16lm1iw2 _16lm1iw1d _16lm1iw1f _16lm1iw1k _16lm1iw1i";
|
|
11826
|
+
var LoadMaskTextCls = "qy58ya4";
|
|
11827
11827
|
|
|
11828
11828
|
// src/components/InfiniteTable/components/LoadMask.tsx
|
|
11829
11829
|
var { rootClassName: rootClassName10 } = internalProps;
|
|
@@ -21000,7 +21000,7 @@ function useYourBrain(param) {
|
|
|
21000
21000
|
import * as React53 from "react";
|
|
21001
21001
|
|
|
21002
21002
|
// src/components/InfiniteTable/components/rowDetail.css.ts
|
|
21003
|
-
var RowDetailRecipe = createRuntimeFn({ defaultClassName: "
|
|
21003
|
+
var RowDetailRecipe = createRuntimeFn({ defaultClassName: "evqes20", variantClassNames: {}, defaultVariants: {}, compoundVariants: [] });
|
|
21004
21004
|
|
|
21005
21005
|
// src/components/InfiniteTable/components/InfiniteTableRow/useRegisterDetail.ts
|
|
21006
21006
|
import { useMemo as useMemo8, useRef as useRef23 } from "react";
|
|
@@ -23551,7 +23551,7 @@ var useLicense = (licenseKey = "") => {
|
|
|
23551
23551
|
}
|
|
23552
23552
|
let valid2 = isValidLicense(licenseKey, {
|
|
23553
23553
|
publishedAt: 1624970570587,
|
|
23554
|
-
version: "6.
|
|
23554
|
+
version: "6.2.0"
|
|
23555
23555
|
});
|
|
23556
23556
|
if (!licenseKey && !valid2 && isInsidePlayground) {
|
|
23557
23557
|
return true;
|
|
@@ -25029,10 +25029,10 @@ MenuItem.defaultProps = {
|
|
|
25029
25029
|
};
|
|
25030
25030
|
|
|
25031
25031
|
// src/components/Menu/MenuCls.css.ts
|
|
25032
|
-
var MenuCls = "
|
|
25033
|
-
var MenuItemCls = createRuntimeFn({ defaultClassName: "
|
|
25034
|
-
var MenuRowCls = "
|
|
25035
|
-
var MenuSeparatorCls = "
|
|
25032
|
+
var MenuCls = "db3arf0 _16lm1iw0 _16lm1iw1 _16lm1iw16 _16lm1iw1n _16lm1iw8";
|
|
25033
|
+
var MenuItemCls = createRuntimeFn({ defaultClassName: "db3arf2 _16lm1iwz _16lm1iw1r _16lm1iw17", variantClassNames: { disabled: { true: "db3arf3 _16lm1iwj _16lm1iw17", false: "_16lm1iwi" }, active: { true: "db3arf5", false: "db3arf6" }, pressed: { false: "db3arf7", true: "db3arf8" }, keyboardActive: { true: "db3arf9", false: "db3arfa" } }, defaultVariants: {}, compoundVariants: [[{ active: true, disabled: false }, "db3arfb"], [{ pressed: true, active: true, disabled: false }, "db3arfc"]] });
|
|
25034
|
+
var MenuRowCls = "db3arf1";
|
|
25035
|
+
var MenuSeparatorCls = "db3arfd";
|
|
25036
25036
|
|
|
25037
25037
|
// src/components/Menu/childrenToRuntimeItems.tsx
|
|
25038
25038
|
var SEPARATOR = "-";
|
|
@@ -26984,7 +26984,7 @@ function useGridScroll(onScroll, deps) {
|
|
|
26984
26984
|
}
|
|
26985
26985
|
|
|
26986
26986
|
// src/components/InfiniteTable/components/HScrollSyncContent.css.ts
|
|
26987
|
-
var HScrollSyncContentCls = "
|
|
26987
|
+
var HScrollSyncContentCls = "yzx0vj0";
|
|
26988
26988
|
|
|
26989
26989
|
// src/components/InfiniteTable/components/HScrollSyncContent.tsx
|
|
26990
26990
|
function HScrollSyncContent(props) {
|
package/package.json
CHANGED
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"bugs": {
|
|
26
26
|
"url": "https://github.com/infinite-table/infinite-react/issues"
|
|
27
27
|
},
|
|
28
|
-
"version": "6.
|
|
28
|
+
"version": "6.2.0",
|
|
29
29
|
"main": "index.js",
|
|
30
30
|
"module": "index.mjs",
|
|
31
31
|
"typings": "index.d.ts",
|
|
@@ -34,5 +34,5 @@
|
|
|
34
34
|
},
|
|
35
35
|
"license": "Commercial & Open Source",
|
|
36
36
|
"//": "will be updated at build time",
|
|
37
|
-
"publishedAt":
|
|
37
|
+
"publishedAt": 1741271466467
|
|
38
38
|
}
|
package/theme/balsam.css
ADDED
|
@@ -0,0 +1,127 @@
|
|
|
1
|
+
/* vanilla-extract-css-ns:src/components/InfiniteTable/theme-balsam.css.ts.vanilla.css?source=#H4sIAAAAAAAAA+2Y227iMBCG7/sUltBKVMKohISW7M2+imOPiUViR7Y5SKu++yqBtsFJTQIIKm0UwY1n/hmPPflGmQrJhRQWsE0hByxJDhgnJDMkj7VSdoKmHhP09wkhjD8teEZMKuQKJ4SuV1ptJIvRluhxzYZQCtJiqjKln39/478pfBJmQykYc0aDqZ30qYDWSrdr1HOM0egtiShfODZ15V0qLDjrR+ckI3TtLJ3kH6PRIqSwCB2jWnoxGnG6iBaRY5ICYaAxhSw7SWfEI/7KXz3WqdqCPvGpAuFc7MdCIqNXycStV3u058lh9yj45Vbxw+GwBUette6Vdl/7ROkyjFVFjGbFHhmVCYb0KiHj2dtygmbLqPxbTtA0evsux5qQFqvU1qVaSmM1kaYgGqRt1OmQKQpfGgWpR8mA2xhJJRv3ppnKGaudYDaN0Uuxb1xjK7ZHWyGZoMQqjYU0YGMUFPtqj8ef46rVztc7tfNvcVSMOfeRcsbdLZSWzXs4Aspf+KzF1kAG1AI7d219Z3Py8kFBeUS+SJe0yTepevokB7nBBgqiq/P5aPmE0Tl1m7iyvehgKk9hIceFBmPO17Ff+4ft26oCMmFIkvWO6Oz1q4JVZ70/uWTKFQOMs7JneizVeeZba5KwJuqlpNfzdqInYPbIXu7py3WYBIZJYJgEhklgmASGSeCHTAKM6HX3lWvngFLz9sSuVAe2Hl4IAZuHc9fik4tR+dybrzNaPv81X0cRLZ8Bpw/AabAIaNARp3MWvobLAaft93XA6RdO/+TABEHjQgMHfXx7YkNLLsWoRNJzxSQfz7p+Pb6ebLdh223o1o1vXQh3hnEdKdeJc31J9wDWXUK7/ry7gHh3Zl5H6nXlXkfyXcW+K+jXh3/9CHhPBj6Egv04eA0JH8DCe9IQofen93/3iRBjJx0AAA== */
|
|
2
|
+
.infinite-theme-name--balsam:root,
|
|
3
|
+
.infinite-theme-name--balsam {
|
|
4
|
+
--infinite-flashing-background: var(--infinite-accent-color);
|
|
5
|
+
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
6
|
+
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
7
|
+
--infinite-accent-color: #8b5cf6;
|
|
8
|
+
--infinite-background: white;
|
|
9
|
+
--infinite-color: black;
|
|
10
|
+
--infinite-success-color: #64ce64;
|
|
11
|
+
--infinite-error-color: #fc6565;
|
|
12
|
+
--infinite-header-cell-background: #f5f7f7;
|
|
13
|
+
--infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
|
|
14
|
+
--infinite-header-color: var(--infinite-color);
|
|
15
|
+
--infinite-cell-color: var(--infinite-color);
|
|
16
|
+
--infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
|
|
17
|
+
--infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
|
|
18
|
+
--infinite-cell-border-left: none;
|
|
19
|
+
--infinite-cell-border-right: none;
|
|
20
|
+
--infinite-cell-border-width: 0px;
|
|
21
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
22
|
+
--infinite-row-background: var(--infinite-background);
|
|
23
|
+
--infinite-row-odd-background: #fcfdfe;
|
|
24
|
+
--infinite-row-hover-background: #ecf0f1;
|
|
25
|
+
--infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
|
|
26
|
+
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
|
|
27
|
+
--infinite-menu-separator-color: #bdc3c7;
|
|
28
|
+
--infinite-menu-background: var(--infinite-background);
|
|
29
|
+
--infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
|
|
30
|
+
--infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
|
|
31
|
+
}
|
|
32
|
+
.infinite-theme-mode--light.infinite-theme-mode--light.infinite-theme-name--balsam.infinite-theme-name--balsam,
|
|
33
|
+
.infinite-theme-mode--light .infinite-theme-name--balsam,
|
|
34
|
+
.infinite-theme-mode--light.infinite-theme-mode--light .infinite-theme-name--balsam,
|
|
35
|
+
.infinite-theme-name--balsam .infinite-theme-mode--light,
|
|
36
|
+
.infinite-theme-name--balsam .infinite-theme-mode--light.infinite-theme-mode--light {
|
|
37
|
+
--infinite-flashing-background: var(--infinite-accent-color);
|
|
38
|
+
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
39
|
+
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
40
|
+
--infinite-accent-color: #8b5cf6;
|
|
41
|
+
--infinite-background: white;
|
|
42
|
+
--infinite-color: black;
|
|
43
|
+
--infinite-success-color: #64ce64;
|
|
44
|
+
--infinite-error-color: #fc6565;
|
|
45
|
+
--infinite-header-cell-background: #f5f7f7;
|
|
46
|
+
--infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
|
|
47
|
+
--infinite-header-color: var(--infinite-color);
|
|
48
|
+
--infinite-cell-color: var(--infinite-color);
|
|
49
|
+
--infinite-cell-border-top: 1px solid rgba(189, 195, 199, .58);
|
|
50
|
+
--infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
|
|
51
|
+
--infinite-cell-border-left: none;
|
|
52
|
+
--infinite-cell-border-right: none;
|
|
53
|
+
--infinite-cell-border-width: 0px;
|
|
54
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
55
|
+
--infinite-row-background: var(--infinite-background);
|
|
56
|
+
--infinite-row-odd-background: #fcfdfe;
|
|
57
|
+
--infinite-row-hover-background: #ecf0f1;
|
|
58
|
+
--infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
|
|
59
|
+
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
|
|
60
|
+
--infinite-menu-separator-color: #bdc3c7;
|
|
61
|
+
--infinite-menu-background: var(--infinite-background);
|
|
62
|
+
--infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
|
|
63
|
+
--infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
|
|
64
|
+
}
|
|
65
|
+
.infinite-theme-mode--dark.infinite-theme-mode--dark.infinite-theme-name--balsam.infinite-theme-name--balsam,
|
|
66
|
+
.infinite-theme-mode--dark .infinite-theme-name--balsam,
|
|
67
|
+
.infinite-theme-name--balsam .infinite-theme-mode--dark {
|
|
68
|
+
--infinite-flashing-background: var(--infinite-accent-color);
|
|
69
|
+
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
70
|
+
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
71
|
+
--infinite-accent-color: #8b5cf6;
|
|
72
|
+
--infinite-background: #2d3436;
|
|
73
|
+
--infinite-color: #f5f5f5;
|
|
74
|
+
--infinite-success-color: #64ce64;
|
|
75
|
+
--infinite-error-color: #fc6565;
|
|
76
|
+
--infinite-header-cell-background: #1c1c1c;
|
|
77
|
+
--infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
|
|
78
|
+
--infinite-header-color: var(--infinite-color);
|
|
79
|
+
--infinite-cell-color: var(--infinite-color);
|
|
80
|
+
--infinite-cell-border-top: 1px solid #5c5c5c;
|
|
81
|
+
--infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
|
|
82
|
+
--infinite-cell-border-left: none;
|
|
83
|
+
--infinite-cell-border-right: none;
|
|
84
|
+
--infinite-cell-border-width: 0px;
|
|
85
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
86
|
+
--infinite-row-background: var(--infinite-background);
|
|
87
|
+
--infinite-row-odd-background: #262c2e;
|
|
88
|
+
--infinite-row-hover-background: #3d4749;
|
|
89
|
+
--infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
|
|
90
|
+
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
|
|
91
|
+
--infinite-menu-separator-color: #5c5c5c;
|
|
92
|
+
--infinite-menu-background: var(--infinite-background);
|
|
93
|
+
--infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
|
|
94
|
+
--infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
|
|
95
|
+
}
|
|
96
|
+
@media (prefers-color-scheme: dark) {
|
|
97
|
+
.infinite-theme-name--balsam:root,
|
|
98
|
+
.infinite-theme-name--balsam {
|
|
99
|
+
--infinite-flashing-background: var(--infinite-accent-color);
|
|
100
|
+
--infinite-flashing-up-background: var(--infinite-success-color);
|
|
101
|
+
--infinite-flashing-down-background: var(--infinite-error-color);
|
|
102
|
+
--infinite-accent-color: #8b5cf6;
|
|
103
|
+
--infinite-background: #2d3436;
|
|
104
|
+
--infinite-color: #f5f5f5;
|
|
105
|
+
--infinite-success-color: #64ce64;
|
|
106
|
+
--infinite-error-color: #fc6565;
|
|
107
|
+
--infinite-header-cell-background: #1c1c1c;
|
|
108
|
+
--infinite-header-cell-hover-background: color-mix(in srgb, var(--infinite-header-cell-background), white 2%);
|
|
109
|
+
--infinite-header-color: var(--infinite-color);
|
|
110
|
+
--infinite-cell-color: var(--infinite-color);
|
|
111
|
+
--infinite-cell-border-top: 1px solid #5c5c5c;
|
|
112
|
+
--infinite-header-cell-border-right: 1px solid color-mix(in srgb, transparent, var(--infinite-color) 40%);
|
|
113
|
+
--infinite-cell-border-left: none;
|
|
114
|
+
--infinite-cell-border-right: none;
|
|
115
|
+
--infinite-cell-border-width: 0px;
|
|
116
|
+
--infinite-active-cell-indicator-inset: 2px 1px 1px 1px;
|
|
117
|
+
--infinite-row-background: var(--infinite-background);
|
|
118
|
+
--infinite-row-odd-background: #262c2e;
|
|
119
|
+
--infinite-row-hover-background: #3d4749;
|
|
120
|
+
--infinite-row-selected-background: color-mix(in srgb, transparent, var(--infinite-accent-color) 20%);
|
|
121
|
+
--infinite-row-selected-hover-background: color-mix(in srgb, var(--infinite-row-selected-background), white 2%);
|
|
122
|
+
--infinite-menu-separator-color: #5c5c5c;
|
|
123
|
+
--infinite-menu-background: var(--infinite-background);
|
|
124
|
+
--infinite-menu-item-pressed-background: color-mix(in srgb, var(--infinite-header-cell-background), white 4%);
|
|
125
|
+
--infinite-menu-item-disabled-background: color-mix(in srgb, var(--infinite-menu-background), white 20%);
|
|
126
|
+
}
|
|
127
|
+
}
|