@redocly/theme 0.74.2-pingfed.3 → 0.81.2-rc.2

package/lib/components/Profile/MobileUserProfile.js

@@ -1,64 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.MobileUserProfile = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const useProfileProps_1 = require("../../mocks/Profile/useProfileProps");
-const LogoutIcon_1 = require("../../icons/LogoutIcon");
-const useThemeConfig_1 = require("../../hooks/useThemeConfig");
-const hooks_1 = require("../../mocks/hooks");
-const UserProfileData_1 = require("../../components/Profile/UserProfileData");
-const telemetry_1 = require("../../mocks/telemetry");
-function MobileUserProfile() {
-    const { userProfile } = (0, useThemeConfig_1.useThemeConfig)();
-    const { userData, handleLogout, loginUrl } = (0, useProfileProps_1.useProfileProps)();
-    const { translate } = (0, hooks_1.useTranslate)();
-    if (!(userData === null || userData === void 0 ? void 0 : userData.isAuthenticated) && !loginUrl)
-        return null;
-    return (react_1.default.createElement(MobileProfileWrapper, { "data-component-name": "Navbar/MobileUserProfile" }, !(userData === null || userData === void 0 ? void 0 : userData.isAuthenticated) ? (react_1.default.createElement(LoginButton, { href: loginUrl, "data-cy": "login-btn", onClick: () => telemetry_1.telemetry.send('login_button_clicked', {}) }, translate('theme.profile.login', (userProfile === null || userProfile === void 0 ? void 0 : userProfile.loginLabel) || 'Login'))) : (react_1.default.createElement(react_1.default.Fragment, null,
-        react_1.default.createElement(UserProfileData_1.UserProfileData, { userData: userData }),
-        react_1.default.createElement(LogoutButton, { onClick: () => {
-                handleLogout();
-                telemetry_1.telemetry.send('logout_menu_item_clicked', {});
-            } },
-            react_1.default.createElement(LogoutIcon_1.LogoutIcon, null))))));
-}
-exports.MobileUserProfile = MobileUserProfile;
-const LoginButton = styled_components_1.default.a `
-  background: var(--mobile-menu-login-button-background);
-  border-radius: var(--mobile-menu-login-button-border-radius);
-  width: 100%;
-  margin: 0;
-  padding: 5px 0;
-  color: var(--mobile-menu-login-button-color);
-  border: 1px solid var(--mobile-menu-login-button-border-color);
-  font-size: var(--mobile-menu-login-button-font-size);
-  font-family: var(--mobile-menu-login-button-font-family);
-  font-weight: var(--mobile-menu-login-button-font-weight);
-  text-align: center;
-  line-height: var(--mobile-menu-login-button-line-height);
-  cursor: pointer;
-  text-decoration: none;
-
-  &:hover {
-    color: var(--mobile-menu-login-button-hover-color);
-  }
-`;
-const MobileProfileWrapper = styled_components_1.default.div `
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  width: 100%;
-  bottom: 0;
-  padding: 18px 16px;
-  border-top: 1px solid var(--mobile-menu-profile-border-color);
-  background: var(--mobile-menu-profile-background);
-`;
-const LogoutButton = styled_components_1.default.div `
-  cursor: pointer;
-  user-select: none;
-`;
-//# sourceMappingURL=MobileUserProfile.js.map

package/lib/components/Profile/Profile.d.ts

@@ -1,15 +0,0 @@
-import React from 'react';
-export interface ProfileProps {
-    name: string;
-    imageUrl?: string;
-    color?: string;
-    onClick?: () => void;
-}
-export declare const Profile: React.NamedExoticComponent<ProfileProps>;
-export declare const ProfileWrapper: import("styled-components").StyledComponent<"div", any, {
-    'data-component-name': string;
-    'data-cy': string;
-}, "data-component-name" | "data-cy">;
-export declare const AvatarWrapper: import("styled-components").StyledComponent<"div", any, {
-    background?: string | undefined;
-}, never>;

package/lib/components/Profile/Profile.js

@@ -1,86 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.AvatarWrapper = exports.ProfileWrapper = exports.Profile = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importStar(require("styled-components"));
-const utils_1 = require("../../utils");
-function ProfileComponent({ name = 'User', imageUrl, onClick }) {
-    var _a;
-    if (imageUrl) {
-        return (react_1.default.createElement(exports.ProfileWrapper, { onClick: onClick, role: "link" }, imageUrl && (react_1.default.createElement(exports.AvatarWrapper, null,
-            react_1.default.createElement("img", { src: imageUrl, alt: "profile" })))));
-    }
-    const avatarLetters = `${name === null || name === void 0 ? void 0 : name.charAt(0).toUpperCase()}${((_a = name === null || name === void 0 ? void 0 : name.split(' ')[1]) === null || _a === void 0 ? void 0 : _a.charAt(0).toUpperCase()) || ''}`;
-    return (react_1.default.createElement(exports.ProfileWrapper, { onClick: onClick, role: "link" },
-        react_1.default.createElement(exports.AvatarWrapper, { background: (0, utils_1.stringToHslColor)(name) },
-            react_1.default.createElement("span", null, avatarLetters))));
-}
-exports.Profile = (0, react_1.memo)(ProfileComponent);
-exports.ProfileWrapper = styled_components_1.default.div.attrs(() => ({
-    'data-component-name': 'Profile/Profile',
-    'data-cy': 'user-profile',
-})) `
-  display: flex;
-  align-items: center;
-  cursor: pointer;
-  width: auto;
-`;
-exports.AvatarWrapper = styled_components_1.default.div `
-  width: var(--profile-avatar-width);
-  height: var(--profile-avatar-height);
-  display: flex;
-  overflow: hidden;
-  position: relative;
-  align-items: center;
-  flex-shrink: 0;
-  justify-content: center;
-  user-select: none;
-
-  font-family: var(--profile-avatar-font-family);
-  font-size: var(--profile-avatar-font-size);
-  line-height: var(--profile-avatar-line-height);
-  font-weight: var(--profile-avatar-font-weight);
-
-  border-radius: var(--profile-avatar-border-radius);
-
-  ${({ background }) => (0, styled_components_1.css) `
-    background-color: ${background};
-    span {
-      color: ${background};
-      filter: invert(100%);
-    }
-  `}
-
-  & > img {
-    color: transparent;
-    width: 100%;
-    height: 100%;
-    object-fit: cover;
-    text-align: center;
-    text-indent: 10000px;
-  }
-`;
-//# sourceMappingURL=Profile.js.map

package/lib/components/Profile/UserProfile.d.ts

@@ -1,3 +0,0 @@
-/// <reference types="react" />
-import type { UserProfileProps } from '../../components/Profile';
-export declare function UserProfile({ userData, handleLogout, hasDeveloperOnboarding, }: UserProfileProps): JSX.Element;

package/lib/components/Profile/UserProfile.js

@@ -1,107 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserProfile = void 0;
-const react_1 = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Profile_1 = require("../../components/Profile/Profile");
-const UserProfileData_1 = require("../../components/Profile/UserProfileData");
-const Link_1 = require("../../mocks/Link");
-const useThemeConfig_1 = require("../../hooks/useThemeConfig");
-const hooks_1 = require("../../mocks/hooks");
-const telemetry_1 = require("../../mocks/telemetry");
-const Dropdown_1 = require("../../components/Dropdown");
-const icons_1 = require("../../icons");
-function UserProfile({ userData, handleLogout, hasDeveloperOnboarding = false, }) {
-    const { userProfile } = (0, useThemeConfig_1.useThemeConfig)();
-    const { translate } = (0, hooks_1.useTranslate)();
-    const [isOpened, setIsOpened] = (0, react_1.useState)(false);
-    const menuItems = [react_1.default.createElement(UserProfileData_1.UserProfileData, { key: userData.name, userData: userData })];
-    if (hasDeveloperOnboarding) {
-        menuItems.push(react_1.default.createElement(Link_1.Link, { to: "/apps", "data-translation-key": "theme.profile.myApps" }, translate('theme.profile.myApps', 'My Apps')));
-    }
-    if (userProfile && userProfile.menu) {
-        for (const item of userProfile.menu) {
-            menuItems.push(react_1.default.createElement(Link_1.Link, { external: item.external, key: item.label, to: item.link || '', separator: item === null || item === void 0 ? void 0 : item.separatorLine }, item.label));
-        }
-    }
-    menuItems.push(react_1.default.createElement(Logout, { onClick: () => {
-            handleLogout();
-            telemetry_1.telemetry.send('logout_menu_item_clicked', {});
-        }, "data-translation-key": "theme.profile.logout", role: "link" },
-        react_1.default.createElement(icons_1.LogoutIcon, null),
-        translate('theme.profile.logout', (userProfile === null || userProfile === void 0 ? void 0 : userProfile.logoutLabel) || 'Log out')));
-    return (react_1.default.createElement(ProfileDropdown, { items: menuItems, alignment: "end" },
-        react_1.default.createElement(Profile_1.Profile, { name: userData.name, imageUrl: userData.picture, onClick: userData.logoutDisabled ? undefined : () => setIsOpened(!isOpened) })));
-}
-exports.UserProfile = UserProfile;
-const ProfileDropdown = (0, styled_components_1.default)(Dropdown_1.Dropdown).attrs(() => ({
-    dataAttributes: {
-        'data-component-name': 'Profile/ProfileDropdown',
-        'data-cy': 'user-profile-dropdown',
-    },
-})) `
-  font-size: var(--profile-dropdown-font-size);
-  font-weight: var(--profile-dropdown-font-weight);
-  line-height: var(--profile-dropdown-line-height);
-  border-radius: var(--profile-dropdown-border-radius);
-  color: var(--profile-dropdown-text-color);
-
-  ${Dropdown_1.DropdownList} {
-    right: 0;
-    min-width: var(--profile-dropdown-list-min-width);
-    max-width: var(--profile-dropdown-list-max-width);
-    padding: var(--profile-dropdown-list-padding);
-    background-color: var(--profile-dropdown-list-background-color);
-    border-radius: var(--profile-dropdown-list-border-radius);
-    box-shadow: var(--profile-dropdown-list-box-shadow);
-  }
-
-  ${Dropdown_1.DropdownListItem} {
-    border-radius: var(--profile-dropdown-list-item-border-radius);
-
-    :hover {
-      background-color: var(--profile-dropdown-list-item-active-background-color);
-    }
-
-    :first-child {
-      cursor: default;
-      background-color: var(--profile-dropdown-list-background-color);
-    }
-  }
-`;
-const Logout = styled_components_1.default.div `
-  cursor: pointer;
-  display: flex;
-  align-items: center;
-  color: var(--profile-dropdown-logout-color);
-  fill: var(--profile-dropdown-logout-color);
-  border-top: 1px solid var(--profile-dropdown-logout-border-color);
-  padding: var(--profile-dropdown-logout-padding);
-`;
-//# sourceMappingURL=UserProfile.js.map

package/lib/components/Profile/UserProfileData.d.ts

@@ -1,9 +0,0 @@
-import React from 'react';
-interface UserProfileDataProps {
-    userData: {
-        name: string;
-        picture: string;
-    };
-}
-export declare function UserProfileData(props: UserProfileDataProps): React.JSX.Element;
-export {};

package/lib/components/Profile/UserProfileData.js

@@ -1,35 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserProfileData = void 0;
-const react_1 = __importDefault(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Profile_1 = require("../../components/Profile");
-const Profile_2 = require("../../components/Profile/Profile");
-function UserProfileData(props) {
-    const { userData } = props;
-    return (react_1.default.createElement(UserProfileDataWrapper, null,
-        react_1.default.createElement(ProfilePicture, null,
-            react_1.default.createElement(Profile_1.Profile, { name: userData.name, imageUrl: userData.picture })),
-        react_1.default.createElement(UserName, null, userData.name)));
-}
-exports.UserProfileData = UserProfileData;
-const UserProfileDataWrapper = styled_components_1.default.div `
-  display: flex;
-  align-items: center;
-`;
-const ProfilePicture = styled_components_1.default.div `
-  margin-right: 16px;
-
-  ${Profile_2.AvatarWrapper} {
-    margin: 0;
-  }
-
-  ${Profile_2.ProfileWrapper} {
-    padding: 0;
-  }
-`;
-const UserName = styled_components_1.default.div ``;
-//# sourceMappingURL=UserProfileData.js.map

package/lib/components/Profile/index.d.ts

@@ -1,10 +0,0 @@
-export { Profile } from '../../components/Profile/Profile';
-export type { ProfileProps } from '../../components/Profile/Profile';
-export { LoginLink } from '../../components/Profile/LoginLink';
-export type { LoginLinkProps } from '../../components/Profile/LoginLink';
-export { UserProfile } from '../../components/Profile/UserProfile';
-export type { UserProfileProps } from '../../components/Profile/types';
-export * from '../../components/Profile/AuthUserProfile';
-export * from '../../components/Profile/MobileUserProfile';
-export * from '../../components/Profile/UserProfileData';
-export * from '../../components/Profile/styledVariables';

package/lib/components/Profile/index.js

@@ -1,28 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __exportStar = (this && this.__exportStar) || function(m, exports) {
-    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.UserProfile = exports.LoginLink = exports.Profile = void 0;
-var Profile_1 = require("../../components/Profile/Profile");
-Object.defineProperty(exports, "Profile", { enumerable: true, get: function () { return Profile_1.Profile; } });
-var LoginLink_1 = require("../../components/Profile/LoginLink");
-Object.defineProperty(exports, "LoginLink", { enumerable: true, get: function () { return LoginLink_1.LoginLink; } });
-var UserProfile_1 = require("../../components/Profile/UserProfile");
-Object.defineProperty(exports, "UserProfile", { enumerable: true, get: function () { return UserProfile_1.UserProfile; } });
-__exportStar(require("../../components/Profile/AuthUserProfile"), exports);
-__exportStar(require("../../components/Profile/MobileUserProfile"), exports);
-__exportStar(require("../../components/Profile/UserProfileData"), exports);
-__exportStar(require("../../components/Profile/styledVariables"), exports);
-//# sourceMappingURL=index.js.map

package/lib/components/Profile/styledVariables.d.ts

@@ -1,2 +0,0 @@
-export declare const userProfile: import("styled-components").FlattenSimpleInterpolation;
-export declare const userProfileDropdown: import("styled-components").FlattenSimpleInterpolation;

package/lib/components/Profile/styledVariables.js

@@ -1,55 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.userProfileDropdown = exports.userProfile = void 0;
-const styled_components_1 = require("styled-components");
-exports.userProfile = (0, styled_components_1.css) `
-
-  /**
-    * @tokens User Profile
-    */
-
-   --profile-avatar-width: var(--control-height-base); // @presenter Spacing
-   --profile-avatar-height: var(--control-height-base); // @presenter Spacing
-   --profile-avatar-border-radius: 50%; // @presenter BorderRadius
-
-   --profile-avatar-font-family: var(--navbar-item-font-family); // @presenter FontFamily
-   --profile-avatar-font-size: var(--navbar-item-font-size); // @presenter FontSize
-   --profile-avatar-font-weight: var(--font-weight-regular); // @presenter FontWeight
-   --profile-avatar-line-height: var(--line-height-base); // @presenter LineHeight
-  
-   --profile-avatar-padding-vertical: var(--spacing-base); // @presenter Spacing
-   --profile-avatar-padding-horizontal: var(--spacing-base); // @presenter Spacing
-
-   // @tokens End
-`;
-exports.userProfileDropdown = (0, styled_components_1.css) `
-  /**
-    * @tokens User profile menu dropdown
-    * */
-
-  --profile-dropdown-font-size: var(--dropdown-font-size); // @presenter FontSize
-  --profile-dropdown-font-weight: var(--dropdown-font-weight); // @presenter FontWeight
-  --profile-dropdown-line-height: var(--dropdown-line-height); // @presenter LineHeight
-  --profile-dropdown-text-color: var(--dropdown-text-color); // @presenter Color
-  --profile-dropdown-border-radius: var(--dropdown-border-radius); // @presenter BorderRadius
-
-  --profile-dropdown-list-min-width: var(--dropdown-list-min-width);
-  --profile-dropdown-list-max-width: var(--dropdown-list-max-width);
-  --profile-dropdown-list-padding: var(--dropdown-list-padding); // @presenter Spacing
-  --profile-dropdown-list-border-radius: var(--dropdown-list-border-radius); // @presenter BorderRadius
-  --profile-dropdown-list-background-color: var(--dropdown-list-background-color); // @presenter Color
-  --profile-dropdown-list-box-shadow: var(--dropdown-list-box-shadow); // @presenter Shadow
-
-  --profile-dropdown-list-item-horizontal-padding: var(--dropdown-list-item-horizontal-padding); // @presenter Spacing
-  --profile-dropdown-list-item-vertical-padding: var(--dropdown-list-item-vertical-padding); // @presenter Spacing
-  --profile-dropdown-list-item-border-radius: var(--dropdown-list-item-border-radius); // @presenter BorderRadius
-  --profile-dropdown-list-item-active-background-color: var(--dropdown-list-item-active-background-color); // @presenter Color
-  --profile-dropdown-list-item-separator-color: var(--dropdown-list-item-separator-color); // @presenter Color
-
-  --profile-dropdown-logout-color: var(--color-error-base);
-  --profile-dropdown-logout-border-color: var(--border-secondary);
-  --profile-dropdown-logout-padding: 0 0 0 var(--spacing-xxs);
-
-  // @tokens End
-`;
-//# sourceMappingURL=styledVariables.js.map

package/lib/components/Profile/types.d.ts

@@ -1,12 +0,0 @@
-export interface UserProfileProps {
-    userData: {
-        isAuthenticated: boolean;
-        name: string;
-        picture: string;
-        logoutDisabled?: boolean;
-    };
-    handleLogout: (logoutRedirect?: string) => void;
-    hasDeveloperOnboarding?: boolean;
-    loginUrl?: string;
-    className?: string;
-}

package/lib/components/Profile/types.js

@@ -1,3 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-//# sourceMappingURL=types.js.map

package/lib/components/Scorecard/Card.d.ts

@@ -1,5 +0,0 @@
-export declare const ScorecardCard: import("styled-components").StyledComponent<"div", any, {
-    'data-component-name': string;
-}, "data-component-name">;
-export declare const ScorecardCardTitle: import("styled-components").StyledComponent<"h3", any, {}, never>;
-export declare function getLevelColor(idx: number, numberOfLevels: number): string;

package/lib/components/Scorecard/Card.js

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.getLevelColor = exports.ScorecardCardTitle = exports.ScorecardCard = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-exports.ScorecardCard = styled_components_1.default.div.attrs({
-    'data-component-name': 'Scorecard/ScorecardCard',
-}) `
-  color: var(--text-primary);
-  background-color: var(--bg-raised);
-  border-radius: 4px;
-
-  border: 1px solid var(--border-primary);
-  box-shadow: 0 0 10px 0 rgba(35, 35, 35, 0.05);
-
-  flex: 1;
-  min-width: 300px;
-  padding: 20px;
-`;
-exports.ScorecardCardTitle = styled_components_1.default.h3 `
-  font-size: 1.2rem;
-  font-weight: bold;
-  margin-bottom: 10px;
-  margin-top: 0;
-`;
-function getLevelColor(idx, numberOfLevels) {
-    if (numberOfLevels === 0) {
-        return 'hsl(0, 0%, 50%)';
-    }
-    const hue = ((idx + 1) / numberOfLevels) * 120;
-    const lum = 50 - ((idx + 1) / numberOfLevels) * 25;
-    return `hsl(${hue}, 100%, ${lum}%)`;
-}
-exports.getLevelColor = getLevelColor;
-//# sourceMappingURL=Card.js.map

package/lib/components/Scorecard/Gauge.d.ts

@@ -1,11 +0,0 @@
-import * as React from 'react';
-export interface GaugeProps {
-    chunks: {
-        share: number;
-        color: string;
-        title?: string;
-    }[];
-    className?: string;
-}
-export declare function Gauge({ chunks, className }: GaugeProps): React.JSX.Element;
-export declare const GaugeValue: import("styled-components").StyledComponent<"span", any, {}, never>;

package/lib/components/Scorecard/Gauge.js

@@ -1,61 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.GaugeValue = exports.Gauge = void 0;
-const React = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-function Gauge({ chunks, className }) {
-    const title = chunks
-        .map((chunk) => chunk.title)
-        .filter(Boolean)
-        .join(', ');
-    return (React.createElement(GaugeWrapper, { "data-component-name": "Scorecard/StatusByLevelWidget", className: className, title: title }, chunks.map((chunk, i) => (React.createElement(GaugeChunk, { key: i, share: chunk.share, color: chunk.color })))));
-}
-exports.Gauge = Gauge;
-exports.GaugeValue = styled_components_1.default.span `
-  font-size: var(--font-size-lg);
-  line-height: var(line-height-regular);
-
-  vertical-align: middle;
-  display: inline-block;
-  margin-right: 0;
-  text-align: right;
-  width: 70px;
-`;
-const GaugeWrapper = styled_components_1.default.div `
-  display: flex;
-  flex-direction: row;
-  height: 10px;
-  width: 100%;
-`;
-const GaugeChunk = styled_components_1.default.div `
-  width: ${(props) => props.share}%;
-  background-color: ${(props) => props.color};
-  height: 10px;
-`;
-//# sourceMappingURL=Gauge.js.map

package/lib/components/Scorecard/StatusByLevelWidget.d.ts

@@ -1,12 +0,0 @@
-import * as React from 'react';
-export interface StatusByLevelWidgetProps {
-    title: string;
-    levels: {
-        name: string;
-        errors: number;
-        warnings: number;
-        total: number;
-    }[];
-    className?: string;
-}
-export declare function StatusByLevelWidget(props: StatusByLevelWidgetProps): React.JSX.Element;

package/lib/components/Scorecard/StatusByLevelWidget.js

@@ -1,83 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    o[k2] = m[k];
-}));
-var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
-    Object.defineProperty(o, "default", { enumerable: true, value: v });
-}) : function(o, v) {
-    o["default"] = v;
-});
-var __importStar = (this && this.__importStar) || function (mod) {
-    if (mod && mod.__esModule) return mod;
-    var result = {};
-    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
-    __setModuleDefault(result, mod);
-    return result;
-};
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.StatusByLevelWidget = void 0;
-const React = __importStar(require("react"));
-const styled_components_1 = __importDefault(require("styled-components"));
-const Gauge_1 = require("../../components/Scorecard/Gauge");
-const Card_1 = require("../../components/Scorecard/Card");
-function StatusByLevelWidget(props) {
-    const { levels, title, className } = props;
-    return (React.createElement(Card_1.ScorecardCard, { "data-component-name": "Scorecard/StatusByLevelWidget", className: className },
-        React.createElement(Card_1.ScorecardCardTitle, null, title),
-        React.createElement(CardBody, null, levels.map((level) => {
-            const success = level.total - level.errors - level.warnings;
-            return (React.createElement(CardRow, { key: level.name },
-                React.createElement("span", null, level.name),
-                React.createElement(Gauge_1.Gauge, { chunks: [
-                        {
-                            share: (success / level.total) * 100,
-                            color: 'var(--scorecard-color-success)',
-                            title: `${success} passed`,
-                        },
-                        {
-                            share: (level.warnings / level.total) * 100,
-                            color: 'var(--scorecard-color-warning)',
-                            title: `${level.warnings} ${level.warnings === 1 ? 'warning' : 'warnings'}`,
-                        },
-                        {
-                            share: (level.errors / level.total) * 100,
-                            color: 'var(--scorecard-color-error)',
-                            title: `${level.errors} ${level.errors === 1 ? 'error' : 'errors'}`,
-                        },
-                    ] }),
-                React.createElement(Gauge_1.GaugeValue, null,
-                    success,
-                    "/",
-                    level.total)));
-        }))));
-}
-exports.StatusByLevelWidget = StatusByLevelWidget;
-const CardBody = styled_components_1.default.div `
-  display: flex;
-  flex-direction: column;
-  gap: 5px;
-`;
-const CardRow = styled_components_1.default.div `
-  display: flex;
-  flex-direction: row;
-  gap: 10px;
-
-  align-items: center;
-
-  > span:first-child {
-    text-align: right;
-    width: 100px;
-  }
-`;
-//# sourceMappingURL=StatusByLevelWidget.js.map