@mtes-mct/monitor-ui 24.11.1 → 24.11.2

package/CHANGELOG.md

@@ -1,3 +1,19 @@
+## [24.11.1](https://github.com/MTES-MCT/monitor-ui/compare/v24.11.0...v24.11.1) (2024-12-17)
+
+
+### Bug Fixes
+
+* **types:** create generic type for CheckPicker and MultiSelect ([b09f859](https://github.com/MTES-MCT/monitor-ui/commit/b09f859b7a56d056310c94c3e71d118611178cf0))
+* **types:** fix typing ([75c5e6d](https://github.com/MTES-MCT/monitor-ui/commit/75c5e6d8749d343a12901be22017d1d1ba450701))
+
+
+### Buid System & Dependencies
+
+* **deps:** bump @tanstack/react-table ([da380bc](https://github.com/MTES-MCT/monitor-ui/commit/da380bc59e7dd806c29b0eb7fd84d31af9dd4976))
+* **dev-deps:** bump nanoid ([32f4d5e](https://github.com/MTES-MCT/monitor-ui/commit/32f4d5ec3ec1d39fbacd951d211fb2f6e4d3a220))
+* **dev-deps:** bump styled-components from 5.3.10 to 6.1.13 ([c158abf](https://github.com/MTES-MCT/monitor-ui/commit/c158abfd729c77c9a76cb1c738d9f6bb4484691a))
+* **dev-deps:** bump the all-non-major-dependencies group ([6040bfb](https://github.com/MTES-MCT/monitor-ui/commit/6040bfb0ba87d63738f8212cad857086885ff8c9))
+
 ## [24.11.0](https://github.com/MTES-MCT/monitor-ui/compare/v24.10.2...v24.11.0) (2024-12-10)
 
 

package/index.js

@@ -22020,7 +22020,7 @@ const SecondaryDropdownItem = styled(Dropdown$1.Item)`
   padding: 4px;
   width: 30px;
   height: 30px;
-  :hover {
+  &:hover {
     background-color: ${(p)=>p.theme.color.cultured};
     border: 1px solid ${(p)=>p.theme.color.lightGray};
     color: ${(p)=>p.theme.color.blueYonder};
@@ -22096,19 +22096,19 @@ const PrimaryDropdown = styled(Dropdown$1)`
     font-size: 13px;
     padding: 3px ${(p)=>p.$hasTitle ? 12 : 6}px ${(p)=>p.$hasIcon ? '4px' : '5px'};
 
-    :hover {
+    &:hover {
       background-color: ${(p)=>p.theme.color.blueYonder};
       border: 1px solid ${(p)=>p.theme.color.blueYonder};
       color: ${(p)=>p.theme.color.white};
     }
 
-    :active {
+    &:active {
       background-color: ${(p)=>p.theme.color.blueGray};
       border: 1px solid ${(p)=>p.theme.color.blueGray};
       color: ${(p)=>p.theme.color.white};
     }
 
-    :disabled {
+    &:disabled {
       background-color: ${(p)=>p.theme.color.lightGray};
       border: 1px solid ${(p)=>p.theme.color.lightGray};
       color: ${(p)=>p.theme.color.cultured};
@@ -53741,24 +53741,23 @@ function Button$1({ Icon, isActive, title, ...originalProps }) {
 const MenuButton = styled(IconButton)`
   animation: none;
   background: ${(p)=>p.$isActive ? p.theme.color.blueGray : 'none'};
-  border: 0;
+  border: none;
   border-bottom: solid 0.5px ${(p)=>p.theme.color.slateGray};
   color: ${(p)=>p.$isActive ? p.theme.color.white : p.theme.color.gainsboro};
   padding: 18px;
   height: 64px;
 
-  :hover,
-  :focus {
+  &:hover,
+  &:focus {
     background: ${(p)=>p.$isActive ? p.theme.color.blueGray : 'rgba(255, 255, 255, 0.125)'};
-    border: 0;
     border: none;
     color: ${(p)=>p.theme.color.white};
   }
 
-  :first-child {
+  &:first-child {
     border-top: solid 0.5px ${(p)=>p.theme.color.slateGray};
 
-    :hover {
+    &:hover {
       border: none;
     }
   }
@@ -53862,21 +53861,21 @@ const PrimaryIconButton = styled(BaseIconButton)`
   border-color: ${(p)=>p.theme.color.lightGray};
   color: ${(p)=>p.theme.color.charcoal};
 
-  :hover,
+  &:hover,
   &._hover {
     background-color: ${(p)=>p.theme.color.lightGray};
     border-color: ${(p)=>p.theme.color.lightGray};
     color: ${(p)=>p.theme.color.blueYonder};
   }
 
-  :active,
+  &:active,
   &._active {
     background-color: ${(p)=>p.theme.color.lightGray};
     border-color: ${(p)=>p.theme.color.lightGray};
     color: ${(p)=>p.theme.color.blueGray};
   }
 
-  :disabled,
+  &:disabled,
   &._disabled {
     background-color: ${(p)=>p.theme.color.lightGray};
     border-color: ${(p)=>p.theme.color.lightGray};
@@ -53892,21 +53891,21 @@ const SecondaryIconButton = styled(BaseIconButton)`
   border-color: ${(p)=>p.theme.color.blueYonder};
   color: ${(p)=>p.theme.color.white};
 
-  :hover,
+  &:hover,
   &._hover {
     background-color: ${(p)=>p.theme.color.blueYonder};
     border-color: ${(p)=>p.theme.color.blueYonder};
     color: ${(p)=>p.theme.color.blueYonder25};
   }
 
-  :active,
+  &:active,
   &._active {
     background-color: ${(p)=>p.theme.color.blueYonder};
     border-color: ${(p)=>p.theme.color.blueYonder};
     color: ${(p)=>p.theme.color.blueYonder25};
   }
 
-  :disabled,
+  &:disabled,
   &._disabled {
     background-color: ${(p)=>p.theme.color.blueYonder};
     border-color: ${(p)=>p.theme.color.blueYonder};
@@ -67019,7 +67018,7 @@ const Box$4 = styled.div`
   position: relative;
   user-select: none;
 
-  :hover {
+  &:hover {
     border: solid 1px
       ${(p)=>p.$isFocused ? getFieldBorderColorFactoryForState('focus')(p) : getFieldBorderColorFactoryForState('hover')(p)};
     color: ${(p)=>p.$isFocused ? getFieldBorderColorFactoryForState('focus')(p) : getFieldBorderColorFactoryForState('hover')(p)};

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@mtes-mct/monitor-ui",
   "description": "Common React components, hooks, utilities and CSS stylesheets for MonitorFish, MonitorEnv and RapportNav.",
-  "version": "24.11.1",
+  "version": "24.11.2",
   "license": "AGPL-3.0",
   "type": "module",
   "engines": {