@redocly/theme 0.1.33 → 0.2.0

package/Search/Autocomplete.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { ActiveItem } from '../mocks/models';
+import type { ActiveItem } from '../mocks/types';
 interface AutocompleteProps<T> {
     placeholder?: string;
     value: string;

package/Search/Parameters.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { OperationParameter } from '../mocks/models';
+import type { OperationParameter } from '../mocks/types';
 interface ParametersProps {
     parameters: OperationParameter[];
 }

package/Search/SearchItem.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { ActiveItem, SearchDocument } from '../mocks/models';
+import type { ActiveItem, SearchDocument } from '../mocks/types';
 interface SearchItemProps {
     item: ActiveItem<SearchDocument>;
 }

package/Tooltip/Tooltip.d.ts

@@ -1,5 +1,5 @@
-import type { PropsWithChildren, ReactNode } from 'react';
 import React from 'react';
+import type { PropsWithChildren, ReactNode } from 'react';
 export interface TooltipProps {
     tip: string | ReactNode;
     isOpen?: boolean;
@@ -10,4 +10,4 @@ export interface TooltipProps {
     dataTestId?: string;
 }
 export declare function TooltipComponent({ children, isOpen, tip, withArrow, placement, className, width, dataTestId, }: PropsWithChildren<TooltipProps>): JSX.Element;
-export declare const Tooltip: React.NamedExoticComponent<PropsWithChildren<TooltipProps>>;
+export declare const Tooltip: React.NamedExoticComponent<React.PropsWithChildren<TooltipProps>>;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@redocly/theme",
-  "version": "0.1.33",
+  "version": "0.2.0",
   "description": "Shared UI components",
   "author": "team@redocly.com",
   "license": "SEE LICENSE IN LICENSE",

package/src/Footer/CustomFooterNavItem.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import { Link } from '@portal/Link';
 import type { ResolvedNavItem, ResolvedNavLinkItem } from '@theme/types/portal';
 
+import { Link } from '@portal/Link';
+
 interface CustomFooterNavItemProps {
   navItem: ResolvedNavItem;
 }

package/src/Footer/Footer.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
 import styled from 'styled-components';
 
+import type { NavGroupRecord, ResolvedNavItem } from '@theme/types/portal';
+
 import { FooterColumns } from '@theme/Footer/FooterColumns';
 import { FooterCopyright } from '@theme/Footer/FooterCopyright';
-import type { NavGroupRecord, ResolvedNavItem } from '@theme/types/portal';
 import { useThemeSettings } from '@portal/hooks';
 import { DEFAULT_THEME_NAME } from '@portal/constants';
 import { isEmptyArray } from '@theme/utils';

package/src/Footer/FooterColumn.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import { Link } from '@portal/Link';
 import type { ResolvedNavItem } from '@theme/types/portal';
 
+import { Link } from '@portal/Link';
+
 interface FooterColumnProps {
   column: ResolvedNavItem;
 }

package/src/Footer/FooterColumns.tsx

@@ -1,9 +1,10 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import { FooterColumn } from '@theme/Footer/FooterColumn';
 import type { ResolvedNavItem } from '@theme/types/portal';
 
+import { FooterColumn } from '@theme/Footer/FooterColumn';
+
 interface FooterColumnsProps {
   columns: ResolvedNavItem[];
 }

package/src/Navbar/MobileNavbarDropdown.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 
 import type { ResolvedNavLinkItem } from '@theme/types/portal';
+
 import { Link } from '@portal/Link';
 
 interface NavbarDropdownProps {

package/src/Navbar/MobileNavbarItem.tsx

@@ -7,6 +7,7 @@ import type {
   ResolvedNavLinkItem,
   ResolvedNavGroupItem,
 } from '@theme/types/portal';
+
 import { Link } from '@portal/Link';
 import { withPathPrefix } from '@portal/utils';
 import { MobileDropdownWrapper, MobileNavbarDropdown } from '@theme/Navbar/MobileNavbarDropdown';

package/src/Navbar/MobileNavbarMenu.tsx

@@ -1,10 +1,11 @@
 import React from 'react';
 import styled from 'styled-components';
 
+import type { ResolvedConfigLinks, ResolvedNavItem } from '@theme/types/portal';
+
 import { NavMenuItem, NavMenuItemWithDropdownWrapper } from '@theme/Navbar/NavbarItem';
 import { MobileNavbarItem } from '@theme/Navbar/MobileNavbarItem';
 import { DropdownWrapper } from '@theme/Navbar/NavbarDropdown';
-import type { ResolvedConfigLinks, ResolvedNavItem } from '@theme/types/portal';
 import { isPrimitive, isEmptyArray } from '@theme/utils';
 
 export function MobileNavbarMenu({

package/src/Navbar/NavbarDropdown.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 
 import type { ResolvedNavLinkItem } from '@theme/types/portal';
+
 import { Link } from '@portal/Link';
 
 interface NavbarDropdownProps {

package/src/Navbar/NavbarItem.tsx

@@ -7,6 +7,7 @@ import type {
   ResolvedNavLinkItem,
   ResolvedNavGroupItem,
 } from '@theme/types/portal';
+
 import { Link } from '@portal/Link';
 import { withPathPrefix } from '@portal/utils';
 import { NavbarDropdown, DropdownWrapper } from '@theme/Navbar/NavbarDropdown';

package/src/Navbar/NavbarMenu.tsx

@@ -1,8 +1,9 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import { NavbarItem } from '@theme/Navbar/NavbarItem';
 import type { ResolvedConfigLinks, ResolvedNavItem } from '@theme/types/portal';
+
+import { NavbarItem } from '@theme/Navbar/NavbarItem';
 import { isPrimitive, isEmptyArray } from '@theme/utils';
 
 export function NavbarMenu({ menuItems }: { menuItems: ResolvedConfigLinks }): JSX.Element | null {

package/src/PageNavigation/NextPageLink.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 
 import type { ResolvedNavItemWithLink } from '@theme/types/portal';
+
 import { useThemeSettings, useSidebarSiblingsData } from '@portal/hooks';
 import { DEFAULT_THEME_NAME } from '@portal/constants';
 import { Button } from '@theme/Button/Button';

package/src/PageNavigation/PreviousPageLink.tsx

@@ -2,6 +2,7 @@ import React from 'react';
 import styled from 'styled-components';
 
 import type { ResolvedNavItemWithLink } from '@theme/types/portal';
+
 import { useThemeSettings, useSidebarSiblingsData } from '@portal/hooks';
 import { DEFAULT_THEME_NAME } from '@portal/constants';
 import { Button } from '@theme/Button/Button';

package/src/Search/Autocomplete.tsx

@@ -9,9 +9,10 @@ import React, {
 import { useLocation } from 'react-router-dom';
 import styled from 'styled-components';
 
+import type { ActiveItem } from '@portal/types';
+
 import { FormInput } from '@theme/Search/Input';
 import { Popover } from '@theme/Search/Popover';
-import { ActiveItem } from '@shared/models';
 
 interface AutocompleteProps<T> {
   placeholder?: string;

package/src/Search/Parameters.tsx

@@ -1,7 +1,8 @@
 import React from 'react';
 import styled from 'styled-components';
 
-import { OperationParameter } from '@shared/models';
+import type { OperationParameter } from '@portal/types';
+
 import { highlight } from '@theme/Search/utils';
 
 interface ParametersProps {

package/src/Search/SearchItem.tsx

@@ -1,9 +1,10 @@
 import React, { useEffect, useRef } from 'react';
 import styled from 'styled-components';
 
+import type { ActiveItem, SearchDocument } from '@portal/types';
+
 import { OperationBadge } from '@theme/OperationBadge';
 import { Link } from '@portal/Link';
-import { ActiveItem, SearchDocument } from '@shared/models';
 import { Parameters } from '@theme/Search/Parameters';
 import { highlight } from '@theme/Search/utils';
 

package/src/Tooltip/Tooltip.tsx

@@ -1,6 +1,6 @@
-import type { PropsWithChildren, ReactNode } from 'react';
 import React, { useEffect, memo, useRef } from 'react';
 import styled, { css } from 'styled-components';
+import type { PropsWithChildren, ReactNode } from 'react';
 
 import { useControl, useOutsideClick } from '@theme/hooks';
 

package/src/hooks/useActiveSectionId.ts

@@ -1,6 +1,6 @@
-import type { Location } from 'history';
 import { useEffect, useState, useMemo } from 'react';
 import throttle from 'lodash.throttle';
+import type { Location } from 'history';
 
 import { useNavbarHeight } from '@theme/hooks/useNavbarHeight';
 

package/src/utils/theme-helpers.ts

@@ -1,5 +1,5 @@
-import type { FlattenSimpleInterpolation } from 'styled-components';
 import { css } from 'styled-components';
+import type { FlattenSimpleInterpolation } from 'styled-components';
 
 enum Token {
   Comment = 'comment',