@mtes-mct/monitor-ui 7.0.0 → 7.1.0

package/CHANGELOG.md

@@ -1,3 +1,13 @@
+# [7.0.0](https://github.com/MTES-MCT/monitor-ui/compare/v6.6.0...v7.0.0) (2023-05-29)
+
+
+* fix(fields)!: move style prop passing to container level ([3d727a1](https://github.com/MTES-MCT/monitor-ui/commit/3d727a17b49898f268c7e7b8405ba60c65211a30))
+
+
+### BREAKING CHANGES
+
+* Fields `style` & `className` props are now passed to the container.
+
 # [6.6.0](https://github.com/MTES-MCT/monitor-ui/compare/v6.5.2...v6.6.0) (2023-05-28)
 
 

package/index.d.ts

@@ -17,6 +17,7 @@ export { SingleTag } from './components/SingleTag';
 export { Button } from './elements/Button';
 export { Field } from './elements/Field';
 export { Fieldset } from './elements/Fieldset';
+export { FieldError } from './elements/FieldError';
 export { IconButton } from './elements/IconButton';
 export { Label } from './elements/Label';
 export { Legend } from './elements/Legend';
@@ -73,6 +74,7 @@ export type { SingleTagProps } from './components/SingleTag';
 export type { ButtonProps } from './elements/Button';
 export type { FieldProps } from './elements/Field';
 export type { FieldsetProps } from './elements/Fieldset';
+export type { FieldErrorProps } from './elements/FieldError';
 export type { IconButtonProps } from './elements/IconButton';
 export type { LabelProps } from './elements/Label';
 export type { LegendProps } from './elements/Legend';

package/index.js

@@ -3263,6 +3263,17 @@ const InnerBox = styled.div `
     `}
 `;
 
+const FieldError = styled.p.attrs(props => ({
+    className: classnames('Element-FieldError', props.className)
+})) `
+  color: ${p => p.theme.color.maximumRed};
+  display: ${p => (p.isDisabled ? 'none' : 'block')};
+  font-size: 13px;
+  font-weight: 700;
+  line-height: 1.3846;
+  margin: 4px 0 0 0;
+`;
+
 const Label = styled.label.attrs(props => ({
     className: classnames('Element-Label', props.className)
 })) `
@@ -3429,17 +3440,6 @@ const SimpleTable = {
     Th
 };
 
-const FieldError = styled.p.attrs(props => ({
-    className: classnames('Element-FieldError', props.className)
-})) `
-  color: ${p => p.theme.color.maximumRed};
-  display: ${p => (p.isDisabled ? 'none' : 'block')};
-  font-size: 13px;
-  font-weight: 700;
-  line-height: 1.3846;
-  margin: 4px 0 0 0;
-`;
-
 const useClickOutsideEffect = (zoneRefOrzoneRefs, action, baseContainer) => {
     const handleClickOutside = useCallback((event) => {
         const eventTarget = event.target;
@@ -35465,5 +35465,5 @@ function useNewWindow() {
     return contextValue;
 }
 
-export { Accent, Button, Checkbox, CoordinatesFormat, CoordinatesInput, CustomSearch, DatePicker, DateRangePicker, Dialog, Dropdown, Field$2 as Field, Fieldset, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikSearch, FormikSelect, FormikTextInput, FormikTextarea, GlobalStyle, index as Icon, IconButton, Label, Legend, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NewWindow, NewWindowContext, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, Search, Select, SimpleTable, SingleTag, Size, THEME, Tag, TagBullet, TagGroup, TextInput, Textarea, ThemeProvider, WSG84_PROJECTION, coordinatesAreDistinct, customDayjs, getCoordinates, getLocalizedDayjs, getPseudoRandomString, getUtcizedDayjs, isNumeric, stopMouseEventPropagation, useClickOutsideEffect, useFieldControl, useForceUpdate, useKey, useNewWindow, usePrevious };
+export { Accent, Button, Checkbox, CoordinatesFormat, CoordinatesInput, CustomSearch, DatePicker, DateRangePicker, Dialog, Dropdown, Field$2 as Field, FieldError, Fieldset, FormikCheckbox, FormikCoordinatesInput, FormikDatePicker, FormikDateRangePicker, FormikEffect, FormikMultiCheckbox, FormikMultiRadio, FormikMultiSelect, FormikNumberInput, FormikSearch, FormikSelect, FormikTextInput, FormikTextarea, GlobalStyle, index as Icon, IconButton, Label, Legend, MultiCheckbox, MultiRadio, MultiSelect, MultiZoneEditor, NewWindow, NewWindowContext, NumberInput, OPENLAYERS_PROJECTION, OnlyFontGlobalStyle, Search, Select, SimpleTable, SingleTag, Size, THEME, Tag, TagBullet, TagGroup, TextInput, Textarea, ThemeProvider, WSG84_PROJECTION, coordinatesAreDistinct, customDayjs, getCoordinates, getLocalizedDayjs, getPseudoRandomString, getUtcizedDayjs, isNumeric, stopMouseEventPropagation, useClickOutsideEffect, useFieldControl, useForceUpdate, useKey, useNewWindow, usePrevious };
 //# sourceMappingURL=index.js.map