@manuscripts/style-guide 2.1.8-LEAN-4344.0 → 2.1.8

package/dist/types/components/InspectorSection.d.ts

@@ -14,47 +14,22 @@
  * limitations under the License.
  */
 import React, { CSSProperties } from 'react';
-export declare const ExpanderButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, {
+export declare const ExpanderButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
     mini?: boolean | undefined;
-    type?: string | undefined;
-}>, keyof {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}> & {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}, "size" | "defaultColor" | "iconColor"> & {
-    defaultColor?: boolean | undefined;
-    size?: number | undefined;
-    iconColor?: string | undefined;
-}, never>, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}>, keyof {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}> & {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}, "size" | "defaultColor" | "iconColor"> & {
+} & {
     defaultColor?: boolean | undefined;
     size?: number | undefined;
     iconColor?: string | undefined;
-}, never>>, never>, never>> & string;
-export declare const Subheading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
-export declare const Field: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+} & {
+    size: number;
+    defaultColor: boolean;
+}, "type" | "size" | "defaultColor">;
+export declare const Subheading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const Field: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface Props {
     title: React.ReactNode;
     contentStyles?: CSSProperties;

package/dist/types/components/Menus/Shortcut.d.ts

@@ -15,7 +15,7 @@
  */
 import React from 'react';
 import { MenuShortcut } from '../../lib/menus';
-export declare const ShortcutContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const ShortcutContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface ShortcutProps {
     shortcut: MenuShortcut;
 }

package/dist/types/components/Menus/Submenu.d.ts

@@ -15,11 +15,11 @@
  */
 import React from 'react';
 import { Menu, MenuSeparator } from '../../lib/menus';
-export declare const Text: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SubmenuContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SubmenusContainerWrapper: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SubmenusContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const NestedSubmenusContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
+export declare const Text: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SubmenuContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SubmenusContainerWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SubmenusContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NestedSubmenusContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export interface SubmenuProps {
     menu: Menu | MenuSeparator;
     handleClick: (position: number[]) => void;

package/dist/types/components/NavDropdown.d.ts

@@ -15,42 +15,35 @@
  */
 import React from 'react';
 import { NavLink } from 'react-router-dom';
-export declare const NavDropdownContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const NavDropdown: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
-    direction?: "left" | "right" | undefined;
+export declare const NavDropdownContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NavDropdown: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    direction?: "right" | "left" | undefined;
     minWidth?: number | undefined;
     top?: number | undefined;
-}>> & string;
-export declare const InvitedBy: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const NavDropdownLink: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("react-router-dom").NavLinkProps<unknown> & React.RefAttributes<HTMLAnchorElement>, {
+}, never>;
+export declare const InvitedBy: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NavDropdownLink: import("styled-components").StyledComponent<typeof NavLink, import("styled-components").DefaultTheme, {
     disabled?: boolean | undefined;
-}>> & string & Omit<typeof NavLink, keyof React.Component<any, {}, any>>;
-export declare const NavDropdownElement: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}, never>;
+export declare const NavDropdownElement: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
     disabled?: boolean | undefined;
-}>> & string;
-export declare const NavDropdownSeparator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const NavDropdownButtonText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+}, never>;
+export declare const NavDropdownSeparator: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NavDropdownButtonText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 interface DropdownProps {
     isOpen: boolean;
 }
-export declare const NavDropdownToggle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("./icons/types").IconProps, never>> & string & Omit<React.FC<import("./icons/types").IconProps>, keyof React.Component<any, {}, any>>;
-export declare const NotificationsBadge: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, DropdownProps>> & string;
-export declare const NavDropdownButtonContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, {
+export declare const NavDropdownToggle: import("styled-components").StyledComponent<React.FC<import("./icons/types").IconProps>, import("styled-components").DefaultTheme, {}, never>;
+export declare const NotificationsBadge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, DropdownProps, never>;
+export declare const NavDropdownButtonContainer: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
     mini?: boolean | undefined;
-    type?: string | undefined;
-}>, keyof {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}> & {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}, never>, DropdownProps>> & string;
+} & {
+    selected: boolean;
+} & DropdownProps, "type" | "selected">;
 interface DropdownButtonProps {
     as?: React.FunctionComponent<any>;
     disabled?: boolean;

package/dist/types/components/RadioButton.d.ts

@@ -17,7 +17,7 @@ import React from 'react';
 interface RadioProps {
     checked?: boolean;
     id: string;
-    label: string | React.ReactNode;
+    label: string | JSX.Element;
     name?: string;
 }
 export declare const RadioButton: React.FunctionComponent<RadioProps>;

package/dist/types/components/Resizer/Resizer.d.ts

@@ -10,5 +10,27 @@ interface Props {
     side: ResizerSide;
     buttonInner?: React.ComponentType<ResizerButtonInnerProps>;
 }
-export declare const Resizer: React.FC<Props>;
+interface State {
+    isHovering: boolean;
+    isResizing: boolean;
+    startPosition: number;
+}
+export declare class Resizer extends React.Component<Props, State> {
+    resizerRef: React.RefObject<HTMLDivElement>;
+    state: {
+        isHovering: boolean;
+        isResizing: boolean;
+        startPosition: number;
+    };
+    render(): React.JSX.Element;
+    private scheduleResize;
+    private mouseDownHandler;
+    private mouseUpHandler;
+    private mouseMoveHandler;
+    private mouseEnterHandler;
+    private mouseLeaveHandler;
+    private handleOutofBounds;
+    private getDelta;
+    private getPosition;
+}
 export {};

package/dist/types/components/Resizer/ResizerButton.d.ts

@@ -8,5 +8,11 @@ interface Props extends React.HTMLProps<HTMLButtonElement> {
     side: ResizerSide;
     buttonInner?: React.ComponentType<ResizerButtonInnerProps>;
 }
-export declare const ResizerButton: React.NamedExoticComponent<Props>;
+export declare class ResizerButton extends React.PureComponent<Props> {
+    static defaultProps: {
+        isCollapsed: boolean;
+        isVisible: boolean;
+    };
+    render(): React.JSX.Element;
+}
 export {};

package/dist/types/components/Resizer/ResizerButtonInner.d.ts

@@ -1,9 +1,8 @@
-/// <reference types="react" />
 export interface ResizerButtonInnerProps {
     isCollapsed: boolean;
     isVisible: boolean;
 }
-export declare const HorizontalEndResizerButtonInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof ResizerButtonInnerProps> & ResizerButtonInnerProps, never>, never>> & string;
-export declare const HorizontalStartResizerButtonInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof ResizerButtonInnerProps> & ResizerButtonInnerProps, never>, never>> & string;
-export declare const VerticalEndResizerButtonInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof ResizerButtonInnerProps> & ResizerButtonInnerProps, never>, never>> & string;
-export declare const VerticalStartResizerButtonInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, keyof ResizerButtonInnerProps> & ResizerButtonInnerProps, never>, never>> & string;
+export declare const HorizontalEndResizerButtonInner: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ResizerButtonInnerProps, never>;
+export declare const HorizontalStartResizerButtonInner: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ResizerButtonInnerProps, never>;
+export declare const VerticalEndResizerButtonInner: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ResizerButtonInnerProps, never>;
+export declare const VerticalStartResizerButtonInner: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, ResizerButtonInnerProps, never>;

package/dist/types/components/Resizer/ResizerInner.d.ts

@@ -1,5 +1,4 @@
-/// <reference types="react" />
-export declare const HorizontalStartResizerInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>, never>> & string;
-export declare const HorizontalEndResizerInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>, never>> & string;
-export declare const VerticalStartResizerInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>, never>> & string;
-export declare const VerticalEndResizerInner: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>, never>> & string;
+export declare const HorizontalStartResizerInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const HorizontalEndResizerInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const VerticalStartResizerInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const VerticalEndResizerInner: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/types/components/Sidebar.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
-export declare const SidebarStyles: import("styled-components").RuleSet<object>;
-export declare const SidebarContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const SidebarStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemeProps<import("styled-components").DefaultTheme>>;
+export declare const SidebarContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/types/components/StyledModal.d.ts

@@ -15,58 +15,45 @@
  */
 import React from 'react';
 import ReactModal from 'react-modal';
+import { ThemeProps } from 'styled-components';
 interface Props {
     modalClassName?: ReactModal.Classes;
     pointerEventsOnBackdrop?: 'all' | 'none' | 'auto';
 }
-export declare const ModalContainer: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const CloseButton: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, {
+export declare const ModalContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const CloseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+    type: "button" | "submit" | "reset";
+} & {
     danger?: boolean | undefined;
     disabled?: boolean | undefined;
     mini?: boolean | undefined;
-    type?: string | undefined;
-}>, keyof {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}> & {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}, "size" | "defaultColor" | "iconColor"> & {
-    defaultColor?: boolean | undefined;
-    size?: number | undefined;
-    iconColor?: string | undefined;
-}, never>, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, React.DetailedHTMLProps<React.ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>>, {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}>, keyof {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}> & {
-    danger?: boolean | undefined;
-    disabled?: boolean | undefined;
-    mini?: boolean | undefined;
-    type?: string | undefined;
-}, "size" | "defaultColor" | "iconColor"> & {
+} & {
     defaultColor?: boolean | undefined;
     size?: number | undefined;
     iconColor?: string | undefined;
-}, never>>, never>, never>, {
+} & {
+    defaultColor: boolean;
+} & {
     size?: number | undefined;
-}>> & string;
-export declare const ModalBody: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalSidebar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalSidebarHeader: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModalSidebarTitle: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ModelContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const ScrollableModalContent: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
-export declare const StyledModal: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<ReactModal.Props & Props, ReactModal.Props & Props>, never>, never>> & string & Omit<React.FC<ReactModal.Props & Props>, keyof React.Component<any, {}, any>>;
+}, "type" | "defaultColor">;
+export declare const ModalBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalSidebar: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalSidebarHeader: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModalSidebarTitle: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ModelContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const ScrollableModalContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const StyledModal: import("styled-components").StyledComponent<React.FC<ReactModal.Props & ThemeProps<ReactModal> & Props>, import("styled-components").DefaultTheme, {
+    closeTimeoutMS: 800;
+    overlayClassName: {
+        base: string;
+        afterOpen: string;
+        beforeClose: string;
+    };
+    modalClassName: {
+        base: string;
+        afterOpen: string;
+        beforeClose: string;
+    };
+}, "modalClassName" | "overlayClassName" | "closeTimeoutMS">;
 export {};

package/dist/types/components/Text.d.ts

@@ -13,8 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-/// <reference types="react" />
-export declare const PrimaryBoldHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SecondaryBoldHeading: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
-export declare const PrimarySmallText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const SecondarySmallText: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<import("styled-components").FastOmit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>, never>> & string;
+export declare const PrimaryBoldHeading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SecondaryBoldHeading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const PrimarySmallText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SecondarySmallText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/dist/types/components/TextField.d.ts

@@ -15,12 +15,12 @@
  */
 import React from 'react';
 import { ErrorProps } from './Form';
-export declare const commonStyles: import("styled-components").RuleSet<ErrorProps>;
-export declare const TextField: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, ErrorProps>> & string;
-export declare const TextArea: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<React.DetailedHTMLProps<React.TextareaHTMLAttributes<HTMLTextAreaElement>, HTMLTextAreaElement>, ErrorProps>> & string;
-export declare const TextFieldGroup: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
-export declare const TextFieldLabel: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement>, never>> & string;
+export declare const commonStyles: import("styled-components").FlattenInterpolation<import("styled-components").ThemedStyledProps<ErrorProps, import("styled-components").DefaultTheme>>;
+export declare const TextField: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, ErrorProps, never>;
+export declare const TextArea: import("styled-components").StyledComponent<"textarea", import("styled-components").DefaultTheme, ErrorProps, never>;
+export declare const TextFieldGroup: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const TextFieldLabel: import("styled-components").StyledComponent<"label", import("styled-components").DefaultTheme, {}, never>;
 export declare const TextFieldWrapper: React.FC<{
-    leftIcon: React.ReactNode;
+    leftIcon: JSX.Element;
     children: React.ReactNode;
 }>;

package/dist/types/components/TextFieldError.d.ts

@@ -14,7 +14,7 @@
  * limitations under the License.
  */
 import React from 'react';
-export declare const TextFieldErrorItem: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components").FastOmit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, never>> & string;
+export declare const TextFieldErrorItem: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const TextFieldError: React.FunctionComponent<{
     children: React.ReactNode;
 }>;

package/dist/types/components/Tooltip.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { Tooltip as ReactTooltip } from 'react-tooltip';
-export declare const Tooltip: (props: React.ComponentProps<typeof ReactTooltip>) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: (props: React.ComponentProps<typeof ReactTooltip>) => React.JSX.Element;

package/dist/types/components/icons/add-author.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import React from 'react';
 import { IconProps } from './types';
-declare const AddAuthorIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+declare const AddAuthorIcon: (props: IconProps) => React.JSX.Element;
 export default AddAuthorIcon;

package/dist/types/components/icons/affiliation-placeholder.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import React from 'react';
 import { IconProps } from './types';
-declare const AffiliationPlaceholderIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+declare const AffiliationPlaceholderIcon: (props: IconProps) => React.JSX.Element;
 export default AffiliationPlaceholderIcon;

package/dist/types/components/icons/author-placeholder.d.ts

@@ -13,6 +13,7 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
+import React from 'react';
 import { IconProps } from './types';
-declare const AuthorPlaceholderIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+declare const AuthorPlaceholderIcon: (props: IconProps) => React.JSX.Element;
 export default AuthorPlaceholderIcon;

package/dist/types/components/icons/section-category.d.ts

@@ -13,5 +13,6 @@
  * See the License for the specific language governing permissions and
  * limitations under the License.
  */
-declare const SectionCategoryIcon: () => import("react/jsx-runtime").JSX.Element;
+import React from 'react';
+declare const SectionCategoryIcon: () => React.JSX.Element;
 export default SectionCategoryIcon;

package/dist/types/components/icons/x.d.ts

@@ -1,3 +1,4 @@
+import React from 'react';
 import { IconProps } from './types';
-export declare const XIcon: (props: IconProps) => import("react/jsx-runtime").JSX.Element;
+export declare const XIcon: (props: IconProps) => React.JSX.Element;
 export default XIcon;

package/dist/types/hooks/use-dropdown.d.ts

@@ -17,5 +17,5 @@
 export declare const useDropdown: () => {
     isOpen: boolean;
     toggleOpen: () => void;
-    wrapperRef: import("react").RefObject<HTMLDivElement | null>;
+    wrapperRef: import("react").RefObject<HTMLDivElement>;
 };

package/dist/types/hooks/use-menus.d.ts

@@ -3,5 +3,5 @@ import { Menu, MenuSpec } from '../lib/menus';
 export declare const useMenus: (menus: MenuSpec[]) => {
     menus: Menu[];
     handleClick: (indices: number[]) => void;
-    ref: import("react").RefObject<HTMLDivElement | null>;
+    ref: import("react").RefObject<HTMLDivElement>;
 };

package/dist/types/lib/capabilities.d.ts

@@ -46,11 +46,12 @@ export interface ProviderProps {
     role?: string;
     permittedActions?: string[];
     children?: React.ReactNode;
+    isViewingMode?: boolean;
 }
-export declare const getCapabilities: (project?: Project, profile?: UserProfile, role?: ProviderProps['role'], actions?: string[]) => Capabilities;
+export declare const getCapabilities: (project?: Project, profile?: UserProfile, role?: ProviderProps['role'], actions?: string[], isViewingMode?: boolean) => Capabilities;
 export declare const getAllPermitted: () => Capabilities;
 export declare const usePermissions: () => Capabilities;
-export declare const useCalcPermission: ({ project, profile, role, permittedActions, }: ProviderProps) => Capabilities;
+export declare const useCalcPermission: ({ project, profile, role, permittedActions, isViewingMode, }: ProviderProps) => Capabilities;
 export declare const CapabilitiesProvider: React.FC<{
     can: Capabilities;
     children: React.ReactNode;

package/dist/types/lib/files.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+/// <reference types="react" />
 export declare enum FileType {
     Image = 0,
     Audio = 1,
@@ -14,6 +14,6 @@ export declare enum FileType {
     GraphicalAbstract = 11
 }
 export declare const getFileType: (name: string) => FileType | undefined;
-export declare const getFileIcon: (name: string) => React.ReactNode;
-export declare const getFileTypeIcon: (type: FileType) => React.ReactNode;
+export declare const getFileIcon: (name: string) => JSX.Element | undefined;
+export declare const getFileTypeIcon: (type: FileType) => JSX.Element | undefined;
 export declare const isImageFile: (name: string) => boolean;

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@manuscripts/style-guide",
   "description": "Shared components for Manuscripts applications",
-  "version": "2.1.8-LEAN-4344.0",
+  "version": "2.1.8",
   "repository": "github:Atypon-OpenSource/manuscripts-style-guide",
   "license": "Apache-2.0",
   "main": "dist/cjs",
@@ -32,7 +32,7 @@
     "prepare": "husky install"
   },
   "dependencies": {
-    "@headlessui/react": "^2.2.1",
+    "@headlessui/react": "^2.1.10",
     "@manuscripts/json-schema": "2.2.11",
     "date-fns": "^2.29.3",
     "formik": "^2.2.9",
@@ -44,18 +44,18 @@
     "prosemirror-model": "1.19.4",
     "prosemirror-state": "1.4.3",
     "prosemirror-view": "1.32.7",
-    "react": "^19.0.1",
-    "react-day-picker": "^9.6.7",
+    "react": "^18.3.1",
     "react-dnd": "^16.0.1",
     "react-dnd-html5-backend": "^16.0.1",
-    "react-dom": "^19.0.1",
+    "react-dom": "^18.3.1",
     "react-is": "^18.3.1",
-    "react-modal": "^3.16.3",
+    "react-modal": "^3.16.1",
+    "react-modern-calendar-datepicker": "^3.1.6",
     "react-router-dom": "^5.3.4",
-    "react-select": "^5.10.1",
+    "react-select": "^5.7.3",
+    "react-sizeme": "^3.0.2",
     "react-tooltip": "^5.28.0",
-    "react-use-measure": "^2.1.7",
-    "styled-components": "^6.1.17"
+    "styled-components": "^5.2.0"
   },
   "devDependencies": {
     "@babel/core": "^7.20.5",
@@ -63,24 +63,23 @@
     "@babel/preset-react": "^7.18.6",
     "@babel/preset-typescript": "^7.18.6",
     "@manuscripts/eslint-config": "^0.5.1",
-    "@storybook/addon-essentials": "^8.6.12",
-    "@storybook/addon-interactions": "^8.6.12",
-    "@storybook/addon-links": "^8.6.12",
-    "@storybook/blocks": "^8.6.12",
-    "@storybook/react": "^8.6.12",
-    "@storybook/react-webpack5": "^8.6.12",
-    "@storybook/test": "^8.6.12",
+    "@storybook/addon-essentials": "^7.6.10",
+    "@storybook/addon-interactions": "^7.6.10",
+    "@storybook/addon-links": "^7.6.10",
+    "@storybook/blocks": "^7.6.10",
+    "@storybook/react": "^7.6.10",
+    "@storybook/react-webpack5": "^7.6.10",
+    "@storybook/test": "^7.6.10",
     "@types/jest": "^29.2.4",
     "@types/lodash": "^4.14.202",
-    "@types/react": "^19.1.1",
-    "@types/react-dom": "^19.1.2",
+    "@types/react": "^18.3.1",
+    "@types/react-dom": "^18.3.0",
     "@types/react-modal": "^3.16.3",
     "@types/react-router-dom": "^5.3.3",
-    "@types/styled-components": "^5.1.34",
+    "@types/styled-components": "^5.1.4",
     "@typescript-eslint/eslint-plugin": "^5.47.0",
     "@typescript-eslint/parser": "^5.47.0",
     "babel-jest": "^29.3.1",
-    "babel-loader": "^10.0.0",
     "eslint": "^8.30.0",
     "eslint-config-prettier": "^8.5.0",
     "eslint-plugin-header": "^3.1.1",
@@ -101,13 +100,12 @@
     "npm-run-all": "^4.1.5",
     "prettier": "^2.8.1",
     "rimraf": "^3.0.0",
-    "storybook": "^8.6.12",
+    "storybook": "^7.6.10",
     "typeface-lato": "^1.1.13",
-    "typescript": "^4"
+    "typescript": "^4.4.4"
   },
   "resolutions": {
-    "@types/react": "^19.1.1",
-    "@types/react-dom": "^19.1.2",
-    "jackspeak": "2.3.5"
+    "@types/react": "^18.3.1",
+    "jackspeak": "2.1.1"
   }
 }