handsontable 0.0.0-next-1481b62-20250311 → 0.0.0-next-17e69ef-20250311

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.

Potentially problematic release.


This version of handsontable might be problematic. Click here for more details.

Files changed (46) hide show
  1. package/base.js +2 -2
  2. package/base.mjs +2 -2
  3. package/dist/handsontable.css +2 -2
  4. package/dist/handsontable.full.css +2 -2
  5. package/dist/handsontable.full.js +32 -17
  6. package/dist/handsontable.full.min.css +2 -2
  7. package/dist/handsontable.full.min.js +13 -13
  8. package/dist/handsontable.js +32 -17
  9. package/dist/handsontable.min.css +2 -2
  10. package/dist/handsontable.min.js +11 -11
  11. package/helpers/mixed.js +1 -1
  12. package/helpers/mixed.mjs +1 -1
  13. package/package.json +1 -1
  14. package/plugins/undoRedo/actions/_base.js +10 -0
  15. package/plugins/undoRedo/actions/_base.mjs +10 -0
  16. package/plugins/undoRedo/actions/cellAlignment.js +1 -1
  17. package/plugins/undoRedo/actions/cellAlignment.mjs +1 -1
  18. package/plugins/undoRedo/actions/columnMove.js +1 -1
  19. package/plugins/undoRedo/actions/columnMove.mjs +1 -1
  20. package/plugins/undoRedo/actions/columnSort.js +1 -1
  21. package/plugins/undoRedo/actions/columnSort.mjs +1 -1
  22. package/plugins/undoRedo/actions/createColumn.js +1 -1
  23. package/plugins/undoRedo/actions/createColumn.mjs +1 -1
  24. package/plugins/undoRedo/actions/createRow.js +1 -1
  25. package/plugins/undoRedo/actions/createRow.mjs +1 -1
  26. package/plugins/undoRedo/actions/dataChange.js +1 -1
  27. package/plugins/undoRedo/actions/dataChange.mjs +1 -1
  28. package/plugins/undoRedo/actions/filters.js +1 -1
  29. package/plugins/undoRedo/actions/filters.mjs +1 -1
  30. package/plugins/undoRedo/actions/mergeCells.js +4 -1
  31. package/plugins/undoRedo/actions/mergeCells.mjs +4 -1
  32. package/plugins/undoRedo/actions/removeColumn.js +1 -1
  33. package/plugins/undoRedo/actions/removeColumn.mjs +1 -1
  34. package/plugins/undoRedo/actions/removeRow.js +1 -1
  35. package/plugins/undoRedo/actions/removeRow.mjs +1 -1
  36. package/plugins/undoRedo/actions/rowMove.js +1 -1
  37. package/plugins/undoRedo/actions/rowMove.mjs +1 -1
  38. package/plugins/undoRedo/actions/unmergeCells.js +4 -1
  39. package/plugins/undoRedo/actions/unmergeCells.mjs +4 -1
  40. package/plugins/undoRedo/undoRedo.d.ts +48 -17
  41. package/styles/handsontable.css +21 -48
  42. package/styles/handsontable.min.css +3 -3
  43. package/styles/ht-theme-horizon.css +181 -289
  44. package/styles/ht-theme-horizon.min.css +3 -3
  45. package/styles/ht-theme-main.css +172 -274
  46. package/styles/ht-theme-main.min.css +3 -3
package/helpers/mixed.js CHANGED
@@ -134,7 +134,7 @@ const domMessages = {
134
134
  function _injectProductInfo(key, element) {
135
135
  const hasValidType = !isEmpty(key);
136
136
  const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
137
- const hotVersion = "0.0.0-next-1481b62-20250311";
137
+ const hotVersion = "0.0.0-next-17e69ef-20250311";
138
138
  let keyValidityDate;
139
139
  let consoleMessageState = 'invalid';
140
140
  let domMessageState = 'invalid';
package/helpers/mixed.mjs CHANGED
@@ -124,7 +124,7 @@ const domMessages = {
124
124
  export function _injectProductInfo(key, element) {
125
125
  const hasValidType = !isEmpty(key);
126
126
  const isNonCommercial = typeof key === 'string' && key.toLowerCase() === 'non-commercial-and-evaluation';
127
- const hotVersion = "0.0.0-next-1481b62-20250311";
127
+ const hotVersion = "0.0.0-next-17e69ef-20250311";
128
128
  let keyValidityDate;
129
129
  let consoleMessageState = 'invalid';
130
130
  let domMessageState = 'invalid';
package/package.json CHANGED
@@ -10,7 +10,7 @@
10
10
  "url": "https://github.com/handsontable/handsontable/issues"
11
11
  },
12
12
  "author": "Handsoncode <hello@handsontable.com>",
13
- "version": "0.0.0-next-1481b62-20250311",
13
+ "version": "0.0.0-next-17e69ef-20250311",
14
14
  "main": "index",
15
15
  "module": "index.mjs",
16
16
  "jsnext:main": "index.mjs",
@@ -2,6 +2,9 @@
2
2
 
3
3
  exports.__esModule = true;
4
4
  require("core-js/modules/es.error.cause.js");
5
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
6
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
7
+ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
5
8
  /**
6
9
  * An abstract class that defines the structure of an undo/redo action.
7
10
  *
@@ -9,6 +12,13 @@ require("core-js/modules/es.error.cause.js");
9
12
  * @private
10
13
  */
11
14
  class BaseAction {
15
+ constructor(actionType) {
16
+ /**
17
+ * @param {string} actionType The action type.
18
+ */
19
+ _defineProperty(this, "actionType", '');
20
+ this.actionType = actionType;
21
+ }
12
22
  undo() {
13
23
  throw new Error('Not implemented');
14
24
  }
@@ -1,4 +1,7 @@
1
1
  import "core-js/modules/es.error.cause.js";
2
+ function _defineProperty(e, r, t) { return (r = _toPropertyKey(r)) in e ? Object.defineProperty(e, r, { value: t, enumerable: !0, configurable: !0, writable: !0 }) : e[r] = t, e; }
3
+ function _toPropertyKey(t) { var i = _toPrimitive(t, "string"); return "symbol" == typeof i ? i : i + ""; }
4
+ function _toPrimitive(t, r) { if ("object" != typeof t || !t) return t; var e = t[Symbol.toPrimitive]; if (void 0 !== e) { var i = e.call(t, r || "default"); if ("object" != typeof i) return i; throw new TypeError("@@toPrimitive must return a primitive value."); } return ("string" === r ? String : Number)(t); }
2
5
  /**
3
6
  * An abstract class that defines the structure of an undo/redo action.
4
7
  *
@@ -6,6 +9,13 @@ import "core-js/modules/es.error.cause.js";
6
9
  * @private
7
10
  */
8
11
  export class BaseAction {
12
+ constructor(actionType) {
13
+ /**
14
+ * @param {string} actionType The action type.
15
+ */
16
+ _defineProperty(this, "actionType", '');
17
+ this.actionType = actionType;
18
+ }
9
19
  undo() {
10
20
  throw new Error('Not implemented');
11
21
  }
@@ -22,7 +22,7 @@ class CellAlignmentAction extends _base.BaseAction {
22
22
  type,
23
23
  alignment
24
24
  } = _ref;
25
- super();
25
+ super('cell_alignment');
26
26
  /**
27
27
  * @param {Array} stateBefore The previous state.
28
28
  */
@@ -19,7 +19,7 @@ export class CellAlignmentAction extends BaseAction {
19
19
  type,
20
20
  alignment
21
21
  } = _ref;
22
- super();
22
+ super('cell_alignment');
23
23
  /**
24
24
  * @param {Array} stateBefore The previous state.
25
25
  */
@@ -21,7 +21,7 @@ class ColumnMoveAction extends _base.BaseAction {
21
21
  columns,
22
22
  finalIndex
23
23
  } = _ref;
24
- super();
24
+ super('col_move');
25
25
  /**
26
26
  * @param {number[]} columns An array with moved columns.
27
27
  */
@@ -18,7 +18,7 @@ export class ColumnMoveAction extends BaseAction {
18
18
  columns,
19
19
  finalIndex
20
20
  } = _ref;
21
- super();
21
+ super('col_move');
22
22
  /**
23
23
  * @param {number[]} columns An array with moved columns.
24
24
  */
@@ -18,7 +18,7 @@ class ColumnSortAction extends _base.BaseAction {
18
18
  currentSortState,
19
19
  newSortState
20
20
  } = _ref;
21
- super();
21
+ super('col_sort');
22
22
  /**
23
23
  * @param {Array} currentSortState The current sort state.
24
24
  */
@@ -15,7 +15,7 @@ export class ColumnSortAction extends BaseAction {
15
15
  currentSortState,
16
16
  newSortState
17
17
  } = _ref;
18
- super();
18
+ super('col_sort');
19
19
  /**
20
20
  * @param {Array} currentSortState The current sort state.
21
21
  */
@@ -18,7 +18,7 @@ class CreateColumnAction extends _base.BaseAction {
18
18
  index,
19
19
  amount
20
20
  } = _ref;
21
- super();
21
+ super('insert_col');
22
22
  /**
23
23
  * @param {number} index The visual column index.
24
24
  */
@@ -15,7 +15,7 @@ export class CreateColumnAction extends BaseAction {
15
15
  index,
16
16
  amount
17
17
  } = _ref;
18
- super();
18
+ super('insert_col');
19
19
  /**
20
20
  * @param {number} index The visual column index.
21
21
  */
@@ -18,7 +18,7 @@ class CreateRowAction extends _base.BaseAction {
18
18
  index,
19
19
  amount
20
20
  } = _ref;
21
- super();
21
+ super('insert_row');
22
22
  /**
23
23
  * @param {number} index The visual row index.
24
24
  */
@@ -15,7 +15,7 @@ export class CreateRowAction extends BaseAction {
15
15
  index,
16
16
  amount
17
17
  } = _ref;
18
- super();
18
+ super('insert_row');
19
19
  /**
20
20
  * @param {number} index The visual row index.
21
21
  */
@@ -26,7 +26,7 @@ class DataChangeAction extends _base.BaseAction {
26
26
  countCols,
27
27
  countRows
28
28
  } = _ref;
29
- super();
29
+ super('change');
30
30
  /**
31
31
  * @param {Array} changes 2D array containing information about each of the edited cells.
32
32
  */
@@ -23,7 +23,7 @@ export class DataChangeAction extends BaseAction {
23
23
  countCols,
24
24
  countRows
25
25
  } = _ref;
26
- super();
26
+ super('change');
27
27
  /**
28
28
  * @param {Array} changes 2D array containing information about each of the edited cells.
29
29
  */
@@ -20,7 +20,7 @@ class FiltersAction extends _base.BaseAction {
20
20
  conditionsStack,
21
21
  previousConditionsStack
22
22
  } = _ref;
23
- super();
23
+ super('filter');
24
24
  /**
25
25
  * @param {Array} previousConditionsStack An array of the previous filter conditions.
26
26
  */
@@ -17,7 +17,7 @@ export class FiltersAction extends BaseAction {
17
17
  conditionsStack,
18
18
  previousConditionsStack
19
19
  } = _ref;
20
- super();
20
+ super('filter');
21
21
  /**
22
22
  * @param {Array} previousConditionsStack An array of the previous filter conditions.
23
23
  */
@@ -18,7 +18,10 @@ class MergeCellsAction extends _base.BaseAction {
18
18
  data,
19
19
  cellRange
20
20
  } = _ref;
21
- super();
21
+ super('merge_cells');
22
+ /**
23
+ * @param {CellRange} cellRange The merged cell range.
24
+ */
22
25
  _defineProperty(this, "cellRange", void 0);
23
26
  this.cellRange = cellRange;
24
27
  this.data = data;
@@ -15,7 +15,10 @@ export class MergeCellsAction extends BaseAction {
15
15
  data,
16
16
  cellRange
17
17
  } = _ref;
18
- super();
18
+ super('merge_cells');
19
+ /**
20
+ * @param {CellRange} cellRange The merged cell range.
21
+ */
19
22
  _defineProperty(this, "cellRange", void 0);
20
23
  this.cellRange = cellRange;
21
24
  this.data = data;
@@ -31,7 +31,7 @@ class RemoveColumnAction extends _base.BaseAction {
31
31
  fixedColumnsStart,
32
32
  removedCellMetas
33
33
  } = _ref;
34
- super();
34
+ super('remove_col');
35
35
  /**
36
36
  * @param {number} index The visual column index.
37
37
  */
@@ -28,7 +28,7 @@ export class RemoveColumnAction extends BaseAction {
28
28
  fixedColumnsStart,
29
29
  removedCellMetas
30
30
  } = _ref;
31
- super();
31
+ super('remove_col');
32
32
  /**
33
33
  * @param {number} index The visual column index.
34
34
  */
@@ -27,7 +27,7 @@ class RemoveRowAction extends _base.BaseAction {
27
27
  rowIndexesSequence,
28
28
  removedCellMetas
29
29
  } = _ref;
30
- super();
30
+ super('remove_row');
31
31
  /**
32
32
  * @param {number} index The visual row index.
33
33
  */
@@ -24,7 +24,7 @@ export class RemoveRowAction extends BaseAction {
24
24
  rowIndexesSequence,
25
25
  removedCellMetas
26
26
  } = _ref;
27
- super();
27
+ super('remove_row');
28
28
  /**
29
29
  * @param {number} index The visual row index.
30
30
  */
@@ -21,7 +21,7 @@ class RowMoveAction extends _base.BaseAction {
21
21
  rows,
22
22
  finalIndex
23
23
  } = _ref;
24
- super();
24
+ super('row_move');
25
25
  /**
26
26
  * @param {number[]} rows An array with moved rows.
27
27
  */
@@ -18,7 +18,7 @@ export class RowMoveAction extends BaseAction {
18
18
  rows,
19
19
  finalIndex
20
20
  } = _ref;
21
- super();
21
+ super('row_move');
22
22
  /**
23
23
  * @param {number[]} rows An array with moved rows.
24
24
  */
@@ -17,7 +17,10 @@ class UnmergeCellsAction extends _base.BaseAction {
17
17
  let {
18
18
  cellRange
19
19
  } = _ref;
20
- super();
20
+ super('unmerge_cells');
21
+ /**
22
+ * @param {CellRange} cellRange The merged cell range.
23
+ */
21
24
  _defineProperty(this, "cellRange", void 0);
22
25
  this.cellRange = cellRange;
23
26
  }
@@ -14,7 +14,10 @@ export class UnmergeCellsAction extends BaseAction {
14
14
  let {
15
15
  cellRange
16
16
  } = _ref;
17
- super();
17
+ super('unmerge_cells');
18
+ /**
19
+ * @param {CellRange} cellRange The merged cell range.
20
+ */
18
21
  _defineProperty(this, "cellRange", void 0);
19
22
  this.cellRange = cellRange;
20
23
  }
@@ -1,30 +1,59 @@
1
+ import CellRange from '../../3rdparty/walkontable/src/cell/range';
1
2
  import Core from '../../core';
2
3
  import { CellValue, CellChange } from '../../common';
3
4
  import { ColumnConditions } from '../filters';
4
5
  import { BasePlugin } from '../base';
6
+ import { Config as ColumnSortingConfig } from '../columnSorting';
5
7
 
6
8
  export type Settings = boolean;
7
9
 
8
- export interface ChangeAction {
9
- actionType: 'change';
10
- changes: CellChange[];
11
- selected: Array<[number, number]>;
10
+ export interface CellAlignmentAction {
11
+ actionType: 'cell_alignment';
12
+ stateBefore: { [row: number]: string[] };
13
+ range: CellRange[];
14
+ type: 'horizontal' | 'vertical';
15
+ alignment: 'htLeft' | 'htCenter' | 'htRight' | 'htJustify' | 'htTop' | 'htMiddle' | 'htBottom';
12
16
  }
13
- export interface InsertRowAction {
14
- actionType: 'insert_row';
15
- amount: number;
16
- index: number;
17
+ export interface ColumnMoveAction {
18
+ actionType: 'col_move';
19
+ columns: number[];
20
+ finalColumnIndex: number;
17
21
  }
18
- export interface RemoveRowAction {
19
- actionType: 'remove_row';
20
- index: number;
21
- data: CellValue[][];
22
+ export interface ColumnSortAction {
23
+ actionType: 'col_sort';
24
+ previousSortState: ColumnSortingConfig[];
25
+ nextSortState: ColumnSortingConfig[];
22
26
  }
23
27
  export interface InsertColAction {
24
28
  actionType: 'insert_col';
25
29
  amount: number;
26
30
  index: number;
27
31
  }
32
+ export interface InsertRowAction {
33
+ actionType: 'insert_row';
34
+ amount: number;
35
+ index: number;
36
+ }
37
+ export interface ChangeAction {
38
+ actionType: 'change';
39
+ changes: CellChange[];
40
+ selected: Array<[number, number]>;
41
+ countCols: number;
42
+ countRows: number;
43
+ }
44
+ export interface FilterAction {
45
+ actionType: 'filter';
46
+ conditionsStack: ColumnConditions[];
47
+ previousConditionsStack: ColumnConditions[];
48
+ }
49
+ export interface MergeAction {
50
+ actionType: 'merge_cells';
51
+ cellRange: CellRange[];
52
+ }
53
+ export interface UnmergeAction {
54
+ actionType: 'unmerge_cells';
55
+ cellRange: CellRange[];
56
+ }
28
57
  export interface RemoveColAction {
29
58
  actionType: 'remove_col';
30
59
  amount: number;
@@ -34,13 +63,15 @@ export interface RemoveColAction {
34
63
  headers: string[];
35
64
  data: CellValue[][];
36
65
  }
37
- export interface FilterAction {
38
- actionType: 'filter';
39
- conditionsStack: ColumnConditions[];
66
+ export interface RemoveRowAction {
67
+ actionType: 'remove_row';
68
+ index: number;
69
+ data: CellValue[][];
40
70
  }
41
71
 
42
- export type Action = ChangeAction | InsertRowAction | RemoveRowAction | InsertColAction |
43
- RemoveColAction | FilterAction;
72
+ export type Action = CellAlignmentAction | ColumnMoveAction | ColumnSortAction |
73
+ InsertColAction | InsertRowAction | ChangeAction | FilterAction | MergeAction |
74
+ UnmergeAction | RemoveColAction | RemoveRowAction;
44
75
 
45
76
  export class UndoRedo extends BasePlugin {
46
77
  constructor(hotInstance: Core);
@@ -25,8 +25,8 @@
25
25
  * INDIRECT, SPECIAL, INCIDENTAL, OR CONSEQUENTIAL DAMAGES OF ANY CHARACTER ARISING FROM
26
26
  * USE OR INABILITY TO USE THIS SOFTWARE.
27
27
  *
28
- * Version: 0.0.0-next-1481b62-20250311
29
- * Release date: 20/02/2025 (built at 11/03/2025 10:49:43)
28
+ * Version: 0.0.0-next-17e69ef-20250311
29
+ * Release date: 20/02/2025 (built at 11/03/2025 12:06:15)
30
30
  */
31
31
  .ht-wrapper:not([class*=ht-theme]) {
32
32
  --ht-gap-size: 4px;
@@ -35,7 +35,6 @@
35
35
  --ht-cell-vertical-padding: 4px;
36
36
  --ht-font-size: 14px;
37
37
  --ht-line-height: 20px;
38
- --ht-letter-spacing: 0;
39
38
  --ht-border-color: #222222;
40
39
  --ht-foreground-color: #222222;
41
40
  --ht-background-color: #ffffff;
@@ -59,7 +58,7 @@
59
58
  font-size: var(--ht-font-size);
60
59
  line-height: var(--ht-line-height);
61
60
  font-weight: var(--ht-font-weight);
62
- letter-spacing: var(--ht-letter-spacing);
61
+ letter-spacing: 0;
63
62
  color: var(--ht-foreground-color);
64
63
  /* Miscellaneous */
65
64
  touch-action: manipulation;
@@ -778,7 +777,6 @@
778
777
  vertical-align: middle;
779
778
  cursor: pointer;
780
779
  margin-top: -2px;
781
- outline: none;
782
780
  }
783
781
  .handsontable .htCheckboxRendererInput:first-child {
784
782
  margin-inline-end: var(--ht-gap-size);
@@ -824,6 +822,7 @@
824
822
  .handsontable .htCheckboxRendererInput:checked:focus::before {
825
823
  border-color: var(--ht-checkbox-checked-focus-border-color);
826
824
  background-color: var(--ht-checkbox-checked-focus-background-color);
825
+ outline: 1px solid var(--ht-checkbox-checked-focus-ring-color);
827
826
  }
828
827
  .handsontable .htCheckboxRendererInput:checked:focus::after {
829
828
  color: var(--ht-checkbox-checked-focus-icon-color);
@@ -847,25 +846,7 @@
847
846
  color: var(--ht-checkbox-disabled-icon-color);
848
847
  }
849
848
  .handsontable .htCheckboxRendererInput:indeterminate::before {
850
- border-color: var(--ht-checkbox-indeterminate-border-color);
851
- background-color: var(--ht-checkbox-indeterminate-background-color);
852
- }
853
- .handsontable .htCheckboxRendererInput:indeterminate::after {
854
- color: var(--ht-checkbox-indeterminate-icon-color);
855
- }
856
- .handsontable .htCheckboxRendererInput:indeterminate:disabled::before {
857
- border-color: var(--ht-checkbox-indeterminate-disabled-border-color);
858
- background-color: var(--ht-checkbox-indeterminate-disabled-background-color);
859
- }
860
- .handsontable .htCheckboxRendererInput:indeterminate:disabled::after {
861
- color: var(--ht-checkbox-indeterminate-disabled-icon-color);
862
- }
863
- .handsontable .htCheckboxRendererInput:indeterminate:focus::before {
864
- border-color: var(--ht-checkbox-indeterminate-focus-border-color);
865
- background-color: var(--ht-checkbox-indeterminate-focus-background-color);
866
- }
867
- .handsontable .htCheckboxRendererInput:indeterminate:focus::after {
868
- color: var(--ht-checkbox-indeterminate-focus-icon-color);
849
+ background-color: red;
869
850
  }
870
851
  .handsontable .htCheckboxRendererInput.noValue {
871
852
  opacity: 0.5;
@@ -1362,70 +1343,62 @@
1362
1343
  }
1363
1344
  .handsontable .htUIRadio > input[type=radio] {
1364
1345
  position: relative;
1365
- width: var(--ht-radio-size);
1366
- height: var(--ht-radio-size);
1346
+ width: var(--ht-checkbox-size);
1347
+ height: var(--ht-checkbox-size);
1367
1348
  margin: 0;
1368
1349
  appearance: none;
1369
1350
  cursor: pointer;
1370
- border-radius: calc(0.5 * var(--ht-radio-size));
1371
- outline: none;
1372
1351
  }
1373
1352
  .handsontable .htUIRadio > input[type=radio]::before {
1374
1353
  content: "";
1375
1354
  display: block;
1376
1355
  position: absolute;
1377
1356
  inset: 0;
1378
- border-radius: calc(0.5 * var(--ht-radio-size));
1379
- border: 1px solid var(--ht-radio-border-color);
1380
- background-color: var(--ht-radio-background-color);
1357
+ border-radius: calc(0.5 * var(--ht-checkbox-size));
1358
+ border: 1px solid var(--ht-checkbox-border-color);
1359
+ background-color: var(--ht-checkbox-background-color);
1381
1360
  }
1382
1361
  .handsontable .htUIRadio > input[type=radio]::after {
1383
1362
  content: "";
1384
1363
  display: block;
1385
1364
  position: absolute;
1386
- color: var(--ht-radio-icon-color);
1365
+ color: var(--ht-checkbox-background-color);
1387
1366
  }
1388
1367
  .handsontable .htUIRadio > input[type=radio]:checked::before {
1389
- border-color: var(--ht-radio-checked-border-color);
1390
- background-color: var(--ht-radio-checked-background-color);
1368
+ border-color: var(--ht-checkbox-checked-border-color);
1391
1369
  }
1392
1370
  .handsontable .htUIRadio > input[type=radio]:checked::after {
1393
- color: var(--ht-radio-checked-icon-color);
1371
+ color: var(--ht-checkbox-checked-background-color);
1394
1372
  }
1395
1373
  .handsontable .htUIRadio > input[type=radio]:checked:disabled {
1396
1374
  cursor: initial;
1397
1375
  }
1398
1376
  .handsontable .htUIRadio > input[type=radio]:checked:disabled::before {
1399
- border-color: var(--ht-radio-checked-disabled-border-color);
1400
- background-color: var(--ht-radio-checked-disabled-background-color);
1377
+ border-color: var(--ht-checkbox-checked-disabled-border-color);
1401
1378
  }
1402
1379
  .handsontable .htUIRadio > input[type=radio]:checked:disabled::after {
1403
- color: var(--ht-radio-checked-disabled-icon-color);
1380
+ color: var(--ht-checkbox-checked-disabled-background-color);
1404
1381
  }
1405
1382
  .handsontable .htUIRadio > input[type=radio]:checked:focus::before {
1406
- border-color: var(--ht-radio-checked-focus-border-color);
1407
- background-color: var(--ht-radio-checked-focus-background-color);
1383
+ border-color: var(--ht-checkbox-checked-focus-background-color);
1408
1384
  }
1409
1385
  .handsontable .htUIRadio > input[type=radio]:checked:focus::after {
1410
- color: var(--ht-radio-checked-focus-icon-color);
1386
+ color: var(--ht-checkbox-checked-focus-background-color);
1411
1387
  }
1412
1388
  .handsontable .htUIRadio > input[type=radio]:disabled {
1413
1389
  cursor: initial;
1414
1390
  }
1415
1391
  .handsontable .htUIRadio > input[type=radio]:disabled::before {
1416
- border-color: var(--ht-radio-disabled-border-color);
1417
- background-color: var(--ht-radio-disabled-background-color);
1392
+ border-color: var(--ht-checkbox-disabled-border-color);
1418
1393
  }
1419
1394
  .handsontable .htUIRadio > input[type=radio]:disabled::after {
1420
- color: var(--ht-radio-disabled-icon-color);
1395
+ color: var(--ht-checkbox-disabled-background-color);
1421
1396
  }
1422
1397
  .handsontable .htUIRadio > input[type=radio]:focus::before {
1423
- border-color: var(--ht-radio-focus-border-color);
1424
- background-color: var(--ht-radio-focus-background-color);
1425
- outline: 1px solid var(--ht-radio-focus-ring-color);
1398
+ border-color: var(--ht-checkbox-focus-background-color);
1426
1399
  }
1427
1400
  .handsontable .htUIRadio > input[type=radio]:focus::after {
1428
- color: var(--ht-radio-focus-icon-color);
1401
+ color: var(--ht-checkbox-focus-background-color);
1429
1402
  }
1430
1403
  .handsontable .htUIRadio label {
1431
1404
  vertical-align: middle;