@addev-be/ui 0.19.1 → 0.19.2

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/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@addev-be/ui",
3
- "version": "0.19.1",
3
+ "version": "0.19.2",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "watch": "tsc -b --watch",
@@ -20,7 +20,7 @@
20
20
  "update-version": "../../node/update-version.mjs"
21
21
  },
22
22
  "devDependencies": {
23
- "@addev-be/framework-utils": "^0.19.1",
23
+ "@addev-be/framework-utils": "^0.19.2",
24
24
  "@types/lodash": "^4",
25
25
  "@types/react": "^18.3.3",
26
26
  "@types/react-dom": "^18.3.0",
@@ -1,4 +1,3 @@
1
- import styled, { css } from 'styled-components';
2
1
  import {
3
2
  DEFAULT_FOOTER_ROW_HEIGHT,
4
3
  DEFAULT_HEADER_ROW_HEIGHT,
@@ -6,10 +5,11 @@ import {
6
5
  SELECTION_CELL_WIDTH,
7
6
  TOOLBAR_HEIGHT,
8
7
  } from './constants';
8
+ import styled, { css } from 'styled-components';
9
9
 
10
+ import { DataGridCellFCProps } from './types';
10
11
  import { ThemeColor } from '../../../providers/ThemeProvider/types';
11
12
  import { VirtualScrollerFiller } from '../VirtualScroller/styles';
12
- import { DataGridCellFCProps } from './types';
13
13
 
14
14
  export const DataGridResizeGrip = styled.div<{ $headerColor?: ThemeColor }>`
15
15
  position: absolute;
@@ -53,7 +53,7 @@ export const DataGridHeaderCellContainer = styled.div<DataGridHeaderCellContaine
53
53
  height: 100%;
54
54
  user-select: none;
55
55
  line-height: 1.5rem;
56
- padding: 0 0.75rem;
56
+ padding: 0 var(--space-3);
57
57
  position: relative;
58
58
 
59
59
  z-index: ${({ $isResizing }) => ($isResizing ? 1 : 0)};
@@ -340,11 +340,11 @@ const selectionCellStyle = css`
340
340
  align-items: center;
341
341
  justify-content: center;
342
342
  width: var(--space-8);
343
- padding: 0 var(--space-1);
344
343
  cursor: pointer;
345
344
  width: ${SELECTION_CELL_WIDTH};
346
345
 
347
346
  & > input[type='checkbox'] {
347
+ margin: 0;
348
348
  height: var(--space-4);
349
349
  width: var(--space-4);
350
350
  border-radius: var(--rounded-sm);
@@ -355,6 +355,7 @@ const selectionCellStyle = css`
355
355
 
356
356
  export const SelectionCell = styled(DataGridCell)`
357
357
  ${selectionCellStyle}
358
+ padding: 0 var(--space-1);
358
359
  `;
359
360
  SelectionCell.displayName = 'SelectionCell';
360
361