@verdaccio/ui-theme 6.0.0-6-next.9 → 6.0.0-6-next.13

package/tools/dev.server.js

@@ -3,7 +3,6 @@ import webpack from 'webpack';
 import WebpackDevServer from 'webpack-dev-server';
 
 import env from '../config/env';
-
 import config from './webpack.dev.config.babel';
 
 const compiler = webpack(config);

package/tools/webpack.dev.config.babel.js

@@ -1,13 +1,11 @@
-import fs from 'fs';
-
 import FriendlyErrorsPlugin from 'friendly-errors-webpack-plugin';
+import fs from 'fs';
 import HTMLWebpackPlugin from 'html-webpack-plugin';
 import yalm from 'js-yaml';
 import StyleLintPlugin from 'stylelint-webpack-plugin';
 import webpack from 'webpack';
 
 import env from '../config/env';
-
 import getPackageJson from './getPackageJson';
 import baseConfig from './webpack.config';
 

package/tools/webpack.prod.config.babel.js

@@ -27,7 +27,7 @@ const prodConf = {
   devtool: 'inline-cheap-module-source-map',
 
   entry: {
-    main: ['@babel/polyfill', 'whatwg-fetch', `${env.SRC_ROOT}/index.tsx`],
+    main: ['whatwg-fetch', `${env.SRC_ROOT}/index.tsx`],
   },
 
   module: {

package/tsconfig.json

@@ -4,12 +4,10 @@
     "skipLibCheck": true,
     "module": "esnext",
     "moduleResolution": "node",
-    "strict": true,
     "allowSyntheticDefaultImports": true,
     "jsx": "react",
     "allowJs": true,
     "sourceMap": true,
-    "resolveJsonModule": true,
     "checkJs": false,
     "baseUrl": ".",
     "paths": {
@@ -18,7 +16,7 @@
       "verdaccio-ui/utils/*": ["src/utils/*"]
     }
   },
-  "include": ["src", "types/*.d.ts", "i18n/**/*.json"],
+  "include": ["src", "types/*.d.ts", "src/i18n/**/*.json", "jest/unit/components"],
   "references": [
     {
       "path": "../../node-api"

package/types/index.ts

@@ -1,26 +1,9 @@
-// FIXME: this should comes from @verdaccio/types
-
-type PackageManagers = 'pnpm' | 'yarn' | 'npm';
-export interface VerdaccioOptions {
-  url_prefix: string;
-  base: string;
-  scope: string;
-  title: string;
-  primaryColor: string;
-  darkMode: boolean;
-  uri?: string;
-  login?: boolean;
-  language?: string;
-  version?: string;
-  protocol?: string;
-  host?: string;
-  logo?: string;
-  pkgManagers?: PackageManagers[];
-}
+import { TemplateUIOptions } from '@verdaccio/types';
 
 declare global {
   interface Window {
-    __VERDACCIO_BASENAME_UI_OPTIONS: VerdaccioOptions;
+    __VERDACCIO_BASENAME_UI_OPTIONS: TemplateUIOptions;
+    // FIXME: remove all these variables
     VERDACCIO_PRIMARY_COLOR: string;
     VERDACCIO_LOGO: string;
     VERDACCIO_SCOPE: string;

package/i18n/config.ts

@@ -1,94 +0,0 @@
-import i18n from 'i18next';
-import { initReactI18next } from 'react-i18next';
-
-import translationCS from './translations/cs-CZ.json';
-import translationDE from './translations/de-DE.json';
-import translationEN from './translations/en-US.json';
-import translationES from './translations/es-ES.json';
-import translationFR from './translations/fr-FR.json';
-import translationJP from './translations/ja-JP.json';
-import translationKM from './translations/km-KH.json';
-import translationPT from './translations/pt-BR.json';
-import translationRU from './translations/ru-RU.json';
-import translationTR from './translations/tr-TR.json';
-import translationUA from './translations/uk-UA.json';
-import translationCN from './translations/zh-CN.json';
-import translatiobTW from './translations/zh-TW.json';
-
-const languages = {
-  'en-US': {
-    translation: translationEN,
-  },
-  'cs-CZ': {
-    translation: translationCS,
-  },
-  'pt-BR': {
-    translation: translationPT,
-  },
-  'es-ES': {
-    translation: translationES,
-  },
-  'de-DE': {
-    translation: translationDE,
-  },
-  'fr-FR': {
-    translation: translationFR,
-  },
-  'zh-CN': {
-    translation: translationCN,
-  },
-  'ja-JP': {
-    translation: translationJP,
-  },
-  'ru-RU': {
-    translation: translationRU,
-  },
-  'tr-TR': {
-    translation: translationTR,
-  },
-  'uk-UA': {
-    translation: translationUA,
-  },
-  'km-KH': {
-    translation: translationKM,
-  },
-  'zh-TW': {
-    translation: translatiobTW,
-  },
-};
-
-type Language = keyof typeof languages;
-i18n
-  // pass the i18n instance to react-i18next.
-  .use(initReactI18next)
-  // init i18next
-  // for all options read: https://www.i18next.com/overview/configuration-options
-  .init({
-    // in case window.VEDACCIO_LANGUAGE is undefined,it will fall back to 'en-US'
-    lng: window?.__VERDACCIO_BASENAME_UI_OPTIONS?.language || 'en-US',
-    fallbackLng: 'en-US',
-    whitelist: [
-      'en-US',
-      'cs-CZ',
-      'pt-BR',
-      'es-ES',
-      'de-DE',
-      'fr-FR',
-      'zh-CN',
-      'ja-JP',
-      'ru-RU',
-      'tr-TR',
-      'uk-UA',
-      'km-KH',
-      'zh-TW',
-    ],
-    load: 'currentOnly',
-    resources: languages,
-    debug: false,
-    interpolation: {
-      escapeValue: false, // react already safes from xss
-    },
-  });
-
-export default i18n;
-export { Language };

package/src/App/AppContext.ts

@@ -1,18 +0,0 @@
-import { createContext } from 'react';
-
-export interface AppProps {
-  user?: User;
-  scope: string;
-}
-
-export interface User {
-  username: string | null;
-}
-
-export interface AppContextProps extends AppProps {
-  setUser: (user?: User) => void;
-}
-
-const AppContext = createContext<undefined | AppContextProps>(undefined);
-
-export default AppContext;

package/src/App/AppContextProvider.tsx

@@ -1,44 +0,0 @@
-import React, { useState, useEffect } from 'react';
-
-import { useConfig } from 'verdaccio-ui/providers/config';
-
-import AppContext, { AppProps, User } from './AppContext';
-
-interface Props {
-  user?: User;
-}
-
-/* eslint-disable react-hooks/exhaustive-deps */
-const AppContextProvider: React.FC<Props> = ({ children, user }) => {
-  const { configOptions } = useConfig();
-  const [state, setState] = useState<AppProps>({
-    scope: configOptions.scope ?? '',
-    user,
-  });
-
-  useEffect(() => {
-    setState({
-      ...state,
-      user,
-    });
-  }, [user]);
-
-  const setUser = (user?: User) => {
-    setState({
-      ...state,
-      user,
-    });
-  };
-
-  return (
-    <AppContext.Provider
-      value={{
-        ...state,
-        setUser,
-      }}>
-      {children}
-    </AppContext.Provider>
-  );
-};
-
-export default AppContextProvider;

package/src/App/Header/Search/SearchAdornment.tsx

@@ -1,18 +0,0 @@
-import styled from '@emotion/styled';
-import Search from '@material-ui/icons/Search';
-import React from 'react';
-
-import InputAdornment from 'verdaccio-ui/components/InputAdornment';
-import { Theme } from 'verdaccio-ui/design-tokens/theme';
-
-const StyledInputAdornment = styled(InputAdornment)<{ theme?: Theme }>((props) => ({
-  color: props.theme?.palette.white,
-}));
-
-const SearchAdornment: React.FC = () => (
-  <StyledInputAdornment position={'start'}>
-    <Search />
-  </StyledInputAdornment>
-);
-
-export default SearchAdornment;

package/src/components/Icons/Austria.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { SvgIcon } from '../SvgIcon';
-
-type Props = React.ComponentProps<typeof SvgIcon>;
-
-const Austria = React.forwardRef(function Austria(props: Props, ref: React.Ref<SVGSVGElement>) {
-  const { t } = useTranslation();
-  return (
-    <SvgIcon viewBox="0 0 512 512" {...props} ref={ref} title={t('flag.austria')}>
-      <path
-        d="M473.655 88.276H38.345C17.167 88.276 0 105.443 0 126.621v73.471h512v-73.471c0-21.178-17.167-38.345-38.345-38.345zM0 385.379c0 21.177 17.167 38.345 38.345 38.345h435.31c21.177 0 38.345-17.167 38.345-38.345v-73.471H0v73.471z"
-        fill="#ff4b55"
-      />
-      <path fill="#f5f5f5" d="M0 200.09h512V311.9H0z" />
-    </SvgIcon>
-  );
-});
-
-Austria.displayName = 'Austria';
-
-export { Austria };

package/src/components/Icons/Brazil.tsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { SvgIcon } from '../SvgIcon';
-
-type Props = React.ComponentProps<typeof SvgIcon>;
-
-const Brazil = React.forwardRef(function Brazil(props: Props, ref: React.Ref<SVGSVGElement>) {
-  const { t } = useTranslation();
-  return (
-    <SvgIcon viewBox="0 0 45 45" {...props} ref={ref} title={t('flag.brazil')}>
-      <defs>
-        <clipPath id="prefix__a">
-          <path d="M0 36h36V0H0v36z" />
-        </clipPath>
-      </defs>
-      <g clipPath="url(#prefix__a)" transform="matrix(1.25 0 0 -1.25 0 45)">
-        <path
-          d="M36 9a4 4 0 00-4-4H4a4 4 0 00-4 4v18a4 4 0 004 4h28a4 4 0 004-4V9z"
-          fill="#009b3a"
-        />
-        <path d="M32.727 18L18 6.876 3.27 18 18 29.125 32.727 18z" fill="#fedf01" />
-        <path
-          d="M24.434 18.076a6.458 6.458 0 11-12.917 0 6.458 6.458 0 0112.917 0"
-          fill="#002776"
-        />
-        <path
-          d="M12.277 21.113a6.406 6.406 0 01-.672-2.023c3.994.29 9.417-1.892 11.744-4.596.402.604.7 1.28.882 2.004-2.871 2.809-7.916 4.63-11.954 4.615"
-          fill="#cbe9d4"
-        />
-        <path d="M13 16.767h-1v1h1v-1zm1-2h-1v1h1v-1z" fill="#88c9f9" />
-        <path
-          d="M16 16.767h-1v1h1v-1zm2-1h-1v1h1v-1zm4-2h-1v1h1v-1zm-3-1h-1v1h1v-1zm3 6h-1v1h1v-1z"
-          fill="#55acee"
-        />
-        <path d="M20 14.767h-1v1h1v-1z" fill="#3b88c3" />
-      </g>
-    </SvgIcon>
-  );
-});
-
-Brazil.displayName = 'Brazil';
-
-export { Brazil };

package/src/components/Icons/China.tsx

@@ -1,33 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { SvgIcon } from '../SvgIcon';
-
-type Props = React.ComponentProps<typeof SvgIcon>;
-
-const China = React.forwardRef(function China(props: Props, ref: React.Ref<SVGSVGElement>) {
-  const { t } = useTranslation();
-  return (
-    <SvgIcon viewBox="0 0 45 45" {...props} ref={ref} title={t('flag.china')}>
-      <defs>
-        <clipPath id="prefix__a">
-          <path d="M0 36h36V0H0v36z" />
-        </clipPath>
-      </defs>
-      <g clipPath="url(#prefix__a)" transform="matrix(1.25 0 0 -1.25 0 45)">
-        <path
-          d="M36 9a4 4 0 00-4-4H4a4 4 0 00-4 4v18a4 4 0 004 4h28a4 4 0 004-4V9z"
-          fill="#de2910"
-        />
-        <path
-          d="M7 25.049l.929-2.67 2.826-.06-2.253-1.706.819-2.707L7 19.52l-2.321-1.615.819 2.707-2.253 1.707 2.826.059.929 2.67zm6 3.423l.34-.688.759-.11-.549-.536.129-.756-.679.357-.679-.357.13.756-.55.536.76.11.339.688zm2-4l.34-.688.759-.11-.549-.536.129-.756-.679.357-.679-.357.13.756-.55.536.76.11.339.688zm0-4l.34-.688.759-.11-.549-.536.129-.756-.679.357-.679-.357.13.756-.55.536.76.11.339.688zm-2-3.999l.34-.69.759-.11-.549-.534.129-.757-.679.357-.679-.357.13.757-.55.535.76.11.339.689z"
-          fill="#ffde02"
-        />
-      </g>
-    </SvgIcon>
-  );
-});
-
-China.displayName = 'China';
-
-export { China };

package/src/components/Icons/Czech.tsx

@@ -1,21 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { SvgIcon } from '../SvgIcon';
-
-type Props = React.ComponentProps<typeof SvgIcon>;
-
-const Czech = React.forwardRef(function Czech(props: Props, ref: React.Ref<SVGSVGElement>) {
-  const { t } = useTranslation();
-  return (
-    <SvgIcon viewBox="0 0 45 45" {...props} ref={ref} title={t('flag.czech')}>
-      <path fill="#d7141a" d="M0 22.5h45v16H0z" />
-      <path fill="#fff" d="M0 6.5h45v16H0z" />
-      <path d="M22.5 22.5L0 6.5v32z" fill="#11457e" />
-    </SvgIcon>
-  );
-});
-
-Czech.displayName = 'Czech';
-
-export { Czech };

package/src/components/Icons/France.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { SvgIcon } from '../SvgIcon';
-
-type Props = React.ComponentProps<typeof SvgIcon>;
-
-const France = React.forwardRef(function France(props: Props, ref: React.Ref<SVGSVGElement>) {
-  const { t } = useTranslation();
-  return (
-    <SvgIcon viewBox="0 0 512 512" {...props} ref={ref} title={t('flag.france')}>
-      <path
-        d="M38.345 88.273C17.167 88.273 0 105.44 0 126.618v258.759c0 21.177 17.167 38.345 38.345 38.345h132.322V88.273H38.345z"
-        fill="#41479b"
-      />
-      <path fill="#f5f5f5" d="M170.67 88.277h170.67v335.45H170.67z" />
-      <path
-        d="M473.655 88.273H341.333v335.448h132.322c21.177 0 38.345-17.167 38.345-38.345V126.618c0-21.178-17.167-38.345-38.345-38.345z"
-        fill="#ff4b55"
-      />
-    </SvgIcon>
-  );
-});
-
-France.displayName = 'France';
-
-export { France };

package/src/components/Icons/Germany.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { SvgIcon } from '../SvgIcon';
-
-type Props = React.ComponentProps<typeof SvgIcon>;
-
-const Germany = React.forwardRef(function Germany(props: Props, ref: React.Ref<SVGSVGElement>) {
-  const { t } = useTranslation();
-  return (
-    <SvgIcon viewBox="0 0 512 512" {...props} ref={ref} title={t('flag.germany')}>
-      <path
-        d="M473.655 88.276H38.345C17.167 88.276 0 105.443 0 126.621v73.471h512v-73.471c0-21.178-17.167-38.345-38.345-38.345z"
-        fill="#464655"
-      />
-      <path
-        d="M0 385.379c0 21.177 17.167 38.345 38.345 38.345h435.31c21.177 0 38.345-17.167 38.345-38.345v-73.471H0v73.471z"
-        fill="#ffe15a"
-      />
-      <path fill="#ff4b55" d="M0 200.09h512V311.9H0z" />
-    </SvgIcon>
-  );
-});
-
-Germany.displayName = 'Germany';
-
-export { Germany };

package/src/components/Icons/India.tsx

@@ -1,44 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { SvgIcon } from '../SvgIcon';
-
-type Props = React.ComponentProps<typeof SvgIcon>;
-
-const India = React.forwardRef(function India(props: Props, ref: React.Ref<SVGSVGElement>) {
-  const { t } = useTranslation();
-  return (
-    <SvgIcon viewBox="0 0 512 512" {...props} ref={ref} title={t('flag.india')}>
-      <path
-        d="M0 384c0 31.418 25.473 56.889 56.889 56.889H455.11c31.42 0 56.89-25.473 56.89-56.889v-56.889H0V384z"
-        fill="#138808"
-      />
-      <path d="M0 327.111h512V184.89H0v142.22z" fill="#eee" />
-      <path
-        d="M512 184.889V128c0-31.417-25.473-56.889-56.889-56.889H56.89C25.472 71.111 0 96.583 0 128v56.889h512z"
-        fill="#f93"
-      />
-      <path
-        d="M312.889 256c0-31.431-25.473-56.902-56.903-56.902-31.417 0-56.888 25.472-56.888 56.902 0 31.418 25.472 56.889 56.888 56.889 31.432 0 56.903-25.472 56.903-56.889"
-        fill="navy"
-      />
-      <path
-        d="M298.666 256c0-23.566-19.115-42.681-42.681-42.681S213.319 232.434 213.319 256s19.1 42.666 42.666 42.666 42.681-19.1 42.681-42.666"
-        fill="#eee"
-      />
-      <path
-        d="M256 213.334l2.076 32.199 14.251-28.943-10.396 30.535 24.235-21.305-21.291 24.249 30.535-10.396-28.942 14.25L298.666 256l-32.198 2.076 28.942 14.237-30.535-10.383 21.291 24.235-24.235-21.29 10.396 30.535-14.25-28.942L256 298.666l-2.076-32.198-14.252 28.942 10.397-30.535-24.249 21.291 21.305-24.235-30.535 10.383 28.942-14.236L213.334 256l32.199-2.076-28.943-14.251 30.535 10.396-21.305-24.249 24.249 21.305-10.396-30.535 14.25 28.943 2.077-32.2z"
-        fill="navy"
-        opacity={0.6}
-      />
-      <path
-        d="M241.778 256c0-7.851 6.37-14.223 14.222-14.223s14.223 6.372 14.223 14.223-6.372 14.223-14.223 14.223-14.223-6.372-14.223-14.223"
-        fill="navy"
-      />
-    </SvgIcon>
-  );
-});
-
-India.displayName = 'India';
-
-export { India };

package/src/components/Icons/Japan.tsx

@@ -1,23 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { SvgIcon } from '../SvgIcon';
-
-type Props = React.ComponentProps<typeof SvgIcon>;
-
-const Japan = React.forwardRef(function Japan(props: Props, ref: React.Ref<SVGSVGElement>) {
-  const { t } = useTranslation();
-  return (
-    <SvgIcon viewBox="0 0 512 512" {...props} ref={ref} title={t('flag.japan')}>
-      <path
-        d="M473.655 88.275H38.345C17.167 88.275 0 105.442 0 126.62v258.76c0 21.177 17.167 38.345 38.345 38.345h435.31c21.177 0 38.345-17.167 38.345-38.345V126.62c0-21.178-17.167-38.345-38.345-38.345z"
-        fill="#f5f5f5"
-      />
-      <circle cx={256} cy={255.999} r={97.1} fill="#ff4b55" />
-    </SvgIcon>
-  );
-});
-
-Japan.displayName = 'Japan';
-
-export { Japan };

package/src/components/Icons/Khmer.tsx

@@ -1,40 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { SvgIcon } from '../SvgIcon';
-
-type Props = React.ComponentProps<typeof SvgIcon>;
-
-const Khmer = React.forwardRef(function Khmer(props: Props, ref: React.Ref<SVGSVGElement>) {
-  const { t } = useTranslation();
-  return (
-    <SvgIcon viewBox="0 0 512 512" {...props} ref={ref} title={t('flag.khmer')}>
-      <path
-        d="M0 304.8v64.8a48.3 48.3 0 0048 48.8h400c26.4 0 48-21.6 48-48.8v-64.8H0zM448 77.6H48c-26.4 0-48 21.6-48 48.8v64.8h496v-64.8a48.3 48.3 0 00-48-48.8z"
-        fill="#032ea1"
-      />
-      <path fill="#e00025" d="M0 189.6h496v116H0z" />
-      <path
-        d="M448 418.4c26.4 0 48-21.6 48-48.8v-64.8H315.2L448 418.4zm0-340.8H48l132.8 113.6H496v-64.8a48.3 48.3 0 00-48-48.8z"
-        fill="#042a7f"
-      />
-      <path fill="#b50030" d="M316 306.4h180V189.6H180z" />
-      <path fill="#002566" d="M448 77.6H48l370.4 113.6H496v-64.8a48.3 48.3 0 00-48-48.8z" />
-      <path fill="#8c002b" d="M496 214.4v-24.8h-81.6z" />
-      <path fill="#002566" d="M496 369.6a48.3 48.3 0 01-48 48.8H48c-26.4 0-48-21.6-48-48.8" />
-      <g fill="#fff">
-        <path d="M249.6 200s0-2.4-1.6-2.4-1.6 2.4-1.6 2.4h3.2zm72 90.4v-7.2h-24 20v-6.4h-4V272h-16H312v-4h-3.2c-.8-.8-2.4-1.6-2.4-3.2v-12c.8-1.6 1.6-3.2 2.4-3.2v-11.2c-1.6 0-2.4 1.6-2.4 1.6v-4.8h-1.6v9.6-6.4h-2.4 2.4v-1.6h-2.4v-5.6c-.8 0-.8 2.4-2.4 2.4-.8 0-.8-.8 0-1.6s.8-1.6 0-4c-.8 1.6-1.6 1.6-1.6.8.8-1.6 1.6-1.6.8-4 0 2.4-1.6 2.4-1.6.8 0-1.6.8-1.6 0-4-.8 2.4-1.6 2.4-1.6.8 0-2.4 0-4-2.4-4.8 0 0 0-1.6-.8-1.6s-.8 1.6-.8 1.6c-2.4.8-2.4 3.2-2.4 4.8s-.8 1.6-1.6-.8c-.8 1.6 0 2.4 0 4s-.8 1.6-1.6-.8c-.8 2.4 0 2.4.8 4 0 .8-.8.8-1.6-.8-.8 1.6 0 3.2 0 4 .8.8.8 1.6 0 1.6-1.6 0-1.6-2.4-2.4-2.4v9.6H280v-.8h-1.6v.8H264V232c-1.6.8-1.6 1.6-1.6 1.6v7.2-5.6h-1.6s-.8 0-.8-1.6.8-2.4 1.6-2.4V228s-3.2 0-3.2 4v-3.2c-.8 0-.8.8-.8 4h-2.4 1.6v-3.2c0-1.6 1.6-1.6 1.6-3.2V224c-.8 2.4-1.6 1.6-1.6.8s.8-1.6 2.4-4c.8-.8 0-2.4-.8-3.2 0 1.6-.8 2.4-1.6 2.4s-.8 0-.8-1.6c0-.8.8-1.6.8-3.2.8-1.6 0-2.4-.8-3.2 0 1.6 0 2.4-.8 2.4-1.6-.8 0-3.2 0-3.2 0-.8-.8-2.4-.8-2.4-.8 1.6-.8 1.6-1.6 1.6s-.8-1.6 0-2.4c.8-.8.8-1.6 0-1.6-.8 1.6-1.6.8-1.6 0l.8-2.4h-10.4l.8 2.4c0 .8-.8.8-1.6 0-.8.8-.8 1.6 0 1.6.8.8.8 1.6 0 2.4-.8 0-.8 0-1.6-1.6 0 0-.8 1.6-.8 2.4 0 .8 1.6 3.2 0 3.2-.8 0-.8-.8-.8-2.4-.8.8-.8 1.6-.8 3.2 0 .8.8 1.6.8 3.2 0 .8-.8 1.6-.8 1.6-.8 0-.8-.8-1.6-2.4-.8.8-.8 3.2-.8 3.2 1.6 2.4 2.4 3.2 2.4 4s-.8 1.6-1.6-.8c-.8.8 0 2.4 0 2.4 0 1.6 1.6 1.6 1.6 3.2v3.2h1.6-2.4c0-3.2 0-4-.8-4v3.2c0-3.2-3.2-3.2-3.2-3.2v3.2c.8 0 1.6.8 1.6 2.4s-.8 1.6-.8 1.6h-1.6v5.6-7.2s0-1.6-1.6-1.6v8.8h-14.4V240h-1.6v.8h-3.2v-9.6c-.8 0-.8 2.4-2.4 2.4-.8 0-.8-.8 0-1.6s.8-1.6 0-4c-.8 1.6-1.6 1.6-1.6.8.8-1.6 1.6-1.6.8-4 0 2.4-1.6 2.4-1.6.8 0-1.6.8-1.6 0-4-.8 2.4-1.6 2.4-1.6.8 0-2.4 0-4-2.4-4.8 0 0 0-1.6-.8-1.6s-.8 1.6-.8 1.6c-2.4.8-2.4 3.2-2.4 4.8s-.8 1.6-1.6-.8c-.8 1.6 0 2.4 0 4s-.8 1.6-1.6-.8c-.8 2.4 0 2.4.8 4 0 .8-.8.8-1.6-.8-.8 1.6 0 3.2 0 4 .8.8.8 1.6 0 1.6-1.6 0-1.6-2.4-2.4-2.4v5.6h-2.4v-.8h-1.6v4s-.8-1.6-2.4-1.6v12c.8 0 2.4 1.6 2.4 3.2v12c0 1.6-1.6 2.4-2.4 3.2h-.8v3.2h13.6-16v4.8h-4v6.4h20-24v7.2h-4v7.2h156v-7.2h-4zm-16.8-25.6zm-2.4-17.6v.8-.8zm-3.2.8h4-4zm-105.6-9.6h-2.4 2.4zm3.2 10.4h-3.2 3.2zm12-.8h4-4zm-.8 24h35.2H208zm35.2 11.2H208h35.2zm.8-50.4zm8 0zm32 15.2h3.2-3.2c-.8.8-.8 0 0 0zm4 35.2h-36 36zm0-11.2h-36 36z" />
-        <path d="M252.8 205.6v-2.4h-9.6v2.4zm-.8-2.4v-1.6h-8v1.6zm-1.6-1.6V200h-4.8v1.6z" />
-      </g>
-      <g fill="#cecece">
-        <path d="M231.2 232v2.4l1.6 1.6v-1.6c0-.8 0-2.4-1.6-2.4z" />
-        <path d="M321.6 283.2h-24 20v-6.4h-4V272h-16H312v-4h-3.2c-.8-.8-2.4-1.6-2.4-3.2v-12c.8-1.6 1.6-3.2 2.4-3.2v-11.2c-1.6 0-2.4 1.6-2.4 1.6v-4.8h-1.6v9.6-6.4h-2.4 2.4v-1.6h-2.4v-5.6c-.8 0-.8 2.4-2.4 2.4-.8 0-.8-.8 0-1.6s.8-1.6 0-4c-.8 1.6-1.6 1.6-1.6.8.8-1.6 1.6-1.6.8-4 0 2.4-1.6 2.4-1.6.8 0-1.6.8-1.6 0-4-.8 2.4-1.6 2.4-1.6.8 0-2.4 0-4-2.4-4.8 0 0 0-1.6-.8-1.6s-.8 1.6-.8 1.6c-2.4.8-2.4 3.2-2.4 4.8s-.8 1.6-1.6-.8c-.8 1.6 0 2.4 0 4s-.8 1.6-1.6-.8c-.8 2.4 0 2.4.8 4 0 .8-.8.8-1.6-.8-.8 1.6 0 3.2 0 4 .8.8.8 1.6 0 1.6-1.6 0-1.6-2.4-2.4-2.4v9.6H280v-.8h-1.6v.8H264V232c-1.6.8-1.6 1.6-1.6 1.6v7.2-5.6h-1.6s-.8 0-.8-1.6.8-2.4 1.6-2.4V228s-3.2 0-3.2 4v-3.2c-.8 0-.8.8-.8 4h-.8v-3.2c0-1.6 1.6-1.6 1.6-3.2V224c-.8 2.4-1.6 1.6-1.6.8s.8-1.6 2.4-4c.8-.8 0-2.4-.8-3.2 0 1.6-.8 2.4-1.6 2.4s-.8 0-.8-1.6c0-.8.8-1.6.8-3.2.8-1.6 0-2.4-.8-3.2 0 1.6 0 2.4-.8 2.4-1.6-.8 0-3.2 0-3.2 0-.8-.8-2.4-.8-2.4-.8 1.6-.8 1.6-1.6 1.6s-.8-1.6 0-2.4c.8-.8.8-1.6 0-1.6-.8 1.6-1.6.8-1.6 0l.8-2.4h-10.4l.8 2.4c0 .8-.8.8-1.6 0-.8.8-.8 1.6 0 1.6.8.8.8 1.6 0 2.4-.8 0-.8 0-1.6-1.6 0 0-.8 1.6-.8 2.4 0 .8 1.6 3.2 0 3.2-.8 0-.8-.8-.8-2.4-.8.8-.8 1.6-.8 3.2 0 .8.8 1.6.8 3.2 0 .8-.8 1.6-.8 1.6-.8 0-.8-.8-1.6-2.4-.8.8-.8 3.2-.8 3.2 1.6 2.4 2.4 3.2 2.4 4s-.8 1.6-1.6-.8c-.8.8 0 2.4 0 2.4 0 1.6 1.6 1.6 1.6 3.2v3.2h-.8c0-3.2 0-4-.8-4v3.2c0-3.2-3.2-3.2-3.2-3.2v3.2c.8 0 1.6.8 1.6 2.4s-.8 1.6-.8 1.6h-1.6l42.4 36.8H288h-12l31.2 26.4h19.2V292h-4v-8.8h-.8zm-19.2-36v.8-.8zm-3.2.8h4-4zm-12 .8h-4 4zM248 197.6c-1.6 0-1.6 2.4-1.6 2.4h2.4c.8 0 .8-2.4-.8-2.4z" />
-        <path d="M243.2 203.2v2.4h9.6v-2.4zm8.8 0v-1.6h-8v1.6zm-1.6-1.6V200h-4.8v1.6z" />
-      </g>
-    </SvgIcon>
-  );
-});
-
-Khmer.displayName = 'Khmer';
-
-export { Khmer };

package/src/components/Icons/Nicaragua.tsx

@@ -1,66 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { SvgIcon } from '../SvgIcon';
-
-type Props = React.ComponentProps<typeof SvgIcon>;
-
-const Nicaragua = React.forwardRef(function Nicaragua(props: Props, ref: React.Ref<SVGSVGElement>) {
-  const { t } = useTranslation();
-  return (
-    <SvgIcon viewBox="0 0 512 512" {...props} ref={ref} title={t('flag.nicaragua')}>
-      <path
-        d="M512 384c0 31.418-25.473 56.889-56.889 56.889H56.89C25.472 440.889 0 415.417 0 384V128c0-31.418 25.472-56.889 56.889-56.889H455.11C486.53 71.111 512 96.584 512 128v256z"
-        fill="#265fb5"
-      />
-      <path d="M512 327.111H0V184.89h512v142.22z" fill="#eee" />
-      <path
-        d="M320.811 256c0 35.797-29.014 64.811-64.811 64.811-35.783 0-64.811-29.014-64.811-64.811s29.027-64.811 64.811-64.811c35.797 0 64.811 29.013 64.811 64.811"
-        fill="#a9bf4c"
-      />
-      <path
-        d="M312.889 256c0 31.418-25.473 56.889-56.889 56.889S199.111 287.416 199.111 256s25.473-56.889 56.889-56.889 56.889 25.471 56.889 56.889"
-        fill="#eee"
-      />
-      <path d="M209.891 286.649l45.909-79.517 45.909 79.517H209.89z" fill="#265fb5" />
-      <path d="M215.04 283.591l40.818-70.685 40.803 70.685H215.04z" fill="#55acee" />
-      <path d="M215.04 283.591l9.841-17.052 61.483-.783 10.297 17.835H215.04z" fill="#bbddf5" />
-      <path
-        d="M222.891 272.441l15.331-12.445 6.67 7.553 5.774-6.215 4.893 4.892 4.665-5.12 5.561 5.12 5.106-5.334 4.665 5.334 4.451-4.892 7.325 9.102 1.338 2.674s-7.78 1.55-18.446.669c-10.667-.896-16.882 1.55-25.33 2.66-8.448 1.109-23.553-1.109-23.553-1.109l1.55-2.889z"
-        fill="#5c913b"
-      />
-      <path
-        d="M237.995 262.67l10.226 11.107-5.12.442-5.774-8.434.668-3.115zm12.231.883l8.22 7.338-3.782.654-3.996-5.546-.442-2.446zm10.439-.442l7.111 6.67L266 270.89l-5.774-6.229.44-1.55zm9.33 0l-2.888 2.66 1.338 1.565 1.55-4.225zm8.889.228l-3.328 4.224 1.109 1.99 2.446-4.664-.227-1.55z"
-        fill="#e2f09f"
-      />
-      <path
-        d="M256.426 233.671l.939 13.227 7.566-10.867-5.675 11.805 11.805-5.66-10.851 7.553 13.213.939-13.213.952 10.851 7.553-11.805-5.66 5.675 11.805-7.566-10.867-.939 13.226-.939-13.226-7.566 10.867 5.675-11.805-11.805 5.66 10.851-7.553-13.212-.953 13.212-.938-10.85-7.553 11.804 5.66-5.675-11.805 7.566 10.866.94-13.226z"
-        fill="#bbddf5"
-      />
-      <path
-        d="M256 244.665l-2.66 2.66s.654 4.011.441 4.679C253.554 252.658 256 256 256 256l3.327-3.996-.88-5.334-2.447-2.005z"
-        fill="#dd2e44"
-      />
-      <path
-        d="M257.28 240.071c10.894 0 17.109 5.334 17.109 5.334l-3.996-7.111s-6.443-4.893-13.995-4.893c-7.567 0-16 6.001-16 6.001l-3.783 7.553s9.771-6.884 20.665-6.884"
-        fill="#269"
-      />
-      <path
-        d="M257.28 240.071c10.894 0 17.109 5.334 17.109 5.334l-2.888-5.106s-7.78-4.665-15.331-4.665-16.896 5.987-16.896 5.987l-2.66 5.334c.001 0 9.772-6.884 20.666-6.884"
-        fill="#ffcc4d"
-      />
-      <path
-        d="M257.28 240.071c10.894 0 17.109 5.334 17.109 5.334l-2.005-3.327s-5.988-4.224-16.214-3.783c-7.553 0-18.005 5.561-18.005 5.561l-1.55 3.1c0-.001 9.771-6.885 20.665-6.885"
-        fill="#dd2e44"
-      />
-      <path
-        d="M264.291 322.873h-14.165V309.29h14.165v13.582zm-16.426-118.898h-10.183l-5.106-12.459 10.198-1.137 5.091 13.596zm23.21 5.66l-6.784-2.261 3.385-16.426 13.028 1.137-9.629 17.55zm-61.141 69.646l-19.811 4.523-.57-13.583 19.812-2.83.569 11.89zm5.106 14.152l-16.426 6.812-3.954-10.766 15.289-5.106 5.091 9.06zm109.269-12.444l-18.105-5.091v-9.63l20.366-2.83-2.261 17.55zm-9.003 18.674l-16.981-7.937 5.646-10.182 18.703 5.66-7.368 12.459z"
-        fill="#eee"
-      />
-    </SvgIcon>
-  );
-});
-
-Nicaragua.displayName = 'Nicaragua';
-
-export { Nicaragua };

package/src/components/Icons/Russia.tsx

@@ -1,27 +0,0 @@
-import React from 'react';
-import { useTranslation } from 'react-i18next';
-
-import { SvgIcon } from '../SvgIcon';
-
-type Props = React.ComponentProps<typeof SvgIcon>;
-
-const Russia = React.forwardRef(function Russia(props: Props, ref: React.Ref<SVGSVGElement>) {
-  const { t } = useTranslation();
-  return (
-    <SvgIcon viewBox="0 0 512 512" {...props} ref={ref} title={t('flag.russia')}>
-      <path
-        d="M473.655 88.276H38.345C17.167 88.276 0 105.443 0 126.621v73.471h512v-73.471c0-21.178-17.167-38.345-38.345-38.345z"
-        fill="#f5f5f5"
-      />
-      <path d="M0 200.09h512V311.9H0z" fill="#0039a6" />
-      <path
-        d="M0 385.379c0 21.177 17.167 38.345 38.345 38.345h435.31c21.177 0 38.345-17.167 38.345-38.345v-73.471H0v73.471z"
-        fill="#d52b1e"
-      />
-    </SvgIcon>
-  );
-});
-
-Russia.displayName = 'Russia';
-
-export { Russia };