@arcblock/ux 3.4.14 → 3.5.0

package/src/LoadingMask/index.tsx

@@ -1,108 +0,0 @@
-import { Box } from '@mui/material';
-
-export interface LoadingMaskProps {
-  size?: number;
-  padding?: number;
-  borderWidth?: number;
-  borderRadius?: number;
-  duration?: number;
-  children: React.ReactNode;
-}
-
-export default function LoadingMask({
-  size = 64,
-  padding = undefined,
-  borderWidth = undefined,
-  borderRadius = undefined,
-  duration = undefined,
-  children,
-}: LoadingMaskProps) {
-  const finialSize = size;
-  const finialRadius = borderRadius ?? finialSize / 8;
-  const finialBorderWidth = borderWidth ?? finialSize / 32;
-  const finialPadding = padding ?? finialSize * 0.35 - finialBorderWidth;
-  const finialDuration = duration ?? 2.5;
-  return (
-    <Box
-      sx={{
-        display: 'inline-flex',
-        justifyContent: 'center',
-        alignItems: 'center',
-        width: finialSize,
-        height: finialSize,
-        position: 'relative',
-      }}>
-      <Box
-        sx={{
-          pointerEvents: 'none',
-          position: 'absolute',
-          top: 0,
-          left: 0,
-          right: 0,
-          bottom: 0,
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-          width: finialSize,
-          height: finialSize,
-          overflow: 'hidden',
-          borderRadius: `${finialRadius}px`,
-          backgroundColor: 'grey.200',
-          '&::before,&::after': {
-            content: '""',
-            position: 'absolute',
-            pointerEvents: 'none',
-          },
-          '&::after': {
-            left: finialBorderWidth,
-            right: finialBorderWidth,
-            top: finialBorderWidth,
-            bottom: finialBorderWidth,
-            backgroundColor: 'background.default',
-            borderRadius: `${finialRadius - finialBorderWidth}px`,
-          },
-          '&::before': {
-            width: finialSize * 5,
-            height: finialSize * 5,
-            top: '50%',
-            left: '50%',
-            transform: 'translate(-50%, -50%)',
-            background: ({ palette }) =>
-              `conic-gradient(from 45deg, transparent 0%, transparent 50%, ${palette.secondary.main} 90%, ${palette.secondary.main} 100%)`,
-            animation: `rotate ${finialDuration}s linear infinite`,
-            '@keyframes rotate': {
-              '0%': {
-                transform: 'translate(-50%, -50%) rotate(0deg)',
-              },
-              '100%': {
-                transform: 'translate(-50%, -50%) rotate(360deg)',
-              },
-            },
-          },
-        }}
-      />
-      <Box
-        sx={{
-          position: 'relative',
-          display: 'flex',
-          justifyContent: 'center',
-          alignItems: 'center',
-          width: finialSize - finialPadding - finialBorderWidth,
-          height: finialSize - finialPadding - finialBorderWidth,
-
-          animation: 'wait-bounce 1.6s infinite',
-          transformOrigin: 'center bottom',
-          '@keyframes wait-bounce': {
-            '0%': { transform: 'scale(1) translateY(0)' },
-            '20%': { transform: 'scale(1.03) translateY(-4px)' },
-            '40%': { transform: 'scale(0.98) translateY(2px)' },
-            '60%': { transform: 'scale(1.01) translateY(-2px)' },
-            '80%': { transform: 'scale(0.99) translateY(1px)' },
-            '100%': { transform: 'scale(1) translateY(0)' },
-          },
-        }}>
-        {children}
-      </Box>
-    </Box>
-  );
-}

package/src/Locale/LocaleSelector.stories.jsx

@@ -1,44 +0,0 @@
-import { LocaleProvider } from './context';
-
-import Basic from './demo/basic';
-import WithText from './demo/with-text';
-import DarkMode from './demo/dark-mode';
-import PopperProps from './demo/popper-props';
-import PopperTypeProps from './demo/popper-type-props';
-import IconProps from './demo/icon-props';
-import Languages from './demo/languages';
-
-export default {
-  title: 'Basic/LocaleSelector',
-
-  parameters: {
-    docs: {
-      description: {
-        component:
-          'If you have multiple locales and want to give your users the option of selecting a language, you can use the LocaleSelector component.',
-      },
-      inlineStories: false,
-      iframeHeight: 160,
-    },
-  },
-  decorators: [
-    (StoryFn) => (
-      <LocaleProvider translations={{}}>
-        <StoryFn />
-      </LocaleProvider>
-    ),
-  ],
-};
-
-// demo 中使用了 react element, 设置 `inlineStories: false` 时导致 storybook 崩溃
-IconProps.parameters = {
-  docs: {
-    inlineStories: true,
-  },
-};
-
-Languages.argTypes = {
-  fallbackLocale: { control: 'select', options: [null, 'en'] },
-};
-
-export { Basic, WithText, DarkMode, PopperProps, PopperTypeProps, IconProps, Languages };

package/src/Locale/browser-lang.ts

@@ -1,65 +0,0 @@
-/* eslint-disable no-param-reassign */
-function startsWith(string: string, target: string, position: number = 0) {
-  const { length } = string;
-  if (position < 0) {
-    position = 0;
-  } else if (position > length) {
-    position = length;
-  }
-  target = `${target}`;
-  // eslint-disable-next-line eqeqeq
-  return string.slice(position, position + target.length) == target;
-}
-
-function getBrowserLang() {
-  if (typeof window === 'undefined') {
-    return null;
-  }
-
-  const lang: string =
-    (window.navigator.languages && window.navigator.languages[0]) ||
-    window.navigator.language ||
-    // @ts-expect-error
-    window.navigator.browserLanguage ||
-    // @ts-expect-error
-    window.navigator.userLanguage ||
-    // @ts-expect-error
-    window.navigator.systemLanguage ||
-    null;
-
-  return lang;
-}
-
-function normalizeCode(code?: string | null) {
-  return (code || '').toLowerCase().replace(/-/, '_');
-}
-
-function getPreferredLanguage(options?: { languages?: string[]; fallback: string }) {
-  if (!options) {
-    return getBrowserLang();
-  }
-
-  const { languages, fallback } = options;
-  if (!options.languages) {
-    return fallback;
-  }
-
-  // some browsers report language as en-US instead of en_US
-  const browserLanguage = normalizeCode(getBrowserLang());
-
-  if (!browserLanguage) {
-    return fallback;
-  }
-
-  const match = languages!.filter((lang) => normalizeCode(lang) === browserLanguage);
-
-  if (match.length > 0) {
-    return match[0] || fallback;
-  }
-
-  // en == en_US
-  const matchCodeOnly = languages!.filter((lang) => startsWith(browserLanguage, lang));
-  return matchCodeOnly[0] || fallback;
-}
-
-export default getPreferredLanguage;

package/src/Locale/context.tsx

@@ -1,162 +0,0 @@
-/* eslint-disable no-prototype-builtins */
-import { createContext, useState, useEffect, use, useRef, useCallback, ReactNode } from 'react';
-import get from 'lodash/get';
-import Cookie from 'js-cookie';
-
-import browserLang from './browser-lang';
-import { translate } from './util';
-
-import { getCookieOptions, resolveRootDomain } from '../Util';
-import type { Locale } from '../type';
-
-const cookieName = 'nf_lang';
-
-// 跨应用传递多语言选择的方式是在 query string 中添加 locale 参数，LocaleSelector 要高优先级遵守这个参数
-const getLocaleFromSearchParams = (
-  languages: { code: string }[],
-  url: string = window.location.href
-): string | null => {
-  const locale = new URL(url).searchParams.get('locale');
-  if (languages.find((x) => x.code === locale)) {
-    return locale;
-  }
-  return null;
-};
-
-const setLocaleParam = (locale: Locale, url: string = window.location.href) => {
-  const urlObj = new URL(url);
-  const hasLocaleParam = urlObj.searchParams.has('locale');
-  if (hasLocaleParam) {
-    urlObj.searchParams.set('locale', locale);
-    window.history.replaceState({}, '', urlObj.href);
-  }
-};
-
-const getLocale = (languages: { code: string }[] = []): string => {
-  const langParams = {
-    languages: languages.map((item) => item.code),
-    // 取 languages 首个元素的 code 值, 如果不存在则取 'en'
-    fallback: languages?.[0]?.code || 'en',
-  };
-  return getLocaleFromSearchParams(languages) || Cookie.get(cookieName) || browserLang(langParams)!;
-};
-
-const setLocale = (locale: Locale) => {
-  const opts = getCookieOptions();
-
-  // @compatibility 移除历史上使用根域名的旧 cookie
-  if (!opts.domain) {
-    const rootDomain = resolveRootDomain();
-    if (rootDomain) {
-      Cookie.remove(cookieName, { path: opts.path || '/', domain: rootDomain });
-    }
-  }
-
-  Cookie.set(cookieName, locale, opts);
-  setLocaleParam(locale);
-};
-
-const getLanguages = (arg?: { code: string; name: string }[]): { code: string; name: string }[] => {
-  const env = get(window, 'blocklet.languages');
-  if (Array.isArray(env) && env.length) {
-    return env;
-  }
-
-  if (Array.isArray(arg) && arg.length) {
-    return arg;
-  }
-
-  return [
-    { code: 'en', name: 'English' },
-    { code: 'zh', name: '简体中文' },
-  ];
-};
-
-export interface LocaleProviderProps {
-  children: ReactNode;
-  locale?: Locale;
-  fallbackLocale?: Locale;
-  translations: Record<string, any>;
-  onLoadingTranslation?: (locale: Locale, languages: { code: string }[]) => void;
-  languages?: { code: string; name: string }[];
-}
-
-export interface LocaleContextType {
-  locale: Locale;
-  defaultLocale: Locale;
-  changeLocale: (locale: Locale) => void;
-  t: (key: string, data?: Record<string, any>) => string;
-  languages: { code: string; name: string }[];
-}
-
-// FIXME: @wangshijun revert this before release
-const LocaleContext = createContext<LocaleContextType>(null!);
-const { Provider, Consumer } = LocaleContext;
-
-function LocaleProvider({
-  children,
-  locale = undefined,
-  fallbackLocale = 'en',
-  translations,
-  onLoadingTranslation = undefined,
-  languages = [],
-  ...rest
-}: LocaleProviderProps) {
-  const langs = getLanguages(languages);
-  // eslint-disable-next-line prefer-const
-  let [currentLocale, setCurrentLocale] = useState<Locale>(locale || getLocale(langs));
-  const defaultLocale = langs?.[0]?.code ?? fallbackLocale;
-  const lastCurrentLocale = useRef<string>(defaultLocale);
-  const [, setForceUpdate] = useState(0);
-
-  const changeLocale = (newLocale: Locale) => {
-    setCurrentLocale(newLocale);
-    setLocale(newLocale);
-  };
-
-  useEffect(() => {
-    const tmpLocale = locale || getLocale(langs);
-    if (tmpLocale !== currentLocale) {
-      changeLocale(tmpLocale);
-    }
-    // eslint-disable-next-line react-hooks/exhaustive-deps
-  }, [locale]);
-
-  // handle async loading of translations
-  if (currentLocale && translations[currentLocale] && typeof translations[currentLocale] === 'function') {
-    const tmpLocale = currentLocale;
-    try {
-      Promise.resolve(translations[tmpLocale]()).then((res) => {
-        if (res && typeof res === 'object') {
-          translations[tmpLocale] = res;
-          setForceUpdate((x) => (x > 999 ? 0 : x + 1));
-        }
-      });
-    } catch (err) {
-      console.error(err);
-    }
-
-    onLoadingTranslation?.(tmpLocale, langs);
-    currentLocale = lastCurrentLocale.current;
-  } else {
-    lastCurrentLocale.current = currentLocale;
-  }
-
-  const t = useCallback(
-    (key: string, data?: Record<string, any>) => translate(translations, key, currentLocale, fallbackLocale, data),
-    [translations, currentLocale, fallbackLocale]
-  );
-
-  return (
-    <Provider value={{ locale: currentLocale, changeLocale, t, languages: langs, defaultLocale, ...rest }}>
-      {children}
-    </Provider>
-  );
-}
-
-function useLocaleContext() {
-  const context = use(LocaleContext);
-  return context;
-}
-
-export { LocaleProvider, Consumer as LocaleConsumer, LocaleContext, useLocaleContext, setLocale, getLocale };

package/src/Locale/languages.ts

@@ -1,58 +0,0 @@
-// from: https://github.com/meikidd/iso-639-1/blob/master/src/data.js
-const languages: Record<string, { name: string; nativeName: string }> = {
-  ar: {
-    name: 'Arabic',
-    nativeName: 'اَلْعَرَبِيَّةُ',
-  },
-  de: {
-    name: 'German',
-    nativeName: 'Deutsch',
-  },
-  en: {
-    name: 'English',
-    nativeName: 'English',
-  },
-  es: {
-    name: 'Spanish',
-    nativeName: 'Español',
-  },
-  fr: {
-    name: 'French',
-    nativeName: 'Français',
-  },
-  it: {
-    name: 'Italian',
-    nativeName: 'Italiano',
-  },
-  ja: {
-    name: 'Japanese',
-    nativeName: '日本語',
-  },
-  ko: {
-    name: 'Korean',
-    nativeName: '한국어',
-  },
-  mn: {
-    name: 'Mongolian',
-    nativeName: 'Монгол хэл',
-  },
-  pt: {
-    name: 'Portuguese',
-    nativeName: 'Português',
-  },
-  ru: {
-    name: 'Russian',
-    nativeName: 'Русский',
-  },
-  zh: {
-    name: 'Simplified Chinese',
-    nativeName: '简体中文',
-  },
-  'zh-TW': {
-    name: 'Traditional Chinese',
-    nativeName: '繁體中文',
-  },
-};
-
-export default Object.keys(languages).map((code) => ({ code, ...languages[code] }));
-export { languages as map };

package/src/Locale/selector.tsx

@@ -1,174 +0,0 @@
-/* eslint-disable react/jsx-no-bind */
-import React, { useState, use, useRef, useMemo } from 'react';
-import {
-  Button,
-  Typography,
-  IconButton,
-  Popper,
-  MenuItem,
-  MenuList,
-  Box,
-  ClickAwayListener,
-  Paper,
-} from '@mui/material';
-import { Icon as IconifyIcon } from '@iconify/react';
-import CheckIcon from '@iconify-icons/material-symbols/check';
-import LanguageIcon from 'iconify-icons-material-symbols-400/language';
-
-import { LocaleContext } from './context';
-import { styled } from '../Theme';
-import type { Locale } from '../type';
-import { mergeSx } from '../Util/style';
-
-export interface LocaleSelectorProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
-  showText?: true | false;
-  popperProps?: React.HTMLAttributes<HTMLDivElement>;
-  popperType?: 'hover' | 'click';
-  icon?: React.ComponentType<any>;
-  size?: number;
-  onChange?: (locale: Locale) => void;
-}
-
-export default function LocaleSelector({ ...props }: LocaleSelectorProps) {
-  const { showText = true, popperProps = {}, popperType = 'click', icon: Icon, size = 24, ...rest } = props;
-  const { locale, changeLocale, languages } = use(LocaleContext);
-  const anchorEl = useRef<HTMLButtonElement>(null);
-  const [open, setOpen] = useState(false);
-
-  const onSelect = (newLocale: Locale) => {
-    changeLocale(newLocale);
-    setOpen(false);
-    if (typeof props.onChange === 'function') {
-      props.onChange(newLocale);
-    }
-  };
-
-  const onClose = (e: MouseEvent | TouchEvent) => {
-    if (anchorEl.current?.contains(e.target as Node)) {
-      return;
-    }
-    setOpen(false);
-  };
-
-  const ButtonComponent: typeof Button = showText ? Button : IconButton;
-
-  const handleEventProps =
-    popperType === 'hover'
-      ? {
-          onMouseEnter: () => {
-            setOpen(true);
-          },
-          onMouseLeave: () => {
-            setOpen(false);
-          },
-        }
-      : {
-          onClick: () => {
-            setOpen(!open);
-          },
-        };
-
-  const renderIcon = useMemo(() => {
-    if (Icon) {
-      return <Icon />;
-    }
-
-    return <IconifyIcon icon={LanguageIcon} fontSize={size} style={{ transform: 'scale(1.10)' }} />;
-  }, [Icon, size]);
-
-  return (
-    // @ts-ignore
-    <Wrapper {...rest} {...handleEventProps}>
-      <ButtonComponent ref={anchorEl} className="trigger" role="button" aria-label="Locale selector button">
-        <Box
-          sx={{
-            display: 'flex',
-            alignItems: 'center',
-          }}>
-          {renderIcon}
-
-          {showText ? (
-            <Typography component="strong" className="trigger-text">
-              {languages.find((x) => x.code === locale)?.name}
-            </Typography>
-          ) : (
-            ''
-          )}
-        </Box>
-      </ButtonComponent>
-      <Popper
-        open={open}
-        anchorEl={anchorEl.current}
-        {...popperProps}
-        // @ts-ignore
-        sx={mergeSx(
-          // @ts-ignore
-          { zIndex: (_theme) => _theme.zIndex.tooltip + 10 },
-          // @ts-ignore
-          popperProps?.sx
-        )}>
-        <Paper
-          variant="outlined"
-          className="locales"
-          sx={{
-            borderRadius: 1,
-          }}>
-          <ClickAwayListener onClickAway={onClose}>
-            <MenuList>
-              {languages.map(({ code, name }) => {
-                return (
-                  <MenuItem
-                    key={code}
-                    className="locale-item"
-                    onClick={() => onSelect(code)}
-                    sx={{
-                      fontSize: 16,
-                      fontStyle: 'normal',
-                      fontStretch: 'normal',
-                      lineHeight: 'normal',
-                      letterSpacing: '2px',
-                      textAlign: 'center',
-                      color: 'text.primary',
-                      cursor: 'pointer',
-                      display: 'flex',
-                      padding: '16px',
-                      alignItems: 'center',
-                    }}>
-                    <Box
-                      component={IconifyIcon}
-                      icon={CheckIcon}
-                      className={code === locale ? 'check-icon check-icon-visible' : 'check-icon'}
-                      sx={{
-                        marginRight: 1,
-                        visibility: code === locale ? 'visible' : 'hidden',
-                      }}
-                    />
-                    {name}
-                  </MenuItem>
-                );
-              })}
-            </MenuList>
-          </ClickAwayListener>
-        </Paper>
-      </Popper>
-    </Wrapper>
-  );
-}
-
-const Wrapper = styled(Box)`
-  display: inline-block;
-
-  .trigger {
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    font-size: 14px;
-    white-space: nowrap;
-
-    .trigger-text {
-      margin-left: 5px;
-      font-size: 14px;
-      color: ${({ theme }) => theme.palette.text.primary};
-    }
-  }
-`;

package/src/Locale/util.ts

@@ -1,38 +0,0 @@
-import get from 'lodash/get';
-import type { Locale, Translations } from '../type';
-
-/* eslint-disable no-prototype-builtins */
-export const replace = (template: string | Function, data: Record<string, any>) => {
-  if (typeof template === 'function') {
-    return template(data);
-  }
-
-  return template.replace(/{(\w*)}/g, (m, key) => (data.hasOwnProperty(key) ? data[key] : ''));
-};
-
-export const translate = (
-  translations: Translations,
-  key: string,
-  locale: Locale,
-  fallbackLocale = 'en',
-  data = {}
-) => {
-  const translation = translations[locale];
-  const translationValue = get(translation, key);
-  const fallbackValue = get(translations[fallbackLocale], key);
-
-  if (!translation || !translationValue) {
-    console.warn(`Warning: no ${key} translation of ${locale}`);
-    if (fallbackLocale && fallbackValue) {
-      return replace(fallbackValue, data);
-    }
-    return key;
-  }
-
-  if (typeof translations[locale] === 'function' || translations[locale].then) {
-    return replace(fallbackValue, data);
-  }
-  return replace(translationValue, data);
-};
-
-export const t = translate;

package/src/Logo/Logo.stories.jsx

@@ -1,23 +0,0 @@
-export { default as DarkMode } from './demo/dark-mode';
-export { default as DarkModeLogoOnly } from './demo/dark-mode-logo-only';
-export { default as DarkModeHorizontal } from './demo/dark-mode-horizontal';
-export { default as WithStyling } from './demo/with-styling';
-export { default as LightMode } from './demo/light-mode';
-export { default as LightModeLogoOnly } from './demo/light-mode-logo-only';
-export { default as LightModeHorizontal } from './demo/light-mode-horizontal';
-
-export default {
-  title: 'ArcBlock/Logo',
-
-  parameters: {
-    docs: {
-      description: {
-        component: 'Arcblock Logo',
-      },
-    },
-    design: {
-      type: 'figma',
-      url: 'https://www.figma.com/file/E8TSBWCOyXzETmVOjzbqvw/ArcBlock-UI-Kit?node-id=2412%3A11100',
-    },
-  },
-};

package/src/Logo/images/logo-dark-text.svg

@@ -1,3 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="99" height="18" viewBox="0 0 99 18">
-    <path fill="#000" fill-rule="evenodd" d="M6.5.053h2.864L16.028 18h-2.114l-1.391-3.795H3.504L2.14 18H0L6.5.053zm1.474 1.481L4.04 12.563h7.895L7.975 1.534zm14.44 3.542c1.27 0 2.198.296 2.78.892.58.597.871 1.52.871 2.765v.36c0 .117-.008.245-.026.385h-1.826c.018-.14.027-.292.027-.452v-.48c0-.766-.186-1.283-.551-1.55-.367-.266-.916-.4-1.65-.4-.968 0-1.698.24-2.189.723-.493.48-.738 1.208-.738 2.187v8.308h-1.88V5.341h1.824l-.079 1.443c.376-.614.863-1.053 1.463-1.316a4.868 4.868 0 0 1 1.974-.392zM35.95 15.903c.501-.328.752-1.205.752-2.63h1.852c0 1.924-.403 3.178-1.208 3.765-.806.589-2.158.882-4.055.882-2.65 0-4.24-.538-4.766-1.616-.529-1.076-.793-2.781-.793-5.114 0-2.118.367-3.645 1.102-4.581.732-.934 2.209-1.401 4.43-1.401 1.378 0 2.569.221 3.572.665 1.002.446 1.503 1.497 1.503 3.153v.188a.234.234 0 0 0-.027.106v.106h-1.826c0-1.12-.228-1.851-.685-2.188-.455-.34-1.23-.507-2.322-.507-1.665 0-2.713.259-3.142.782-.43.524-.646 1.67-.646 3.44V12.2c0 1.4.161 2.448.485 3.15.322.7 1.297 1.048 2.926 1.048 1.397 0 2.346-.165 2.848-.495zm15.87-.318c.606-.328.912-1.263.912-2.805 0-.924-.147-1.69-.444-2.302-.294-.611-1.007-.917-2.133-.917H43.065v6.516h5.528c1.543 0 2.617-.165 3.226-.492zm-8.754-13.85v6.036h5.665c1.325 0 2.239-.214 2.737-.643.503-.428.755-1.288.755-2.575 0-1.09-.192-1.834-.577-2.226-.385-.394-1.116-.591-2.19-.591h-6.39zM52 8.466c1.185.322 1.956.816 2.314 1.482.359.67.54 1.581.54 2.739 0 1.6-.325 2.858-.97 3.764-.647.909-1.874 1.363-3.686 1.363H41.05V0h8.62c1.592 0 2.759.312 3.503.934.744.624 1.115 1.78 1.115 3.473 0 1.014-.129 1.855-.386 2.522-.258.669-.89 1.181-1.903 1.536zm5.43 9.348V.001h1.907v17.812H57.43zm13.374-6.168v-.708c0-1.539-.141-2.636-.426-3.297-.284-.658-1.191-.99-2.718-.99h-.401c-1.617 0-2.625.25-3.025.75-.399.5-.599 1.632-.599 3.4V12.822c0 .206.008.407.024.602a9.48 9.48 0 0 0 .216 1.474c.106.465.275.822.505 1.072.196.179.435.302.72.373.283.072.586.116.905.135h1.254c1.083 0 1.914-.151 2.492-.456.577-.302.9-1.043.972-2.22a18.338 18.338 0 0 0 .054-1.447c.015-.233.027-.47.027-.71zm-3.786-6.518c2.399 0 3.956.414 4.672 1.243.717.828 1.074 2.418 1.074 4.766 0 2.048-.219 3.704-.657 4.966C71.668 17.367 70.16 18 67.581 18c-2.237 0-3.782-.347-4.632-1.042-.85-.694-1.275-2.205-1.275-4.54v-1.174c0-2.12.318-3.669.954-4.646.635-.98 2.099-1.471 4.39-1.471zm16.434 10.776c.501-.328.752-1.205.752-2.63h1.853c0 1.924-.403 3.178-1.209 3.765-.804.589-2.157.882-4.054.882-2.648 0-4.24-.538-4.767-1.616-.528-1.076-.79-2.781-.79-5.114 0-2.118.365-3.645 1.1-4.581.732-.934 2.21-1.401 4.43-1.401 1.377 0 2.568.221 3.571.665 1.003.446 1.504 1.497 1.504 3.153v.188a.232.232 0 0 0-.026.106v.106H83.99c0-1.12-.229-1.851-.686-2.188-.455-.34-1.23-.507-2.323-.507-1.665 0-2.712.259-3.142.782-.43.524-.643 1.67-.643 3.44V12.2c0 1.4.16 2.448.482 3.15.324.7 1.298 1.048 2.927 1.048 1.397 0 2.346-.165 2.847-.495zm9.236-4.82L99 17.813h-2.47l-5.317-6.01h-.752v6.01h-1.907V0h1.907v10.362h.752l4.512-5.02h2.309l-5.346 5.741z"/>
-</svg>

package/src/Logo/images/logo-dark-top.svg

@@ -1,6 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" width="45" height="52" viewBox="0 0 45 52">
-    <g fill="none" fill-rule="evenodd" stroke="#000">
-        <path d="M.5 13.077L22.15.577l21.651 12.5v25l-21.65 12.5L.5 38.077zM22.15.577v50M.5 13.077l43.301 25M.5 38.077l43.301-25"/>
-        <path d="M22.15 38.077l10.826-6.25-10.825-18.75-10.825 18.75z"/>
-    </g>
-</svg>