@redocly/theme 0.9.5 → 0.9.7

package/lib/CopyButton/CopyButtonWrapper.js

@@ -44,7 +44,7 @@ function CopyButtonWrapperComponent({ data, children, onCopyClick, dataTestId =
         onCopyClick === null || onCopyClick === void 0 ? void 0 : onCopyClick();
     };
     const renderCopyButton = (placement = 'top') => {
-        return (react_1.default.createElement(Tooltip_1.Tooltip, { className: "copy-button", tip: utils_1.ClipboardService.isSupported() ? 'Copied' : 'Not supported in your browser', isOpen: tooltip.isOpened, placement: placement },
+        return (react_1.default.createElement(Tooltip_1.Tooltip, { className: "copy-button", tip: "Copied", isOpen: tooltip.isOpened, placement: placement },
             react_1.default.createElement(SamplesPanelControls_1.SamplesControlButton, { onClick: copy, "data-cy": dataTestId }, "Copy")));
     };
     return children({ renderCopyButton });

package/lib/Profile/UserProfile.d.ts

@@ -8,6 +8,5 @@ export interface UserProfileProps {
     };
     handleLogout: (logoutRedirect?: string) => void;
     hasDeveloperOnboarding?: boolean;
-    hasApiLogs?: boolean;
 }
-export declare function UserProfile({ userInfo, handleLogout, hasDeveloperOnboarding, hasApiLogs, }: UserProfileProps): JSX.Element;
+export declare function UserProfile({ userInfo, handleLogout, hasDeveloperOnboarding, }: UserProfileProps): JSX.Element;

package/lib/Profile/UserProfile.js

@@ -33,15 +33,13 @@ const Link_1 = require("../mocks/Link");
 const Profile_1 = require("../Profile/Profile");
 const Tooltip_1 = require("../Tooltip/Tooltip");
 const useThemeConfig_1 = require("../hooks/useThemeConfig");
-function UserProfile({ userInfo, handleLogout, hasDeveloperOnboarding = false, hasApiLogs = false, }) {
+function UserProfile({ userInfo, handleLogout, hasDeveloperOnboarding = false, }) {
     const [isOpened, setIsOpened] = (0, react_1.useState)(false);
     const { userProfile: userProfileSettings } = (0, useThemeConfig_1.useThemeConfig)();
     const logoutRedirect = (userProfileSettings === null || userProfileSettings === void 0 ? void 0 : userProfileSettings.logoutRedirect) || '/';
-    return (react_1.default.createElement(StyledTooltip, { isOpen: isOpened, withArrow: false, className: "copy-button", placement: "bottom", width: "100%", tip: react_1.default.createElement(StyledUl, null,
+    return (react_1.default.createElement(StyledTooltip, { isOpen: isOpened, withArrow: false, className: "copy-button", placement: "bottom", width: "100%", tip: react_1.default.createElement(StyledUl, { onClick: () => setIsOpened(false) },
             hasDeveloperOnboarding ? (react_1.default.createElement(Link_1.Link, { to: "/apps" },
                 react_1.default.createElement(StyledLi, null, "My Apps"))) : null,
-            hasApiLogs ? (react_1.default.createElement(Link_1.Link, { to: "/api-logs" },
-                react_1.default.createElement(StyledLi, null, "API logs"))) : null,
             react_1.default.createElement(StyledLi, { onClick: () => handleLogout(logoutRedirect) }, (userProfileSettings === null || userProfileSettings === void 0 ? void 0 : userProfileSettings.logoutLabel) || 'Log out')) },
         react_1.default.createElement(Profile_1.Profile, { name: userInfo.name, imageUrl: userInfo.picture, onClick: userInfo.logoutDisabled ? undefined : () => setIsOpened(!isOpened) })));
 }

package/lib/Search/Autocomplete.js

@@ -117,6 +117,6 @@ const Overlay = styled_components_1.default.div `
 `;
 const Message = styled_components_1.default.div `
   padding: 24px;
-  color: var(--text-color);
+  color: var(--search-item-title-text-color);
 `;
 //# sourceMappingURL=Autocomplete.js.map

package/lib/globalStyle.js

@@ -1892,9 +1892,6 @@ const tile = (0, styled_components_1.css) `
   --wide-tile-background-color: var(--color-secondary-100);
   --thin-tile-background-color: var(--color-secondary-100);
 `;
-const apiLogsTable = (0, styled_components_1.css) `
- --api-logs-row-hover-background-color: var(--color-secondary-300);
-`;
 const pages = (0, styled_components_1.css) `
   /**
   * @tokens 404 Page
@@ -1979,7 +1976,6 @@ exports.styles = (0, styled_components_1.css) `
     ${lastUpdated}
     ${tile}
     ${loadProgressBar}
-    ${apiLogsTable}
     ${pages}
     ${modal}
 

package/lib/utils/ClipboardService.d.ts

@@ -1,5 +1,4 @@
 export declare class ClipboardService {
-    static isSupported(): boolean;
     static copyCustom(text: string): boolean;
     static selectElement(element: HTMLDivElement | null): void;
 }

package/lib/utils/ClipboardService.js

@@ -6,9 +6,6 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.ClipboardService = void 0;
 const copy_to_clipboard_1 = __importDefault(require("copy-to-clipboard"));
 class ClipboardService {
-    static isSupported() {
-        return typeof navigator !== 'undefined' && !!navigator.clipboard;
-    }
     static copyCustom(text) {
         return (0, copy_to_clipboard_1.default)(text);
     }

package/package.json

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

package/src/CopyButton/CopyButtonWrapper.tsx

@@ -41,12 +41,7 @@ function CopyButtonWrapperComponent({
 
   const renderCopyButton = (placement: TooltipProps['placement'] = 'top'): JSX.Element => {
     return (
-      <Tooltip
-        className="copy-button"
-        tip={ClipboardService.isSupported() ? 'Copied' : 'Not supported in your browser'}
-        isOpen={tooltip.isOpened}
-        placement={placement}
-      >
+      <Tooltip className="copy-button" tip="Copied" isOpen={tooltip.isOpened} placement={placement}>
         <SamplesControlButton onClick={copy} data-cy={dataTestId}>
           Copy
         </SamplesControlButton>

package/src/Profile/UserProfile.tsx

@@ -15,14 +15,12 @@ export interface UserProfileProps {
   };
   handleLogout: (logoutRedirect?: string) => void;
   hasDeveloperOnboarding?: boolean;
-  hasApiLogs?: boolean;
 }
 
 export function UserProfile({
   userInfo,
   handleLogout,
   hasDeveloperOnboarding = false,
-  hasApiLogs = false,
 }: UserProfileProps): JSX.Element {
   const [isOpened, setIsOpened] = useState<boolean>(false);
 
@@ -38,17 +36,12 @@ export function UserProfile({
       placement="bottom"
       width="100%"
       tip={
-        <StyledUl>
+        <StyledUl onClick={() => setIsOpened(false)}>
           {hasDeveloperOnboarding ? (
             <Link to="/apps">
               <StyledLi>My Apps</StyledLi>
             </Link>
           ) : null}
-          {hasApiLogs ? (
-            <Link to="/api-logs">
-              <StyledLi>API logs</StyledLi>
-            </Link>
-          ) : null}
           <StyledLi onClick={() => handleLogout(logoutRedirect)}>
             {userProfileSettings?.logoutLabel || 'Log out'}
           </StyledLi>

package/src/Search/Autocomplete.tsx

@@ -144,5 +144,5 @@ const Overlay = styled.div`
 
 const Message = styled.div`
   padding: 24px;
-  color: var(--text-color);
+  color: var(--search-item-title-text-color);
 `;

package/src/globalStyle.ts

@@ -1917,10 +1917,6 @@ const tile = css`
   --thin-tile-background-color: var(--color-secondary-100);
 `;
 
-const apiLogsTable = css`
- --api-logs-row-hover-background-color: var(--color-secondary-300);
-`
-
 const pages = css`
   /**
   * @tokens 404 Page
@@ -2007,7 +2003,6 @@ export const styles = css`
     ${lastUpdated}
     ${tile}
     ${loadProgressBar}
-    ${apiLogsTable}
     ${pages}
     ${modal}
 

package/src/utils/ClipboardService.ts

@@ -1,9 +1,5 @@
 import copy from 'copy-to-clipboard';
 export class ClipboardService {
-  static isSupported(): boolean {
-    return typeof navigator !== 'undefined' && !!navigator.clipboard;
-  }
-
   static copyCustom(text: string): boolean {
     return copy(text);
   }