akeneo-design-system 0.1.223 → 0.1.225

package/example/package.json

@@ -8,8 +8,8 @@
     "@testing-library/user-event": "^7.1.2",
     "babel-jest": "^24.9.0",
     "akeneo-design-system": "file:../lib",
-    "react": "^16.13.1",
-    "react-dom": "^16.13.1",
+    "react": "^17.0.2",
+    "react-dom": "^17.0.2",
     "react-scripts": "3.4.3",
     "styled-components": "^5.2.0"
   },

package/lib/components/Breadcrumb/Breadcrumb.d.ts

@@ -5,7 +5,7 @@ declare type BreadcrumbProps = {
     children: BreadcrumbChild;
 };
 declare const Breadcrumb: {
-    ({ children, ...rest }: BreadcrumbProps): JSX.Element;
+    ({ children, ...rest }: BreadcrumbProps): React.JSX.Element;
     Step: import("styled-components").StyledComponent<React.ForwardRefExoticComponent<{
         disabled?: boolean | undefined;
         decorated?: boolean | undefined;

package/lib/components/Dropdown/Dropdown.d.ts

@@ -4,9 +4,9 @@ declare type DropdownProps = Override<HTMLAttributes<HTMLDivElement>, {
     children?: ReactNode;
 }>;
 declare const Dropdown: {
-    ({ children, ...rest }: DropdownProps): JSX.Element;
+    ({ children, ...rest }: DropdownProps): React.JSX.Element;
     Overlay: {
-        ({ verticalPosition, horizontalPosition, dropdownOpenerVisible, fullWidth, parentRef, onClose, children, ...rest }: Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "verticalPosition" | "horizontalPosition" | "dropdownOpenerVisible" | "fullWidth" | "onClose" | "parentRef"> & {
+        ({ verticalPosition, horizontalPosition, dropdownOpenerVisible, fullWidth, parentRef, onClose, children, ...rest }: Omit<React.HTMLAttributes<HTMLDivElement>, "children" | "onClose" | "verticalPosition" | "horizontalPosition" | "dropdownOpenerVisible" | "fullWidth" | "parentRef"> & {
             verticalPosition?: import("../../hooks/usePosition").VerticalPosition | undefined;
             horizontalPosition?: import("../../hooks/usePosition").HorizontalPosition | undefined;
             dropdownOpenerVisible?: boolean | undefined;

package/lib/components/Field/Field.js

@@ -50,6 +50,9 @@ var Field = react_1.default.forwardRef(function (_a, forwardedRef) {
         if (react_1.default.isValidElement(child) && child.type === components_1.Helper) {
             return react_1.default.createElement(HelperContainer, null, react_1.default.cloneElement(child, { inline: true }));
         }
+        if (react_1.default.isValidElement(child) && child.type === components_1.Block) {
+            return react_1.default.cloneElement(child, { id: inputId, ariaLabelledBy: labelId });
+        }
         if (react_1.default.isValidElement(child)) {
             return react_1.default.cloneElement(child, { id: inputId, 'aria-labelledby': labelId });
         }

package/lib/components/Field/Field.js.map

@@ -1 +1 @@
-{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0D;AAC1D,wEAAuC;AACvC,+CAA4F;AAC5F,qCAAkC;AAElC,IAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,wIAAsB,8DAGxC,EAA+C,KAC7D,KADc,UAAC,EAAW;QAAV,SAAS,eAAA;IAAM,OAAA,CAAC,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;AAA9B,CAA8B,CAC7D,CAAC;AAEF,IAAM,cAAc,GAAG,2BAAM,CAAC,GAAG,2KAAA,wGAMhC,IAAA,CAAC;AAEF,IAAM,KAAK,GAAG,2BAAM,CAAC,KAAK,mFAAA,gBAEzB,IAAA,CAAC;AAEF,IAAM,OAAO,GAAG,2BAAM,CAAC,IAAI,sGAAA,mCAE1B,IAAA,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,gHAAA,6CAGjC,IAAA,CAAC;AAuDF,IAAM,KAAK,GAAG,eAAK,CAAC,UAAU,CAC5B,UACE,EAUa,EACb,YAAiC;IAV/B,IAAA,KAAK,WAAA,EACL,MAAM,YAAA,EACN,OAAO,aAAA,EACP,kBAAkB,EAAlB,UAAU,mBAAG,KAAK,KAAA,EAClB,iBAAiB,EAAjB,SAAS,mBAAG,KAAK,KAAA,EACjB,aAAa,mBAAA,EACb,QAAQ,cAAA,EACR,OAAO,aAAA,EACJ,IAAI,cATT,iGAUC,CADQ;IAIT,IAAM,OAAO,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAChC,IAAM,OAAO,GAAG,IAAA,aAAK,EAAC,QAAQ,CAAC,CAAC;IAEhC,IAAM,iBAAiB,GAAG,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,KAAK;QAC1D,IAAI,eAAK,CAAC,cAAc,CAAc,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,mBAAM,EAAE;YACrE,OAAO,8BAAC,eAAe,QAAE,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAC,MAAM,EAAE,IAAI,EAAC,CAAC,CAAmB,CAAC;SACvF;QAED,IAAI,eAAK,CAAC,cAAc,CAAsB,KAAK,CAAC,EAAE;YACpD,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE,EAAC,EAAE,EAAE,OAAO,EAAE,iBAAiB,EAAE,OAAO,EAAC,CAAC,CAAC;SAC7E;QAED,OAAO,IAAI,CAAC;IACd,CAAC,CAAC,CAAC;IAEH,OAAO,CACL,8BAAC,cAAc,aAAC,GAAG,EAAE,YAAY,EAAE,SAAS,EAAE,SAAS,aAAT,SAAS,cAAT,SAAS,GAAI,KAAK,IAAM,IAAI;QACxE,8BAAC,cAAc;YACZ,UAAU,IAAI,8BAAC,iBAAI,IAAC,KAAK,EAAC,SAAS,GAAG;YACvC,8BAAC,KAAK,IAAC,OAAO,EAAE,OAAO,EAAE,EAAE,EAAE,OAAO;gBACjC,KAAK;gBACL,aAAa,IAAI,CAChB;;oBACQ,0CAAK,aAAa,CAAM,CAC7B,CACJ,CACK;YACP,OAAO,IAAI,8BAAC,OAAO,QAAE,OAAO,CAAW;YACvC,MAAM,IAAI,CAAC,QAAQ,KAAK,OAAO,MAAM,CAAC,CAAC,CAAC,8BAAC,mBAAM,IAAC,IAAI,EAAE,MAAM,GAAI,CAAC,CAAC,CAAC,MAAM,CAAC;YAC1E,OAAO,CACO;QAChB,iBAAiB,CACH,CAClB,CAAC;AACJ,CAAC,CACF,CAAC;AAEM,sBAAK"}
+{"version":3,"file":"Field.js","sourceRoot":"","sources":["../../../src/components/Field/Field.tsx"],"names":[],"mappings":"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"}

package/lib/components/Input/MultiSelectInput/MultiSelectInput.d.ts

@@ -26,9 +26,9 @@ declare type MultiMultiSelectInputProps = Override<Override<React.InputHTMLAttri
     onSearchChange?: (searchValue: string) => void;
 }>;
 declare const MultiSelectInput: {
-    ({ id, placeholder, invalid, value, invalidValue, emptyResultLabel, children, onChange, removeLabel, onSubmit, openLabel, readOnly, verticalPosition, onNextPage, onSearchChange, "aria-labelledby": ariaLabelledby, ...rest }: MultiMultiSelectInputProps): JSX.Element;
+    ({ id, placeholder, invalid, value, invalidValue, emptyResultLabel, children, onChange, removeLabel, onSubmit, openLabel, readOnly, verticalPosition, onNextPage, onSearchChange, "aria-labelledby": ariaLabelledby, ...rest }: MultiMultiSelectInputProps): React.JSX.Element;
     Option: {
-        ({ children, ...rest }: OptionProps): JSX.Element;
+        ({ children, ...rest }: OptionProps): React.JSX.Element;
         displayName: string;
     };
 };

package/lib/components/Input/SelectInput/SelectInput.d.ts

@@ -28,7 +28,7 @@ declare type SelectInputProps = Override<Override<React.InputHTMLAttributes<HTML
     onSearchChange?: (searchValue: string) => void;
 }>;
 declare const SelectInput: {
-    ({ id, placeholder, invalid, value, emptyResultLabel, children, onChange, clearable, clearLabel, openLabel, readOnly, verticalPosition, onNextPage, onSearchChange, "aria-labelledby": ariaLabelledby, ...rest }: SelectInputProps): JSX.Element;
+    ({ id, placeholder, invalid, value, emptyResultLabel, children, onChange, clearable, clearLabel, openLabel, readOnly, verticalPosition, onNextPage, onSearchChange, "aria-labelledby": ariaLabelledby, ...rest }: SelectInputProps): React.JSX.Element;
     Option: import("styled-components").StyledComponent<"span", any, {
         value: string;
     }, never>;

package/lib/components/Input/TableInput/TableInput.d.ts

@@ -7,7 +7,7 @@ declare type TableInputProps = Override<React.HTMLAttributes<HTMLTableElement>,
     onReorder?: (updatedIndices: number[]) => void | undefined;
 }>;
 declare const TableInput: {
-    ({ children, readOnly, isDragAndDroppable, onReorder, ...rest }: TableInputProps): JSX.Element;
+    ({ children, readOnly, isDragAndDroppable, onReorder, ...rest }: TableInputProps): React.JSX.Element;
     Header: React.ForwardRefExoticComponent<{
         children?: React.ReactNode;
     } & React.RefAttributes<HTMLTableSectionElement>>;
@@ -29,17 +29,17 @@ declare const TableInput: {
             highlighted?: boolean | undefined;
             inError?: boolean | undefined;
             children?: React.ReactNode;
-        }): JSX.Element;
+        }): React.JSX.Element;
         displayName: string;
     };
     Text: ({ children, value, ...rest }: Omit<Override<React.InputHTMLAttributes<HTMLInputElement>, import("../common/InputProps").InputProps<string>>, "highlighted" | "inError"> & {
         highlighted?: boolean | undefined;
         inError?: boolean | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     Number: ({ children, value, ...rest }: Omit<Override<React.InputHTMLAttributes<HTMLInputElement>, import("../common/InputProps").InputProps<string>>, "highlighted" | "inError"> & {
         highlighted?: boolean | undefined;
         inError?: boolean | undefined;
-    }) => JSX.Element;
+    }) => React.JSX.Element;
     Boolean: React.FC<Omit<React.HTMLAttributes<HTMLDivElement>, "onChange" | "value" | "clearLabel" | "yesLabel" | "noLabel" | "highlighted" | "inError" | "openDropdownLabel"> & {
         value: boolean | null;
         onChange: (value: boolean | null) => void;

package/lib/components/Input/TableInput/TableInputCellContent/TableInputCellContent.d.ts

@@ -7,7 +7,7 @@ declare type TableInputCellContentProps = Override<React.DetailedHTMLProps<React
     children?: ReactNode;
 }>;
 declare const TableInputCellContent: {
-    ({ children, rowTitle, highlighted, inError, ...rest }: TableInputCellContentProps): JSX.Element;
+    ({ children, rowTitle, highlighted, inError, ...rest }: TableInputCellContentProps): React.JSX.Element;
     displayName: string;
 };
 export { TableInputCellContent };

package/lib/components/Input/TableInput/TableInputNumber/TableInputNumber.d.ts

@@ -5,5 +5,5 @@ declare type TableInputNumberProps = Override<Override<React.InputHTMLAttributes
     highlighted?: boolean;
     inError?: boolean;
 }>;
-declare const TableInputNumber: ({ children, value, ...rest }: TableInputNumberProps) => JSX.Element;
+declare const TableInputNumber: ({ children, value, ...rest }: TableInputNumberProps) => React.JSX.Element;
 export { TableInputNumber };

package/lib/components/Input/TableInput/TableInputText/TableInputText.d.ts

@@ -5,5 +5,5 @@ declare type TableInputTextProps = Override<Override<React.InputHTMLAttributes<H
     highlighted?: boolean;
     inError?: boolean;
 }>;
-declare const TableInputText: ({ children, value, ...rest }: TableInputTextProps) => JSX.Element;
+declare const TableInputText: ({ children, value, ...rest }: TableInputTextProps) => React.JSX.Element;
 export { TableInputText };

package/lib/components/Input/TextAreaInput/RichTextEditor.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { EditorProps } from 'react-draft-wysiwyg';
 import 'react-draft-wysiwyg/dist/react-draft-wysiwyg.css';
 import { Override } from '../../../shared';
@@ -6,6 +7,6 @@ declare type RichTextEditorProps = Override<EditorProps, {
     readOnly?: boolean;
     onChange: (value: string) => void;
 }>;
-declare const RichTextEditor: ({ value, readOnly, onChange, ...rest }: RichTextEditorProps) => JSX.Element;
+declare const RichTextEditor: ({ value, readOnly, onChange, ...rest }: RichTextEditorProps) => React.JSX.Element;
 export { RichTextEditor };
 export type { EditorProps };

package/lib/components/KeyFigure/KeyFigure.d.ts

@@ -1,4 +1,4 @@
-import { ReactElement, ReactNode } from 'react';
+import React, { ReactElement, ReactNode } from 'react';
 import { IconProps } from '../../icons';
 declare type FigureProps = {
     label?: string;
@@ -10,8 +10,8 @@ declare type KeyFigureProps = {
     children?: ReactNode;
 };
 declare const KeyFigure: {
-    ({ icon, title, children, ...props }: KeyFigureProps): JSX.Element;
-    Figure: ({ label, children }: FigureProps) => JSX.Element;
+    ({ icon, title, children, ...props }: KeyFigureProps): React.JSX.Element;
+    Figure: ({ label, children }: FigureProps) => React.JSX.Element;
 };
 declare const KeyFigureGrid: import("styled-components").StyledComponent<"div", any, {}, never>;
 export { KeyFigure, KeyFigureGrid };

package/lib/components/List/List.d.ts

@@ -13,24 +13,24 @@ declare type ListProps = {
     children?: ReactNode;
 };
 declare const List: {
-    ({ children, ...rest }: ListProps): JSX.Element;
+    ({ children, ...rest }: ListProps): React.JSX.Element;
     Row: {
-        ({ children, isMultiline, isSelected, ...rest }: RowProps): JSX.Element;
+        ({ children, isMultiline, isSelected, ...rest }: RowProps): React.JSX.Element;
         displayName: string;
     };
     Cell: {
-        ({ title, width, children, ...rest }: CellProps): JSX.Element;
+        ({ title, width, children, ...rest }: CellProps): React.JSX.Element;
         displayName: string;
     };
     TitleCell: import("styled-components").StyledComponent<"div", any, {
         width: 'auto' | number;
     } & Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
     ActionCell: {
-        ({ children, ...rest }: ActionCellProps): JSX.Element;
+        ({ children, ...rest }: ActionCellProps): React.JSX.Element;
         displayName: string;
     };
     RemoveCell: {
-        ({ children, ...rest }: RemoveCellProps): JSX.Element;
+        ({ children, ...rest }: RemoveCellProps): React.JSX.Element;
         displayName: string;
     };
     RowHelpers: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/MessageBar/MessageBar.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode, ReactElement } from 'react';
+import React, { ReactNode, ReactElement } from 'react';
 import { IconProps } from '../../icons';
 declare type MessageBarLevel = 'info' | 'success' | 'warning' | 'error';
 declare const AnimateMessageBar: ({ children }: {
     children: ReactElement<MessageBarProps>;
-}) => JSX.Element;
+}) => React.JSX.Element;
 declare type FlashMessage = {
     level?: MessageBarLevel;
     title: string;
@@ -14,6 +14,6 @@ declare type MessageBarProps = FlashMessage & {
     dismissTitle: string;
     onClose: () => void;
 };
-declare const MessageBar: ({ level, title, icon, dismissTitle, onClose, children }: MessageBarProps) => JSX.Element;
+declare const MessageBar: ({ level, title, icon, dismissTitle, onClose, children }: MessageBarProps) => React.JSX.Element;
 export { MessageBar, AnimateMessageBar };
 export type { MessageBarLevel, FlashMessage };

package/lib/components/Preview/Preview.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode, HTMLAttributes, ReactElement } from 'react';
+import React, { ReactNode, HTMLAttributes, ReactElement } from 'react';
 import { Override } from '../../shared';
 import { IconButtonProps } from '../IconButton/IconButton';
 declare type RowProps = Override<HTMLAttributes<HTMLDivElement>, {
@@ -18,10 +18,10 @@ declare type PreviewProps = Override<HTMLAttributes<HTMLDivElement>, {
     onCollapse?: undefined;
 })>;
 declare const Preview: {
-    ({ title, isOpen, collapseButtonLabel, onCollapse, children, ...rest }: PreviewProps): JSX.Element;
+    ({ title, isOpen, collapseButtonLabel, onCollapse, children, ...rest }: PreviewProps): React.JSX.Element;
     Highlight: import("styled-components").StyledComponent<"span", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
     Row: {
-        ({ action, children }: RowProps): JSX.Element;
+        ({ action, children }: RowProps): React.JSX.Element;
         displayName: string;
     };
 };

package/lib/components/ProgressIndicator/ProgressIndicator.d.ts

@@ -5,7 +5,7 @@ declare type ProgressIndicatorProps = Override<HTMLAttributes<HTMLUListElement>,
     children?: ReactNode;
 }>;
 declare const ProgressIndicator: {
-    ({ children, ...rest }: ProgressIndicatorProps): JSX.Element;
+    ({ children, ...rest }: ProgressIndicatorProps): React.JSX.Element;
     Step: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLLIElement>, "disabled" | "children" | "current" | "state" | "index"> & {
         current?: boolean | undefined;
         state?: StepState | undefined;

package/lib/components/Search/Search.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode, RefObject } from 'react';
+import React, { HTMLAttributes, ReactNode, RefObject } from 'react';
 import { Override } from '../../shared';
 declare type SearchProps = Override<HTMLAttributes<HTMLDivElement>, {
     children?: ReactNode;
@@ -10,7 +10,7 @@ declare type SearchProps = Override<HTMLAttributes<HTMLDivElement>, {
     onSearchChange: (searchValue: string) => void;
 }>;
 declare const Search: {
-    ({ children, placeholder, title, searchValue, inputRef, onSearchChange, ...rest }: SearchProps): JSX.Element;
+    ({ children, placeholder, title, searchValue, inputRef, onSearchChange, ...rest }: SearchProps): React.JSX.Element;
     ResultCount: import("styled-components").StyledComponent<"span", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
     Separator: import("styled-components").StyledComponent<"div", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
 };

package/lib/components/Search/Search.js

@@ -53,7 +53,7 @@ var react_1 = __importDefault(require("react"));
 var styled_components_1 = __importStar(require("styled-components"));
 var theme_1 = require("../../theme");
 var icons_1 = require("../../icons");
-var Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid ", ";\n  background: ", ";\n  height: 44px;\n  box-sizing: border-box;\n  gap: 10px;\n\n  :focus-within {\n    border-bottom: 1px solid ", ";\n  }\n\n  ", "\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid ", ";\n  background: ", ";\n  height: 44px;\n  box-sizing: border-box;\n  gap: 10px;\n\n  :focus-within {\n    border-bottom: 1px solid ", ";\n  }\n\n  ", "\n"])), (0, theme_1.getColor)('grey', 100), (0, theme_1.getColor)('white'), (0, theme_1.getColor)('brand', 100), function (_a) {
+var Container = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid ", ";\n  background: ", ";\n  height: 44px;\n  box-sizing: border-box;\n  gap: 10px;\n\n  &:focus-within {\n    border-bottom: 1px solid ", ";\n  }\n\n  ", "\n"], ["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  border-bottom: 1px solid ", ";\n  background: ", ";\n  height: 44px;\n  box-sizing: border-box;\n  gap: 10px;\n\n  &:focus-within {\n    border-bottom: 1px solid ", ";\n  }\n\n  ", "\n"])), (0, theme_1.getColor)('grey', 100), (0, theme_1.getColor)('white'), (0, theme_1.getColor)('brand', 100), function (_a) {
     var sticky = _a.sticky;
     return undefined !== sticky && (0, styled_components_1.css)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n      position: sticky;\n      top: ", "px;\n      z-index: 9;\n    "], ["\n      position: sticky;\n      top: ", "px;\n      z-index: 9;\n    "])), sticky);
 });

package/lib/components/Search/Search.js.map

@@ -1 +1 @@
-{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA+E;AAC/E,qEAA8C;AAC9C,qCAAwD;AACxD,qCAAuC;AAGvC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,6UAAuC,4GAItC,EAAqB,mBAClC,EAAiB,iHAMF,EAAsB,cAGjD,EAMC,IACJ,KAjB4B,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAClC,IAAA,gBAAQ,EAAC,OAAO,CAAC,EAMF,IAAA,gBAAQ,EAAC,OAAO,EAAE,GAAG,CAAC,EAGjD,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,SAAS,KAAK,MAAM,QACpB,uBAAG,4IAAA,wCAEM,EAAM,8BAEd,KAFQ,MAAM,CAEd;AALD,CAKC,CACJ,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,6HAAA,0DAIjC,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,uMAAA,+DAIrB,EAAqB,uDAInB,EAAqB,UAEjC,KANU,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAInB,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAEjC,CAAC;AAEF,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,uLAAA,6CAEP,EAAqB,qEAIzC,KAJoB,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAIzC,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,IAAI,oLAAA,qCAEpB,EAAsB,0EAIhC,KAJU,IAAA,gBAAQ,EAAC,OAAO,EAAE,GAAG,CAAC,CAIhC,CAAC;AA0CF,IAAM,MAAM,GAAG,UAAC,EAA2F;IAA1F,IAAA,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAA7E,iFAA8E,CAAD;IAC3F,OAAO,CACL,8BAAC,SAAS,eAAK,IAAI;QACjB,8BAAC,eAAe;YACd,8BAAC,kBAAU,IAAC,IAAI,EAAE,EAAE,GAAI;YACxB,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,KAAoC,IAAK,OAAA,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlC,CAAkC,GACtF,CACc;QACjB,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAKM,wBAAM;AAHd,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AACjC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC"}
+{"version":3,"file":"Search.js","sourceRoot":"","sources":["../../../src/components/Search/Search.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA+E;AAC/E,qEAA8C;AAC9C,qCAAwD;AACxD,qCAAuC;AAGvC,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,8UAAuC,4GAItC,EAAqB,mBAClC,EAAiB,kHAMF,EAAsB,cAGjD,EAMC,IACJ,KAjB4B,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAClC,IAAA,gBAAQ,EAAC,OAAO,CAAC,EAMF,IAAA,gBAAQ,EAAC,OAAO,EAAE,GAAG,CAAC,EAGjD,UAAC,EAAQ;QAAP,MAAM,YAAA;IACR,OAAA,SAAS,KAAK,MAAM,QACpB,uBAAG,4IAAA,wCAEM,EAAM,8BAEd,KAFQ,MAAM,CAEd;AALD,CAKC,CACJ,CAAC;AAEF,IAAM,eAAe,GAAG,2BAAM,CAAC,GAAG,6HAAA,0DAIjC,IAAA,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,KAAK,uMAAA,+DAIrB,EAAqB,uDAInB,EAAqB,UAEjC,KANU,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,EAInB,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAEjC,CAAC;AAEF,IAAM,SAAS,GAAG,2BAAM,CAAC,GAAG,uLAAA,6CAEP,EAAqB,qEAIzC,KAJoB,IAAA,gBAAQ,EAAC,MAAM,EAAE,GAAG,CAAC,CAIzC,CAAC;AAEF,IAAM,WAAW,GAAG,2BAAM,CAAC,IAAI,oLAAA,qCAEpB,EAAsB,0EAIhC,KAJU,IAAA,gBAAQ,EAAC,OAAO,EAAE,GAAG,CAAC,CAIhC,CAAC;AA0CF,IAAM,MAAM,GAAG,UAAC,EAA2F;IAA1F,IAAA,QAAQ,cAAA,EAAE,WAAW,iBAAA,EAAE,KAAK,WAAA,EAAE,WAAW,iBAAA,EAAE,QAAQ,cAAA,EAAE,cAAc,oBAAA,EAAK,IAAI,cAA7E,iFAA8E,CAAD;IAC3F,OAAO,CACL,8BAAC,SAAS,eAAK,IAAI;QACjB,8BAAC,eAAe;YACd,8BAAC,kBAAU,IAAC,IAAI,EAAE,EAAE,GAAI;YACxB,8BAAC,WAAW,IACV,GAAG,EAAE,QAAQ,EACb,KAAK,EAAE,KAAK,EACZ,WAAW,EAAE,WAAW,EACxB,KAAK,EAAE,WAAW,EAClB,QAAQ,EAAE,UAAC,KAAoC,IAAK,OAAA,cAAc,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC,EAAlC,CAAkC,GACtF,CACc;QACjB,QAAQ,CACC,CACb,CAAC;AACJ,CAAC,CAAC;AAKM,wBAAM;AAHd,MAAM,CAAC,WAAW,GAAG,WAAW,CAAC;AACjC,MAAM,CAAC,SAAS,GAAG,SAAS,CAAC"}

package/lib/components/SectionTitle/SectionTitle.d.ts

@@ -1,4 +1,4 @@
-import { HTMLAttributes, ReactNode } from 'react';
+import React, { HTMLAttributes, ReactNode } from 'react';
 import { Override } from '../../shared';
 declare type TitleProps = Override<HTMLAttributes<HTMLHeadingElement>, {
     level?: 'primary' | 'secondary';
@@ -8,8 +8,8 @@ declare type SectionTitleProps = Override<HTMLAttributes<HTMLDivElement>, {
     children?: ReactNode;
 }>;
 declare const SectionTitle: {
-    ({ children, ...rest }: SectionTitleProps): JSX.Element;
-    Title: ({ level, ...rest }: TitleProps) => JSX.Element;
+    ({ children, ...rest }: SectionTitleProps): React.JSX.Element;
+    Title: ({ level, ...rest }: TitleProps) => React.JSX.Element;
     Spacer: import("styled-components").StyledComponent<"div", any, {}, never>;
     Separator: import("styled-components").StyledComponent<"div", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
     Information: import("styled-components").StyledComponent<"div", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;

package/lib/components/TabBar/TabBar.d.ts

@@ -13,7 +13,7 @@ declare type TabBarProps = {
     children?: ReactNode;
 } & HTMLAttributes<HTMLDivElement>;
 declare const TabBar: {
-    ({ moreButtonTitle, children, ...rest }: TabBarProps): JSX.Element;
-    Tab: ({ children, onClick, isActive, parentRef, onVisibilityChange, ...rest }: TabProps) => JSX.Element;
+    ({ moreButtonTitle, children, ...rest }: TabBarProps): React.JSX.Element;
+    Tab: ({ children, onClick, isActive, parentRef, onVisibilityChange, ...rest }: TabProps) => React.JSX.Element;
 };
 export { TabBar };

package/lib/components/Table/Table.d.ts

@@ -13,7 +13,7 @@ declare type TableProps = Override<React.HTMLAttributes<HTMLTableElement>, {
     onReorder: (updatedIndices: number[]) => void;
 })>;
 declare const Table: {
-    ({ isSelectable, hasWarningRows, displayCheckbox, isDragAndDroppable, onReorder, children, ...rest }: TableProps): JSX.Element;
+    ({ isSelectable, hasWarningRows, displayCheckbox, isDragAndDroppable, onReorder, children, ...rest }: TableProps): React.JSX.Element;
     Header: React.ForwardRefExoticComponent<import("./TableHeader/TableHeader").TableHeaderProps & React.RefAttributes<HTMLTableSectionElement>>;
     HeaderCell: React.ForwardRefExoticComponent<{
         isSortable?: boolean | undefined;

package/lib/components/Tags/Tags.d.ts

@@ -1,5 +1,5 @@
 import React, { ReactNode } from 'react';
-declare type Tint = 'green' | 'blue' | 'dark_blue' | 'purple' | 'dark_purple' | 'yellow' | 'red';
+declare type Tint = 'green' | 'blue' | 'dark_blue' | 'purple' | 'dark_purple' | 'yellow' | 'red' | 'dark_cyan' | 'forest_green' | 'olive_green' | 'hot_pink' | 'coral_red' | 'orange' | 'chocolate';
 declare const Tag: import("styled-components").StyledComponent<"li", any, {
     tint: Tint;
 } & React.HTMLAttributes<HTMLLIElement> & Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;

package/lib/components/Tags/Tags.js

@@ -52,39 +52,20 @@ exports.Tag = exports.Tags = void 0;
 var react_1 = __importStar(require("react"));
 var styled_components_1 = __importDefault(require("styled-components"));
 var theme_1 = require("../../theme");
+var convertTintToColorCode = function (str) {
+    return str.replace(/_([a-z])/g, function (g) {
+        return g[1].toUpperCase();
+    });
+};
 var Tag = styled_components_1.default.li(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid;\n  border-color: ", ";\n  color: ", ";\n  background-color: ", ";\n  height: 16px;\n  line-height: 16px;\n  padding: 0 6px;\n  display: inline-block;\n  border-radius: 2px;\n  font-size: ", ";\n  text-transform: uppercase;\n  overflow: hidden;\n  max-width: 200px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n"], ["\n  border: 1px solid;\n  border-color: ", ";\n  color: ", ";\n  background-color: ", ";\n  height: 16px;\n  line-height: 16px;\n  padding: 0 6px;\n  display: inline-block;\n  border-radius: 2px;\n  font-size: ", ";\n  text-transform: uppercase;\n  overflow: hidden;\n  max-width: 200px;\n  white-space: nowrap;\n  text-overflow: ellipsis;\n"])), function (_a) {
     var tint = _a.tint;
-    return ({
-        green: '#81cccc',
-        blue: '#4ca8e0',
-        dark_blue: '#5e63b6',
-        purple: '#9452ba',
-        dark_purple: '#52267d',
-        yellow: '#fcce76',
-        red: '#f74b64',
-    }[tint]);
+    return (0, theme_1.getColorAlternative)(convertTintToColorCode(tint), 100);
 }, function (_a) {
     var tint = _a.tint;
-    return ({
-        green: '#5da8a6',
-        blue: '#3278b7',
-        dark_blue: '#3b438c',
-        purple: '#763e9e',
-        dark_purple: '#36145e',
-        yellow: '#ca8411',
-        red: '#c92343',
-    }[tint]);
+    return (0, theme_1.getColorAlternative)(convertTintToColorCode(tint), 120);
 }, function (_a) {
     var tint = _a.tint;
-    return ({
-        green: '#f5fafa',
-        blue: '#f0f7fc',
-        dark_blue: '#efeff8',
-        purple: '#f3eef9',
-        dark_purple: '#eeeaf2',
-        yellow: '#fefbf2',
-        red: '#fdedf0',
-    }[tint]);
+    return (0, theme_1.getColorAlternative)(convertTintToColorCode(tint), 10);
 }, (0, theme_1.getFontSize)('small'));
 exports.Tag = Tag;
 var TagsContainer = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-wrap: wrap;\n  padding-inline-start: 0;\n  margin-block-end: 0;\n  margin-block-start: 0;\n  list-style-type: none;\n  gap: 10px;\n"], ["\n  display: flex;\n  flex-wrap: wrap;\n  padding-inline-start: 0;\n  margin-block-end: 0;\n  margin-block-start: 0;\n  list-style-type: none;\n  gap: 10px;\n"])));

package/lib/components/Tags/Tags.js.map

@@ -1 +1 @@
-{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../src/components/Tags/Tags.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4D;AAC5D,wEAAuC;AACvC,qCAA2D;AAY3D,IAAM,GAAG,GAAG,2BAAM,CAAC,EAAE,0ZAA8B,0CAEjC,EASN,cACD,EASC,yBACU,EASV,6HAMG,EAAoB,iIAMlC,KAzCiB,UAAC,EAAM;QAAL,IAAI,UAAA;IACpB,OAAA,CAAC;QACC,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,SAAS;QACtB,MAAM,EAAE,SAAS;QACjB,GAAG,EAAE,SAAS;KACf,CAAC,IAAI,CAAC,CAAC;AARR,CAQQ,EACD,UAAC,EAAM;QAAL,IAAI,UAAA;IACb,OAAA,CAAC;QACC,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,SAAS;QACtB,MAAM,EAAE,SAAS;QACjB,GAAG,EAAE,SAAS;KACf,CAAC,IAAI,CAAC,CAAC;AARR,CAQQ,EACU,UAAC,EAAM;QAAL,IAAI,UAAA;IACxB,OAAA,CAAC;QACC,KAAK,EAAE,SAAS;QAChB,IAAI,EAAE,SAAS;QACf,SAAS,EAAE,SAAS;QACpB,MAAM,EAAE,SAAS;QACjB,WAAW,EAAE,SAAS;QACtB,MAAM,EAAE,SAAS;QACjB,GAAG,EAAE,SAAS;KACf,CAAC,IAAI,CAAC,CAAC;AARR,CAQQ,EAMG,IAAA,mBAAW,EAAC,OAAO,CAAC,CAMlC,CAAC;AAmDY,kBAAG;AAlDjB,IAAM,aAAa,GAAG,2BAAM,CAAC,EAAE,mOAAA,gKAQ9B,IAAA,CAAC;AAYF,IAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAC3B,UAAC,EAA8B,EAAE,YAAmC;IAAlE,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAlB,YAAmB,CAAD;IACjB,IAAM,QAAQ,GAAG,UAAC,QAAoB;QACpC,IAAI,KAAK,GAAG,EAAE,CAAC;QAEf,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,KAAK;YAChC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,KAAK,IAAI,KAAK,CAAC;aAChB;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,aAAa,aAAC,GAAG,EAAE,YAAY,IAAM,IAAI,GACvC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,KAAK;;QACjC,IAAI,IAAA,sBAAc,EAAW,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,GAAG,EAAE;YAEzD,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,KAAK,EAAE,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,KAAI,QAAQ,CAAC,MAAA,KAAK,CAAC,KAAK,0CAAE,QAAQ,CAAC;aAC7D,CAAC,CAAC;SACJ;QACD,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC/D,CAAC,CAAC,CACY,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEM,oBAAI"}
+{"version":3,"file":"Tags.js","sourceRoot":"","sources":["../../../src/components/Tags/Tags.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA4D;AAC5D,wEAAuC;AACvC,qCAAgF;AAyBhF,IAAM,sBAAsB,GAAG,UAAC,GAAW;IACzC,OAAO,GAAG,CAAC,OAAO,CAAC,WAAW,EAAE,UAAU,CAAC;QACzC,OAAO,CAAC,CAAC,CAAC,CAAC,CAAC,WAAW,EAAE,CAAC;IAC5B,CAAC,CAAC,CAAC;AACL,CAAC,CAAC;AAKF,IAAM,GAAG,GAAG,2BAAM,CAAC,EAAE,0ZAA8B,0CAEjC,EAAkE,cACzE,EAAkE,yBACvD,EAAiE,6HAMxE,EAAoB,iIAMlC,KAdiB,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,2BAAmB,EAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC;AAAtD,CAAsD,EACzE,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,2BAAmB,EAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,GAAG,CAAC;AAAtD,CAAsD,EACvD,UAAC,EAAM;QAAL,IAAI,UAAA;IAAM,OAAA,IAAA,2BAAmB,EAAC,sBAAsB,CAAC,IAAI,CAAC,EAAE,EAAE,CAAC;AAArD,CAAqD,EAMxE,IAAA,mBAAW,EAAC,OAAO,CAAC,CAMlC,CAAC;AAmDY,kBAAG;AAlDjB,IAAM,aAAa,GAAG,2BAAM,CAAC,EAAE,mOAAA,gKAQ9B,IAAA,CAAC;AAYF,IAAM,IAAI,GAAG,eAAK,CAAC,UAAU,CAC3B,UAAC,EAA8B,EAAE,YAAmC;IAAlE,IAAA,QAAQ,cAAA,EAAK,IAAI,cAAlB,YAAmB,CAAD;IACjB,IAAM,QAAQ,GAAG,UAAC,QAAoB;QACpC,IAAI,KAAK,GAAG,EAAE,CAAC;QAEf,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,KAAK;YAChC,IAAI,OAAO,KAAK,KAAK,QAAQ,EAAE;gBAC7B,KAAK,IAAI,KAAK,CAAC;aAChB;QACH,CAAC,CAAC,CAAC;QAEH,OAAO,KAAK,CAAC;IACf,CAAC,CAAC;IAEF,OAAO,CACL,8BAAC,aAAa,aAAC,GAAG,EAAE,YAAY,IAAM,IAAI,GACvC,eAAK,CAAC,QAAQ,CAAC,GAAG,CAAC,QAAQ,EAAE,UAAA,KAAK;;QACjC,IAAI,IAAA,sBAAc,EAAW,KAAK,CAAC,IAAI,KAAK,CAAC,IAAI,KAAK,GAAG,EAAE;YAEzD,OAAO,eAAK,CAAC,YAAY,CAAC,KAAK,EAAE;gBAC/B,KAAK,EAAE,CAAA,MAAA,KAAK,CAAC,KAAK,0CAAE,KAAK,KAAI,QAAQ,CAAC,MAAA,KAAK,CAAC,KAAK,0CAAE,QAAQ,CAAC;aAC7D,CAAC,CAAC;SACJ;QACD,MAAM,IAAI,KAAK,CAAC,2CAA2C,CAAC,CAAC;IAC/D,CAAC,CAAC,CACY,CACjB,CAAC;AACJ,CAAC,CACF,CAAC;AAEM,oBAAI"}

package/lib/components/Toolbar/Toolbar.d.ts

@@ -5,7 +5,7 @@ declare type ToolbarProps = Override<React.HTMLAttributes<HTMLDivElement>, {
     children?: ReactNode;
 }>;
 declare const Toolbar: {
-    ({ isVisible, children, ...rest }: ToolbarProps): JSX.Element;
+    ({ isVisible, children, ...rest }: ToolbarProps): React.JSX.Element;
     LabelContainer: import("styled-components").StyledComponent<"div", any, Record<string, unknown> & import("styled-components").ThemeProps<import("../../theme/theme").Theme>, never>;
     SelectionContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
     ActionsContainer: import("styled-components").StyledComponent<"div", any, {}, never>;

package/lib/components/Tree/Tree.d.ts

@@ -15,7 +15,7 @@ declare type TreeProps<T = string> = {
     children?: ReactNode;
 };
 declare const Tree: {
-    <T>({ label, value, children, isLeaf, selected, isLoading, selectable, readOnly, onChange, onOpen, onClose, onClick, _isRoot, ...rest }: React.PropsWithChildren<TreeProps<T>>): JSX.Element;
+    <T>({ label, value, children, isLeaf, selected, isLoading, selectable, readOnly, onChange, onOpen, onClose, onClick, _isRoot, ...rest }: React.PropsWithChildren<TreeProps<T>>): React.JSX.Element;
     displayName: string;
 };
 export { Tree };

package/lib/icons/ActivityIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const ActivityIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const ActivityIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { ActivityIcon };

package/lib/icons/AddAttributeIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AddAttributeIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AddAttributeIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AddAttributeIcon };

package/lib/icons/AkeneoIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AkeneoIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AkeneoIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AkeneoIcon };

package/lib/icons/ArrowDownIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const ArrowDownIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const ArrowDownIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { ArrowDownIcon };

package/lib/icons/ArrowIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const ArrowIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const ArrowIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { ArrowIcon };

package/lib/icons/ArrowLeftIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const ArrowLeftIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const ArrowLeftIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { ArrowLeftIcon };

package/lib/icons/ArrowRightIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const ArrowRightIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const ArrowRightIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { ArrowRightIcon };

package/lib/icons/ArrowSimpleUpIcon.d.ts

@@ -1,2 +1,3 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-export declare const ArrowSimpleUpIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+export declare const ArrowSimpleUpIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;

package/lib/icons/ArrowUpIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const ArrowUpIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const ArrowUpIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { ArrowUpIcon };

package/lib/icons/AssetCollectionIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AssetCollectionIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AssetCollectionIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AssetCollectionIcon };

package/lib/icons/AssetsIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AssetsIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AssetsIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AssetsIcon };

package/lib/icons/AssociateIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AssociateIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AssociateIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AssociateIcon };

package/lib/icons/AttributeBooleanIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AttributeBooleanIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AttributeBooleanIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AttributeBooleanIcon };

package/lib/icons/AttributeFileIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AttributeFileIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AttributeFileIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AttributeFileIcon };

package/lib/icons/AttributeLinkIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AttributeLinkIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AttributeLinkIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AttributeLinkIcon };

package/lib/icons/AttributeMultiSelectIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AttributeMultiSelectIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AttributeMultiSelectIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AttributeMultiSelectIcon };

package/lib/icons/AttributeNumberIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AttributeNumberIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AttributeNumberIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AttributeNumberIcon };

package/lib/icons/AttributePriceIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AttributePriceIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AttributePriceIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AttributePriceIcon };

package/lib/icons/AttributeSelectIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AttributeSelectIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AttributeSelectIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AttributeSelectIcon };

package/lib/icons/AttributeTextIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AttributeTextIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AttributeTextIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AttributeTextIcon };

package/lib/icons/AttributeTextareaIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const AttributeTextareaIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const AttributeTextareaIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { AttributeTextareaIcon };

package/lib/icons/BarChartsIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const BarChartsIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const BarChartsIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { BarChartsIcon };

package/lib/icons/BookIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const BookIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const BookIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { BookIcon };

package/lib/icons/BoxIcon.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './IconProps';
-declare const BoxIcon: ({ title, size, color, ...props }: IconProps) => JSX.Element;
+declare const BoxIcon: ({ title, size, color, ...props }: IconProps) => React.JSX.Element;
 export { BoxIcon };