@mtes-mct/monitor-ui 11.7.0 → 11.7.2

package/CHANGELOG.md

@@ -1,3 +1,26 @@
+## [11.7.1](https://github.com/MTES-MCT/monitor-ui/compare/v11.7.0...v11.7.1) (2024-02-08)
+
+
+### Bug Fixes
+
+* **fields:** fix MultiRadio colors ([42d87c7](https://github.com/MTES-MCT/monitor-ui/commit/42d87c7fc15eb3af9a602242d4f5f8c3f3e683a6))
+
+## [11.7.0](https://github.com/MTES-MCT/monitor-ui/compare/v11.6.0...v11.7.0) (2024-02-08)
+
+
+### Features
+
+* **fields:** accept JSX Elements for multiradio label ([5776236](https://github.com/MTES-MCT/monitor-ui/commit/577623600d3588733c111b73fe0b341625d03f25))
+* **fields:** add field and label to Toggle component ([1ef21e3](https://github.com/MTES-MCT/monitor-ui/commit/1ef21e34d262e56d21a2bd2eac87a7401d34bf1d))
+* **fields:** can display custom items for MultiRadio component ([5e75fff](https://github.com/MTES-MCT/monitor-ui/commit/5e75fffdcef9fd47926e2f699e702d024f9c5fe7))
+* **fields:** can display custom items for MultiRadio component ([86080d7](https://github.com/MTES-MCT/monitor-ui/commit/86080d755c429ae604ae4ab9c70998dca3ac2389))
+* **fields:** create Toggle component ([6a649cd](https://github.com/MTES-MCT/monitor-ui/commit/6a649cd2733055f9b13ebc988e61a2138cfeb637))
+
+
+### Bug Fixes
+
+* **fields:** update error mode for MultiRadio component ([b7babe9](https://github.com/MTES-MCT/monitor-ui/commit/b7babe98124929cd707ce67e80f710351181eca1))
+
 ## [11.6.0](https://github.com/MTES-MCT/monitor-ui/compare/v11.5.1...v11.6.0) (2024-02-05)
 
 

package/assets/stylesheets/rsuite-override.css

@@ -311,53 +311,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner:before {
   position: inherit;
 }
 
-/* radio */
-
-.rs-radio-wrapper::before,
-.rs-radio-wrapper .rs-radio-inner::before,
-.rs-radio-wrapper {
-  width: 14px;
-  height: 14px;
-}
-
-.rs-radio-wrapper .rs-radio-inner::before {
-  background: var(--gainsboro);
-  border-width: 2px;
-}
-
-.rs-radio-checked .rs-radio-wrapper .rs-radio-inner::before {
-  background: var(--gainsboro);
-  border-color: var(--charcoal);
-}
-
-/* center of radio button when checked */
-.rs-radio-wrapper .rs-radio-inner::after {
-  background: var(--charcoal);
-  width: 6px;
-  height: 6px;
-  margin-top: 4px;
-  margin-left: 4px;
-}
-
-.rs-radio.rs-radio-disabled .rs-radio-wrapper .rs-radio-inner::after {
-  background: var(--lightGray);
-}
-
-.rs-radio.rs-radio-disabled .rs-radio-inner:before {
-  background: var(--white);
-  border-color: var(--lightGray);
-}
-
-.rs-radio-checker > label {
-  color: var(--charcoal);
-  font-weight: 500;
-  line-height: 17px;
-}
-
-.rs-radio:hover .rs-radio-inner:before {
-  border-color: var(--charcoal);
-}
-
 /* form */
 .rs-form:not(.rs-form-inline) .rs-form-group:not(:last-child) {
   margin-bottom: 32px;

package/fields/Toggle.d.ts

@@ -7,7 +7,7 @@ export type ToggleProps = Omit<RSuiteToggleProps, 'onChange'> & {
     isLabelHidden?: boolean | undefined;
     label: string;
     name: string;
-    onChange: (isChecked: boolean) => void;
+    onChange?: (isChecked: boolean) => void;
 };
 export declare function Toggle({ className, dataCy, error, isChecked, isErrorMessageHidden, isLabelHidden, label, onChange, style, ...originalProps }: ToggleProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=Toggle.d.ts.map

package/fields/Toggle.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/fields/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0B,KAAK,WAAW,IAAI,iBAAiB,EAAE,MAAM,QAAQ,CAAA;AAStF,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1C,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACvC,CAAA;AACD,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,MAAM,EACN,KAAK,EACL,SAAS,EACT,oBAA4B,EAC5B,aAAa,EACb,KAAK,EACL,QAAQ,EACR,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,WAAW,2CA4Bb"}
+{"version":3,"file":"Toggle.d.ts","sourceRoot":"","sources":["../../src/fields/Toggle.tsx"],"names":[],"mappings":"AAEA,OAAO,EAA0B,KAAK,WAAW,IAAI,iBAAiB,EAAE,MAAM,QAAQ,CAAA;AAStF,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,iBAAiB,EAAE,UAAU,CAAC,GAAG;IAC9D,MAAM,CAAC,EAAE,MAAM,CAAA;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,SAAS,EAAE,OAAO,CAAA;IAClB,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1C,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,OAAO,KAAK,IAAI,CAAA;CACxC,CAAA;AACD,wBAAgB,MAAM,CAAC,EACrB,SAAS,EACT,MAAM,EACN,KAAK,EACL,SAAS,EACT,oBAA4B,EAC5B,aAAa,EACb,KAAK,EACL,QAAQ,EACR,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,WAAW,2CA4Bb"}

package/index.js

@@ -58582,15 +58582,47 @@ const Box$4 = styled.div`
       padding: 0 0 0 28px;
       user-select: none;
 
+      > label {
+        color: ${(p)=>p.theme.color.charcoal};
+        font-weight: 500;
+        line-height: 17px;
+      }
+
       .rs-radio-wrapper {
         left: 2px;
         top: 3px !important;
+
+        .rs-radio-inner:before {
+          background: ${(p)=>p.theme.color.gainsboro};
+          border: 2px solid ${(p)=>p.$hasError ? p.theme.color.maximumRed : p.theme.color.lightGray};
+        }
+        .rs-radio-inner:after {
+          background: ${(p)=>p.$hasError ? p.theme.color.maximumRed : p.theme.color.charcoal};
+        }
+      }
+    }
+  }
+  > .rs-radio-checked {
+    > .rs-radio-checker {
+      .rs-radio-wrapper {
+        .rs-radio-inner:before {
+          border: 2px solid ${(p)=>p.$hasError ? p.theme.color.maximumRed : p.theme.color.charcoal};
+        }
       }
-      .rs-radio-inner:before {
-        border-color: ${(p)=>p.$hasError ? p.theme.color.maximumRed : p.theme.color.gunMetal};
+    }
+  }
+  > .rs-radio-disabled {
+    > .rs-radio-checker {
+      > label {
+        color: ${(p)=>p.theme.color.lightGray};
       }
-      .rs-radio-inner:after {
-        border-color: ${(p)=>p.$hasError ? p.theme.color.maximumRed : p.theme.color.gunMetal};
+      .rs-radio-wrapper {
+        .rs-radio-inner:before {
+          background: ${(p)=>p.theme.color.white};
+        }
+        .rs-radio-inner:after {
+          background: ${(p)=>p.$hasError ? p.theme.color.maximumRed : p.theme.color.lightGray};
+        }
       }
     }
   }