@mtes-mct/monitor-ui 10.19.0 → 10.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/CHANGELOG.md CHANGED
@@ -1,3 +1,17 @@
1
+ ## [10.19.1](https://github.com/MTES-MCT/monitor-ui/compare/v10.19.0...v10.19.1) (2024-01-15)
2
+
3
+
4
+ ### Bug Fixes
5
+
6
+ * **table:** update padding in row and add prop isHighlight ([b129bd1](https://github.com/MTES-MCT/monitor-ui/commit/b129bd1f96a8bee776358d2b6977b284c6e3849f))
7
+
8
+ ## [10.19.0](https://github.com/MTES-MCT/monitor-ui/compare/v10.18.0...v10.19.0) (2024-01-10)
9
+
10
+
11
+ ### Features
12
+
13
+ * **field:** add isSearchInput prop to display Search and close icons ([27e14b0](https://github.com/MTES-MCT/monitor-ui/commit/27e14b0852acd82898dc435a138dbf53e3ce061c))
14
+
1
15
  ## [10.18.0](https://github.com/MTES-MCT/monitor-ui/compare/v10.17.1...v10.18.0) (2024-01-09)
2
16
 
3
17
 
package/index.js CHANGED
@@ -76517,6 +76517,7 @@ function RowCheckbox({ className = '', disabled = false, isChecked = false, isIn
76517
76517
  const Table = styled(SimpleTable.Table)`
76518
76518
  border-collapse: separate;
76519
76519
  border-spacing: 0 5px;
76520
+ table-layout: fixed;
76520
76521
  `;
76521
76522
  const Head = styled(SimpleTable.Head)`
76522
76523
  th:last-child {
@@ -76532,20 +76533,26 @@ const Th = styled(SimpleTable.Th)`
76532
76533
  border-top: 1px solid ${(p)=>p.theme.color.lightGray};
76533
76534
  border-bottom: 1px solid ${(p)=>p.theme.color.lightGray};
76534
76535
  border-right: none;
76535
- padding: 2px 10px;
76536
+ padding: 2px 16px;
76537
+ width: ${(p)=>p.$width}px;
76536
76538
  `;
76537
76539
  const BodyTr = styled(SimpleTable.BodyTr)`
76540
+ td:first-child {
76541
+ border-left: ${(p)=>p.$isHighlighted ? `2px solid ${p.theme.color.blueGray}` : `1px solid ${p.theme.color.lightGray}`};
76542
+ }
76538
76543
  td:last-child {
76539
- border-right: 1px solid ${(p)=>p.theme.color.lightGray};
76544
+ border-right: ${(p)=>p.$isHighlighted ? `2px solid ${p.theme.color.blueGray}` : `1px solid ${p.theme.color.lightGray}`};
76540
76545
  overflow: visible;
76541
76546
  }
76542
76547
  `;
76543
76548
  const Td = styled(SimpleTable.Td)`
76544
76549
  background-color: ${(p)=>p.theme.color.cultured};
76545
- border-top: 1px solid ${(p)=>p.theme.color.lightGray};
76550
+ border-top: ${(p)=>p.$isHighlighted ? `2px solid ${p.theme.color.blueGray}` : `1px solid ${p.theme.color.lightGray}`};
76551
+ border-bottom: ${(p)=>p.$isHighlighted ? `2px solid ${p.theme.color.blueGray}` : `1px solid ${p.theme.color.lightGray}`};
76546
76552
  border-right: none;
76547
- padding: 4px 10px;
76553
+ padding: 4px 16px;
76548
76554
  border-right: ${(p)=>p.$hasRightBorder ? `1px solid ${p.theme.color.lightGray}` : ''};
76555
+ width: ${(p)=>p.$width}px;
76549
76556
  `;
76550
76557
  const TableWithSelectableRows = {
76551
76558
  BodyTr,