@manuscripts/style-guide 2.1.14-LEAN-4623.0 → 3.0.1-LEAN-4579.0

package/dist/cjs/components/AutoSaveInput.js

@@ -53,7 +53,7 @@ class AutoSaveInput extends react_1.default.Component {
     }
     render() {
         const { component: Component, field, placeholder, disabled, testId, } = this.props;
-        return (react_1.default.createElement(Component, Object.assign({}, field, { placeholder: placeholder, disabled: disabled, checked: !!field.value, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, "data-testid": testId && `${testId}__input`, "aria-invalid": this.props.isInvalid || undefined })));
+        return (react_1.default.createElement(Component, { ...field, placeholder: placeholder, disabled: disabled, checked: !!field.value, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, "data-testid": testId && `${testId}__input`, "aria-invalid": this.props.isInvalid || undefined }));
     }
 }
 exports.AutoSaveInput = AutoSaveInput;

package/dist/cjs/components/DatePicker/CalendarDatePicker.js

@@ -50,7 +50,13 @@ exports.calendarPotentialDueDate = calendarPotentialDueDate;
 const calendarDatePickerDefaultDateFormat = 'd MMM, EEEE';
 exports.calendarDatePickerDefaultDateFormat = calendarDatePickerDefaultDateFormat;
 const CalendarDatePicker = ({ Button, handleDateChange, originalDueDate, currentDueDate, datePickerConfigs, dialogConfigs, primaryButtonTitle = 'Reschedule', secondaryButtonTitle = 'Cancel', }) => {
-    datePickerConfigs = Object.assign({ position: 'bottom', color: '#f2fbfc', selectedDayClassName: 'selected-day', calendarClassName: 'responsive-calendar' }, datePickerConfigs);
+    datePickerConfigs = {
+        position: 'bottom',
+        color: '#f2fbfc',
+        selectedDayClassName: 'selected-day',
+        calendarClassName: 'responsive-calendar',
+        ...datePickerConfigs,
+    };
     const dialog = Object.assign({}, dialogConfigs, {
         header: 'Change the task due date?',
     });

package/dist/cjs/components/Dialog.js

@@ -14,15 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-    function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-    return new (P || (P = Promise))(function (resolve, reject) {
-        function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-        function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-        function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-        step((generator = generator.apply(thisArg, _arguments || [])).next());
-    });
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -107,13 +98,13 @@ class Dialog extends react_1.default.Component {
         this.setDisabledBtnState = (state) => {
             this.setState({ primaryActionDisabled: state });
         };
-        this.handleSubmit = (e) => __awaiter(this, void 0, void 0, function* () {
+        this.handleSubmit = async (e) => {
             const { primaryActionDisabled } = this.state;
             e.preventDefault();
             if (!primaryActionDisabled) {
                 this.props.actions.primary.action();
             }
-        });
+        };
     }
     componentDidMount() {
         this.setDisabledBtnState(!!this.props.confirmFieldText);

package/dist/cjs/components/DraggableModal.js

@@ -55,7 +55,11 @@ const DraggableModal = ({ children, isOpen, onRequestClose }) => {
         }
         pos.prevX = event.screenX;
         pos.prevY = event.screenY;
-        setPos((state) => (Object.assign(Object.assign({}, state), { prevX: event.screenX, prevY: event.screenY })));
+        setPos((state) => ({
+            ...state,
+            prevX: event.screenX,
+            prevY: event.screenY,
+        }));
         setDrag(true);
     };
     const mouseMove = (0, react_1.useCallback)(function (event) {
@@ -64,8 +68,13 @@ const DraggableModal = ({ children, isOpen, onRequestClose }) => {
         }
         const left = pos.left + event.screenX - pos.prevX;
         const top = pos.top + event.screenY - pos.prevY;
-        setPos((state) => (Object.assign(Object.assign({}, state), { left,
-            top, prevX: event.screenX, prevY: event.screenY })));
+        setPos((state) => ({
+            ...state,
+            left,
+            top,
+            prevX: event.screenX,
+            prevY: event.screenY,
+        }));
     }, [pos, drag]);
     (0, react_1.useEffect)(() => {
         const mouseup = () => {

package/dist/cjs/components/Drawer.js

@@ -26,10 +26,9 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = void 0;
+exports.Drawer = exports.DrawerItemMeta = exports.DrawerItemLabel = exports.DrawerLabelContainer = exports.DrawerIcon = exports.DrawerListItem = exports.DrawerItemsList = void 0;
 const react_1 = __importDefault(require("react"));
 const styled_components_1 = __importStar(require("styled-components"));
-const icons_1 = require("./icons");
 const slideIn = (0, styled_components_1.keyframes) `
   from {
     transform: translateX(100%);
@@ -40,6 +39,7 @@ const slideIn = (0, styled_components_1.keyframes) `
 `;
 const DrawerContainer = styled_components_1.default.div `
   width: ${(props) => props.width || '300px'};
+  padding: 40px 0 0 0;
   background: ${(props) => props.theme.colors.background.primary};
   border-right: 1px solid ${(props) => props.theme.colors.border.secondary};
   height: 100%;
@@ -51,7 +51,7 @@ const DrawerContainer = styled_components_1.default.div `
   top: 0;
   z-index: 1;
 `;
-const BackButton = styled_components_1.default.button `
+const DrawerBackButton = styled_components_1.default.button `
   padding: 8px 16px;
   border: none;
   background: none;
@@ -69,13 +69,13 @@ const BackButton = styled_components_1.default.button `
     opacity: 0.8;
   }
 `;
-const ItemsList = styled_components_1.default.ul `
+exports.DrawerItemsList = styled_components_1.default.ul `
   list-style: none;
   padding: 0;
   margin: 0;
   overflow-y: auto;
 `;
-const ListItem = styled_components_1.default.li `
+exports.DrawerListItem = styled_components_1.default.li `
   padding: 8px 16px;
   cursor: pointer;
   display: flex;
@@ -91,7 +91,7 @@ const ListItem = styled_components_1.default.li `
     border-bottom: none;
   }
 `;
-const Icon = styled_components_1.default.span `
+exports.DrawerIcon = styled_components_1.default.span `
   width: 20px;
   height: 20px;
   display: inline-flex;
@@ -99,47 +99,36 @@ const Icon = styled_components_1.default.span `
   justify-content: center;
 `;
 const DrawerTitle = styled_components_1.default.h2 `
-  padding: 8px 16px 6px 16px;
+  padding: 16px 16px 48px 16px;
   margin: 0;
   font-weight: ${(props) => props.theme.font.weight.normal};
   font-size: ${(props) => props.theme.font.size.large};
   font-family: ${(props) => props.theme.font.family.sans};
   color: ${(props) => props.theme.colors.text.secondary};
 `;
-const LabelContainer = styled_components_1.default.div `
+exports.DrawerLabelContainer = styled_components_1.default.div `
   display: flex;
   flex-direction: column;
   gap: 4px;
 `;
-const ItemLabel = styled_components_1.default.span `
+exports.DrawerItemLabel = styled_components_1.default.span `
   font-weight: ${(props) => props.theme.font.weight.normal};
   font-size: ${(props) => props.theme.font.size.medium};
   font-family: ${(props) => props.theme.font.family.sans};
   color: ${(props) => props.theme.colors.text.primary};
 `;
-const ItemMeta = styled_components_1.default.span `
+exports.DrawerItemMeta = styled_components_1.default.span `
   font-weight: ${(props) => props.theme.font.weight.normal};
   font-size: ${(props) => props.theme.font.size.small};
   font-family: ${(props) => props.theme.font.family.sans};
   color: ${(props) => props.theme.colors.text.secondary};
 `;
-const Drawer = ({ items, selectedIds = [], title, onSelect, onBack, width, }) => {
+const Drawer = ({ title, onBack, width, children, }) => {
     return (react_1.default.createElement(DrawerContainer, { "data-cy": "drawer", width: width },
-        react_1.default.createElement(BackButton, { onClick: onBack },
+        react_1.default.createElement(DrawerBackButton, { onClick: onBack },
             react_1.default.createElement("span", null, "\u2190"),
             "Back"),
         react_1.default.createElement(DrawerTitle, null, title),
-        react_1.default.createElement(ItemsList, null, items.map((item) => (react_1.default.createElement(ListItem, { "data-cy": "item", key: item.id, selected: selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(item.id), onClick: () => onSelect(item.id) },
-            react_1.default.createElement(Icon, null, (selectedIds === null || selectedIds === void 0 ? void 0 : selectedIds.includes(item.id)) ? (react_1.default.createElement(icons_1.AddedIcon, { width: 22, height: 22 })) : (react_1.default.createElement(icons_1.AddIcon, { width: 22, height: 22 }))),
-            react_1.default.createElement(LabelContainer, null,
-                react_1.default.createElement(ItemLabel, null, item.label),
-                react_1.default.createElement(ItemMeta, null,
-                    item.city && (react_1.default.createElement(react_1.default.Fragment, null,
-                        item.city,
-                        item.state || item.country ? ', ' : '')),
-                    item.state && (react_1.default.createElement(react_1.default.Fragment, null,
-                        item.state,
-                        item.country ? ', ' : '')),
-                    item.country && react_1.default.createElement(react_1.default.Fragment, null, item.country)))))))));
+        children));
 };
 exports.Drawer = Drawer;

package/dist/cjs/components/MultiValueInput.js

@@ -109,7 +109,7 @@ const MultiValueInput = ({ id, inputType, placeholder = '', initialValues = [],
         if (value.trim() && !values.includes(value.trim())) {
             const updatedValues = [...values, value.trim()];
             setValues(updatedValues);
-            onChange === null || onChange === void 0 ? void 0 : onChange(updatedValues);
+            onChange?.(updatedValues);
         }
         setCurrentValue('');
     };
@@ -136,7 +136,7 @@ const MultiValueInput = ({ id, inputType, placeholder = '', initialValues = [],
     const handleRemoveValue = (index) => {
         const updatedValues = values.filter((_, i) => i !== index);
         setValues(updatedValues);
-        onChange === null || onChange === void 0 ? void 0 : onChange(updatedValues);
+        onChange?.(updatedValues);
     };
     const xplaceholder = placeholder
         ? placeholder

package/dist/cjs/components/RadioButton.js

@@ -14,17 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -78,10 +67,7 @@ const Input = styled_components_1.default.input `
     }
   }
 `;
-const RadioButton = (_a) => {
-    var { checked, id, label, name } = _a, rest = __rest(_a, ["checked", "id", "label", "name"]);
-    return (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(Input, Object.assign({ checked: checked, type: "radio", name: name, id: id }, rest)),
-        react_1.default.createElement("label", { htmlFor: id }, label)));
-};
+const RadioButton = ({ checked, id, label, name, ...rest }) => (react_1.default.createElement(react_1.default.Fragment, null,
+    react_1.default.createElement(Input, { checked: checked, type: "radio", name: name, id: id, ...rest }),
+    react_1.default.createElement("label", { htmlFor: id }, label)));
 exports.RadioButton = RadioButton;

package/dist/cjs/components/RelativeDate.js

@@ -14,25 +14,13 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RelativeDate = void 0;
 const react_1 = __importDefault(require("react"));
-const RelativeDate = (_a) => {
-    var { date } = _a, props = __rest(_a, ["date"]);
+const RelativeDate = ({ date, ...props }) => {
     if (!date) {
         return null;
     }
@@ -43,6 +31,6 @@ const RelativeDate = (_a) => {
         value = Math.floor(value / 24);
         unit = 'day';
     }
-    return react_1.default.createElement("span", Object.assign({}, props), formatter.format(value, unit));
+    return react_1.default.createElement("span", { ...props }, formatter.format(value, unit));
 };
 exports.RelativeDate = RelativeDate;

package/dist/cjs/components/SelectField.js

@@ -21,5 +21,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SelectField = void 0;
 const react_1 = __importDefault(require("react"));
 const react_select_1 = __importDefault(require("react-select"));
-const SelectField = ({ id, options, field, form, }) => (react_1.default.createElement(react_select_1.default, { inputId: id, options: options, name: field.name, classNamePrefix: field.name, value: options === null || options === void 0 ? void 0 : options.find((option) => option.value === field.value), onChange: (option) => form.setFieldValue(field.name, option === null || option === void 0 ? void 0 : option.value), onBlur: field.onBlur }));
+const SelectField = ({ id, options, field, form, }) => (react_1.default.createElement(react_select_1.default, { inputId: id, options: options, name: field.name, classNamePrefix: field.name, value: options?.find((option) => option.value === field.value), onChange: (option) => form.setFieldValue(field.name, option?.value), onBlur: field.onBlur }));
 exports.SelectField = SelectField;

package/dist/cjs/components/SelectedItemsBox.js

@@ -1,15 +1,4 @@
 "use strict";
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -70,9 +59,8 @@ const RemoveButton = styled_components_1.default.button `
   font-family: ${(props) => props.theme.font.family.sans};
   font-weight: ${(props) => props.theme.font.weight.light};
 `;
-const SelectedItemsBox = (_a) => {
-    var { items, onRemove, placeholder = 'No items selected' } = _a, props = __rest(_a, ["items", "onRemove", "placeholder"]);
-    return (react_1.default.createElement(BoxContainer, Object.assign({}, props), items.length > 0 ? (react_1.default.createElement(ItemsList, null, items.map((item) => (react_1.default.createElement(Item, { key: item.id, "data-cy": "item" },
+const SelectedItemsBox = ({ items, onRemove, placeholder = 'No items selected', ...props }) => {
+    return (react_1.default.createElement(BoxContainer, { ...props }, items.length > 0 ? (react_1.default.createElement(ItemsList, null, items.map((item) => (react_1.default.createElement(Item, { key: item.id, "data-cy": "item" },
         item.label,
         react_1.default.createElement(RemoveButton, { onClick: () => onRemove(item.id), "aria-label": `Remove ${item.label}` }, "x")))))) : (react_1.default.createElement(EmptyContainer, null,
         react_1.default.createElement(Placeholder, null, placeholder)))));

package/dist/cjs/components/StyledModal.js

@@ -14,17 +14,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-var __rest = (this && this.__rest) || function (s, e) {
-    var t = {};
-    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-        t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -38,13 +27,15 @@ const Sidebar_1 = require("./Sidebar");
 const totalTransitionTime = 800;
 const transitionDelay = 300;
 const delayedTransitionTime = totalTransitionTime - transitionDelay;
-const ReactModalAdapter = (_a) => {
-    var { className, modalClassName } = _a, props = __rest(_a, ["className", "modalClassName"]);
+const ReactModalAdapter = ({ className, modalClassName, ...props }) => {
     props.style = props.style || {};
     if (props.pointerEventsOnBackdrop == 'none') {
-        props.style.content = Object.assign(Object.assign({}, props.style.content), { pointerEvents: 'all' });
+        props.style.content = {
+            ...props.style.content,
+            pointerEvents: 'all',
+        };
     }
-    return (react_1.default.createElement(react_modal_1.default, Object.assign({ className: modalClassName, portalClassName: className, closeTimeoutMS: totalTransitionTime, preventScroll: true, appElement: document.getElementById('root') }, props)));
+    return (react_1.default.createElement(react_modal_1.default, { className: modalClassName, portalClassName: className, closeTimeoutMS: totalTransitionTime, preventScroll: true, appElement: document.getElementById('root'), ...props }));
 };
 exports.ModalContainer = styled_components_1.default.div `
   background: ${(props) => props.theme.colors.background.primary};
@@ -58,11 +49,12 @@ exports.ModalHeader = styled_components_1.default.div `
   position: absolute;
   right: 0;
   top: 0;
-  z-index: 1;
+  z-index: 3;
 `;
 exports.CloseButton = (0, styled_components_1.default)(Button_1.RoundIconButton) `
   box-shadow: none;
   text-indent: -99999px;
+  z-index: 2;
 
   ::before,
   ::after {
@@ -121,6 +113,7 @@ exports.ModelContent = styled_components_1.default.div `
 `;
 exports.ScrollableModalContent = (0, styled_components_1.default)(exports.ModelContent) `
   overflow-y: auto;
+  max-height: 100%;
 `;
 exports.StyledModal = (0, styled_components_1.default)(ReactModalAdapter).attrs({
     closeTimeoutMS: totalTransitionTime,

package/dist/cjs/components/Tooltip.js

@@ -29,7 +29,7 @@ const StyledTooltipWrapper = styled_components_1.default.div `
 `;
 const defaultOpenEvents = ['click', 'mouseenter'];
 const Tooltip = (props) => (react_1.default.createElement(StyledTooltipWrapper, null,
-    react_1.default.createElement(react_tooltip_1.Tooltip, Object.assign({ positionStrategy: "fixed", offset: 10, openEvents: {
+    react_1.default.createElement(react_tooltip_1.Tooltip, { positionStrategy: "fixed", offset: 10, openEvents: {
             mouseenter: true,
             mouseover: true,
             click: false,
@@ -38,5 +38,5 @@ const Tooltip = (props) => (react_1.default.createElement(StyledTooltipWrapper,
             mouseout: true,
             blur: true,
             click: false,
-        } }, props))));
+        }, ...props })));
 exports.Tooltip = Tooltip;

package/dist/cjs/components/icons/add-author.js

@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AddAuthorIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const AddAuthorIcon = (props) => (react_1.default.createElement("svg", { width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     react_1.default.createElement("rect", { width: "24", height: "24", rx: "12", fill: "#0D79D0" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.5 8C12.2515 8 12.05 8.20147 12.05 8.45V12.05H8.45C8.20147 12.05 8 12.2515 8 12.5C8 12.7485 8.20147 12.95 8.45 12.95H12.05V16.55C12.05 16.7985 12.2515 17 12.5 17C12.7485 17 12.95 16.7985 12.95 16.55V12.95H16.55C16.7985 12.95 17 12.7485 17 12.5C17 12.2515 16.7985 12.05 16.55 12.05H12.95V8.45C12.95 8.20147 12.7485 8 12.5 8Z", fill: "white" }),
     react_1.default.createElement("path", { d: "M12.05 12.05V12.55H12.55V12.05H12.05ZM12.05 12.95H12.55V12.45H12.05V12.95ZM12.95 12.95V12.45H12.45V12.95H12.95ZM12.95 12.05H12.45V12.55H12.95V12.05ZM12.55 8.45C12.55 8.47761 12.5276 8.5 12.5 8.5V7.5C11.9753 7.5 11.55 7.92533 11.55 8.45H12.55ZM12.55 12.05V8.45H11.55V12.05H12.55ZM8.45 12.55H12.05V11.55H8.45V12.55ZM8.5 12.5C8.5 12.5276 8.47761 12.55 8.45 12.55V11.55C7.92533 11.55 7.5 11.9753 7.5 12.5H8.5ZM8.45 12.45C8.47761 12.45 8.5 12.4724 8.5 12.5H7.5C7.5 13.0247 7.92533 13.45 8.45 13.45V12.45ZM12.05 12.45H8.45V13.45H12.05V12.45ZM12.55 16.55V12.95H11.55V16.55H12.55ZM12.5 16.5C12.5276 16.5 12.55 16.5224 12.55 16.55H11.55C11.55 17.0747 11.9753 17.5 12.5 17.5V16.5ZM12.45 16.55C12.45 16.5224 12.4724 16.5 12.5 16.5V17.5C13.0247 17.5 13.45 17.0747 13.45 16.55H12.45ZM12.45 12.95V16.55H13.45V12.95H12.45ZM16.55 12.45H12.95V13.45H16.55V12.45ZM16.5 12.5C16.5 12.4724 16.5224 12.45 16.55 12.45V13.45C17.0747 13.45 17.5 13.0247 17.5 12.5H16.5ZM16.55 12.55C16.5224 12.55 16.5 12.5276 16.5 12.5H17.5C17.5 11.9753 17.0747 11.55 16.55 11.55V12.55ZM12.95 12.55H16.55V11.55H12.95V12.55ZM12.45 8.45V12.05H13.45V8.45H12.45ZM12.5 8.5C12.4724 8.5 12.45 8.47761 12.45 8.45H13.45C13.45 7.92533 13.0247 7.5 12.5 7.5V8.5Z", fill: "white" })));

package/dist/cjs/components/icons/add-comment.js

@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AddCommentIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "20", height: "15", viewBox: "0 0 20 15", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const AddCommentIcon = (props) => (react_1.default.createElement("svg", { width: "20", height: "15", viewBox: "0 0 20 15", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.94841 4.18359C7.98238 3.96069 8 3.7324 8 3.5C8 3.22122 7.97465 2.94836 7.92613 2.68359H13.5C14.8854 2.68359 16.25 3.64298 16.25 5.10026V9.02502L19.1086 12.9954C19.2731 13.2238 19.2958 13.525 19.1675 13.7755C19.0392 14.026 18.7814 14.1836 18.5 14.1836H5.5C4.11463 14.1836 2.75 13.2242 2.75 11.7669V7.93778C2.9939 7.9787 3.24446 8 3.5 8C3.75553 8 4.00609 7.9787 4.25 7.93778V11.7669C4.25 12.1513 4.67537 12.6836 5.5 12.6836H17.0358L14.8913 9.70516C14.7994 9.57751 14.75 9.42421 14.75 9.26693V5.10026C14.75 4.71587 14.3246 4.18359 13.5 4.18359H7.94841Z", fill: "#FFBD26" }),
     react_1.default.createElement("path", { d: "M11.5 7H8.5", stroke: "#FFBD26", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M12 10H7", stroke: "#FFBD26", strokeWidth: "1.5", strokeMiterlimit: "10", strokeLinecap: "round", strokeLinejoin: "round" }),

package/dist/cjs/components/icons/add-figure.js

@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AddFigureIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const AddFigureIcon = (props) => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     react_1.default.createElement("path", { d: "M14.5 15.5H1.5C0.948 15.5 0.5 15.052 0.5 14.5V1.5C0.5 0.948 0.948 0.5 1.5 0.5H14.5C15.052 0.5 15.5 0.948 15.5 1.5V14.5C15.5 15.052 15.052 15.5 14.5 15.5Z", stroke: "#353535", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M2.5 12.5L9.5 7.5L13.5 11.5", stroke: "#353535", strokeWidth: "1.5", strokeLinecap: "round", strokeLinejoin: "round" }),
     react_1.default.createElement("path", { d: "M4.5 7C5.32843 7 6 6.32843 6 5.5C6 4.67157 5.32843 4 4.5 4C3.67157 4 3 4.67157 3 5.5C3 6.32843 3.67157 7 4.5 7Z", fill: "#353535" })));

package/dist/cjs/components/icons/add-institution.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AddInstitutionIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, props, { xmlns: "http://www.w3.org/2000/svg" }),
+const AddInstitutionIcon = (props) => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...props, xmlns: "http://www.w3.org/2000/svg" },
     react_1.default.createElement("g", { clipPath: "url(#clip0_23584_38259)" },
         react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1 5.5C0.7 5.5 0.5 5.3 0.5 5V4C0.5 3.8 0.6 3.6 0.8 3.55L8.1 0.55C8.2 0.5 8.25 0.5 8.3 0.5C8.35 0.5 8.45 0.5 8.5 0.55L15.2 3.55C15.4 3.6 15.5 3.8 15.5 4V5C15.5 5.3 15.3 5.5 15 5.5H1Z", fill: "white" }),
         react_1.default.createElement("path", { d: "M8.3 1L15 4V5H1V4L8.3 1ZM8.3 0C8.15 0 8.05 0 7.9 0.05L0.6 3.05C0.25 3.25 0 3.6 0 4V5C0 5.55 0.45 6 1 6H15C15.55 6 16 5.55 16 5V4C16 3.6 15.75 3.25 15.4 3.1L8.7 0.1C8.6 0.05 8.45 0 8.3 0Z", fill: "#0D79D0" }),

package/dist/cjs/components/icons/add-new.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AddNewIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const AddNewIcon = (props) => (react_1.default.createElement("svg", { width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     react_1.default.createElement("rect", { x: "1.25", y: "1.25", width: "13.5", height: "15.5", rx: "1.75", fill: "white", stroke: "#6E6E6E", strokeWidth: "1.5" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M9 6.5C9 6.08579 8.66421 5.75 8.25 5.75H7.25V4.75C7.25 4.33579 6.91421 4 6.5 4C6.08579 4 5.75 4.33579 5.75 4.75V5.75H4.75C4.33579 5.75 4 6.08579 4 6.5C4 6.91421 4.33579 7.25 4.75 7.25H5.75V8.25C5.75 8.66421 6.08579 9 6.5 9C6.91421 9 7.25 8.66421 7.25 8.25V7.25H8.25C8.66421 7.25 9 6.91421 9 6.5Z", fill: "#6E6E6E" })));
 exports.default = AddNewIcon;

package/dist/cjs/components/icons/add-outline.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AddOutlineIcon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "16", height: "18", viewBox: "0 0 16 18", fill: "none" }, props),
+const AddOutlineIcon = (props) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "16", height: "18", viewBox: "0 0 16 18", fill: "none", ...props },
     react_1.default.createElement("path", { d: "M6.875 1.27794C7.57115 0.876016 8.42885 0.876016 9.125 1.27794L14.125 4.16469C14.8212 4.56662 15.25 5.3094 15.25 6.11325V11.8868C15.25 12.6906 14.8212 13.4334 14.125 13.8353L9.125 16.7221C8.42885 17.124 7.57115 17.124 6.875 16.7221L1.875 13.8353C1.17885 13.4334 0.75 12.6906 0.75 11.8868V6.11325C0.75 5.3094 1.17885 4.56662 1.875 4.16469L6.875 1.27794Z", stroke: "#353535", strokeWidth: "1.5" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.00244 4.70996C7.78153 4.70996 7.60244 4.88905 7.60244 5.10996V8.30996H4.40244C4.18153 8.30996 4.00244 8.48905 4.00244 8.70996C4.00244 8.93087 4.18153 9.10996 4.40244 9.10996H7.60244V12.31C7.60244 12.5309 7.78153 12.71 8.00244 12.71C8.22336 12.71 8.40244 12.5309 8.40244 12.31V9.10996H11.6024C11.8234 9.10996 12.0024 8.93087 12.0024 8.70996C12.0024 8.48905 11.8234 8.30996 11.6024 8.30996H8.40244V5.10996C8.40244 4.88905 8.22336 4.70996 8.00244 4.70996Z", fill: "#353535" }),
     react_1.default.createElement("path", { d: "M7.60244 8.30996V8.80996H8.10244V8.30996H7.60244ZM7.60244 9.10996H8.10244V8.60996H7.60244V9.10996ZM8.40244 9.10996V8.60996H7.90244V9.10996H8.40244ZM8.40244 8.30996H7.90244V8.80996H8.40244V8.30996ZM8.10244 5.10996C8.10244 5.16519 8.05767 5.20996 8.00244 5.20996V4.20996C7.50539 4.20996 7.10244 4.6129 7.10244 5.10996H8.10244ZM8.10244 8.30996V5.10996H7.10244V8.30996H8.10244ZM4.40244 8.80996H7.60244V7.80996H4.40244V8.80996ZM4.50244 8.70996C4.50244 8.76519 4.45767 8.80996 4.40244 8.80996V7.80996C3.90538 7.80996 3.50244 8.2129 3.50244 8.70996H4.50244ZM4.40244 8.60996C4.45767 8.60996 4.50244 8.65473 4.50244 8.70996H3.50244C3.50244 9.20702 3.90538 9.60996 4.40244 9.60996V8.60996ZM7.60244 8.60996H4.40244V9.60996H7.60244V8.60996ZM8.10244 12.31V9.10996H7.10244V12.31H8.10244ZM8.00244 12.21C8.05767 12.21 8.10244 12.2547 8.10244 12.31H7.10244C7.10244 12.807 7.50539 13.21 8.00244 13.21V12.21ZM7.90244 12.31C7.90244 12.2547 7.94721 12.21 8.00244 12.21V13.21C8.4995 13.21 8.90244 12.807 8.90244 12.31H7.90244ZM7.90244 9.10996V12.31H8.90244V9.10996H7.90244ZM11.6024 8.60996H8.40244V9.60996H11.6024V8.60996ZM11.5024 8.70996C11.5024 8.65473 11.5472 8.60996 11.6024 8.60996V9.60996C12.0995 9.60996 12.5024 9.20702 12.5024 8.70996H11.5024ZM11.6024 8.80996C11.5472 8.80996 11.5024 8.76519 11.5024 8.70996H12.5024C12.5024 8.21291 12.0995 7.80996 11.6024 7.80996V8.80996ZM8.40244 8.80996H11.6024V7.80996H8.40244V8.80996ZM7.90244 5.10996V8.30996H8.90244V5.10996H7.90244ZM8.00244 5.20996C7.94721 5.20996 7.90244 5.16519 7.90244 5.10996H8.90244C8.90244 4.6129 8.4995 4.20996 8.00244 4.20996V5.20996Z", fill: "#353535" })));

package/dist/cjs/components/icons/add-role.js

@@ -0,0 +1,11 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const AddRoleIcon = (props) => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.00688 7.74367C5.14845 7.98076 5.07101 8.28773 4.83392 8.42929C3.8872 8.99458 3.31472 9.23561 2.90515 9.40805C2.87244 9.42182 2.84077 9.43516 2.81003 9.44818C2.43279 9.60806 2.23693 9.70285 1.90606 10.0406C1.80749 10.1412 1.7037 10.3521 1.62666 10.6937C1.55288 11.0208 1.51732 11.4038 1.50512 11.7802C1.49301 12.1538 1.50432 12.5058 1.51886 12.7655C1.5261 12.8948 1.53409 13.0002 1.5402 13.0726C1.54039 13.0748 1.54057 13.077 1.54075 13.0791C1.5571 13.0965 1.58434 13.1215 1.62852 13.1526C1.72502 13.2205 1.87112 13.2957 2.07447 13.3717C2.48086 13.5237 3.04678 13.6542 3.72897 13.756C5.08851 13.959 6.82749 14.0364 8.48424 13.9842C8.76025 13.9755 8.99105 14.1922 8.99975 14.4682C9.00846 14.7442 8.79177 14.975 8.51576 14.9837C6.81518 15.0373 5.01419 14.959 3.58133 14.7451C2.86732 14.6385 2.22392 14.4953 1.72416 14.3084C1.47445 14.215 1.24327 14.1044 1.05281 13.9703C0.865818 13.8386 0.682404 13.6591 0.587339 13.416C0.571134 13.3746 0.560531 13.3312 0.555811 13.287L1.05299 13.2339C0.555811 13.287 0.555811 13.287 0.555811 13.287L0.555471 13.2837L0.554734 13.2766L0.552195 13.2508C0.550072 13.2287 0.54714 13.197 0.543741 13.1567C0.536946 13.0762 0.52826 12.9613 0.520422 12.8214C0.504795 12.5423 0.492303 12.1594 0.505648 11.7478C0.518906 11.3388 0.55807 10.8864 0.651169 10.4736C0.741001 10.0754 0.896249 9.64235 1.19176 9.34073C1.64906 8.87397 1.9757 8.71567 2.41983 8.52745C2.45104 8.51423 2.48302 8.50077 2.51589 8.48693C2.91031 8.32093 3.43386 8.10057 4.32126 7.5707C4.55835 7.42914 4.86532 7.50657 5.00688 7.74367ZM9.99312 7.74367C10.1347 7.50658 10.4417 7.42914 10.6787 7.5707C11.3743 7.98602 11.8461 8.21084 12.2004 8.36581C12.4534 8.47647 12.5688 8.77128 12.4581 9.02427C12.3474 9.27727 12.0526 9.39266 11.7996 9.282C11.4098 9.1115 10.9004 8.86775 10.1661 8.42929C9.92899 8.28773 9.85155 7.98076 9.99312 7.74367Z", fill: "#0D79D0" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.5 7C9.15685 7 10.5 5.65685 10.5 4C10.5 2.34315 9.15685 1 7.5 1C5.84315 1 4.5 2.34315 4.5 4C4.5 5.65685 5.84315 7 7.5 7ZM7.5 8C9.70914 8 11.5 6.20914 11.5 4C11.5 1.79086 9.70914 0 7.5 0C5.29086 0 3.5 1.79086 3.5 4C3.5 6.20914 5.29086 8 7.5 8Z", fill: "#0D79D0" }),
+    react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.25 13.75V15.25C13.25 15.6642 12.9142 16 12.5 16C12.0858 16 11.75 15.6642 11.75 15.25V13.75H10.25C9.83579 13.75 9.5 13.4142 9.5 13C9.5 12.5858 9.83579 12.25 10.25 12.25H11.75V10.75C11.75 10.3358 12.0858 10 12.5 10C12.9142 10 13.25 10.3358 13.25 10.75V12.25H14.75C15.1642 12.25 15.5 12.5858 15.5 13C15.5 13.4142 15.1642 13.75 14.75 13.75H13.25Z", fill: "#0D79D0" })));
+exports.default = AddRoleIcon;

package/dist/cjs/components/icons/add-user.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AddUserIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none" }, props, { xmlns: "http://www.w3.org/2000/svg" }),
+const AddUserIcon = (props) => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", ...props, xmlns: "http://www.w3.org/2000/svg" },
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M5.00688 7.74367C5.14845 7.98076 5.07101 8.28773 4.83392 8.42929C3.8872 8.99458 3.31472 9.23561 2.90515 9.40805C2.87244 9.42182 2.84077 9.43516 2.81003 9.44818C2.43279 9.60806 2.23693 9.70285 1.90606 10.0406C1.80749 10.1412 1.7037 10.3521 1.62666 10.6937C1.55288 11.0208 1.51732 11.4038 1.50512 11.7802C1.49301 12.1538 1.50432 12.5058 1.51886 12.7655C1.5261 12.8948 1.53409 13.0002 1.5402 13.0726C1.54039 13.0748 1.54057 13.077 1.54075 13.0791C1.5571 13.0965 1.58434 13.1215 1.62852 13.1526C1.72502 13.2205 1.87112 13.2957 2.07447 13.3717C2.48086 13.5237 3.04678 13.6542 3.72897 13.756C5.08851 13.959 6.82749 14.0364 8.48424 13.9842C8.76025 13.9755 8.99105 14.1922 8.99975 14.4682C9.00846 14.7442 8.79177 14.975 8.51576 14.9837C6.81518 15.0373 5.01419 14.959 3.58133 14.7451C2.86732 14.6385 2.22392 14.4953 1.72416 14.3084C1.47445 14.215 1.24327 14.1044 1.05281 13.9703C0.865818 13.8386 0.682404 13.6591 0.587339 13.416C0.571134 13.3746 0.560531 13.3312 0.555811 13.287L1.05299 13.2339C0.555811 13.287 0.555811 13.287 0.555811 13.287L0.555471 13.2837L0.554734 13.2766L0.552195 13.2508C0.550072 13.2287 0.54714 13.197 0.543741 13.1567C0.536946 13.0762 0.52826 12.9613 0.520422 12.8214C0.504795 12.5423 0.492303 12.1594 0.505648 11.7478C0.518906 11.3388 0.55807 10.8864 0.651169 10.4736C0.741001 10.0754 0.896249 9.64235 1.19176 9.34073C1.64906 8.87397 1.9757 8.71567 2.41983 8.52745C2.45104 8.51423 2.48302 8.50077 2.51589 8.48693C2.91031 8.32093 3.43386 8.10057 4.32126 7.5707C4.55835 7.42914 4.86532 7.50657 5.00688 7.74367ZM9.99312 7.74367C10.1347 7.50658 10.4417 7.42914 10.6787 7.5707C11.3743 7.98602 11.8461 8.21084 12.2004 8.36581C12.4534 8.47647 12.5688 8.77128 12.4581 9.02427C12.3474 9.27727 12.0526 9.39266 11.7996 9.282C11.4098 9.1115 10.9004 8.86775 10.1661 8.42929C9.92899 8.28773 9.85155 7.98076 9.99312 7.74367Z", fill: "#0D79D0" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.5 7C9.15685 7 10.5 5.65685 10.5 4C10.5 2.34315 9.15685 1 7.5 1C5.84315 1 4.5 2.34315 4.5 4C4.5 5.65685 5.84315 7 7.5 7ZM7.5 8C9.70914 8 11.5 6.20914 11.5 4C11.5 1.79086 9.70914 0 7.5 0C5.29086 0 3.5 1.79086 3.5 4C3.5 6.20914 5.29086 8 7.5 8Z", fill: "#0D79D0" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.25 13.75V15.25C13.25 15.6642 12.9142 16 12.5 16C12.0858 16 11.75 15.6642 11.75 15.25V13.75H10.25C9.83579 13.75 9.5 13.4142 9.5 13C9.5 12.5858 9.83579 12.25 10.25 12.25H11.75V10.75C11.75 10.3358 12.0858 10 12.5 10C12.9142 10 13.25 10.3358 13.25 10.75V12.25H14.75C15.1642 12.25 15.5 12.5858 15.5 13C15.5 13.4142 15.1642 13.75 14.75 13.75H13.25Z", fill: "#0D79D0" })));

package/dist/cjs/components/icons/add.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AddIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "22", height: "24", viewBox: "0 0 22 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const AddIcon = (props) => (react_1.default.createElement("svg", { width: "22", height: "24", viewBox: "0 0 22 24", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.55064 0.720124C10.0717 -0.134581 11.9283 -0.134583 13.4494 0.720123L19.4494 4.0916C21.0248 4.97688 22 6.64341 22 8.45057V14.9612C22 16.7684 21.0248 18.4349 19.4494 19.3202L13.4494 22.6916C11.9283 23.5463 10.0717 23.5463 8.55064 22.6916L2.55064 19.3202C0.975165 18.4349 0 16.7684 0 14.9612L0 8.45057C0 6.64341 0.975162 4.97688 2.55064 4.0916L8.55064 0.720124Z", fill: "#FFBD26" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0039 5.96533C10.7002 5.96533 10.4539 6.21158 10.4539 6.51533V10.783H6.0392C5.74357 10.783 5.50391 11.0226 5.50391 11.3183C5.50391 11.6139 5.74357 11.8536 6.0392 11.8536H10.4539V16.1212C10.4539 16.425 10.7002 16.6712 11.0039 16.6712C11.3077 16.6712 11.5539 16.425 11.5539 16.1212V11.8536H15.9686C16.2642 11.8536 16.5039 11.6139 16.5039 11.3183C16.5039 11.0226 16.2642 10.783 15.9686 10.783H11.5539V6.51533C11.5539 6.21158 11.3077 5.96533 11.0039 5.96533Z", fill: "white" }),
     react_1.default.createElement("path", { d: "M10.4539 10.783V11.283H10.9539V10.783H10.4539ZM10.4539 11.8536H10.9539V11.3536H10.4539V11.8536ZM11.5539 11.8536V11.3536H11.0539V11.8536H11.5539ZM11.5539 10.783H11.0539V11.283H11.5539V10.783ZM10.9539 6.51533C10.9539 6.48772 10.9763 6.46533 11.0039 6.46533V5.46533C10.424 5.46533 9.95391 5.93543 9.95391 6.51533H10.9539ZM10.9539 10.783V6.51533H9.95391V10.783H10.9539ZM6.0392 11.283H10.4539V10.283H6.0392V11.283ZM6.00391 11.3183C6.00391 11.2988 6.01971 11.283 6.0392 11.283V10.283C5.46742 10.283 5.00391 10.7465 5.00391 11.3183H6.00391ZM6.0392 11.3536C6.01971 11.3536 6.00391 11.3378 6.00391 11.3183H5.00391C5.00391 11.89 5.46742 12.3536 6.0392 12.3536V11.3536ZM10.4539 11.3536H6.0392V12.3536H10.4539V11.3536ZM10.9539 16.1212V11.8536H9.95391V16.1212H10.9539ZM11.0039 16.1712C10.9763 16.1712 10.9539 16.1488 10.9539 16.1212H9.95391C9.95391 16.7011 10.424 17.1712 11.0039 17.1712V16.1712ZM11.0539 16.1212C11.0539 16.1488 11.0315 16.1712 11.0039 16.1712V17.1712C11.5838 17.1712 12.0539 16.7011 12.0539 16.1212H11.0539ZM11.0539 11.8536V16.1212H12.0539V11.8536H11.0539ZM15.9686 11.3536H11.5539V12.3536H15.9686V11.3536ZM16.0039 11.3183C16.0039 11.3378 15.9881 11.3536 15.9686 11.3536V12.3536C16.5404 12.3536 17.0039 11.89 17.0039 11.3183H16.0039ZM15.9686 11.283C15.9881 11.283 16.0039 11.2988 16.0039 11.3183H17.0039C17.0039 10.7465 16.5404 10.283 15.9686 10.283V11.283ZM11.5539 11.283H15.9686V10.283H11.5539V11.283ZM11.0539 6.51533V10.783H12.0539V6.51533H11.0539ZM11.0039 6.46533C11.0315 6.46533 11.0539 6.48772 11.0539 6.51533H12.0539C12.0539 5.93543 11.5838 5.46533 11.0039 5.46533V6.46533Z", fill: "white" })));

package/dist/cjs/components/icons/added.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AddedIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const AddedIcon = (props) => (react_1.default.createElement("svg", { width: "22", height: "22", viewBox: "0 0 22 22", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M13.538 0.721074L18.6149 3.57386C20.1857 4.45652 21.1534 6.08774 21.1534 7.85305V13.5586C21.1534 15.3239 20.1857 16.9552 18.6149 17.8378L13.538 20.6906C11.9672 21.5733 10.0319 21.5733 8.46109 20.6906L3.38416 17.8378C1.81336 16.9552 0.845703 15.3239 0.845703 13.5586V7.85305C0.845703 6.08774 1.81336 4.45652 3.38416 3.57386L8.46109 0.721074C10.0319 -0.161582 11.9672 -0.161582 13.538 0.721074Z", fill: "#80BE86" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.83268 10.9309C7.49327 10.6199 6.94679 10.6344 6.62336 10.9522L6.53347 11.0406C6.20499 11.3634 6.21569 11.8788 6.55357 12.1884L9.46864 14.8597L16.5368 8.29962C16.8769 7.98396 16.8719 7.47082 16.5372 7.16418L16.4442 7.07895C16.1044 6.76753 15.5537 6.76749 15.2148 7.07833L9.42434 12.3895L7.83268 10.9309Z", fill: "white" })));
 exports.default = AddedIcon;

package/dist/cjs/components/icons/affiliation-placeholder.js

@@ -19,7 +19,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AffiliationPlaceholderIcon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "300", height: "300", viewBox: "0 0 300 300", fill: "none" }, props),
+const AffiliationPlaceholderIcon = (props) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "300", height: "300", viewBox: "0 0 300 300", fill: "none", ...props },
     react_1.default.createElement("path", { opacity: "0.599", fillRule: "evenodd", clipRule: "evenodd", d: "M168.692 9.91468L262.258 63.9018C267.848 67.127 272.49 71.7671 275.718 77.3556C278.945 82.9441 280.644 89.284 280.644 95.7375V203.671C280.644 210.125 278.945 216.465 275.717 222.053C272.489 227.642 267.847 232.282 262.257 235.507L168.691 289.493C163.105 292.715 156.771 294.412 150.322 294.412C143.874 294.412 137.539 292.715 131.954 289.493L38.3874 235.507C32.7974 232.282 28.155 227.642 24.9273 222.053C21.6995 216.465 20.0001 210.125 20 203.671V95.7375C20.0001 89.2839 21.6995 82.944 24.9273 77.3555C28.155 71.767 32.7974 67.1269 38.3874 63.9018L131.954 9.91468C137.539 6.69207 143.874 4.99561 150.322 4.99561C156.771 4.99561 163.105 6.69207 168.691 9.91468H168.692Z", fill: "#F2F2F2" }),
     react_1.default.createElement("path", { opacity: "0.268", d: "M150.093 231.872C195.274 231.872 231.9 195.246 231.9 150.065C231.9 104.884 195.274 68.2578 150.093 68.2578C104.912 68.2578 68.2856 104.884 68.2856 150.065C68.2856 195.246 104.912 231.872 150.093 231.872Z", fill: "#D5E7E9" }),
     react_1.default.createElement("path", { opacity: "0.644", d: "M150.093 201.942C178.744 201.942 201.97 178.716 201.97 150.065C201.97 121.413 178.744 98.187 150.093 98.187C121.442 98.187 98.2151 121.413 98.2151 150.065C98.2151 178.716 121.442 201.942 150.093 201.942Z", fill: "#D5E7E9" }),

package/dist/cjs/components/icons/affiliation.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const AffiliationIcon = (props) => (react_1.default.createElement("svg", Object.assign({ xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none" }, props),
+const AffiliationIcon = (props) => (react_1.default.createElement("svg", { xmlns: "http://www.w3.org/2000/svg", width: "24", height: "24", viewBox: "0 0 24 24", fill: "none", ...props },
     react_1.default.createElement("path", { d: "M13.65 4.50004C13.65 5.41131 12.9113 6.15004 12 6.15004C11.0888 6.15004 10.35 5.41131 10.35 4.50004C10.35 3.58877 11.0888 2.85004 12 2.85004C12.9113 2.85004 13.65 3.58877 13.65 4.50004Z", fill: "#6E6E6E" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.5 19.5C0.675 19.5 0 20.175 0 21V22.5C0 23.325 0.675 24 1.5 24H22.5C23.325 24 24 23.325 24 22.5V21C24 20.175 23.325 19.5 22.5 19.5V9C23.325 9 24 8.325 24 7.5V6C24 5.4 23.625 4.875 23.1 4.65L12.6 0.15C12.45 0.075 12.225 0 12 0C11.775 0 11.625 0 11.4 0.075L0.9 4.575C0.375 4.875 0 5.4 0 6V7.5C0 8.325 0.675 9 1.5 9V19.5ZM22.5 6L12 1.5L1.5 6V7.5H22.5V6ZM4.5 9H3V19.5H4.5V9ZM6 19.5H9.75V9H6V19.5ZM1.5 21V22.5H22.5V21H1.5ZM12.75 9V19.5H11.25V9H12.75ZM14.25 19.5H18V9H14.25V19.5ZM21 19.5H19.5V9H21V19.5Z", fill: "#6E6E6E" })));
 exports.default = AffiliationIcon;

package/dist/cjs/components/icons/arrow-down-circle.js

@@ -4,7 +4,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const ArrowDownCircleIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "19", height: "19", viewBox: "0 0 19 19", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ArrowDownCircleIcon = (props) => (react_1.default.createElement("svg", { width: "19", height: "19", viewBox: "0 0 19 19", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     react_1.default.createElement("path", { d: "M18.5 9.5C18.5 14.4706 14.4706 18.5 9.5 18.5C4.52944 18.5 0.5 14.4706 0.5 9.5C0.5 4.52944 4.52944 0.5 9.5 0.5C14.4706 0.5 18.5 4.52944 18.5 9.5Z", stroke: "#E2E2E2" }),
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.3437 8.231C12.7604 7.88994 13.3921 7.93134 13.7545 8.32348C14.117 8.71562 14.073 9.31 13.6562 9.65106L9.56451 13L5.35969 9.70134C4.93548 9.36855 4.87828 8.77516 5.23193 8.37598C5.58557 7.97679 6.21615 7.92296 6.64035 8.25575L9.53703 10.5282L12.3437 8.231Z", fill: "#6E6E6E" })));
 exports.default = ArrowDownCircleIcon;

package/dist/cjs/components/icons/arrow-down.js

@@ -4,6 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const ArrowDownIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ArrowDownIcon = (props) => (react_1.default.createElement("svg", { width: "16", height: "16", viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M11.0625 6L12 6.9375L8 10.9375L4 6.9375L4.9375 6L8 9.0625L11.0625 6Z", fill: "#6E6E6E" })));
 exports.default = ArrowDownIcon;

package/dist/cjs/components/icons/arrow-left.js

@@ -4,6 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const ArrowLeftIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ArrowLeftIcon = (props) => (react_1.default.createElement("svg", { width: "12", height: "12", viewBox: "0 0 12 12", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M7.769 9.34373C8.11006 9.76045 8.06866 10.3921 7.67652 10.7545C7.28438 11.117 6.69 11.073 6.34894 10.6562L3 6.56451L6.29866 2.35969C6.63145 1.93548 7.22484 1.87828 7.62403 2.23193C8.02321 2.58557 8.07704 3.21615 7.74425 3.64035L5.47182 6.53703L7.769 9.34373Z", fill: "#6E6E6E" })));
 exports.default = ArrowLeftIcon;

package/dist/cjs/components/icons/arrow-up.js

@@ -4,6 +4,6 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 const react_1 = __importDefault(require("react"));
-const ArrowUpIcon = (props) => (react_1.default.createElement("svg", Object.assign({ width: "9", height: "5", viewBox: "0 0 9 5", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props),
+const ArrowUpIcon = (props) => (react_1.default.createElement("svg", { width: "9", height: "5", viewBox: "0 0 9 5", fill: "none", xmlns: "http://www.w3.org/2000/svg", ...props },
     react_1.default.createElement("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M1.65627 4.769C1.23955 5.11006 0.607922 5.06866 0.24548 4.67652C-0.116961 4.28438 -0.0729634 3.69 0.343752 3.34894L4.43549 7.75526e-07L8.64031 3.29867C9.06452 3.63145 9.12172 4.22484 8.76807 4.62403C8.41443 5.02321 7.78385 5.07704 7.35965 4.74425L4.46297 2.47182L1.65627 4.769Z", fill: "#6E6E6E" })));
 exports.default = ArrowUpIcon;