ketcher-macromolecules 3.7.0-rc.2 → 3.8.0-dev.1

package/dist/Editor.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 import { CoreEditor } from 'ketcher-core';
 import { EditorTheme } from "./theming/defaultTheme";
 import { DeepPartial } from './types';

package/dist/components/Layout/Layout.d.ts

@@ -21,10 +21,10 @@ export declare const Layout: {
     ({ children }: LayoutProps): import("@emotion/react/jsx-runtime").JSX.Element;
     Left: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         hide?: boolean | undefined;
-    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
         theme?: import("@emotion/react").Theme | undefined;
     }, {}, {}>;
     Top: (props: React.HTMLAttributes<HTMLDivElement> & {
@@ -32,23 +32,23 @@ export declare const Layout: {
     }) => import("@emotion/react/jsx-runtime").JSX.Element;
     Bottom: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     Right: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
     } & {
         hide?: boolean | undefined;
-    } & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    } & import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & {
         theme?: import("@emotion/react").Theme | undefined;
     }, {}, {}>;
     Main: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
     InsideRoot: import("@emotion/styled").StyledComponent<{
         theme?: import("@emotion/react").Theme | undefined;
-        as?: React.ElementType<any, keyof React.JSX.IntrinsicElements> | undefined;
-    }, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+        as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 };
 export {};

package/dist/components/ZoomControls/styles.d.ts

@@ -1,11 +1,10 @@
-/// <reference types="react" />
 export declare const ElementAndDropdown: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const DropDownButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "style" | "color" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & {
+}, "style" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "href" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const ZoomLabel: import("@emotion/styled").StyledComponent<{
@@ -21,7 +20,7 @@ export declare const DropDownContent: import("@emotion/styled").StyledComponent<
 }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 export declare const ZoomControlButton: import("@emotion/styled").StyledComponent<import("@mui/material").ButtonOwnProps & Omit<import("@mui/material").ButtonBaseOwnProps, "classes"> & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, "ref"> & {
     ref?: ((instance: HTMLButtonElement | null) => void) | import("react").RefObject<HTMLButtonElement> | null | undefined;
-}, "style" | "color" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "href" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & {
+}, "style" | "className" | "classes" | "action" | "centerRipple" | "children" | "disabled" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "href" | "color" | "disableElevation" | "disableFocusRipple" | "endIcon" | "fullWidth" | "size" | "startIcon" | "variant"> & {
     theme?: import("@emotion/react").Theme | undefined;
 }, {}, {}>;
 export declare const ShortcutLabel: import("@emotion/styled").StyledComponent<{

package/dist/components/menu/styles.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 export declare const MenuLayout: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/menu/subMenu/styles.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 import { IStyledDropdownIconProps } from './types';
 export declare const StyledDropdownIcon: import("@emotion/styled").StyledComponent<import("ketcher-react/dist/components/Icon/types").IIconProps & {
     theme?: import("@emotion/react").Theme | undefined;

package/dist/components/menu/subMenu/types.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 export interface IStyledDropdownIconProps {
     isActive: boolean;
 }

package/dist/components/modal/About/About.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const About: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/modal/ConfirmationDialog/ConfirmationDialog.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ConfirmationText: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/modal/Delete/styledComponents.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledActionButton: import("@emotion/styled").StyledComponent<{
     label: string;
     clickHandler: () => void;

package/dist/components/modal/Error/Error.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ErrorTextWrapper: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/modal/Open/Open.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MODAL_STATES_VALUES } from './Open';
 interface OpenFileWrapperProps {
     currentState: MODAL_STATES_VALUES;

package/dist/components/modal/Open/OpenOptions/OpenOptions.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare type OpenOptionsProps = {
     selectClipboard: () => void;
     errorHandler: (err: string) => void;

package/dist/components/modal/monomerConnection/MonomerConnections.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MonomerConnectionProps } from '../modalContainer/types';
 interface IStyledButtonProps {
     disabled: boolean;

package/dist/components/modal/monomerConnection/styledComponents.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IStyledAttachmentPointNameProps {
     disabled?: boolean;
 }

package/dist/components/modal/save/Save.d.ts

@@ -13,6 +13,5 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 import { RequiredModalProps } from '../modalContainer';
 export declare const Save: ({ onClose, isModalOpen, }: RequiredModalProps) => JSX.Element;

package/dist/components/modal/save/Save.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Form: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditorCollapsed/styles.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 export declare const RnaEditorCollapsedContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditorExpanded/GroupBlock/styles.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 export declare const GroupBlockContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/RnaEditorExpanded/styles.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 export declare const RnaEditorExpandedContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/monomerLibrary/RnaBuilder/RnaEditor/styles.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 export declare const RnaEditorContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/monomerLibrary/RnaBuilder/RnaElementsView/Summary/styles.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 import { IStyledIconProps } from './types';
 export declare const SummaryContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/dist/components/monomerLibrary/RnaBuilder/RnaElementsView/styles.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 export declare const RnaAccordionContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/monomerLibrary/RnaBuilder/styles.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 export declare const RnaBuilderContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/monomerLibrary/RnaPresetItem/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Card: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/monomerLibrary/monomerLibraryGroup/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const ItemsContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/monomerLibrary/monomerLibraryItem/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { MonomerOrAmbiguousType } from 'ketcher-core';
 export declare const Card: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;

package/dist/components/monomerLibrary/monomerLibraryItem/types.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 /****************************************************************************
  * Copyright 2021 EPAM Systems
  *

package/dist/components/monomerLibrary/monomerLibraryList/styles.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 export declare const MonomerListContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/monomerLibrary/styles.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 export declare const MONOMER_LIBRARY_WIDTH = "254px";
 export declare const MONOMER_HIDE_LIBRARY_BUTTON_WIDTH = "100px";
 export declare const MonomerLibraryContainer: import("@emotion/styled").StyledComponent<{

package/dist/components/preview/components/AttachmentPoints/AttachmentPoints.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const AttachmentPointsList: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/preview/components/BondAttachmentPoints/BondAttachmentPoints.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface AttachmentPointProps {
     connected: boolean;
     inBond: boolean;

package/dist/components/preview/components/BondPreview/BondPreview.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/preview/components/IDTAliases/IDTAliases.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const IDTAliasesContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/preview/components/MonomerPreview/MonomerPreview.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/preview/components/PresetPreview/PresetPreview.styles.d.ts

@@ -13,7 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  ***************************************************************************/
-/// <reference types="react" />
 export declare const PresetContainer: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/preview/components/UnresolvedMonomerPreview/UnresolvedMonomerPreview.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledContent: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/shared/ConnectionOverview/ConnectionOverview.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IStyledMonomerName {
     isExpanded?: boolean;
 }

package/dist/components/shared/ConnectionOverview/components/MonomerMiniature/MonomerMiniature.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const Container: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/shared/ConnectionOverview/components/MonomerOverview/MonomerOverview.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface IStyledStyledStructRender {
     isExpanded?: boolean;
 }

package/dist/components/shared/StyledToast/styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledToast: import("@emotion/styled").StyledComponent<{
     theme?: import("@emotion/react").Theme | undefined;
     as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;

package/dist/components/shared/Tabs/Tabs.styles.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare const StyledTabs: import("@emotion/styled").StyledComponent<import("@mui/material").TabsOwnProps & import("@mui/material/OverridableComponent").CommonProps & Omit<Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
     ref?: ((instance: HTMLDivElement | null) => void) | import("react").RefObject<HTMLDivElement> | null | undefined;
 }, "style" | "className" | "classes" | "aria-label" | "aria-labelledby" | "children" | "onChange" | "action" | "allowScrollButtonsMobile" | "centered" | "slots" | "slotProps" | "indicatorColor" | "orientation" | "ScrollButtonComponent" | "scrollButtons" | "selectionFollowsFocus" | "TabIndicatorProps" | "TabScrollButtonProps" | "textColor" | "value" | "variant" | "visibleScrollbar" | "sx"> & {

package/dist/components/shared/modal/Modal.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 interface ModalProps {
     children: JSX.Element | Array<JSX.Element>;
     title: string;

package/dist/hooks/stateHooks.d.ts

@@ -16,7 +16,7 @@
 import { TypedUseSelectorHook } from 'react-redux';
 import { RootState } from "../state";
 import { LayoutMode } from 'ketcher-core';
-export declare const useAppDispatch: () => import("redux").Dispatch<import("redux").AnyAction>;
+export declare const useAppDispatch: () => import("redux").Dispatch<import("redux").UnknownAction>;
 export declare const useAppSelector: TypedUseSelectorHook<RootState>;
 export declare function useLayoutMode(): LayoutMode;
 export declare function useSequenceEditInRNABuilderMode(): boolean;

package/dist/hooks/useMacromoleculesHotkeys.d.ts

@@ -0,0 +1 @@
+export declare function useMacromoleculesHotkeys(): void;

package/dist/index.css

@@ -1,2 +1,2 @@
-.Modal-module_expandButton__J1QYl{margin-right:-8px!important}.RulerArea-module_rulerArea__Kix1O{background-color:transparent;height:36px;pointer-events:none;position:absolute;width:100%}.RulerArea-module_rulerInput__nCNOa{border:var(--border-regular);border-radius:3px;height:14px;opacity:40%;pointer-events:auto;position:absolute;text-align:center;top:0;width:35px;will-change:transform}.RulerArea-module_rulerInput__nCNOa:hover{border:1px solid var(--color-input-border-hover);cursor:pointer;opacity:100%}.RulerArea-module_rulerInput__nCNOa:focus{border:1px solid var(--color-input-border-hover);height:18px;opacity:100%;outline:none}.RulerArea-module_rulerInput__nCNOa.RulerArea-module_rulerInputDragging__saoOk{user-focus:none;opacity:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.RulerArea-module_rulerScale__4YOKH{height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden;width:100%}.RulerArea-module_rulerHandle__g4GPl{height:13px;position:absolute;top:0;width:16px;will-change:transform}.RulerArea-module_rulerHandle__g4GPl:hover{cursor:pointer}.RulerArea-module_rulerHandle__g4GPl:before,.RulerArea-module_rulerInput__nCNOa:before{content:"";display:block;height:calc(100% + 20px);left:-10px;position:absolute;top:-10px;width:calc(100% + 20px)}.RulerArea-module_rulerHandle__g4GPl:hover~.RulerArea-module_rulerScale__4YOKH,.RulerArea-module_rulerInput__nCNOa:hover~.RulerArea-module_rulerScale__4YOKH{background-color:var(--color-background-canvas);visibility:visible}.RulerArea-module_rulerHandle__g4GPl:hover~.RulerArea-module_rulerInput__nCNOa{opacity:100%}.DragGhost-module_dragGhost__m5lHf{left:0;position:absolute;top:0;will-change:transform;z-index:var(--zindex-overlay)}:root{--color-background-canvas:#f5f5f5;--color-background-primary:#fff;--color-background-secondary:#f8feff;--color-background-overlay:rgba(94,94,94,.8);--color-border-primary:#cad3dd;--color-border-secondary:#7c7c7f;--color-text-primary:#333;--color-text-secondary:#167782;--color-text-light:#585858;--color-text-dark:#000;--color-text-error:#ff4a4a;--color-text-lightgrey:#7c7c7f;--color-tab-regular:#fff;--color-tab-active:#e1e5ea;--color-tab-hover:#00838f;--color-tab-content:#eff2f5;--color-scroll-regular:#717171;--color-scroll-inactive:#ddd;--color-button-primary-active:#167782;--color-button-primary-hover:#00838f;--color-button-primary-clicked:#4fb3bf;--color-button-primary-disabled:hsla(0,0%,44%,.4);--color-button-secondary-active:#585858;--color-button-secondary-hover:#333;--color-button-secondary-clicked:#aeaeae;--color-button-secondary-disabled:hsla(0,0%,44%,.4);--color-button-group-active:#167782;--color-button-group-hover:#2e858f;--color-button-transparent-active:transparent;--color-button-text-primary:#fff;--color-button-text-secondary:#005662;--color-button-text-disabled:#7a7a7a;--color-dropdown-primary:#333;--color-dropdown-secondary:#fff;--color-dropdown-hover:#ddd;--color-dropdown-disabled:#7a7a7a;--color-tooltip-background:#fff;--color-tooltip-text:#333;--color-link-active:#00838f;--color-link-hover:#005662;--color-divider:#aeaeae;--color-spinner:#005662;--color-error:#ff4a4a;--color-input-text-default:#585858;--color-input-text-active:#333;--color-input-text-disabled:#585858;--color-input-text-error:#ff4a4a;--color-input-background-primary:#fff;--color-input-background-default:#eff2f5;--color-input-background-hover:#ddd;--color-input-background-disabled:#eff2f5;--color-input-border-regular:#cad3dd;--color-input-border-active:#fff;--color-input-border-hover:#43b5c0;--color-input-border-focus:#eff2f5;--color-input-border-error:#ff4a4a;--color-icon-grey:#b4b9d6;--color-icon-hover:#005662;--color-icon-active:#525252;--color-icon-activeMenu:#005662;--color-icon-clicked:#fff;--color-icon-disabled:rgba(82,82,82,.4);--color-monomer-default:#c8c8c8;--color-editMode-sequenceInRNABuilder:#99d7dc;--font-size-small:10px;--font-size-regular:12px;--font-size-medium:14px;--font-size-xsmall:6px;--font-family-montserrat:Montserrat,sans-serif;--font-family-inter:Inter,FreeSans,Arimo,"Droid Sans",Helvetica,"Helvetica Neue",Arial,sans-serif;--font-family-roboto:Roboto,FreeSans,Arimo,"Droid Sans",Helvetica,"Helvetica Neue",Arial,sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-bold:600;--border-regular:1px solid #cad3dd;--border-small:1px solid #e1e5ea;--border-radius-regular:4px;--shadow-regular:0px 1px 1px hsla(204,9%,79%,.7);--shadow-mainLayoutBlocks:0px 2px 5px rgba(103,104,132,.15);--outline-small:1px solid #b4b9d6;--outline-medium:2px solid #b4b9d6;--outline-color:#b4b9d6;--outline-selected-color:#167782;--outline-selected-small:1px solid #167782;--outline-selected-medium:2px solid #167782;--outline-grey-small:1px solid #585858;--transition-regular:all 0.3s;--zindex-base:0;--zindex-toolbar:10;--zindex-sticky:100;--zindex-overlay:200;--zindex-modal:1000;--zindex-critical:9999}
+.TabPanel-module_tabPanelDiv__wMffZ{background-color:var(--color-tab-active);flex-grow:1;height:100%;overflow-y:auto}.TabPanel-module_tabPanelBox__LY-BB{align-items:start;height:100%;width:100%}.Modal-module_expandButton__J1QYl{margin-right:-8px!important}.RulerArea-module_rulerArea__Kix1O{background-color:transparent;height:36px;pointer-events:none;position:absolute;width:100%}.RulerArea-module_rulerInput__nCNOa{border:var(--border-regular);border-radius:3px;height:14px;opacity:40%;pointer-events:auto;position:absolute;text-align:center;top:0;width:35px;will-change:transform}.RulerArea-module_rulerInput__nCNOa:hover{border:1px solid var(--color-input-border-hover);cursor:pointer;opacity:100%}.RulerArea-module_rulerInput__nCNOa:focus{border:1px solid var(--color-input-border-hover);height:18px;opacity:100%;outline:none}.RulerArea-module_rulerInput__nCNOa.RulerArea-module_rulerInputDragging__saoOk{user-focus:none;opacity:100%;-webkit-user-select:none;-moz-user-select:none;user-select:none}.RulerArea-module_rulerScale__4YOKH{height:100%;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;visibility:hidden;width:100%}.RulerArea-module_rulerHandle__g4GPl{height:13px;position:absolute;top:0;width:16px;will-change:transform}.RulerArea-module_rulerHandle__g4GPl:hover{cursor:pointer}.RulerArea-module_rulerHandle__g4GPl:before,.RulerArea-module_rulerInput__nCNOa:before{content:"";display:block;height:calc(100% + 20px);left:-10px;position:absolute;top:-10px;width:calc(100% + 20px)}.RulerArea-module_rulerHandle__g4GPl:hover~.RulerArea-module_rulerScale__4YOKH,.RulerArea-module_rulerInput__nCNOa:hover~.RulerArea-module_rulerScale__4YOKH{background-color:var(--color-background-canvas);visibility:visible}.RulerArea-module_rulerHandle__g4GPl:hover~.RulerArea-module_rulerInput__nCNOa{opacity:100%}.DragGhost-module_dragGhost__m5lHf{left:0;position:absolute;top:0;will-change:transform;z-index:var(--zindex-overlay)}:root{--color-background-canvas:#f5f5f5;--color-background-primary:#fff;--color-background-secondary:#f8feff;--color-background-overlay:rgba(94,94,94,.8);--color-border-primary:#cad3dd;--color-border-secondary:#7c7c7f;--color-text-primary:#333;--color-text-secondary:#167782;--color-text-light:#585858;--color-text-dark:#000;--color-text-error:#ff4a4a;--color-text-lightgrey:#7c7c7f;--color-tab-regular:#fff;--color-tab-active:#e1e5ea;--color-tab-hover:#00838f;--color-tab-content:#eff2f5;--color-scroll-regular:#717171;--color-scroll-inactive:#ddd;--color-button-primary-active:#167782;--color-button-primary-hover:#00838f;--color-button-primary-clicked:#4fb3bf;--color-button-primary-disabled:hsla(0,0%,44%,.4);--color-button-secondary-active:#585858;--color-button-secondary-hover:#333;--color-button-secondary-clicked:#aeaeae;--color-button-secondary-disabled:hsla(0,0%,44%,.4);--color-button-group-active:#167782;--color-button-group-hover:#2e858f;--color-button-transparent-active:transparent;--color-button-text-primary:#fff;--color-button-text-secondary:#005662;--color-button-text-disabled:#7a7a7a;--color-dropdown-primary:#333;--color-dropdown-secondary:#fff;--color-dropdown-hover:#ddd;--color-dropdown-disabled:#7a7a7a;--color-tooltip-background:#fff;--color-tooltip-text:#333;--color-link-active:#00838f;--color-link-hover:#005662;--color-divider:#aeaeae;--color-spinner:#005662;--color-error:#ff4a4a;--color-input-text-default:#585858;--color-input-text-active:#333;--color-input-text-disabled:#585858;--color-input-text-error:#ff4a4a;--color-input-background-primary:#fff;--color-input-background-default:#eff2f5;--color-input-background-hover:#ddd;--color-input-background-disabled:#eff2f5;--color-input-border-regular:#cad3dd;--color-input-border-active:#fff;--color-input-border-hover:#43b5c0;--color-input-border-focus:#eff2f5;--color-input-border-error:#ff4a4a;--color-icon-grey:#b4b9d6;--color-icon-hover:#005662;--color-icon-active:#525252;--color-icon-activeMenu:#005662;--color-icon-clicked:#fff;--color-icon-disabled:rgba(82,82,82,.4);--color-monomer-default:#c8c8c8;--color-editMode-sequenceInRNABuilder:#99d7dc;--font-size-small:10px;--font-size-regular:12px;--font-size-medium:14px;--font-size-xsmall:6px;--font-family-montserrat:Montserrat,sans-serif;--font-family-inter:Inter,FreeSans,Arimo,"Droid Sans",Helvetica,"Helvetica Neue",Arial,sans-serif;--font-family-roboto:Roboto,FreeSans,Arimo,"Droid Sans",Helvetica,"Helvetica Neue",Arial,sans-serif;--font-weight-light:300;--font-weight-regular:400;--font-weight-bold:600;--border-regular:1px solid #cad3dd;--border-small:1px solid #e1e5ea;--border-radius-regular:4px;--shadow-regular:0px 1px 1px hsla(204,9%,79%,.7);--shadow-mainLayoutBlocks:0px 2px 5px rgba(103,104,132,.15);--outline-small:1px solid #b4b9d6;--outline-medium:2px solid #b4b9d6;--outline-color:#b4b9d6;--outline-selected-color:#167782;--outline-selected-small:1px solid #167782;--outline-selected-medium:2px solid #167782;--outline-grey-small:1px solid #585858;--transition-regular:all 0.3s;--zindex-base:0;--zindex-toolbar:10;--zindex-sticky:100;--zindex-overlay:200;--zindex-modal:1000;--zindex-critical:9999}
 /*# sourceMappingURL=index.css.map */

package/dist/index.css.map

@@ -1 +1 @@
-{"version":3,"sources":["src/components/shared/modal/Modal.module.less","Modal.module.less","src/components/Ruler/RulerArea.module.less","RulerArea.module.less","src/components/DragGhost/DragGhost.module.less","DragGhost.module.less","src/theme.less","theme.less"],"names":[],"mappings":"AAgBA,kCACI,2BCAJ,CCjBA,mCAIE,4BAAA,CADA,WAAA,CAEA,mBAAA,CAJA,iBAAA,CACA,UCIF,CDEA,oCAKE,4BAAA,CACA,iBAAA,CAHA,WAAA,CAIA,WAAA,CAGA,mBAAA,CATA,iBAAA,CAOA,iBAAA,CANA,KAAA,CAEA,UAAA,CAKA,qBCCF,CDEE,0CAEE,gDAAA,CADA,cAAA,CAEA,YCAJ,CDGE,0CAGE,gDAAA,CAFA,WAAA,CAGA,YAAA,CAFA,YCCJ,CDIE,+EAEE,eAAA,CACA,YAAA,CAFA,wBAAA,CAAA,qBAAA,CAAA,gBCAJ,CDMA,oCACE,WAAA,CAGA,mBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,gBAAA,CAFA,iBAAA,CADA,UCDF,CDOA,qCAIE,WAAA,CAHA,iBAAA,CACA,KAAA,CACA,UAAA,CAEA,qBCLF,CDOE,2CACE,cCLJ,CDUE,uFACE,UAAA,CACA,aAAA,CAKA,wBAAA,CAFA,UAAA,CAFA,iBAAA,CACA,SAAA,CAEA,uBCNJ,CDWA,6JAGE,+CAAA,CADA,kBCRF,CDYA,+EACE,YCVF,CCrEA,mCAGE,MAAA,CAFA,iBAAA,CACA,KAAA,CAEA,qBAAA,CACA,6BCCF,CCNA,MAEE,iCAAA,CACA,+BAAA,CACA,oCAAA,CACA,4CAAA,CAEA,8BAAA,CACA,gCAAA,CAEA,yBAAA,CACA,8BAAA,CACA,0BAAA,CACA,sBAAA,CACA,0BAAA,CACA,8BAAA,CAEA,wBAAA,CACA,0BAAA,CACA,yBAAA,CACA,2BAAA,CAEA,8BAAA,CACA,4BAAA,CAEA,qCAAA,CACA,oCAAA,CACA,sCAAA,CACA,iDAAA,CAEA,uCAAA,CACA,mCAAA,CACA,wCAAA,CACA,mDAAA,CAEA,mCAAA,CACA,kCAAA,CAEA,6CAAA,CAEA,gCAAA,CACA,qCAAA,CACA,oCAAA,CAEA,6BAAA,CACA,+BAAA,CACA,2BAAA,CACA,iCAAA,CAEA,+BAAA,CACA,yBAAA,CAEA,2BAAA,CACA,0BAAA,CAEA,uBAAA,CACA,uBAAA,CACA,qBAAA,CAEA,kCAAA,CACA,8BAAA,CACA,mCAAA,CACA,gCAAA,CAEA,qCAAA,CACA,wCAAA,CACA,mCAAA,CACA,yCAAA,CAEA,oCAAA,CACA,gCAAA,CACA,kCAAA,CACA,kCAAA,CACA,kCAAA,CAEA,yBAAA,CACA,0BAAA,CACA,2BAAA,CACA,+BAAA,CACA,yBAAA,CACA,uCAAA,CAEA,+BAAA,CACA,6CAAA,CAGA,sBAAA,CACA,wBAAA,CACA,uBAAA,CACA,sBAAA,CAEA,8CAAA,CACA,iGAAA,CACA,mGAAA,CAEA,uBAAA,CACA,yBAAA,CACA,sBAAA,CAGA,kCAAA,CACA,gCAAA,CACA,2BAAA,CAGA,gDAAA,CACA,2DAAA,CAGA,iCAAA,CACA,kCAAA,CACA,uBAAA,CAEA,gCAAA,CACA,0CAAA,CACA,2CAAA,CAEA,sCAAA,CAGA,6BAAA,CAGA,eAAA,CACA,mBAAA,CACA,mBAAA,CACA,oBAAA,CACA,mBAAA,CACA,sBClCF","file":"index.css"}
+{"version":3,"sources":["src/components/shared/Tabs/TabPanel.module.less","TabPanel.module.less","src/components/shared/modal/Modal.module.less","Modal.module.less","src/components/Ruler/RulerArea.module.less","RulerArea.module.less","src/components/DragGhost/DragGhost.module.less","DragGhost.module.less","src/theme.less","theme.less"],"names":[],"mappings":"AAAA,oCACE,wCAAA,CACA,WAAA,CAEA,WAAA,CADA,eCEF,CDEA,oCAGE,iBAAA,CAFA,WAAA,CACA,UCCF,CCMA,kCACI,2BCAJ,CCjBA,mCAIE,4BAAA,CADA,WAAA,CAEA,mBAAA,CAJA,iBAAA,CACA,UCIF,CDEA,oCAKE,4BAAA,CACA,iBAAA,CAHA,WAAA,CAIA,WAAA,CAGA,mBAAA,CATA,iBAAA,CAOA,iBAAA,CANA,KAAA,CAEA,UAAA,CAKA,qBCCF,CDEE,0CAEE,gDAAA,CADA,cAAA,CAEA,YCAJ,CDGE,0CAGE,gDAAA,CAFA,WAAA,CAGA,YAAA,CAFA,YCCJ,CDIE,+EAEE,eAAA,CACA,YAAA,CAFA,wBAAA,CAAA,qBAAA,CAAA,gBCAJ,CDMA,oCACE,WAAA,CAGA,mBAAA,CACA,wBAAA,CAAA,qBAAA,CAAA,gBAAA,CAFA,iBAAA,CADA,UCDF,CDOA,qCAIE,WAAA,CAHA,iBAAA,CACA,KAAA,CACA,UAAA,CAEA,qBCLF,CDOE,2CACE,cCLJ,CDUE,uFACE,UAAA,CACA,aAAA,CAKA,wBAAA,CAFA,UAAA,CAFA,iBAAA,CACA,SAAA,CAEA,uBCNJ,CDWA,6JAGE,+CAAA,CADA,kBCRF,CDYA,+EACE,YCVF,CCrEA,mCAGE,MAAA,CAFA,iBAAA,CACA,KAAA,CAEA,qBAAA,CACA,6BCCF,CCNA,MAEE,iCAAA,CACA,+BAAA,CACA,oCAAA,CACA,4CAAA,CAEA,8BAAA,CACA,gCAAA,CAEA,yBAAA,CACA,8BAAA,CACA,0BAAA,CACA,sBAAA,CACA,0BAAA,CACA,8BAAA,CAEA,wBAAA,CACA,0BAAA,CACA,yBAAA,CACA,2BAAA,CAEA,8BAAA,CACA,4BAAA,CAEA,qCAAA,CACA,oCAAA,CACA,sCAAA,CACA,iDAAA,CAEA,uCAAA,CACA,mCAAA,CACA,wCAAA,CACA,mDAAA,CAEA,mCAAA,CACA,kCAAA,CAEA,6CAAA,CAEA,gCAAA,CACA,qCAAA,CACA,oCAAA,CAEA,6BAAA,CACA,+BAAA,CACA,2BAAA,CACA,iCAAA,CAEA,+BAAA,CACA,yBAAA,CAEA,2BAAA,CACA,0BAAA,CAEA,uBAAA,CACA,uBAAA,CACA,qBAAA,CAEA,kCAAA,CACA,8BAAA,CACA,mCAAA,CACA,gCAAA,CAEA,qCAAA,CACA,wCAAA,CACA,mCAAA,CACA,yCAAA,CAEA,oCAAA,CACA,gCAAA,CACA,kCAAA,CACA,kCAAA,CACA,kCAAA,CAEA,yBAAA,CACA,0BAAA,CACA,2BAAA,CACA,+BAAA,CACA,yBAAA,CACA,uCAAA,CAEA,+BAAA,CACA,6CAAA,CAGA,sBAAA,CACA,wBAAA,CACA,uBAAA,CACA,sBAAA,CAEA,8CAAA,CACA,iGAAA,CACA,mGAAA,CAEA,uBAAA,CACA,yBAAA,CACA,sBAAA,CAGA,kCAAA,CACA,gCAAA,CACA,2BAAA,CAGA,gDAAA,CACA,2DAAA,CAGA,iCAAA,CACA,kCAAA,CACA,uBAAA,CAEA,gCAAA,CACA,0CAAA,CACA,2CAAA,CAEA,sCAAA,CAGA,6BAAA,CAGA,eAAA,CACA,mBAAA,CACA,mBAAA,CACA,oBAAA,CACA,mBAAA,CACA,sBClCF","file":"index.css"}