@mtes-mct/monitor-ui 22.0.0 → 22.0.1

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [22.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v21.3.0...v22.0.0) (2024-09-09)
+
+
+### ⚠ BREAKING CHANGES
+
+* **elements:** - `disabled` is renamed `$isDisabled` in `Label` props.
+- `hasError` is renamed `$hasError` in `Label` props.
+- `isHidden` is renamed `$isHidden` in `Label` props.
+
+### Bug Fixes
+
+* **elements:** add missing styled component prop prefixes in Button ([6e9a56d](https://github.com/MTES-MCT/monitor-ui/commit/6e9a56d8c3f8e7190030a580372ce55d2df2f740))
+* **elements:** add missing styled component prop prefixes in Label ([f2b5188](https://github.com/MTES-MCT/monitor-ui/commit/f2b518858d3fc959dddeff5d039f6cb5527680d5))
+
 ## [21.3.0](https://github.com/MTES-MCT/monitor-ui/compare/v21.2.1...v21.3.0) (2024-09-06)
 
 

package/elements/Button/index.d.ts

@@ -0,0 +1,14 @@
+import { type ButtonHTMLAttributes, type FunctionComponent } from 'react';
+import { Accent, Size } from '../../constants';
+import { type IconProps } from '../../types/definitions';
+export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
+    Icon?: FunctionComponent<IconProps> | undefined;
+    accent?: Accent | undefined;
+    children?: string | undefined;
+    isFullWidth?: boolean | undefined;
+    size?: Size | undefined;
+    /** Prevent onClick event propagation. */
+    withUnpropagatedClick?: boolean | undefined;
+};
+export declare function Button({ accent, children, className, Icon, isFullWidth, onClick, size, type, withUnpropagatedClick, ...nativeProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/elements/Button/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/index.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyC,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAIhH,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,iBAAiB,CAAA;AAC9C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,yBAAyB,CAAA;AASxD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5C,CAAA;AACD,wBAAgB,MAAM,CAAC,EACrB,MAAuB,EACvB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,WAAmB,EACnB,OAAO,EACP,IAAkB,EAClB,IAAe,EACf,qBAA6B,EAC7B,GAAG,WAAW,EACf,EAAE,WAAW,2CAmDb"}

package/elements/Button/styles.d.ts

@@ -0,0 +1,3 @@
+export declare function getPrimaryButtonCss(): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare function getSecondaryButtonCss(): import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+//# sourceMappingURL=styles.d.ts.map

package/elements/Button/styles.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"styles.d.ts","sourceRoot":"","sources":["../../../src/elements/Button/styles.ts"],"names":[],"mappings":"AAEA,wBAAgB,mBAAmB,uIA2BlC;AAED,wBAAgB,qBAAqB,uIA2BpC"}

package/elements/IconButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/elements/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAe,MAAM,OAAO,CAAA;AAIhH,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAA;AASrD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACxF,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;IACvC,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5C,CAAA;AACD,wBAAgB,UAAU,CAAC,EACzB,MAAuB,EACvB,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,SAAS,EACT,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAkB,EAClB,KAAK,EACL,IAAe,EACf,qBAA6B,EAC7B,GAAG,WAAW,EACf,EAAE,eAAe,2CAmFjB"}
+{"version":3,"file":"IconButton.d.ts","sourceRoot":"","sources":["../../src/elements/IconButton.tsx"],"names":[],"mappings":"AACA,OAAO,EAA4B,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAe,MAAM,OAAO,CAAA;AAGhH,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAE3C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAA;AASrD,MAAM,MAAM,eAAe,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACxF,IAAI,EAAE,iBAAiB,CAAC,SAAS,CAAC,CAAA;IAClC,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,oBAAoB,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACzC,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,WAAW,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAChC,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,sDAAsD;IACtD,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,wCAAwC;IACxC,SAAS,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC/B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,KAAK,CAAC,aAAa,GAAG,SAAS,CAAA;IACvC,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5C,CAAA;AACD,wBAAgB,UAAU,CAAC,EACzB,MAAuB,EACvB,oBAAoB,EACpB,UAAU,EACV,WAAW,EACX,SAAS,EACT,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,SAAS,EACT,OAAO,EACP,IAAkB,EAClB,KAAK,EACL,IAAe,EACf,qBAA6B,EAC7B,GAAG,WAAW,EACf,EAAE,eAAe,2CAmFjB"}

package/fields/Search.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/fields/Search.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAqE,MAAM,OAAO,CAAA;AAM3G,OAAO,EAAU,IAAI,EAAQ,MAAM,cAAc,CAAA;AAWjD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEnE,OAAO,KAAK,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,QAAQ,CAAA;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,WAAW,CAAC,WAAW,SAAS,eAAe,GAAG,MAAM,IAAI,IAAI,CAC1E,uBAAuB,EACvB,IAAI,GAAG,WAAW,GAAG,MAAM,GAAG,cAAc,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CACvH,GAAG;IACF,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAClC,YAAY,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS,CAAA;IAC5D,+EAA+E;IAC/E,0BAA0B,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1C,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,kBAAkB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACxC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7C,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IACnE,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IAC7D,cAAc,CAAC,EAAE,MAAM,WAAW,GAAG,SAAS,CAAA;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;CAChC,CAAA;AACD,wBAAgB,MAAM,CAAC,WAAW,SAAS,eAAe,GAAG,MAAM,EAAE,EACnE,SAAS,EACT,YAAwB,EACxB,0BAA8B,EAC9B,QAAgB,EAChB,KAAK,EACL,oBAA4B,EAC5B,aAAa,EACb,OAAe,EACf,UAAkB,EAClB,kBAAyB,EACzB,aAAqB,EACrB,uBAA+B,EAC/B,GAAG,EACH,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAY,EACZ,cAAc,EACd,UAAU,EACV,QAAgB,EAChB,IAAkB,EAClB,KAAK,EACL,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,WAAW,CAAC,WAAW,CAAC,2CA+K1B"}
+{"version":3,"file":"Search.d.ts","sourceRoot":"","sources":["../../src/fields/Search.tsx"],"names":[],"mappings":"AAEA,OAAO,EAAE,KAAK,WAAW,EAAqE,MAAM,OAAO,CAAA;AAI3G,OAAO,EAAU,IAAI,EAAQ,MAAM,cAAc,CAAA;AAajD,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,sBAAsB,CAAA;AACxD,OAAO,KAAK,EAAE,MAAM,EAAE,eAAe,EAAE,MAAM,sBAAsB,CAAA;AAEnE,OAAO,KAAK,EAAE,iBAAiB,IAAI,uBAAuB,EAAE,MAAM,QAAQ,CAAA;AAC1E,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,WAAW,CAAC,WAAW,SAAS,eAAe,GAAG,MAAM,IAAI,IAAI,CAC1E,uBAAuB,EACvB,IAAI,GAAG,WAAW,GAAG,MAAM,GAAG,cAAc,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,GAAG,UAAU,CACvH,GAAG;IACF,QAAQ,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;IAClC,YAAY,CAAC,EAAE,YAAY,CAAC,MAAM,CAAC,WAAW,CAAC,CAAC,GAAG,SAAS,CAAA;IAC5D,+EAA+E;IAC/E,0BAA0B,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/C,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1C,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,kBAAkB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACxC,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7C,GAAG,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IACxB,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,WAAW,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IACnE,OAAO,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IAC7D,cAAc,CAAC,EAAE,MAAM,WAAW,GAAG,SAAS,CAAA;IAC9C,OAAO,CAAC,EAAE,MAAM,CAAC,WAAW,CAAC,EAAE,CAAA;IAC/B,UAAU,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC/B,QAAQ,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC9B,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,WAAW,GAAG,SAAS,CAAA;CAChC,CAAA;AACD,wBAAgB,MAAM,CAAC,WAAW,SAAS,eAAe,GAAG,MAAM,EAAE,EACnE,SAAS,EACT,YAAwB,EACxB,0BAA8B,EAC9B,QAAgB,EAChB,KAAK,EACL,oBAA4B,EAC5B,aAAa,EACb,OAAe,EACf,UAAkB,EAClB,kBAAyB,EACzB,aAAqB,EACrB,uBAA+B,EAC/B,GAAG,EACH,KAAK,EACL,QAAQ,EACR,QAAQ,EACR,OAAO,EACP,OAAY,EACZ,cAAc,EACd,UAAU,EACV,QAAgB,EAChB,IAAkB,EAClB,KAAK,EACL,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,WAAW,CAAC,WAAW,CAAC,2CA+K1B"}

package/fields/TextInput.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/fields/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAwB,MAAM,OAAO,CAAA;AAKpE,OAAO,EAAU,IAAI,EAAE,MAAM,cAAc,CAAA;AAW3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG;IAC5G,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1C,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IAC9D,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAA;AACD,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAgB,EAChB,KAAK,EACL,IAAI,EACJ,oBAA4B,EAC5B,aAAqB,EACrB,OAAe,EACf,UAAkB,EAClB,aAAqB,EACrB,aAAqB,EACrB,uBAA+B,EAC/B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAgB,EAChB,IAAkB,EAClB,KAAK,EACL,IAAa,EACb,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,cAAc,2CAgFhB"}
+{"version":3,"file":"TextInput.d.ts","sourceRoot":"","sources":["../../src/fields/TextInput.tsx"],"names":[],"mappings":"AACA,OAAO,EAAE,KAAK,iBAAiB,EAAwB,MAAM,OAAO,CAAA;AAIpE,OAAO,EAAU,IAAI,EAAE,MAAM,cAAc,CAAA;AAY3C,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,sBAAsB,CAAA;AACrD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,QAAQ,CAAA;AACxC,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,WAAW,CAAA;AAE3C,MAAM,MAAM,cAAc,GAAG,IAAI,CAAC,UAAU,EAAE,IAAI,GAAG,cAAc,GAAG,IAAI,GAAG,UAAU,GAAG,MAAM,GAAG,OAAO,CAAC,GAAG;IAC5G,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC1B,oBAAoB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC1C,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,OAAO,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7B,UAAU,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAChC,aAAa,CAAC,EAAE,OAAO,CAAA;IACvB,aAAa,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACnC,uBAAuB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IAC7C,KAAK,EAAE,MAAM,CAAA;IACb,IAAI,EAAE,MAAM,CAAA;IACZ,QAAQ,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,GAAG,SAAS,KAAK,UAAU,CAAC,IAAI,CAAC,CAAA;IAC9D,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;CAC3B,CAAA;AACD,wBAAgB,SAAS,CAAC,EACxB,SAAS,EACT,QAAgB,EAChB,KAAK,EACL,IAAI,EACJ,oBAA4B,EAC5B,aAAqB,EACrB,OAAe,EACf,UAAkB,EAClB,aAAqB,EACrB,aAAqB,EACrB,uBAA+B,EAC/B,KAAK,EACL,IAAI,EACJ,QAAQ,EACR,QAAgB,EAChB,IAAkB,EAClB,KAAK,EACL,IAAa,EACb,KAAK,EACL,GAAG,aAAa,EACjB,EAAE,cAAc,2CAgFhB"}

package/index.js

@@ -51,7 +51,7 @@ var quarterOfYear = /*@__PURE__*/getDefaultExportFromCjs(quarterOfYearExports);
 var timezone$1 = {exports: {}};
 
 (function (module, exports) {
-	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t={year:0,month:1,day:2,hour:3,minute:4,second:5},e={};return function(n,i,o){var r,a=function(t,n,i){void 0===i&&(i={});var o=new Date(t),r=function(t,n){void 0===n&&(n={});var i=n.timeZoneName||"short",o=t+"|"+i,r=e[o];return r||(r=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:i}),e[o]=r),r}(n,i);return r.formatToParts(o)},u=function(e,n){for(var i=a(e,n),r=[],u=0;u<i.length;u+=1){var f=i[u],s=f.type,m=f.value,c=t[s];c>=0&&(r[c]=parseInt(m,10));}var d=r[3],l=24===d?0:d,h=r[0]+"-"+r[1]+"-"+r[2]+" "+l+":"+r[4]+":"+r[5]+":000",v=+e;return (o.utc(h).valueOf()-(v-=v%1e3))/6e4},f=i.prototype;f.tz=function(t,e){void 0===t&&(t=r);var n=this.utcOffset(),i=this.toDate(),a=i.toLocaleString("en-US",{timeZone:t}),u=Math.round((i-new Date(a))/1e3/60),f=o(a,{locale:this.$L}).$set("millisecond",this.$ms).utcOffset(15*-Math.round(i.getTimezoneOffset()/15)-u,!0);if(e){var s=f.utcOffset();f=f.add(n-s,"minute");}return f.$x.$timezone=t,f},f.offsetName=function(t){var e=this.$x.$timezone||o.tz.guess(),n=a(this.valueOf(),e,{timeZoneName:t}).find((function(t){return "timezonename"===t.type.toLowerCase()}));return n&&n.value};var s=f.startOf;f.startOf=function(t,e){if(!this.$x||!this.$x.$timezone)return s.call(this,t,e);var n=o(this.format("YYYY-MM-DD HH:mm:ss:SSS"),{locale:this.$L});return s.call(n,t,e).tz(this.$x.$timezone,!0)},o.tz=function(t,e,n){var i=n&&e,a=n||e||r,f=u(+o(),a);if("string"!=typeof t)return o(t).tz(a);var s=function(t,e,n){var i=t-60*e*1e3,o=u(i,n);if(e===o)return [i,e];var r=u(i-=60*(o-e)*1e3,n);return o===r?[i,o]:[t-60*Math.min(o,r)*1e3,Math.max(o,r)]}(o.utc(t,i).valueOf(),f,a),m=s[0],c=s[1],d=o(m).utcOffset(c);return d.$x.$timezone=a,d},o.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},o.tz.setDefault=function(t){r=t;};}})); 
+	!function(t,e){module.exports=e();}(commonjsGlobal,(function(){var t={year:0,month:1,day:2,hour:3,minute:4,second:5},e={};return function(n,i,o){var r,a=function(t,n,i){void 0===i&&(i={});var o=new Date(t),r=function(t,n){void 0===n&&(n={});var i=n.timeZoneName||"short",o=t+"|"+i,r=e[o];return r||(r=new Intl.DateTimeFormat("en-US",{hour12:!1,timeZone:t,year:"numeric",month:"2-digit",day:"2-digit",hour:"2-digit",minute:"2-digit",second:"2-digit",timeZoneName:i}),e[o]=r),r}(n,i);return r.formatToParts(o)},u=function(e,n){for(var i=a(e,n),r=[],u=0;u<i.length;u+=1){var f=i[u],s=f.type,m=f.value,c=t[s];c>=0&&(r[c]=parseInt(m,10));}var d=r[3],l=24===d?0:d,h=r[0]+"-"+r[1]+"-"+r[2]+" "+l+":"+r[4]+":"+r[5]+":000",v=+e;return (o.utc(h).valueOf()-(v-=v%1e3))/6e4},f=i.prototype;f.tz=function(t,e){void 0===t&&(t=r);var n,i=this.utcOffset(),a=this.toDate(),u=a.toLocaleString("en-US",{timeZone:t}),f=Math.round((a-new Date(u))/1e3/60),s=15*-Math.round(a.getTimezoneOffset()/15)-f;if(!Number(s))n=this.utcOffset(0,e);else if(n=o(u,{locale:this.$L}).$set("millisecond",this.$ms).utcOffset(s,!0),e){var m=n.utcOffset();n=n.add(i-m,"minute");}return n.$x.$timezone=t,n},f.offsetName=function(t){var e=this.$x.$timezone||o.tz.guess(),n=a(this.valueOf(),e,{timeZoneName:t}).find((function(t){return "timezonename"===t.type.toLowerCase()}));return n&&n.value};var s=f.startOf;f.startOf=function(t,e){if(!this.$x||!this.$x.$timezone)return s.call(this,t,e);var n=o(this.format("YYYY-MM-DD HH:mm:ss:SSS"),{locale:this.$L});return s.call(n,t,e).tz(this.$x.$timezone,!0)},o.tz=function(t,e,n){var i=n&&e,a=n||e||r,f=u(+o(),a);if("string"!=typeof t)return o(t).tz(a);var s=function(t,e,n){var i=t-60*e*1e3,o=u(i,n);if(e===o)return [i,e];var r=u(i-=60*(o-e)*1e3,n);return o===r?[i,o]:[t-60*Math.min(o,r)*1e3,Math.max(o,r)]}(o.utc(t,i).valueOf(),f,a),m=s[0],c=s[1],d=o(m).utcOffset(c);return d.$x.$timezone=a,d},o.tz.guess=function(){return Intl.DateTimeFormat().resolvedOptions().timeZone},o.tz.setDefault=function(t){r=t;};}})); 
 } (timezone$1));
 
 var timezoneExports = timezone$1.exports;
@@ -53380,252 +53380,62 @@ function Notifier({ isSideWindow = false }) {
 // We need to retype `ToastContainer` manually because `styled-components` mess up with the `children` prop
 const StyledToastContainer = styled(k)``;
 
-const ICON_SIZE$1 = {
-    [Size.LARGE]: 20,
-    [Size.NORMAL]: 20,
-    [Size.SMALL]: 12
-};
-function Button$1({ accent = Accent.PRIMARY, children, className, Icon, isFullWidth = false, onClick, size = Size.NORMAL, type = 'button', withUnpropagatedClick = false, ...nativeProps }) {
-    const handleClick = useCallback((event)=>{
-        if (withUnpropagatedClick) {
-            stopMouseEventPropagation(event);
-        }
-        if (onClick) {
-            onClick(event);
-        }
-    }, [
-        onClick,
-        withUnpropagatedClick
-    ]);
-    const commonChildren = useMemo(()=>/*#__PURE__*/ jsxs(Fragment, {
-            children: [
-                Icon && /*#__PURE__*/ jsx(Icon, {
-                    size: ICON_SIZE$1[size]
-                }),
-                children && /*#__PURE__*/ jsx(ButtonLabel, {
-                    children: children
-                })
-            ]
-        }), [
-        children,
-        Icon,
-        size
-    ]);
-    const commonProps = useMemo(()=>({
-            as: StyledButton$1,
-            children: commonChildren,
-            className: classnames('Element-Button', className),
-            isFullWidth,
-            onClick: handleClick,
-            size,
-            type,
-            ...nativeProps
-        }), [
-        className,
-        commonChildren,
-        handleClick,
-        isFullWidth,
-        nativeProps,
-        size,
-        type
-    ]);
-    switch(accent){
-        case Accent.SECONDARY:
-            return /*#__PURE__*/ jsx(SecondaryButton, {
-                ...commonProps
-            });
-        case Accent.TERTIARY:
-            return /*#__PURE__*/ jsx(TertiaryButton$1, {
-                ...commonProps
-            });
-        case Accent.WARNING:
-            return /*#__PURE__*/ jsx(WarningButton, {
-                ...commonProps
-            });
-        case Accent.ERROR:
-            return /*#__PURE__*/ jsx(ErrorButton, {
-                ...commonProps
-            });
-        default:
-            return /*#__PURE__*/ jsx(PrimaryButton, {
-                ...commonProps
-            });
-    }
-}
-const FONT_SIZE$1 = {
-    [Size.LARGE]: '13px',
-    [Size.NORMAL]: '13px',
-    [Size.SMALL]: '11px'
-};
-const PADDING$2 = {
-    [Size.LARGE]: '12px',
-    [Size.NORMAL]: '6px 12px',
-    [Size.SMALL]: '5px 8px 4px'
-};
-const StyledButton$1 = styled.button`
-  align-items: center;
-  display: inline-flex;
-  font-size: ${(p)=>FONT_SIZE$1[p.$size]};
-  justify-content: center;
-  max-width: 100%;
-  padding: ${(p)=>PADDING$2[p.$size]};
-  width: ${(p)=>p.$isFullWidth ? '100%' : 'auto'};
-
-  > .Element-IconBox {
-    margin-right: 5px;
-  }
-`;
-const ButtonLabel = styled.span`
-  line-height: 1.3846;
-  margin-top: -3px;
-  min-width: 0;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`;
-const PrimaryButton = styled.button`
-  background-color: ${(p)=>p.theme.color.charcoal};
-  border: 1px solid ${(p)=>p.theme.color.charcoal};
-  color: ${(p)=>p.theme.color.gainsboro};
-
-  &: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};
-  }
-`;
-const SecondaryButton = styled.button`
-  background-color: transparent;
-  border: 1px solid ${(p)=>p.theme.color.charcoal};
-  color: ${(p)=>p.theme.color.charcoal};
+function getPrimaryButtonCss() {
+    return css`
+    background-color: ${(p)=>p.theme.color.charcoal};
+    border: 1px solid ${(p)=>p.theme.color.charcoal};
+    color: ${(p)=>p.theme.color.gainsboro};
 
-  &:hover,
-  &._hover {
-    background-color: ${(p)=>p.theme.color.blueYonder25};
-    border: 1px solid ${(p)=>p.theme.color.blueYonder};
-    color: ${(p)=>p.theme.color.blueYonder};
-  }
+    &: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.blueGray25};
-    border: 1px solid ${(p)=>p.theme.color.blueGray};
-    color: ${(p)=>p.theme.color.blueGray};
-  }
+    &: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 {
+    &:disabled,
+    &._disabled {
+      background-color: ${(p)=>p.theme.color.lightGray};
+      border: 1px solid ${(p)=>p.theme.color.lightGray};
+      color: ${(p)=>p.theme.color.cultured};
+    }
+  `;
+}
+function getSecondaryButtonCss() {
+    return css`
     background-color: transparent;
-    border: 1px solid ${(p)=>p.theme.color.lightGray};
-    color: ${(p)=>p.theme.color.lightGray};
-  }
-`;
-const TertiaryButton$1 = styled.button`
-  background-color: ${(p)=>p.theme.color.white};
-  border: 1px solid ${(p)=>p.theme.color.white};
-  color: ${(p)=>p.theme.color.charcoal};
-
-  &:hover,
-  &._hover {
-    background-color: ${(p)=>p.theme.color.blueYonder25};
-    border: 1px solid ${(p)=>p.theme.color.blueYonder25};
-    color: ${(p)=>p.theme.color.blueYonder};
-  }
-
-  &:active,
-  &._active {
-    background-color: ${(p)=>p.theme.color.blueGray25};
-    border: 1px solid ${(p)=>p.theme.color.blueGray};
-    color: ${(p)=>p.theme.color.blueGray};
-  }
-
-  &:disabled,
-  &._disabled {
-    background-color: ${(p)=>p.theme.color.white};
-    border: 1px solid ${(p)=>p.theme.color.lightGray};
-    color: ${(p)=>p.theme.color.lightGray};
-  }
-`;
-const WarningButton = styled.button`
-  background-color: transparent;
-  border: 1px solid ${(p)=>p.theme.color.goldenPoppy};
-  color: ${(p)=>p.theme.color.charcoal};
-
-  &:hover,
-  &._hover {
-    /* 26 is for opacity = 15% */
-    background-color: ${(p)=>p.theme.color.goldenPoppy}26;
-    border: 1px solid ${(p)=>p.theme.color.goldenPoppy};
-    color: ${(p)=>p.theme.color.charcoal};
-  }
-
-  &:active,
-  &._active {
-    background-color: ${(p)=>p.theme.color.goldenPoppy};
-    border: 1px solid ${(p)=>p.theme.color.goldenPoppy};
+    border: 1px solid ${(p)=>p.theme.color.charcoal};
     color: ${(p)=>p.theme.color.charcoal};
-  }
 
-  &:disabled,
-  &._disabled {
-    background-color: transparent;
-    border: 1px solid ${(p)=>p.theme.color.lightGray};
-    color: ${(p)=>p.theme.color.lightGray};
-  }
-`;
-const ErrorButton = styled.button`
-  background-color: transparent;
-  border: 1px solid ${(p)=>p.theme.color.maximumRed};
-  color: ${(p)=>p.theme.color.charcoal};
-  > * {
-    color: ${(p)=>p.theme.color.maximumRed};
-  }
-
-  &:hover,
-  &._hover {
-    /* 26 is for opacity = 15% */
-    background-color: ${(p)=>p.theme.color.maximumRed}26;
-    border: 1px solid ${(p)=>p.theme.color.maximumRed};
-    > * {
-      color: ${(p)=>p.theme.color.maximumRed};
+    &:hover,
+    &._hover {
+      background-color: ${(p)=>p.theme.color.blueYonder25};
+      border: 1px solid ${(p)=>p.theme.color.blueYonder};
+      color: ${(p)=>p.theme.color.blueYonder};
     }
-  }
 
-  &:active,
-  &._active {
-    background-color: ${(p)=>p.theme.color.maximumRed};
-    border: 1px solid ${(p)=>p.theme.color.maximumRed};
-    color: ${(p)=>p.theme.color.white};
-    > * {
-      color: ${(p)=>p.theme.color.white};
+    &:active,
+    &._active {
+      background-color: ${(p)=>p.theme.color.blueGray25};
+      border: 1px solid ${(p)=>p.theme.color.blueGray};
+      color: ${(p)=>p.theme.color.blueGray};
     }
-  }
 
-  &:disabled,
-  &._disabled {
-    background-color: transparent;
-    border: 1px solid ${(p)=>p.theme.color.lightGray};
-    color: ${(p)=>p.theme.color.lightGray};
-    > * {
+    &:disabled,
+    &._disabled {
+      background-color: transparent;
+      border: 1px solid ${(p)=>p.theme.color.lightGray};
       color: ${(p)=>p.theme.color.lightGray};
     }
-  }
-`;
+  `;
+}
 
 const ICON_SIZE_IN_PX = {
     [Size.LARGE]: 26,
@@ -53654,11 +53464,11 @@ function IconButton({ accent = Accent.PRIMARY, badgeBackgroundColor, badgeColor,
         size
     ]);
     const buttonProps = useMemo(()=>({
+            $isCompact: isCompact,
+            $size: size,
             children: commonChildren,
             className: badgeNumber === undefined ? classnames('Element-IconButton', className) : classnames('Element-IconButton'),
-            isCompact,
             onClick: handleClick,
-            size,
             style: badgeNumber === undefined ? style : undefined,
             type,
             ...nativeProps
@@ -53676,21 +53486,19 @@ function IconButton({ accent = Accent.PRIMARY, badgeBackgroundColor, badgeColor,
     switch(accent){
         case Accent.SECONDARY:
             return /*#__PURE__*/ jsx(Fragment, {
-                children: badgeNumber === undefined ? /*#__PURE__*/ jsx(SecondaryButton, {
-                    as: StyledButton,
+                children: badgeNumber === undefined ? /*#__PURE__*/ jsx(SecondaryButton$1, {
                     ...buttonProps
                 }) : /*#__PURE__*/ jsxs(Wrapper$2, {
                     className: className,
                     style: style,
                     children: [
                         /*#__PURE__*/ jsx(BadgeNumber, {
-                            backgroundColor: badgeBackgroundColor,
-                            color: badgeColor,
-                            size: size,
+                            $backgroundColor: badgeBackgroundColor,
+                            $color: badgeColor,
+                            $size: size,
                             children: badgeNumber
                         }),
-                        /*#__PURE__*/ jsx(SecondaryButton, {
-                            as: StyledButton,
+                        /*#__PURE__*/ jsx(SecondaryButton$1, {
                             ...buttonProps
                         })
                     ]
@@ -53698,21 +53506,19 @@ function IconButton({ accent = Accent.PRIMARY, badgeBackgroundColor, badgeColor,
             });
         case Accent.TERTIARY:
             return /*#__PURE__*/ jsx(Fragment, {
-                children: badgeNumber === undefined ? /*#__PURE__*/ jsx(TertiaryButton, {
-                    as: StyledButton,
+                children: badgeNumber === undefined ? /*#__PURE__*/ jsx(TertiaryButton$1, {
                     ...buttonProps
                 }) : /*#__PURE__*/ jsxs(Wrapper$2, {
                     className: className,
                     style: style,
                     children: [
                         /*#__PURE__*/ jsx(BadgeNumber, {
-                            backgroundColor: badgeBackgroundColor,
-                            color: badgeColor,
-                            size: size,
+                            $backgroundColor: badgeBackgroundColor,
+                            $color: badgeColor,
+                            $size: size,
                             children: badgeNumber
                         }),
-                        /*#__PURE__*/ jsx(TertiaryButton, {
-                            as: StyledButton,
+                        /*#__PURE__*/ jsx(TertiaryButton$1, {
                             ...buttonProps
                         })
                     ]
@@ -53720,21 +53526,19 @@ function IconButton({ accent = Accent.PRIMARY, badgeBackgroundColor, badgeColor,
             });
         default:
             return /*#__PURE__*/ jsx(Fragment, {
-                children: badgeNumber === undefined ? /*#__PURE__*/ jsx(PrimaryButton, {
-                    as: StyledButton,
+                children: badgeNumber === undefined ? /*#__PURE__*/ jsx(PrimaryButton$1, {
                     ...buttonProps
                 }) : /*#__PURE__*/ jsxs(Wrapper$2, {
                     className: className,
                     style: style,
                     children: [
                         /*#__PURE__*/ jsx(BadgeNumber, {
-                            backgroundColor: badgeBackgroundColor,
-                            color: badgeColor,
-                            size: size,
+                            $backgroundColor: badgeBackgroundColor,
+                            $color: badgeColor,
+                            $size: size,
                             children: badgeNumber
                         }),
-                        /*#__PURE__*/ jsx(PrimaryButton, {
-                            as: StyledButton,
+                        /*#__PURE__*/ jsx(PrimaryButton$1, {
                             ...buttonProps
                         })
                     ]
@@ -53742,7 +53546,7 @@ function IconButton({ accent = Accent.PRIMARY, badgeBackgroundColor, badgeColor,
             });
     }
 }
-const PADDING$1 = {
+const PADDING$2 = {
     [Size.LARGE]: '7px',
     [Size.NORMAL]: '5px',
     [Size.SMALL]: '3px'
@@ -53764,23 +53568,24 @@ const BadgeNumber = styled.div`
   border-radius: 10px;
   top: -5px;
   line-height: 14px;
-  left: ${(p)=>p.size ? LEFT_MARGIN[p.size] : 25}px;
-  background: ${(p)=>p.backgroundColor ? p.backgroundColor : p.theme.color.maximumRed};
-  color: ${(p)=>p.color ? p.color : p.theme.color.white};
+  left: ${(p)=>p.$size ? LEFT_MARGIN[p.$size] : 25}px;
+  background: ${(p)=>p.$backgroundColor ? p.$backgroundColor : p.theme.color.maximumRed};
+  color: ${(p)=>p.$color ? p.$color : p.theme.color.white};
   font-size: 12px;
   letter-spacing: 0px;
   font-weight: 700;
 `;
-// We can't use $-prefixed props here for some reason (maybe because the `as` prop exclude them?).
-const StyledButton = styled.button`
+const BaseButton$1 = styled.button`
   align-items: center;
   border-style: solid;
-  border-width: ${(p)=>p.isCompact ? 0 : 1}px;
+  border-width: ${(p)=>p.$isCompact ? 0 : 1}px;
   display: flex;
   justify-content: center;
-  padding: ${(p)=>p.isCompact ? 0 : PADDING$1[p.size]};
+  padding: ${(p)=>p.$isCompact ? 0 : PADDING$2[p.$size]};
 `;
-const TertiaryButton = styled.button`
+const PrimaryButton$1 = styled(BaseButton$1)(getPrimaryButtonCss);
+const SecondaryButton$1 = styled(BaseButton$1)(getSecondaryButtonCss);
+const TertiaryButton$1 = styled.button`
   background-color: transparent;
   border-color: transparent;
   color: ${(p)=>p.theme.color.charcoal};
@@ -53807,7 +53612,7 @@ const TertiaryButton = styled.button`
   }
 `;
 
-function Button({ Icon, isActive, title, ...originalProps }) {
+function Button$1({ Icon, isActive, title, ...originalProps }) {
     return /*#__PURE__*/ jsx(MenuButton, {
         $isActive: isActive,
         Icon: Icon,
@@ -53864,7 +53669,7 @@ const Wrapper$1 = styled.div`
 `;
 Menu.displayName = 'SideMenu';
 const SideMenu = Object.assign(Menu, {
-    Button
+    Button: Button$1
 });
 
 function SingleTag({ accent = Accent.PRIMARY, children, className, onDelete, ...nativeProps }) {
@@ -54118,12 +53923,12 @@ const Box$c = styled.div`
   padding: 16px;
 `;
 
-const FONT_SIZE = {
+const FONT_SIZE$1 = {
     [Size.LARGE]: '16px',
     [Size.NORMAL]: '13px',
     [Size.SMALL]: '11px'
 };
-const ICON_SIZE = {
+const ICON_SIZE$1 = {
     [Size.LARGE]: 16,
     [Size.NORMAL]: 13,
     [Size.SMALL]: 11
@@ -54135,7 +53940,7 @@ const StyledLinkButton = styled.button`
   cursor: ${(p)=>p.disabled ? 'none' : 'pointer'};
   display: flex;
   flex-direction: row;
-  font-size: ${(p)=>FONT_SIZE[p.size]};
+  font-size: ${(p)=>FONT_SIZE$1[p.size]};
   gap: 0.4rem;
   text-decoration: underline;
 
@@ -54170,7 +53975,7 @@ function LinkButton({ children, Icon, ...props }) {
             children: [
                 Icon && /*#__PURE__*/ jsx(Icon, {
                     color: THEME.color.slateGray,
-                    size: ICON_SIZE[props.size]
+                    size: ICON_SIZE$1[props.size]
                 }),
                 lodashExports.isString(children) ? /*#__PURE__*/ jsx("p", {
                     children: children
@@ -54344,6 +54149,202 @@ const HideText = styled.span`
 `;
 Banner.displayName = 'Banner';
 
+const ICON_SIZE = {
+    [Size.LARGE]: 20,
+    [Size.NORMAL]: 20,
+    [Size.SMALL]: 12
+};
+function Button({ accent = Accent.PRIMARY, children, className, Icon, isFullWidth = false, onClick, size = Size.NORMAL, type = 'button', withUnpropagatedClick = false, ...nativeProps }) {
+    const handleClick = useCallback((event)=>{
+        if (withUnpropagatedClick) {
+            stopMouseEventPropagation(event);
+        }
+        if (onClick) {
+            onClick(event);
+        }
+    }, [
+        onClick,
+        withUnpropagatedClick
+    ]);
+    const commonChildren = useMemo(()=>/*#__PURE__*/ jsxs(Fragment, {
+            children: [
+                Icon && /*#__PURE__*/ jsx(Icon, {
+                    size: ICON_SIZE[size]
+                }),
+                children && /*#__PURE__*/ jsx(ButtonLabel, {
+                    children: children
+                })
+            ]
+        }), [
+        children,
+        Icon,
+        size
+    ]);
+    const commonProps = useMemo(()=>({
+            $isFullWidth: isFullWidth,
+            $size: size,
+            children: commonChildren,
+            className: classnames('Element-Button', className),
+            onClick: handleClick,
+            type,
+            ...nativeProps
+        }), [
+        className,
+        commonChildren,
+        handleClick,
+        isFullWidth,
+        nativeProps,
+        size,
+        type
+    ]);
+    switch(accent){
+        case Accent.SECONDARY:
+            return /*#__PURE__*/ jsx(SecondaryButton, {
+                ...commonProps
+            });
+        case Accent.TERTIARY:
+            return /*#__PURE__*/ jsx(TertiaryButton, {
+                ...commonProps
+            });
+        case Accent.WARNING:
+            return /*#__PURE__*/ jsx(WarningButton, {
+                ...commonProps
+            });
+        case Accent.ERROR:
+            return /*#__PURE__*/ jsx(ErrorButton, {
+                ...commonProps
+            });
+        default:
+            return /*#__PURE__*/ jsx(PrimaryButton, {
+                ...commonProps
+            });
+    }
+}
+const FONT_SIZE = {
+    [Size.LARGE]: '13px',
+    [Size.NORMAL]: '13px',
+    [Size.SMALL]: '11px'
+};
+const PADDING$1 = {
+    [Size.LARGE]: '12px',
+    [Size.NORMAL]: '6px 12px',
+    [Size.SMALL]: '5px 8px 4px'
+};
+const BaseButton = styled.button`
+  align-items: center;
+  display: inline-flex;
+  font-size: ${(p)=>FONT_SIZE[p.$size]};
+  justify-content: center;
+  max-width: 100%;
+  padding: ${(p)=>PADDING$1[p.$size]};
+  width: ${(p)=>p.$isFullWidth ? '100%' : 'auto'};
+
+  > .Element-IconBox {
+    margin-right: 5px;
+  }
+`;
+const ButtonLabel = styled.span`
+  line-height: 1.3846;
+  margin-top: -3px;
+  min-width: 0;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+`;
+const PrimaryButton = styled(BaseButton)(getPrimaryButtonCss);
+const SecondaryButton = styled(BaseButton)(getSecondaryButtonCss);
+const TertiaryButton = styled(BaseButton)`
+  background-color: ${(p)=>p.theme.color.white};
+  border: 1px solid ${(p)=>p.theme.color.white};
+  color: ${(p)=>p.theme.color.charcoal};
+
+  &:hover,
+  &._hover {
+    background-color: ${(p)=>p.theme.color.blueYonder25};
+    border: 1px solid ${(p)=>p.theme.color.blueYonder25};
+    color: ${(p)=>p.theme.color.blueYonder};
+  }
+
+  &:active,
+  &._active {
+    background-color: ${(p)=>p.theme.color.blueGray25};
+    border: 1px solid ${(p)=>p.theme.color.blueGray};
+    color: ${(p)=>p.theme.color.blueGray};
+  }
+
+  &:disabled,
+  &._disabled {
+    background-color: ${(p)=>p.theme.color.white};
+    border: 1px solid ${(p)=>p.theme.color.lightGray};
+    color: ${(p)=>p.theme.color.lightGray};
+  }
+`;
+const WarningButton = styled(BaseButton)`
+  background-color: transparent;
+  border: 1px solid ${(p)=>p.theme.color.goldenPoppy};
+  color: ${(p)=>p.theme.color.charcoal};
+
+  &:hover,
+  &._hover {
+    /* 26 is for opacity = 15% */
+    background-color: ${(p)=>p.theme.color.goldenPoppy}26;
+    border: 1px solid ${(p)=>p.theme.color.goldenPoppy};
+    color: ${(p)=>p.theme.color.charcoal};
+  }
+
+  &:active,
+  &._active {
+    background-color: ${(p)=>p.theme.color.goldenPoppy};
+    border: 1px solid ${(p)=>p.theme.color.goldenPoppy};
+    color: ${(p)=>p.theme.color.charcoal};
+  }
+
+  &:disabled,
+  &._disabled {
+    background-color: transparent;
+    border: 1px solid ${(p)=>p.theme.color.lightGray};
+    color: ${(p)=>p.theme.color.lightGray};
+  }
+`;
+const ErrorButton = styled(BaseButton)`
+  background-color: transparent;
+  border: 1px solid ${(p)=>p.theme.color.maximumRed};
+  color: ${(p)=>p.theme.color.charcoal};
+  > * {
+    color: ${(p)=>p.theme.color.maximumRed};
+  }
+
+  &:hover,
+  &._hover {
+    /* 26 is for opacity = 15% */
+    background-color: ${(p)=>p.theme.color.maximumRed}26;
+    border: 1px solid ${(p)=>p.theme.color.maximumRed};
+    > * {
+      color: ${(p)=>p.theme.color.maximumRed};
+    }
+  }
+
+  &:active,
+  &._active {
+    background-color: ${(p)=>p.theme.color.maximumRed};
+    border: 1px solid ${(p)=>p.theme.color.maximumRed};
+    color: ${(p)=>p.theme.color.white};
+    > * {
+      color: ${(p)=>p.theme.color.white};
+    }
+  }
+
+  &:disabled,
+  &._disabled {
+    background-color: transparent;
+    border: 1px solid ${(p)=>p.theme.color.lightGray};
+    color: ${(p)=>p.theme.color.lightGray};
+    > * {
+      color: ${(p)=>p.theme.color.lightGray};
+    }
+  }
+`;
+
 const Field$2 = styled.div.attrs((props)=>({
         className: classnames('Element-Field', props.className)
     }))`
@@ -68475,7 +68476,7 @@ function MultiZoneEditor({ addButtonLabel, className, defaultValue = [], disable
         legend: label,
         style: style,
         children: [
-            /*#__PURE__*/ jsx(Button$1, {
+            /*#__PURE__*/ jsx(Button, {
                 accent: hasError ? Accent.ERROR : Accent.SECONDARY,
                 disabled: disabled || isAddButtonDisabled,
                 Icon: Plus,
@@ -74242,4 +74243,4 @@ const undefineObjectProps = (record)=>Object.fromEntries(Object.entries(record).
     return value;
 }
 
-export { Accent, Banner, Button$1 as Button, CheckPicker, Checkbox, ControlUnit, CoordinatesFormat, CoordinatesInput, CustomSearch, DataTable, DatePicker, DateRangePicker, Dialog, Dot, Dropdown, ExclamationPoint, Field$2 as Field, FieldError, Fieldset, Figure, FormikCheckPicker, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCascader, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikPhoneInput, FormikRichBooleanCheckbox, FormikSearch, FormikSelect, FormikTextInput, FormikTextarea, FormikToggle, GlobalStyle, index as Icon, IconButton, Label, Legend, Level, Link$1 as Link, LinkButton, MapMenuDialog, Message, Mission, MultiCascader, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NewWindow, NewWindowContext, NotificationEvent, Notifier, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, PhoneInput, Radio, RichBoolean, RichBooleanCheckbox, Search, Select, SideMenu, SimpleTable, SingleTag, Size, THEME, TableWithSelectableRows, Tag, TagBullet, TagGroup, TextInput, Textarea, ThemeProvider, Toggle, WSG84_PROJECTION, cleanString, coordinatesAreDistinct, customDayjs, getControlUnitResourceCategoryFromType, getCoordinates, getFilteredCollection, getHashFromCollection, getLocalizedDayjs, getMaybeBooleanFromRichBoolean, getOptionsFromIdAndName, getOptionsFromLabelledEnum, getPseudoRandomString, getSelectedOptionFromOptionValue, getSelectedOptionFromOptionValueInTree, getUtcizedDayjs, humanizePastDate, isArray, isDefined, isEmptyish, isNumeric, isObject, logSoftError, normalizeString, nullify, pluralize, sortCollectionByLocalizedProps, stopMouseEventPropagation, undefine, useClickOutsideEffect, useDeepCompareEffect, useFieldControl, useForceUpdate, useKey, useNewWindow, usePressEscapeEffect, usePrevious };
+export { Accent, Banner, Button, CheckPicker, Checkbox, ControlUnit, CoordinatesFormat, CoordinatesInput, CustomSearch, DataTable, DatePicker, DateRangePicker, Dialog, Dot, Dropdown, ExclamationPoint, Field$2 as Field, FieldError, Fieldset, Figure, FormikCheckPicker, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCascader, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikPhoneInput, FormikRichBooleanCheckbox, FormikSearch, FormikSelect, FormikTextInput, FormikTextarea, FormikToggle, GlobalStyle, index as Icon, IconButton, Label, Legend, Level, Link$1 as Link, LinkButton, MapMenuDialog, Message, Mission, MultiCascader, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NewWindow, NewWindowContext, NotificationEvent, Notifier, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, PhoneInput, Radio, RichBoolean, RichBooleanCheckbox, Search, Select, SideMenu, SimpleTable, SingleTag, Size, THEME, TableWithSelectableRows, Tag, TagBullet, TagGroup, TextInput, Textarea, ThemeProvider, Toggle, WSG84_PROJECTION, cleanString, coordinatesAreDistinct, customDayjs, getControlUnitResourceCategoryFromType, getCoordinates, getFilteredCollection, getHashFromCollection, getLocalizedDayjs, getMaybeBooleanFromRichBoolean, getOptionsFromIdAndName, getOptionsFromLabelledEnum, getPseudoRandomString, getSelectedOptionFromOptionValue, getSelectedOptionFromOptionValueInTree, getUtcizedDayjs, humanizePastDate, isArray, isDefined, isEmptyish, isNumeric, isObject, logSoftError, normalizeString, nullify, pluralize, sortCollectionByLocalizedProps, stopMouseEventPropagation, undefine, useClickOutsideEffect, useDeepCompareEffect, useFieldControl, useForceUpdate, useKey, useNewWindow, usePressEscapeEffect, usePrevious };

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": "22.0.0",
+  "version": "22.0.1",
   "license": "AGPL-3.0",
   "type": "module",
   "engines": {

package/elements/Button.d.ts

@@ -1,19 +0,0 @@
-import { type ButtonHTMLAttributes, type FunctionComponent } from 'react';
-import { Accent, Size } from '../constants';
-import { type IconProps } from '../types/definitions';
-export type ButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
-    Icon?: FunctionComponent<IconProps> | undefined;
-    accent?: Accent | undefined;
-    children?: string | undefined;
-    isFullWidth?: boolean | undefined;
-    size?: Size | undefined;
-    /** Prevent onClick event propagation. */
-    withUnpropagatedClick?: boolean | undefined;
-};
-export declare function Button({ accent, children, className, Icon, isFullWidth, onClick, size, type, withUnpropagatedClick, ...nativeProps }: ButtonProps): import("react/jsx-runtime").JSX.Element;
-export declare const PrimaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-export declare const SecondaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-export declare const TertiaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-export declare const WarningButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-export declare const ErrorButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {}, never>;
-//# sourceMappingURL=Button.d.ts.map

package/elements/Button.d.ts.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.d.ts","sourceRoot":"","sources":["../../src/elements/Button.tsx"],"names":[],"mappings":"AACA,OAAO,EAAyC,KAAK,oBAAoB,EAAE,KAAK,iBAAiB,EAAE,MAAM,OAAO,CAAA;AAGhH,OAAO,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,cAAc,CAAA;AAC3C,OAAO,EAAE,KAAK,SAAS,EAAE,MAAM,sBAAsB,CAAA;AASrD,MAAM,MAAM,WAAW,GAAG,IAAI,CAAC,oBAAoB,CAAC,iBAAiB,CAAC,EAAE,UAAU,CAAC,GAAG;IACpF,IAAI,CAAC,EAAE,iBAAiB,CAAC,SAAS,CAAC,GAAG,SAAS,CAAA;IAC/C,MAAM,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC3B,QAAQ,CAAC,EAAE,MAAM,GAAG,SAAS,CAAA;IAC7B,WAAW,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;IACjC,IAAI,CAAC,EAAE,IAAI,GAAG,SAAS,CAAA;IACvB,yCAAyC;IACzC,qBAAqB,CAAC,EAAE,OAAO,GAAG,SAAS,CAAA;CAC5C,CAAA;AACD,wBAAgB,MAAM,CAAC,EACrB,MAAuB,EACvB,QAAQ,EACR,SAAS,EACT,IAAI,EACJ,WAAmB,EACnB,OAAO,EACP,IAAkB,EAClB,IAAe,EACf,qBAA6B,EAC7B,GAAG,WAAW,EACf,EAAE,WAAW,2CAoDb;AAsCD,eAAO,MAAM,aAAa,4GAyBzB,CAAA;AAED,eAAO,MAAM,eAAe,4GAyB3B,CAAA;AAED,eAAO,MAAM,cAAc,4GAyB1B,CAAA;AACD,eAAO,MAAM,aAAa,4GA0BzB,CAAA;AACD,eAAO,MAAM,WAAW,4GAqCvB,CAAA"}