@griddo/ax 11.10.11-rc.0 → 11.10.12-rc.0

package/src/components/FileGallery/style.tsx

@@ -189,26 +189,26 @@ const SearchTags = styled.div`
 `;
 
 export {
-  Wrapper,
-  FolderPanel,
-  FolderPanelContent,
-  ContentWrapper,
-  Header,
-  Search,
-  Filters,
-  TabsWrapper,
-  GalleryWrapper,
-  Grid,
-  LoadingWrapper,
-  EmptyWrapper,
-  NotificationWrapper,
-  SectionWrapper,
-  SectionHeader,
-  SectionTitle,
-  FoldersGrid,
-  FoldersWrapper,
-  FoldersIconWrapper,
-  ResizeHandle,
-  SearchTags,
-  FiltersGlobal,
+	Wrapper,
+	FolderPanel,
+	FolderPanelContent,
+	ContentWrapper,
+	Header,
+	Search,
+	Filters,
+	TabsWrapper,
+	GalleryWrapper,
+	Grid,
+	LoadingWrapper,
+	EmptyWrapper,
+	NotificationWrapper,
+	SectionWrapper,
+	SectionHeader,
+	SectionTitle,
+	FoldersGrid,
+	FoldersWrapper,
+	FoldersIconWrapper,
+	ResizeHandle,
+	SearchTags,
+	FiltersGlobal,
 };

package/src/components/FilterTagsBar/index.tsx

@@ -5,57 +5,57 @@ import Button from "../Button";
 import * as S from "./style";
 
 const FilterTagsBar = (props: IFilterTagsBarProps): JSX.Element => {
-  const { filters, labels, setFilters, resetFilters } = props;
-
-  const tags: string[] = [];
-  filters &&
-    Object.keys(filters)
-      .filter((key: string) => Object.keys(labels).includes(key))
-      .forEach((key: string) => {
-        Array.isArray(filters[key]) &&
-          filters[key].forEach((filter: IQueryValue) => {
-            if (filter && filter.value !== "all") {
-              tags.push(`${labels[key]}: ${filter.label}`);
-            }
-          });
-      });
-
-  const deleteTag = (tagText: string) => {
-    const values = tagText.split(":");
-    const key = Object.keys(labels).find((key) => labels[key] === values[0]);
-    if (key) {
-      const newFilters: IQueryValue[] = filters[key].filter((filter: IQueryValue) => filter.label !== values[1].trim());
-      setFilters(key, newFilters);
-    }
-  };
-
-  const handleDeleteAll = () => resetFilters();
-
-  return tags.length > 0 ? (
-    <S.Wrapper>
-      <S.Text>Selected filters</S.Text>
-      <S.TagList>
-        {tags.map((tag: string, index: number) => {
-          const handleDeleteTag = () => deleteTag(tag);
-          return <S.StyledTag key={index} text={tag} color="#FFFFFF" onDeleteAction={handleDeleteTag} />;
-        })}
-      </S.TagList>
-      <S.ButtonWrapper>
-        <Button type="button" buttonStyle="minimal" icon="close" onClick={handleDeleteAll}>
-          Clear All
-        </Button>
-      </S.ButtonWrapper>
-    </S.Wrapper>
-  ) : (
-    <></>
-  );
+	const { filters, labels, setFilters, resetFilters } = props;
+
+	const tags: string[] = [];
+	filters &&
+		Object.keys(filters)
+			.filter((key: string) => Object.keys(labels).includes(key))
+			.forEach((key: string) => {
+				Array.isArray(filters[key]) &&
+					filters[key].forEach((filter: IQueryValue) => {
+						if (filter && filter.value !== "all") {
+							tags.push(`${labels[key]}: ${filter.label}`);
+						}
+					});
+			});
+
+	const deleteTag = (tagText: string) => {
+		const values = tagText.split(":");
+		const key = Object.keys(labels).find((key) => labels[key] === values[0]);
+		if (key) {
+			const newFilters: IQueryValue[] = filters[key].filter((filter: IQueryValue) => filter.label !== values[1].trim());
+			setFilters(key, newFilters);
+		}
+	};
+
+	const handleDeleteAll = () => resetFilters();
+
+	return tags.length > 0 ? (
+		<S.Wrapper>
+			<S.Text>Selected filters</S.Text>
+			<S.TagList>
+				{tags.map((tag: string, index: number) => {
+					const handleDeleteTag = () => deleteTag(tag);
+					return <S.StyledTag key={index} text={tag} color="#FFFFFF" onDeleteAction={handleDeleteTag} />;
+				})}
+			</S.TagList>
+			<S.ButtonWrapper>
+				<Button type="button" buttonStyle="minimal" icon="close" onClick={handleDeleteAll}>
+					Clear All
+				</Button>
+			</S.ButtonWrapper>
+		</S.Wrapper>
+	) : (
+		<></>
+	);
 };
 
 export interface IFilterTagsBarProps {
-  filters: Record<string, any>;
-  labels: Record<string, string | undefined>;
-  setFilters: (pointer: string, filter: IQueryValue[], isAscendent?: boolean) => void;
-  resetFilters: () => void;
+	filters: Record<string, any>;
+	labels: Record<string, string | undefined>;
+	setFilters: (pointer: string, filter: IQueryValue[], isAscendent?: boolean) => void;
+	resetFilters: () => void;
 }
 
 export default FilterTagsBar;

package/src/components/FilterTagsBar/style.tsx

@@ -27,4 +27,4 @@ const ButtonWrapper = styled.div`
   flex-shrink: 0;
 `;
 
-export { Wrapper, TagList, Text, StyledTag, ButtonWrapper }
+export { Wrapper, TagList, Text, StyledTag, ButtonWrapper };

package/src/components/Flag/components/Ca_ES.js

@@ -1,17 +1,17 @@
 import * as React from "react";
 
 function SvgCaEs(props) {
-  return (
-    <svg width={512} height={512} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
-      <path d="M512 86H0v340h512V86z" fill="#FCDD09" />
-      <path
-        fillRule="evenodd"
-        clipRule="evenodd"
-        d="M0 124h512v37.714H0V124zm512 113.142H0v-37.713h512v37.713zM0 274.858h512v37.714H0v-37.714zm0 75.428h512V388H0v-37.714z"
-        fill="#DA121A"
-      />
-    </svg>
-  );
+	return (
+		<svg width={512} height={512} fill="none" xmlns="http://www.w3.org/2000/svg" {...props}>
+			<path d="M512 86H0v340h512V86z" fill="#FCDD09" />
+			<path
+				fillRule="evenodd"
+				clipRule="evenodd"
+				d="M0 124h512v37.714H0V124zm512 113.142H0v-37.713h512v37.713zM0 274.858h512v37.714H0v-37.714zm0 75.428h512V388H0v-37.714z"
+				fill="#DA121A"
+			/>
+		</svg>
+	);
 }
 
 export default SvgCaEs;

package/src/components/Flag/components/De_DE.js

@@ -1,13 +1,19 @@
 import * as React from "react";
 
 function SvgDe(props) {
-  return (
-    <svg viewBox="0 0 512.001 512.001" {...props}>
-      <path d="M512 200.093H0V97.104a8.829 8.829 0 018.828-8.828h494.345a8.829 8.829 0 018.828 8.828L512 200.093z" fill="#464655" />
-      <path d="M503.172 423.725H8.828A8.829 8.829 0 010 414.897V311.909h512v102.988a8.828 8.828 0 01-8.828 8.828z" fill="#ffe15a" />
-      <path fill="#ff4b55" d="M0 200.091h512v111.81H0z" />
-    </svg>
-  );
+	return (
+		<svg viewBox="0 0 512.001 512.001" {...props}>
+			<path
+				d="M512 200.093H0V97.104a8.829 8.829 0 018.828-8.828h494.345a8.829 8.829 0 018.828 8.828L512 200.093z"
+				fill="#464655"
+			/>
+			<path
+				d="M503.172 423.725H8.828A8.829 8.829 0 010 414.897V311.909h512v102.988a8.828 8.828 0 01-8.828 8.828z"
+				fill="#ffe15a"
+			/>
+			<path fill="#ff4b55" d="M0 200.091h512v111.81H0z" />
+		</svg>
+	);
 }
 
 export default SvgDe;

package/src/components/Flag/components/En_GB.js

@@ -1,22 +1,22 @@
 import * as React from "react";
 
 function SvgEnGb(props) {
-  return (
-    <svg viewBox="0 0 512.002 512.002" {...props}>
-      <path
-        d="M503.172 423.725H8.828A8.829 8.829 0 010 414.897V97.104a8.829 8.829 0 018.828-8.828h494.345a8.829 8.829 0 018.828 8.828v317.793a8.83 8.83 0 01-8.829 8.828z"
-        fill="#41479b"
-      />
-      <path
-        d="M512 97.104a8.829 8.829 0 00-8.828-8.828h-39.495l-163.54 107.147V88.276h-88.276v107.147L48.322 88.276H8.828A8.829 8.829 0 000 97.104v22.831l140.309 91.927H0v88.276h140.309L0 392.066v22.831a8.829 8.829 0 008.828 8.828h39.495l163.54-107.147v107.147h88.276V316.578l163.54 107.147h39.495a8.829 8.829 0 008.828-8.828v-22.831l-140.309-91.927H512v-88.276H371.691L512 119.935V97.104z"
-        fill="#f5f5f5"
-      />
-      <g fill="#ff4b55">
-        <path d="M512 229.518H282.483V88.276h-52.966v141.242H0v52.965h229.517v141.242h52.966V282.483H512z" />
-        <path d="M178.948 300.138L.25 416.135c.625 4.263 4.14 7.59 8.577 7.59h12.159l190.39-123.586h-32.428v-.001zM346.388 300.138H313.96l190.113 123.404c4.431-.472 7.928-4.09 7.928-8.646v-7.258l-165.613-107.5zM0 106.849l161.779 105.014h32.428L5.143 89.137C2.123 90.54 0 93.555 0 97.104v9.745zM332.566 211.863L511.693 95.586c-.744-4.122-4.184-7.309-8.521-7.309h-12.647L300.138 211.863h32.428z" />
-      </g>
-    </svg>
-  );
+	return (
+		<svg viewBox="0 0 512.002 512.002" {...props}>
+			<path
+				d="M503.172 423.725H8.828A8.829 8.829 0 010 414.897V97.104a8.829 8.829 0 018.828-8.828h494.345a8.829 8.829 0 018.828 8.828v317.793a8.83 8.83 0 01-8.829 8.828z"
+				fill="#41479b"
+			/>
+			<path
+				d="M512 97.104a8.829 8.829 0 00-8.828-8.828h-39.495l-163.54 107.147V88.276h-88.276v107.147L48.322 88.276H8.828A8.829 8.829 0 000 97.104v22.831l140.309 91.927H0v88.276h140.309L0 392.066v22.831a8.829 8.829 0 008.828 8.828h39.495l163.54-107.147v107.147h88.276V316.578l163.54 107.147h39.495a8.829 8.829 0 008.828-8.828v-22.831l-140.309-91.927H512v-88.276H371.691L512 119.935V97.104z"
+				fill="#f5f5f5"
+			/>
+			<g fill="#ff4b55">
+				<path d="M512 229.518H282.483V88.276h-52.966v141.242H0v52.965h229.517v141.242h52.966V282.483H512z" />
+				<path d="M178.948 300.138L.25 416.135c.625 4.263 4.14 7.59 8.577 7.59h12.159l190.39-123.586h-32.428v-.001zM346.388 300.138H313.96l190.113 123.404c4.431-.472 7.928-4.09 7.928-8.646v-7.258l-165.613-107.5zM0 106.849l161.779 105.014h32.428L5.143 89.137C2.123 90.54 0 93.555 0 97.104v9.745zM332.566 211.863L511.693 95.586c-.744-4.122-4.184-7.309-8.521-7.309h-12.647L300.138 211.863h32.428z" />
+			</g>
+		</svg>
+	);
 }
 
 export default SvgEnGb;

package/src/components/Flag/components/Es_ES.js

@@ -1,67 +1,79 @@
 import * as React from "react";
 
 function SvgEsEs(props) {
-  return (
-    <svg viewBox="0 0 512.001 512.001" {...props}>
-      <path
-        d="M8.828 423.725h494.345a8.829 8.829 0 008.828-8.828V97.104a8.829 8.829 0 00-8.828-8.828H8.828A8.83 8.83 0 000 97.104v317.793a8.828 8.828 0 008.828 8.828z"
-        fill="#c8414b"
-      />
-      <path fill="#ffd250" d="M0 158.901h512v194.21H0z" />
-      <path d="M216.276 256.001l7.485-33.681c.69-3.102-1.671-6.044-4.849-6.044h-5.272c-3.177 0-5.537 2.942-4.849 6.044l7.485 33.681z" fill="#c8414b" />
-      <path fill="#f5f5f5" d="M207.45 238.341h17.655v75.03H207.45z" />
-      <path fill="#fab446" d="M203.03 229.521h26.483v8.828H203.03z" />
-      <g fill="#c8414b">
-        <path d="M185.38 256.001h44.14v8.828h-44.14zM229.517 291.311l-26.483-8.827v-8.828l26.483 8.828zM83.862 256.001l7.485-33.681c.69-3.102-1.671-6.044-4.849-6.044h-5.272c-3.177 0-5.537 2.942-4.849 6.044l7.485 33.681z" />
-      </g>
-      <path
-        d="M114.759 229.518a8.829 8.829 0 00-8.828 8.828v57.379c0 10.725 10.01 30.897 44.138 30.897s44.138-20.171 44.138-30.897v-57.379a8.829 8.829 0 00-8.828-8.828h-70.62z"
-        fill="#f5f5f5"
-      />
-      <g fill="#c8414b">
-        <path d="M150.069 273.656h-44.138v-35.31a8.829 8.829 0 018.828-8.828h35.31v44.138zM150.069 273.656h44.138v22.069c0 12.189-9.88 22.069-22.069 22.069-12.189 0-22.069-9.88-22.069-22.069v-22.069z" />
-      </g>
-      <path d="M105.931 273.656h44.138v22.069c0 12.189-9.88 22.069-22.069 22.069-12.189 0-22.069-9.88-22.069-22.069v-22.069z" fill="#fab446" />
-      <g fill="#c8414b">
-        <path d="M141.241 313.281v-39.625h-8.828v43.693c3.284-.666 6.251-2.12 8.828-4.068zM123.586 317.349v-43.693h-8.828v39.625c2.578 1.948 5.545 3.402 8.828 4.068z" />
-      </g>
-      <path fill="#ffb441" d="M114.76 256.001h26.483v8.828H114.76z" />
-      <g fill="#fab446">
-        <path d="M114.76 238.341h26.483v8.828H114.76z" />
-        <path d="M119.17 243.591h17.655v15.992H119.17z" />
-      </g>
-      <path fill="#f5f5f5" d="M75.03 238.341h17.655v75.03H75.03z" />
-      <g fill="#fab446">
-        <path d="M70.62 308.971h26.483v8.828H70.62zM70.62 229.521h26.483v8.828H70.62z" />
-      </g>
-      <path fill="#5064aa" d="M66.21 317.791h35.31v8.828H66.21z" />
-      <path fill="#fab446" d="M207.45 308.971h26.483v8.828H207.45z" />
-      <path fill="#5064aa" d="M198.62 317.791h35.31v8.828h-35.31z" />
-      <path fill="#fab446" d="M123.59 220.691h52.966v8.828H123.59z" />
-      <path fill="#ffb441" d="M145.66 194.211h8.828v26.483h-8.828z" />
-      <g fill="#f5f5f5">
-        <path d="M141.241 207.449c-7.302 0-13.241-5.94-13.241-13.241 0-7.302 5.94-13.241 13.241-13.241 7.302 0 13.241 5.94 13.241 13.241.001 7.301-5.939 13.241-13.241 13.241zm0-17.655a4.417 4.417 0 00-4.414 4.414c0 2.435 1.978 4.414 4.414 4.414s4.414-1.978 4.414-4.414a4.417 4.417 0 00-4.414-4.414z" />
-        <path d="M158.897 207.449c-7.302 0-13.241-5.94-13.241-13.241 0-7.302 5.94-13.241 13.241-13.241 7.302 0 13.241 5.94 13.241 13.241s-5.94 13.241-13.241 13.241zm0-17.655a4.417 4.417 0 00-4.414 4.414 4.417 4.417 0 004.414 4.414 4.417 4.417 0 004.414-4.414 4.418 4.418 0 00-4.414-4.414z" />
-        <path d="M176.552 216.277c-7.302 0-13.241-5.94-13.241-13.241 0-7.302 5.94-13.241 13.241-13.241 7.302 0 13.241 5.94 13.241 13.241s-5.94 13.241-13.241 13.241zm0-17.655a4.417 4.417 0 00-4.414 4.414 4.417 4.417 0 004.414 4.414c2.435 0 4.414-1.978 4.414-4.414s-1.979-4.414-4.414-4.414zM123.586 216.277c-7.302 0-13.241-5.94-13.241-13.241 0-7.302 5.94-13.241 13.241-13.241 7.302 0 13.241 5.94 13.241 13.241.001 7.301-5.939 13.241-13.241 13.241zm0-17.655a4.417 4.417 0 00-4.414 4.414c0 2.435 1.978 4.414 4.414 4.414s4.414-1.979 4.414-4.415a4.416 4.416 0 00-4.414-4.413z" />
-      </g>
-      <path
-        d="M176.552 291.311v4.414c0 2.434-1.98 4.414-4.414 4.414s-4.414-1.98-4.414-4.414v-4.414h8.828m8.827-8.827h-26.483v13.241c0 7.302 5.94 13.241 13.241 13.241 7.302 0 13.241-5.94 13.241-13.241v-13.241h.001z"
-        fill="#fab446"
-      />
-      <path d="M172.138 264.829a8.829 8.829 0 01-8.828-8.828v-8.828a8.829 8.829 0 0117.656 0v8.828a8.829 8.829 0 01-8.828 8.828z" fill="#ffa0d2" />
-      <circle cx={150.07} cy={273.651} r={13.241} fill="#5064aa" />
-      <path fill="#fab446" d="M145.66 176.551h8.828v26.483h-8.828z" />
-      <path d="M123.586 220.691l-8.828-8.828 5.171-5.171a42.627 42.627 0 0160.28 0l5.171 5.171-8.828 8.828h-52.966z" fill="#c8414b" />
-      <g fill="#ffd250">
-        <circle cx={150.07} cy={211.861} r={4.414} />
-        <circle cx={132.41} cy={211.861} r={4.414} />
-        <circle cx={167.72} cy={211.861} r={4.414} />
-      </g>
-      <g fill="#c8414b">
-        <path d="M70.62 256.001h44.14v8.828H70.62zM70.621 291.311l26.482-8.827v-8.828l-26.482 8.828z" />
-      </g>
-    </svg>
-  );
+	return (
+		<svg viewBox="0 0 512.001 512.001" {...props}>
+			<path
+				d="M8.828 423.725h494.345a8.829 8.829 0 008.828-8.828V97.104a8.829 8.829 0 00-8.828-8.828H8.828A8.83 8.83 0 000 97.104v317.793a8.828 8.828 0 008.828 8.828z"
+				fill="#c8414b"
+			/>
+			<path fill="#ffd250" d="M0 158.901h512v194.21H0z" />
+			<path
+				d="M216.276 256.001l7.485-33.681c.69-3.102-1.671-6.044-4.849-6.044h-5.272c-3.177 0-5.537 2.942-4.849 6.044l7.485 33.681z"
+				fill="#c8414b"
+			/>
+			<path fill="#f5f5f5" d="M207.45 238.341h17.655v75.03H207.45z" />
+			<path fill="#fab446" d="M203.03 229.521h26.483v8.828H203.03z" />
+			<g fill="#c8414b">
+				<path d="M185.38 256.001h44.14v8.828h-44.14zM229.517 291.311l-26.483-8.827v-8.828l26.483 8.828zM83.862 256.001l7.485-33.681c.69-3.102-1.671-6.044-4.849-6.044h-5.272c-3.177 0-5.537 2.942-4.849 6.044l7.485 33.681z" />
+			</g>
+			<path
+				d="M114.759 229.518a8.829 8.829 0 00-8.828 8.828v57.379c0 10.725 10.01 30.897 44.138 30.897s44.138-20.171 44.138-30.897v-57.379a8.829 8.829 0 00-8.828-8.828h-70.62z"
+				fill="#f5f5f5"
+			/>
+			<g fill="#c8414b">
+				<path d="M150.069 273.656h-44.138v-35.31a8.829 8.829 0 018.828-8.828h35.31v44.138zM150.069 273.656h44.138v22.069c0 12.189-9.88 22.069-22.069 22.069-12.189 0-22.069-9.88-22.069-22.069v-22.069z" />
+			</g>
+			<path
+				d="M105.931 273.656h44.138v22.069c0 12.189-9.88 22.069-22.069 22.069-12.189 0-22.069-9.88-22.069-22.069v-22.069z"
+				fill="#fab446"
+			/>
+			<g fill="#c8414b">
+				<path d="M141.241 313.281v-39.625h-8.828v43.693c3.284-.666 6.251-2.12 8.828-4.068zM123.586 317.349v-43.693h-8.828v39.625c2.578 1.948 5.545 3.402 8.828 4.068z" />
+			</g>
+			<path fill="#ffb441" d="M114.76 256.001h26.483v8.828H114.76z" />
+			<g fill="#fab446">
+				<path d="M114.76 238.341h26.483v8.828H114.76z" />
+				<path d="M119.17 243.591h17.655v15.992H119.17z" />
+			</g>
+			<path fill="#f5f5f5" d="M75.03 238.341h17.655v75.03H75.03z" />
+			<g fill="#fab446">
+				<path d="M70.62 308.971h26.483v8.828H70.62zM70.62 229.521h26.483v8.828H70.62z" />
+			</g>
+			<path fill="#5064aa" d="M66.21 317.791h35.31v8.828H66.21z" />
+			<path fill="#fab446" d="M207.45 308.971h26.483v8.828H207.45z" />
+			<path fill="#5064aa" d="M198.62 317.791h35.31v8.828h-35.31z" />
+			<path fill="#fab446" d="M123.59 220.691h52.966v8.828H123.59z" />
+			<path fill="#ffb441" d="M145.66 194.211h8.828v26.483h-8.828z" />
+			<g fill="#f5f5f5">
+				<path d="M141.241 207.449c-7.302 0-13.241-5.94-13.241-13.241 0-7.302 5.94-13.241 13.241-13.241 7.302 0 13.241 5.94 13.241 13.241.001 7.301-5.939 13.241-13.241 13.241zm0-17.655a4.417 4.417 0 00-4.414 4.414c0 2.435 1.978 4.414 4.414 4.414s4.414-1.978 4.414-4.414a4.417 4.417 0 00-4.414-4.414z" />
+				<path d="M158.897 207.449c-7.302 0-13.241-5.94-13.241-13.241 0-7.302 5.94-13.241 13.241-13.241 7.302 0 13.241 5.94 13.241 13.241s-5.94 13.241-13.241 13.241zm0-17.655a4.417 4.417 0 00-4.414 4.414 4.417 4.417 0 004.414 4.414 4.417 4.417 0 004.414-4.414 4.418 4.418 0 00-4.414-4.414z" />
+				<path d="M176.552 216.277c-7.302 0-13.241-5.94-13.241-13.241 0-7.302 5.94-13.241 13.241-13.241 7.302 0 13.241 5.94 13.241 13.241s-5.94 13.241-13.241 13.241zm0-17.655a4.417 4.417 0 00-4.414 4.414 4.417 4.417 0 004.414 4.414c2.435 0 4.414-1.978 4.414-4.414s-1.979-4.414-4.414-4.414zM123.586 216.277c-7.302 0-13.241-5.94-13.241-13.241 0-7.302 5.94-13.241 13.241-13.241 7.302 0 13.241 5.94 13.241 13.241.001 7.301-5.939 13.241-13.241 13.241zm0-17.655a4.417 4.417 0 00-4.414 4.414c0 2.435 1.978 4.414 4.414 4.414s4.414-1.979 4.414-4.415a4.416 4.416 0 00-4.414-4.413z" />
+			</g>
+			<path
+				d="M176.552 291.311v4.414c0 2.434-1.98 4.414-4.414 4.414s-4.414-1.98-4.414-4.414v-4.414h8.828m8.827-8.827h-26.483v13.241c0 7.302 5.94 13.241 13.241 13.241 7.302 0 13.241-5.94 13.241-13.241v-13.241h.001z"
+				fill="#fab446"
+			/>
+			<path
+				d="M172.138 264.829a8.829 8.829 0 01-8.828-8.828v-8.828a8.829 8.829 0 0117.656 0v8.828a8.829 8.829 0 01-8.828 8.828z"
+				fill="#ffa0d2"
+			/>
+			<circle cx={150.07} cy={273.651} r={13.241} fill="#5064aa" />
+			<path fill="#fab446" d="M145.66 176.551h8.828v26.483h-8.828z" />
+			<path
+				d="M123.586 220.691l-8.828-8.828 5.171-5.171a42.627 42.627 0 0160.28 0l5.171 5.171-8.828 8.828h-52.966z"
+				fill="#c8414b"
+			/>
+			<g fill="#ffd250">
+				<circle cx={150.07} cy={211.861} r={4.414} />
+				<circle cx={132.41} cy={211.861} r={4.414} />
+				<circle cx={167.72} cy={211.861} r={4.414} />
+			</g>
+			<g fill="#c8414b">
+				<path d="M70.62 256.001h44.14v8.828H70.62zM70.621 291.311l26.482-8.827v-8.828l-26.482 8.828z" />
+			</g>
+		</svg>
+	);
 }
 
 export default SvgEsEs;

package/src/components/Flag/components/Eu_ES.js

@@ -1,19 +1,22 @@
 import * as React from "react";
 
 function SvgEu(props) {
-  return (
-    <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.001 512.001" {...props}>
-      <path
-        d="M503.172 423.724H8.828A8.829 8.829 0 010 414.896V97.104a8.829 8.829 0 018.828-8.828h494.345a8.829 8.829 0 018.828 8.828v317.792a8.83 8.83 0 01-8.829 8.828z"
-        fill="#ff4b55"
-      />
-      <path
-        d="M512 97.104a8.829 8.829 0 00-8.828-8.828h-31.438L255.999 229.619 40.266 88.276H8.828A8.829 8.829 0 000 97.104v17.554L215.734 256 0 397.343v17.554a8.829 8.829 0 008.828 8.828h31.438L256 282.382l215.734 141.343h31.438a8.829 8.829 0 008.828-8.828v-17.554L296.265 256l215.734-141.343.001-17.553z"
-        fill="#73af00"
-      />
-      <path fill="#f5f5f5" d="M512 233.931H278.068V88.276h-44.137v145.655H0v44.138h233.931v145.655h44.137V278.069H512z" />
-    </svg>
-  );
+	return (
+		<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512.001 512.001" {...props}>
+			<path
+				d="M503.172 423.724H8.828A8.829 8.829 0 010 414.896V97.104a8.829 8.829 0 018.828-8.828h494.345a8.829 8.829 0 018.828 8.828v317.792a8.83 8.83 0 01-8.829 8.828z"
+				fill="#ff4b55"
+			/>
+			<path
+				d="M512 97.104a8.829 8.829 0 00-8.828-8.828h-31.438L255.999 229.619 40.266 88.276H8.828A8.829 8.829 0 000 97.104v17.554L215.734 256 0 397.343v17.554a8.829 8.829 0 008.828 8.828h31.438L256 282.382l215.734 141.343h31.438a8.829 8.829 0 008.828-8.828v-17.554L296.265 256l215.734-141.343.001-17.553z"
+				fill="#73af00"
+			/>
+			<path
+				fill="#f5f5f5"
+				d="M512 233.931H278.068V88.276h-44.137v145.655H0v44.138h233.931v145.655h44.137V278.069H512z"
+			/>
+		</svg>
+	);
 }
 
 export default SvgEu;

package/src/components/Flag/components/Fr_FR.js

@@ -1,13 +1,19 @@
 import * as React from "react";
 
 function SvgFr(props) {
-  return (
-    <svg viewBox="0 0 512 512" {...props}>
-      <path d="M170.667 423.721H8.828A8.829 8.829 0 010 414.893V97.1a8.829 8.829 0 018.828-8.828h161.839v335.449z" fill="#41479b" />
-      <path fill="#f5f5f5" d="M170.67 88.277h170.67v335.45H170.67z" />
-      <path d="M503.172 423.721H341.333V88.273h161.839A8.829 8.829 0 01512 97.101v317.793a8.827 8.827 0 01-8.828 8.827z" fill="#ff4b55" />
-    </svg>
-  );
+	return (
+		<svg viewBox="0 0 512 512" {...props}>
+			<path
+				d="M170.667 423.721H8.828A8.829 8.829 0 010 414.893V97.1a8.829 8.829 0 018.828-8.828h161.839v335.449z"
+				fill="#41479b"
+			/>
+			<path fill="#f5f5f5" d="M170.67 88.277h170.67v335.45H170.67z" />
+			<path
+				d="M503.172 423.721H341.333V88.273h161.839A8.829 8.829 0 01512 97.101v317.793a8.827 8.827 0 01-8.828 8.827z"
+				fill="#ff4b55"
+			/>
+		</svg>
+	);
 }
 
 export default SvgFr;

package/src/components/Flag/components/It_IT.js

@@ -1,13 +1,19 @@
 import * as React from "react";
 
 function SvgIt(props) {
-  return (
-    <svg viewBox="0 0 512 512" {...props}>
-      <path d="M170.667 423.721H8.828A8.829 8.829 0 010 414.893V97.1a8.829 8.829 0 018.828-8.828h161.839v335.449z" fill="#73af00" />
-      <path fill="#f5f5f5" d="M170.67 88.277h170.67v335.45H170.67z" />
-      <path d="M503.172 423.721H341.333V88.273h161.839A8.829 8.829 0 01512 97.101v317.793a8.827 8.827 0 01-8.828 8.827z" fill="#ff4b55" />
-    </svg>
-  );
+	return (
+		<svg viewBox="0 0 512 512" {...props}>
+			<path
+				d="M170.667 423.721H8.828A8.829 8.829 0 010 414.893V97.1a8.829 8.829 0 018.828-8.828h161.839v335.449z"
+				fill="#73af00"
+			/>
+			<path fill="#f5f5f5" d="M170.67 88.277h170.67v335.45H170.67z" />
+			<path
+				d="M503.172 423.721H341.333V88.273h161.839A8.829 8.829 0 01512 97.101v317.793a8.827 8.827 0 01-8.828 8.827z"
+				fill="#ff4b55"
+			/>
+		</svg>
+	);
 }
 
 export default SvgIt;

package/src/components/Flag/components/Pt_PT.js

@@ -1,33 +1,39 @@
 import * as React from "react";
 
 function SvgPt(props) {
-  return (
-    <svg viewBox="0 0 512.001 512.001" {...props}>
-      <path
-        d="M503.172 423.725H8.828A8.829 8.829 0 010 414.897V97.104a8.829 8.829 0 018.828-8.828h494.345a8.829 8.829 0 018.828 8.828v317.793a8.83 8.83 0 01-8.829 8.828z"
-        fill="#ff4b55"
-      />
-      <path d="M185.379 88.277H8.828A8.828 8.828 0 000 97.104v317.793a8.829 8.829 0 008.828 8.828H185.38V88.277h-.001z" fill="#73af00" />
-      <circle cx={185.45} cy={256.001} r={79.38} fill="#ffe15a" />
-      <path
-        d="M211.932 229.518v35.31c0 14.603-11.88 26.483-26.483 26.483s-26.483-11.88-26.483-26.483v-35.31h52.966m8.827-17.655h-70.621a8.829 8.829 0 00-8.828 8.828v44.138c0 24.376 19.762 44.138 44.138 44.138s44.138-19.762 44.138-44.138v-44.138a8.827 8.827 0 00-8.827-8.828z"
-        fill="#ff4b55"
-      />
-      <path d="M211.932 229.518v35.31c0 14.603-11.88 26.483-26.483 26.483s-26.483-11.88-26.483-26.483v-35.31h52.966" fill="#f5f5f5" />
-      <g fill="#ffe15a">
-        <circle cx={150.07} cy={220.691} r={4.414} />
-        <circle cx={220.69} cy={220.691} r={4.414} />
-        <circle cx={150.07} cy={256.001} r={4.414} />
-        <circle cx={220.69} cy={256.001} r={4.414} />
-        <circle cx={185.38} cy={220.691} r={4.414} />
-        <circle cx={211.88} cy={288.551} r={4.414} />
-        <circle cx={159.4} cy={288.551} r={4.414} />
-      </g>
-      <g fill="#41479b">
-        <path d="M191.149 253.763v7.602c0 3.144-2.558 5.702-5.702 5.702s-5.702-2.558-5.702-5.702v-7.602h11.404M191.149 235.741v7.602c0 3.144-2.558 5.702-5.702 5.702s-5.702-2.558-5.702-5.702v-7.602h11.404M191.149 271.97v7.602c0 3.144-2.558 5.702-5.702 5.702s-5.702-2.558-5.702-5.702v-7.602h11.404M206.506 253.763v7.602c0 3.144-2.558 5.702-5.702 5.702s-5.702-2.558-5.702-5.702v-7.602h11.404M175.794 253.763v7.602c0 3.144-2.558 5.702-5.702 5.702s-5.702-2.558-5.702-5.702v-7.602h11.404" />
-      </g>
-    </svg>
-  );
+	return (
+		<svg viewBox="0 0 512.001 512.001" {...props}>
+			<path
+				d="M503.172 423.725H8.828A8.829 8.829 0 010 414.897V97.104a8.829 8.829 0 018.828-8.828h494.345a8.829 8.829 0 018.828 8.828v317.793a8.83 8.83 0 01-8.829 8.828z"
+				fill="#ff4b55"
+			/>
+			<path
+				d="M185.379 88.277H8.828A8.828 8.828 0 000 97.104v317.793a8.829 8.829 0 008.828 8.828H185.38V88.277h-.001z"
+				fill="#73af00"
+			/>
+			<circle cx={185.45} cy={256.001} r={79.38} fill="#ffe15a" />
+			<path
+				d="M211.932 229.518v35.31c0 14.603-11.88 26.483-26.483 26.483s-26.483-11.88-26.483-26.483v-35.31h52.966m8.827-17.655h-70.621a8.829 8.829 0 00-8.828 8.828v44.138c0 24.376 19.762 44.138 44.138 44.138s44.138-19.762 44.138-44.138v-44.138a8.827 8.827 0 00-8.827-8.828z"
+				fill="#ff4b55"
+			/>
+			<path
+				d="M211.932 229.518v35.31c0 14.603-11.88 26.483-26.483 26.483s-26.483-11.88-26.483-26.483v-35.31h52.966"
+				fill="#f5f5f5"
+			/>
+			<g fill="#ffe15a">
+				<circle cx={150.07} cy={220.691} r={4.414} />
+				<circle cx={220.69} cy={220.691} r={4.414} />
+				<circle cx={150.07} cy={256.001} r={4.414} />
+				<circle cx={220.69} cy={256.001} r={4.414} />
+				<circle cx={185.38} cy={220.691} r={4.414} />
+				<circle cx={211.88} cy={288.551} r={4.414} />
+				<circle cx={159.4} cy={288.551} r={4.414} />
+			</g>
+			<g fill="#41479b">
+				<path d="M191.149 253.763v7.602c0 3.144-2.558 5.702-5.702 5.702s-5.702-2.558-5.702-5.702v-7.602h11.404M191.149 235.741v7.602c0 3.144-2.558 5.702-5.702 5.702s-5.702-2.558-5.702-5.702v-7.602h11.404M191.149 271.97v7.602c0 3.144-2.558 5.702-5.702 5.702s-5.702-2.558-5.702-5.702v-7.602h11.404M206.506 253.763v7.602c0 3.144-2.558 5.702-5.702 5.702s-5.702-2.558-5.702-5.702v-7.602h11.404M175.794 253.763v7.602c0 3.144-2.558 5.702-5.702 5.702s-5.702-2.558-5.702-5.702v-7.602h11.404" />
+			</g>
+		</svg>
+	);
 }
 
 export default SvgPt;