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

package/src/hooks/index.ts

@@ -1,9 +0,0 @@
-export * from '@theme/hooks/useThemeConfig';
-export * from '@theme/hooks/useControl';
-export * from '@theme/hooks/useMount';
-export * from '@theme/hooks/useUnmount';
-export * from '@theme/hooks/useActiveHeading';
-export * from '@theme/hooks/useActiveSectionId';
-export * from '@theme/hooks/useFullHeight';
-export * from '@theme/hooks/useNavbarHeight';
-export * from '@theme/hooks/useOutsideClick';

package/src/hooks/useActiveSectionId.ts

@@ -1,54 +0,0 @@
-import { useEffect, useState, useMemo } from 'react';
-import throttle from 'lodash.throttle';
-
-import type { Location } from 'react-router-dom';
-
-import { useNavbarHeight } from '@theme/hooks/useNavbarHeight';
-
-export type UseActiveSectionIdReturnType = string;
-
-export function useActiveSectionId(
-  location: Location,
-  hasOverviewPage = false,
-  withNavbar = true,
-): UseActiveSectionIdReturnType {
-  const [itemId, setItemId] = useState<string>('');
-  const navbarHeight = useNavbarHeight(location);
-  const heightOffset = (withNavbar ? navbarHeight : 0) + 5; // use small padding 5px to account for rounding;
-
-  const scrollListener = useMemo(
-    () =>
-      throttle(() => {
-        const sections = document.querySelectorAll('[data-section-id]');
-        if (sections.length < 2) {
-          setItemId('');
-          return;
-        }
-        for (let i = 0; i < sections.length; i++) {
-          const section = sections[i];
-          const rect = section.getBoundingClientRect();
-          if (rect.y < heightOffset && rect.bottom > heightOffset) {
-            setItemId(section.getAttribute('data-section-id') || '');
-            return;
-          }
-        }
-        if (hasOverviewPage) {
-          setItemId('');
-        }
-      }, 150),
-    [heightOffset, hasOverviewPage],
-  );
-
-  useEffect(() => {
-    window.addEventListener('scroll', scrollListener, { capture: false });
-    setTimeout(() => {
-      scrollListener();
-    }, 10);
-
-    return () => {
-      window.removeEventListener('scroll', scrollListener);
-    };
-  }, [location, heightOffset, scrollListener]);
-
-  return itemId;
-}

package/src/hooks/useMobileMenu.ts

@@ -1,16 +0,0 @@
-import { useEffect, useState } from 'react';
-import { useLocation } from 'react-router-dom';
-
-import type { Dispatch, SetStateAction } from 'react';
-
-import useModalScrollLock from '@theme/hooks/useModalScrollLock';
-
-export function useMobileMenu(initialState = false): [boolean, Dispatch<SetStateAction<boolean>>] {
-  const location = useLocation();
-  const [isOpen, setIsOpen] = useState(initialState);
-
-  useEffect(() => setIsOpen(false), [location.pathname, location.hash]);
-  useModalScrollLock(isOpen);
-
-  return [isOpen, setIsOpen];
-}

package/src/hooks/useModalScrollLock.ts

@@ -1,12 +0,0 @@
-import { useEffect } from 'react';
-
-export default function useModalScrollLock(isOpen: boolean) {
-  useEffect(() => {
-    if (isOpen) document.body.classList.add('overflow-hidden');
-    else document.body.classList.remove('overflow-hidden');
-  }, [isOpen]);
-
-  return () => {
-    document.body.classList.remove('overflow-hidden');
-  };
-}

package/src/hooks/useNavbarHeight.ts

@@ -1,25 +0,0 @@
-import { useEffect, useState } from 'react';
-
-import type { Location } from 'react-router-dom';
-
-import { getNavbarElement } from '@theme/utils/getNavbarElement';
-
-export type UseNavbarHeightReturnType = number;
-
-export function useNavbarHeight(location: Location): UseNavbarHeightReturnType {
-  const [height, setHeight] = useState(0);
-
-  useEffect(() => {
-    const navbar = getNavbarElement();
-    setHeight((navbar && navbar.clientHeight) || 0);
-  }, [location.pathname]);
-
-  useEffect(() => {
-    window.requestAnimationFrame(() => {
-      const navbar = getNavbarElement();
-      setHeight((navbar && navbar.clientHeight) || 0);
-    });
-  }, []);
-
-  return height;
-}

package/src/hooks/useOutsideClick.ts

@@ -1,23 +0,0 @@
-import { useEffect } from 'react';
-
-import type { MutableRefObject } from 'react';
-
-export function useOutsideClick(
-  ref: MutableRefObject<HTMLElement | null>,
-  handler: (event: MouseEvent | TouchEvent) => void,
-): void {
-  useEffect(() => {
-    const listener = (event: MouseEvent | TouchEvent) => {
-      if (!ref.current || ref.current.contains(event.target as Node)) {
-        return;
-      }
-      handler(event);
-    };
-    document.addEventListener('mousedown', listener);
-    document.addEventListener('touchstart', listener);
-    return () => {
-      document.removeEventListener('mousedown', listener);
-      document.removeEventListener('touchstart', listener);
-    };
-  }, [ref, handler]);
-}

package/src/hooks/useThemeConfig.ts

@@ -1,26 +0,0 @@
-import { createContext, useContext } from 'react';
-
-import type { ThemeUIConfig } from '@theme/config';
-import { useCurrentProduct } from '@portal/hooks';
-
-export const ThemeConfigContext = createContext<ThemeUIConfig>({} as ThemeUIConfig);
-
-export function useThemeConfig<T extends Record<string, unknown>>(
-  useProductConfig: boolean = true,
-): T & NonNullable<ThemeUIConfig> {
-  const themeConfig = (useContext(ThemeConfigContext) as T & NonNullable<ThemeUIConfig>) || {};
-
-  const currentProduct = useCurrentProduct();
-
-  const mergedTheme =
-    useProductConfig && currentProduct?.themeOverride
-      ? {
-          ...themeConfig,
-          ...currentProduct.themeOverride,
-          // Do not override analytics config from product
-          analytics: themeConfig.analytics,
-        }
-      : themeConfig;
-
-  return mergedTheme;
-}

package/src/i18n/LanguagePicker.tsx

@@ -1,120 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-import { getPathnameForLocale, withPathPrefix } from '@portal/utils';
-import { usePreloadHistory } from '@portal/usePreloadHistory';
-import { useI18nConfig } from '@portal/hooks';
-import { Select, SelectInput, SelectList, SelectListItem } from '@theme/components/Select';
-import { LanguageIcon } from '@theme/icons';
-
-interface LanguagePickerProps {
-  onChangeLanguage: (newLang: string) => void;
-  onlyIcon?: boolean;
-  placement?: 'top' | 'bottom';
-  alignment?: 'start' | 'end';
-}
-
-export const LanguagePicker = (props: LanguagePickerProps) => {
-  const { currentLocale, locales, defaultLocale } = useI18nConfig();
-  const history = usePreloadHistory();
-
-  if (locales.length < 2) {
-    return null;
-  }
-
-  const locale = locales.find((l) => l.code === currentLocale);
-  if (!locale) {
-    return null;
-  }
-
-  const value = locale.code;
-  const languageItems = locales.map((locale) => ({
-    element: <LanguageItem role="link">{locale.name || locale.code || ''}</LanguageItem>,
-    value: locale.code,
-    title: locale.name || locale.code || '',
-  }));
-
-  return (
-    <LanguageSelect
-      value={value}
-      options={languageItems}
-      onChange={(value: string) => {
-        const newLangPathname = withPathPrefix(
-          getPathnameForLocale(location.pathname, defaultLocale, value, locales),
-        );
-        const newUrlWithLanguage = `${newLangPathname}${location.search}${location.hash}`;
-        history.push(newUrlWithLanguage);
-        props.onChangeLanguage(value);
-      }}
-      triggerEvent="hover"
-      placement={props.placement}
-      alignment={props.alignment}
-      icon={<LanguageIcon />}
-      onlyIcon={props.onlyIcon}
-      withArrow={false}
-    />
-  );
-};
-
-const LanguageSelect = styled(Select).attrs(() => ({
-  dataAttributes: {
-    'data-component-name': 'i18n/LanguagePicker',
-  },
-}))`
-  --select-list-item-active-background-color: var(
-    --language-picker-list-item-active-background-color
-  );
-  --select-list-item-hover-background-color: var(
-    --language-picker-list-item-hover-background-color
-  );
-
-  display: none;
-  font-size: var(--language-picker-font-size);
-  font-weight: var(--language-picker-font-weight);
-  line-height: var(--language-picker-line-height);
-  border-radius: var(--language-picker-border-radius);
-  color: var(--language-picker-text-color);
-  background-color: var(--language-picker-background-color);
-
-  ${SelectInput} {
-    min-height: var(--language-picker-min-height);
-    color: var(--language-picker-text-color);
-    border: 1px solid var(--language-picker-border-color);
-    border-radius: var(--language-picker-input-border-radius);
-    padding: var(--language-picker-input-padding-vertical)
-      var(--language-picker-input-padding-horizontal);
-
-    :hover {
-      border-color: var(--language-picker-hover-border-color);
-    }
-  }
-
-  ${SelectList} {
-    min-width: var(--language-picker-list-min-width);
-    max-width: var(--language-picker-list-max-width);
-    padding: var(--language-picker-list-padding);
-    background-color: var(--language-picker-list-background-color);
-    border-radius: var(--language-picker-list-border-radius);
-    box-shadow: var(--language-picker-list-box-shadow);
-  }
-
-  ${SelectListItem} {
-    border-radius: var(--language-picker-list-item-border-radius);
-
-    & > * {
-      padding: var(--language-picker-list-item-vertical-padding)
-        var(--language-picker-list-item-horizontal-padding);
-    }
-  }
-
-  ${({ theme }) => theme.mediaQueries.medium} {
-    display: block;
-  }
-
-  :hover {
-    text-decoration: var(--navbar-item-hover-text-decoration);
-    background: var(--language-picker-hover-background-color);
-  }
-`;
-
-const LanguageItem = styled.div``;

package/src/i18n/index.ts

@@ -1,2 +0,0 @@
-export { LanguagePicker } from '@theme/i18n/LanguagePicker';
-export * from '@theme/i18n/styledVariables';

package/src/i18n/styledVariables.ts

@@ -1,37 +0,0 @@
-import { css } from "styled-components";
-
-export const languagePicker = css`
-  /**
-    * @tokens Language picker
-    * */
-
-  --language-picker-font-size: var(--select-font-size); // @presenter FontSize
-  --language-picker-font-weight: var(--select-font-weight); // @presenter FontWeight
-  --language-picker-line-height: var(--select-line-height); // @presenter LineHeight
-  --language-picker-text-color: var(--text-primary); // @presenter Color
-  --language-picker-min-height: var(--control-height-base); // @presenter Spacing
-  --language-picker-border-radius: calc(var(--spacing-unit) * 1.5); // @presenter BorderRadius
-  --language-picker-border-color: var(--border-primary); // @presenter Color
-  --language-picker-background-color: var(--bg-base); // @presenter Color
-  --language-picker-hover-background-color: var(--language-picker-background-color); // @presenter Color
-  --language-picker-hover-border-color: var(--text-primary); // @presenter Color
-
-  --language-picker-input-padding-horizontal: var(--select-input-padding-horizontal); // @presenter Spacing
-  --language-picker-input-padding-vertical: var(--select-input-padding-vertical); // @presenter Spacing
-  --language-picker-input-border-radius: var(--language-picker-border-radius); // @presenter BorderRadius
-
-  --language-picker-list-min-width: var(--select-list-min-width);
-  --language-picker-list-max-width: var(--select-list-max-width);
-  --language-picker-list-padding: var(--select-list-padding); // @presenter Spacing
-  --language-picker-list-border-radius: var(--language-picker-border-radius); // @presenter BorderRadius
-  --language-picker-list-background-color: var(--select-list-background-color); // @presenter Color
-  --language-picker-list-box-shadow: var(--select-list-box-shadow); // @presenter Shadow
-
-  --language-picker-list-item-horizontal-padding: var(--select-list-item-horizontal-padding); // @presenter Spacing
-  --language-picker-list-item-vertical-padding: var(--select-list-item-vertical-padding); // @presenter Spacing
-  --language-picker-list-item-border-radius: var(--select-list-item-border-radius); // @presenter BorderRadius
-  --language-picker-list-item-active-background-color: var(--select-list-item-active-background-color); // @presenter Color
-  --language-picker-list-item-hover-background-color: var(--select-list-item-hover-background-color); // @presenter Color
-
-  // @tokens End
-`

package/src/icons/AlertIcon/AlertIcon.tsx

@@ -1,111 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-export interface AlertIconProps {
-  type: 'warning' | 'success' | 'danger' | 'attention' | 'info';
-  className?: string;
-}
-
-function Icon({ type, className }: AlertIconProps) {
-  switch (type) {
-    case 'warning':
-      return (
-        <svg
-          className={className}
-          xmlns="http://www.w3.org/2000/svg"
-          version="1.1"
-          id="Layer_1"
-          x="0"
-          y="0"
-          viewBox="0 0 500.6 500.6"
-          enableBackground="new 0 0 500.6 500.6"
-        >
-          <path d="M250.3 15.1c-132.5 0-239.8 107.2-239.8 239.8 0 132.5 107.2 239.8 239.8 239.8 132.5 0 239.8-107.2 239.8-239.8C490.1 122.3 382.8 15.1 250.3 15.1zM250.3 457.1C138.5 457.1 48 366.7 48 254.8 48 143 138.5 52.5 250.3 52.5c111.8 0 202.3 90.5 202.3 202.3C452.6 366.7 362.1 457.1 250.3 457.1z" />
-          <path d="M250.3 135.8c-10.3 0-18.7 8.4-18.7 18.7v120.6c0 10.3 8.4 18.7 18.7 18.7s18.7-8.4 18.7-18.7V154.5C269 144.2 260.7 135.8 250.3 135.8z" />
-          <circle cx="250.3" cy="342.1" r="25.3" />
-        </svg>
-      );
-    case 'success':
-      return (
-        <svg
-          className={className}
-          xmlns="http://www.w3.org/2000/svg"
-          version="1.1"
-          id="Layer_1"
-          x="0"
-          y="0"
-          viewBox="0 0 500.6 500.6"
-          enableBackground="new 0 0 500.6 500.6"
-        >
-          <path d="M250.3 490.1c132.5 0 239.8-107.2 239.8-239.8 0-132.5-107.2-239.8-239.8-239.8 -132.5 0-239.8 107.2-239.8 239.8C10.6 382.8 117.8 490.1 250.3 490.1zM250.3 48c111.8 0 202.3 90.5 202.3 202.3 0 111.8-90.5 202.3-202.3 202.3C138.5 452.6 48 362.1 48 250.3 48 138.5 138.5 48 250.3 48z" />
-          <path d="M224.7 349.6c8.5 5.9 20.2 3.8 26.1-4.6L355 195.7c5.9-8.5 3.8-20.2-4.6-26.1s-20.2-3.8-26.1 4.6L220 323.5C214.1 332 216.2 343.7 224.7 349.6z" />
-          <path d="M247.1 346.2c7.3-7.3 7.3-19.2 0-26.5l-55.9-55.9c-7.3-7.3-19.2-7.3-26.5 0s-7.3 19.2 0 26.5l55.9 55.9C228 353.5 239.8 353.5 247.1 346.2z" />
-        </svg>
-      );
-    case 'danger':
-      return (
-        <svg
-          className={className}
-          xmlns="http://www.w3.org/2000/svg"
-          version="1.1"
-          id="Layer_1"
-          x="0"
-          y="0"
-          viewBox="0 0 500.6 500.6"
-          enableBackground="new 0 0 500.6 500.6"
-        >
-          <path d="M250.3 490.1c132.5 0 239.8-107.2 239.8-239.8 0-132.5-107.2-239.8-239.8-239.8 -132.5 0-239.8 107.2-239.8 239.8C10.6 382.8 117.8 490.1 250.3 490.1zM250.3 48c111.8 0 202.3 90.5 202.3 202.3 0 111.8-90.5 202.3-202.3 202.3C138.5 452.6 48 362.1 48 250.3 48 138.5 138.5 48 250.3 48z" />
-          <path d="M168.4 332.2c7.3 7.3 19.2 7.3 26.5 0l137.3-137.3c7.3-7.3 7.3-19.2 0-26.5 -7.3-7.3-19.2-7.3-26.5 0L168.4 305.7C161.1 313 161.1 324.9 168.4 332.2z" />
-          <path d="M168.4 168.4c-7.3 7.3-7.3 19.2 0 26.5l137.3 137.3c7.3 7.3 19.2 7.3 26.5 0 7.3-7.3 7.3-19.2 0-26.5L194.9 168.4C187.6 161.1 175.7 161.1 168.4 168.4z" />
-        </svg>
-      );
-    case 'attention':
-      return (
-        <svg
-          className={className}
-          xmlns="http://www.w3.org/2000/svg"
-          version="1.1"
-          id="Layer_1"
-          x="0"
-          y="0"
-          viewBox="0 0 500.6 500.6"
-          enableBackground="new 0 0 500.6 500.6"
-        >
-          <path d="M250.3 301.8c-8.3 0-15-6.7-15-15V181.9c0-8.3 6.7-15 15-15 8.3 0 15 6.7 15 15v104.9C265.3 295.1 258.6 301.8 250.3 301.8zM483.7 377L297.2 66.1c-21.2-35.3-72.6-35.4-93.8 0L16.9 377c-17.6 29.4 3.6 67.1 38 67.1h390.8C480.1 444.1 501.4 406.4 483.7 377L483.7 377zM445.7 414.1H54.9c-11.2 0-18-12.2-12.3-21.7L229.1 81.5c9.6-16 32.8-16 42.4 0L458 392.4C463.7 401.9 456.9 414.1 445.7 414.1z" />
-          <circle cx="250.3" cy="339.2" r="22.5" />
-        </svg>
-      );
-    default:
-      return (
-        <svg
-          className={className}
-          xmlns="http://www.w3.org/2000/svg"
-          version="1.1"
-          id="Layer_1"
-          x="0"
-          y="0"
-          viewBox="0 0 500.6 500.6"
-          enableBackground="new 0 0 500.6 500.6"
-        >
-          <path d="M250.3 490.7c132.5 0 239.8-107.2 239.8-239.8 0-132.5-107.2-239.8-239.8-239.8 -132.5 0-239.8 107.2-239.8 239.8C10.6 383.5 117.8 490.7 250.3 490.7zM250.3 48.6c111.8 0 202.3 90.5 202.3 202.3 0 111.8-90.5 202.3-202.3 202.3C138.5 453.2 48 362.7 48 250.9 48 139.1 138.5 48.6 250.3 48.6z" />
-          <path d="M250.3 370c10.3 0 18.7-8.4 18.7-18.7V230.6c0-10.3-8.4-18.7-18.7-18.7 -10.3 0-18.7 8.4-18.7 18.7v120.6C231.6 361.6 240 370 250.3 370z" />
-          <circle cx="250.3" cy="163.7" r="25.3" />
-        </svg>
-      );
-  }
-}
-
-export const AlertIcon = styled(Icon).attrs(() => ({
-  'data-component-name': 'icons/AlertIcon/AlertIcon',
-}))`
-  width: var(--admonition-icon-size);
-  height: var(--admonition-icon-size);
-  flex-shrink: 0;
-
-  fill: ${({ type }) => `var(--admonition-${type}-icon-color)`};
-
-  background-image: ${({ type }) => `var(--admonition-${type}-icon)`};
-  background-repeat: no-repeat;
-  background-position: center;
-  background-size: contain;
-`;

package/src/icons/AlertIcon/index.ts

@@ -1,2 +0,0 @@
-export { AlertIcon } from '@theme/icons/AlertIcon/AlertIcon';
-export type { AlertIconProps } from '@theme/icons/AlertIcon/AlertIcon';

package/src/icons/AnchorIcon/AnchorIcon.tsx

@@ -1,36 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-export interface AnchorIconProps {
-  className?: string;
-}
-
-const Icon = ({ className }: AnchorIconProps) => (
-  <svg
-    aria-hidden="true"
-    focusable="false"
-    height="16"
-    version="1.1"
-    viewBox="0 0 16 16"
-    width="16"
-    className={className}
-  >
-    <path
-      fillRule="evenodd"
-      d="M4 9h1v1H4c-1.5 0-3-1.69-3-3.5S2.55 3 4 3h4c1.45 0 3 1.69 3 3.5 0 1.41-.91 2.72-2 3.25V8.59c.58-.45 1-1.27 1-2.09C10 5.22 8.98 4 8 4H4c-.98 0-2 1.22-2 2.5S3 9 4 9zm9-3h-1v1h1c1 0 2 1.22 2 2.5S13.98 12 13 12H9c-.98 0-2-1.22-2-2.5 0-.83.42-1.64 1-2.09V6.25c-1.09.53-2 1.84-2 3.25C6 11.31 7.55 13 9 13h4c1.45 0 3-1.69 3-3.5S14.5 6 13 6z"
-    />
-  </svg>
-);
-
-export const AnchorIcon = styled(Icon).attrs(() => ({
-  'data-component-name': 'icons/AnchorIcon/AnchorIcon',
-}))`
-  fill: var(--heading-anchor-color);
-  visibility: hidden;
-  cursor: pointer;
-
-  background-image: var(--heading-anchor-icon);
-  background-size: contain;
-  background-repeat: no-repeat;
-  background-position: center;
-`;

package/src/icons/AnchorIcon/index.ts

@@ -1,2 +0,0 @@
-export { AnchorIcon } from '@theme/icons/AnchorIcon/AnchorIcon';
-export type { AnchorIconProps } from '@theme/icons/AnchorIcon/AnchorIcon';

package/src/icons/ArrowIcon/ArrowIcon.tsx

@@ -1,61 +0,0 @@
-import React from 'react';
-import styled, { css } from 'styled-components';
-
-function directionToTransform({ direction }: { direction?: string }) {
-  switch (direction) {
-    case 'up':
-      return 180;
-    case 'right':
-      return -90;
-    case 'left':
-      return 90;
-    default:
-      return 0;
-  }
-}
-
-export interface ArrowIconProps {
-  className?: string;
-  weight?: 'regular' | 'thin';
-  direction?: 'up' | 'right' | 'left' | 'down';
-  visibility?: 'visible' | 'hidden';
-}
-
-const Icon = ({ className, weight }: ArrowIconProps) => (
-  <span data-component-name="icons/ArrowIcon/ArrowIcon">
-    {weight === 'thin' ? (
-      <svg
-        width="16"
-        height="16"
-        viewBox="0 0 16 16"
-        fill="none"
-        xmlns="http://www.w3.org/2000/svg"
-        className={className}
-      >
-        <path
-          d="M8 11L3 5.99999L3.7 5.29999L8 9.59999L12.3 5.29999L13 5.99999L8 11Z"
-          fill="currentColor"
-        />
-      </svg>
-    ) : (
-      <svg fill="none" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 7 5" className={className}>
-        <path d="M3.5 2.51L5.806.205a.7.7 0 01.99.99l-2.8 2.8a.698.698 0 01-.99 0l-2.8-2.8a.7.7 0 11.99-.99L3.5 2.51z" />
-      </svg>
-    )}
-  </span>
-);
-
-export const ArrowIcon = styled(Icon)<Pick<ArrowIconProps, 'weight'>>`
-  ${({ weight }) =>
-    weight !== 'thin' &&
-    css`
-      width: var(--sidebar-group-item-chevron-size);
-      height: var(--sidebar-group-item-chevron-size);
-    `}
-
-  fill: var(--sidebar-group-item-chevron-color);
-  transform: rotate(${directionToTransform}deg);
-  visibility: ${({ visibility = 'visible' }) => visibility};
-
-  vertical-align: middle;
-`;

package/src/icons/ArrowIcon/index.ts

@@ -1,2 +0,0 @@
-export { ArrowIcon } from '@theme/icons/ArrowIcon/ArrowIcon';
-export type { ArrowIconProps } from '@theme/icons/ArrowIcon/ArrowIcon';

package/src/icons/BurgerIcon/BurgerIcon.tsx

@@ -1,12 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-export const Icon = () => (
-  <svg width="24" height="24" viewBox="0 0 24 24" fill="inherit" xmlns="http://www.w3.org/2000/svg">
-    <path d="M21.1875 3.75H2.8125C2.70937 3.75 2.625 3.83437 2.625 3.9375V5.4375C2.625 5.54062 2.70937 5.625 2.8125 5.625H21.1875C21.2906 5.625 21.375 5.54062 21.375 5.4375V3.9375C21.375 3.83437 21.2906 3.75 21.1875 3.75ZM21.1875 18.375H2.8125C2.70937 18.375 2.625 18.4594 2.625 18.5625V20.0625C2.625 20.1656 2.70937 20.25 2.8125 20.25H21.1875C21.2906 20.25 21.375 20.1656 21.375 20.0625V18.5625C21.375 18.4594 21.2906 18.375 21.1875 18.375ZM21.1875 11.0625H2.8125C2.70937 11.0625 2.625 11.1469 2.625 11.25V12.75C2.625 12.8531 2.70937 12.9375 2.8125 12.9375H21.1875C21.2906 12.9375 21.375 12.8531 21.375 12.75V11.25C21.375 11.1469 21.2906 11.0625 21.1875 11.0625Z" />
-  </svg>
-);
-
-export const BurgerIcon = styled(Icon).attrs(() => ({
-  'data-component-name': 'icons/BurgerIcon/BurgerIcon',
-}))``;

package/src/icons/BurgerIcon/index.ts

@@ -1 +0,0 @@
-export { BurgerIcon } from '@theme/icons/BurgerIcon/BurgerIcon';

package/src/icons/CheckboxIcon/index.ts

@@ -1 +0,0 @@
-export { CheckboxIcon } from '@theme/icons/CheckboxIcon/CheckboxIcon';

package/src/icons/CloseIcon/index.ts

@@ -1 +0,0 @@
-export { CloseIcon } from '@theme/icons/CloseIcon/CloseIcon';

package/src/icons/CollapseIcon/CollapseIcon.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import styled from 'styled-components';
-
-interface IconProps {
-  className?: string;
-  color?: string;
-}
-
-const Icon = ({ className }: IconProps) => (
-  <svg
-    data-component-name="icons/CollapseIcon"
-    viewBox="0 0 14 14"
-    fill="none"
-    xmlns="http://www.w3.org/2000/svg"
-    className={className}
-  >
-    <g clipPath="url(#clip0_906_12165)">
-      <rect width="14" height="14" fill="none" style={{ mixBlendMode: 'multiply' }} />
-      <path
-        d="M1.75 7.875V8.75H4.63138L0.875 12.5046L1.49363 13.125L5.25 9.36862V12.25H6.125V7.875H1.75Z"
-        fill="currentColor"
-      />
-      <path
-        d="M13.125 1.4945L12.509 0.875L8.75 4.63138V1.75H7.875V6.125H12.25V5.25H9.36862L13.125 1.4945Z"
-        fill="currentColor"
-      />
-    </g>
-    <defs>
-      <clipPath id="clip0_906_12165">
-        <rect width="14" height="14" fill="white" />
-      </clipPath>
-    </defs>
-  </svg>
-);
-
-export const CollapseIcon = styled(Icon)`
-  width: 1em;
-  height: 1em;
-  vertical-align: middle;
-`;

package/src/icons/CollapseIcon/index.tsx

@@ -1 +0,0 @@
-export * from '@theme/icons/CollapseIcon/CollapseIcon';