@mtes-mct/monitor-ui 1.9.1 → 1.10.0

package/CHANGELOG.md

@@ -1,3 +1,17 @@
+## [1.9.2](https://github.com/MTES-MCT/monitor-ui/compare/v1.9.1...v1.9.2) (2022-12-01)
+
+
+### Bug Fixes
+
+* **build:** set include fonts as inline data ([#90](https://github.com/MTES-MCT/monitor-ui/issues/90)) ([4872817](https://github.com/MTES-MCT/monitor-ui/commit/48728173b37f7842309b4141e8337f5263c64a35))
+
+## [1.9.1](https://github.com/MTES-MCT/monitor-ui/compare/v1.9.0...v1.9.1) (2022-12-01)
+
+
+### Bug Fixes
+
+* **build:** set right font paths ([#88](https://github.com/MTES-MCT/monitor-ui/issues/88)) ([172250a](https://github.com/MTES-MCT/monitor-ui/commit/172250a58c990c3c19c5d0162bb4de1f6ab17194))
+
 # [1.9.0](https://github.com/MTES-MCT/monitor-ui/compare/v1.8.0...v1.9.0) (2022-12-01)
 
 

package/assets/stylesheets/rsuite-override.css

@@ -394,48 +394,6 @@ label:hover .rs-checkbox-wrapper .rs-checkbox-inner:before {
   margin-bottom: 32px;
 }
 
-/* dropdown */
-
-.rs-dropdown-menu {
-  border-radius: 0;
-  padding: 0;
-}
-
-.rs-dropdown-item {
-  padding-top: 0px;
-  padding-bottom: 0px;
-  line-height: 38px;
-}
-
-.rs-dropdown .rs-btn {
-  padding-left: 32px;
-}
-
-.rs-dropdown .rs-btn > .rs-dropdown-toggle-icon {
-  width: 30px;
-  height: 30px;
-  padding: 5px;
-  position: absolute;
-  left: 0;
-  top: 0;
-  margin: 0;
-}
-
-.rs-dropdown .rs-btn.rs-btn-sm > .rs-dropdown-toggle-icon {
-  width: 24px;
-  height: 24px;
-  padding: 3px;
-}
-
-.rs-dropdown-item:not(:last-child) {
-  border-bottom: 1px solid var(--lightGray);
-}
-
-svg.rs-dropdown-item-menu-icon {
-  vertical-align: middle;
-  margin-right: 10px;
-}
-
 /* Tags */
 
 .rs-tag-default {

package/components/Dropdown/Item.d.ts

@@ -0,0 +1,7 @@
+import type { IconProps } from '../../types';
+import type { FunctionComponent } from 'react';
+import type { DropdownMenuItemProps as RsuiteDropdownMenuItemProps } from 'rsuite';
+export declare type DropdownItemProps = Omit<RsuiteDropdownMenuItemProps, 'as' | 'icon'> & {
+    Icon?: FunctionComponent<IconProps>;
+};
+export declare function Item({ Icon, ...originalProps }: DropdownItemProps): JSX.Element;

package/components/Dropdown/index.d.ts

@@ -0,0 +1,11 @@
+import type { IconProps } from '../../types';
+import type { DropdownItemProps } from './Item';
+import type { FunctionComponent } from 'react';
+import type { DropdownProps as RsuiteDropdownProps } from 'rsuite';
+export declare type DropdownProps = Omit<RsuiteDropdownProps, 'as' | 'icon'> & {
+    Icon?: FunctionComponent<IconProps>;
+};
+export declare const Dropdown: FunctionComponent<DropdownProps> & {
+    Item: FunctionComponent<DropdownItemProps>;
+};
+export { DropdownItemProps };

package/elements/Button.d.ts

@@ -8,3 +8,6 @@ export declare type ButtonProps = ButtonHTMLAttributes<HTMLButtonElement> & {
     size?: Size;
 };
 export declare function Button({ accent, children, Icon, isFullWidth, size, type, ...nativeProps }: ButtonProps): 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>;

package/elements/IconButton.d.ts

@@ -0,0 +1,9 @@
+import { Accent, Size } from '../contants';
+import type { IconProps } from '../types';
+import type { ButtonHTMLAttributes, FunctionComponent } from 'react';
+export declare type IconButtonProps = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'children'> & {
+    Icon: FunctionComponent<IconProps>;
+    accent?: Accent;
+    size?: Size;
+};
+export declare function IconButton({ accent, Icon, size, type, ...nativeProps }: IconButtonProps): JSX.Element;

package/index.d.ts

@@ -1,9 +1,12 @@
+export { Accent, Size } from './contants';
 export { GlobalStyle } from './GlobalStyle';
 export { THEME } from './theme';
 export { ThemeProvider } from './ThemeProvider';
+export { Dropdown } from './components/Dropdown';
 export { Button } from './elements/Button';
 export { Field } from './elements/Field';
 export { Fieldset } from './elements/Fieldset';
+export { IconButton } from './elements/IconButton';
 export { Label } from './elements/Label';
 export { Legend } from './elements/Legend';
 export { Checkbox } from './fields/Checkbox';
@@ -26,12 +29,13 @@ export { FormikSelect } from './formiks/FormikSelect';
 export { FormikTextarea } from './formiks/FormikTextarea';
 export { FormikTextInput } from './formiks/FormikTextInput';
 export * as Icon from './icons';
-export { Accent, Size } from './contants';
-export type { DateRange, IconProps, Option } from './types';
 export type { PartialTheme, Theme } from './theme';
+export type { DateRange, IconProps, Option } from './types';
+export type { DropdownProps, DropdownItemProps } from './components/Dropdown';
 export type { ButtonProps } from './elements/Button';
 export type { FieldProps } from './elements/Field';
 export type { FieldsetProps } from './elements/Fieldset';
+export type { IconButtonProps } from './elements/IconButton';
 export type { LabelProps } from './elements/Label';
 export type { LegendProps } from './elements/Legend';
 export type { CheckboxProps } from './fields/Checkbox';