Deploying to gh-pages from @ 04252f1 🚀

docs/icons/react/ChevronDownIcon.tsx

@@ -6,7 +6,7 @@ size?: string | number;
 }
 const ChevronDownIcon: React.FC<ChevronDownIconProps> = ({size, ...props}) => (
   <svg viewBox="0 0 24 24" fill="currentColor" width={ size || "24" } height={ size || "24" } {...props}>
-    <path d="M15.88 9.63472L12 13.5147L8.11998 9.63472C7.72998 9.24472 7.09998 9.24472 6.70998 9.63472C6.31998 10.0247 6.31998 10.6547 6.70998 11.0447L11.3 15.6347C11.69 16.0247 12.32 16.0247 12.71 15.6347L17.3 11.0447C17.69 10.6547 17.69 10.0247 17.3 9.63472C16.91 9.25472 16.27 9.24472 15.88 9.63472Z"
+    <path d="M15.88 9.63479L12 13.5148L8.11998 9.63479C7.72998 9.24479 7.09998 9.24479 6.70998 9.63479C6.31998 10.0248 6.31998 10.6548 6.70998 11.0448L11.3 15.6348C11.69 16.0248 12.32 16.0248 12.71 15.6348L17.3 11.0448C17.69 10.6548 17.69 10.0248 17.3 9.63479C16.91 9.25479 16.27 9.24479 15.88 9.63479Z"
       fill="currentColor" />
   </svg>
 );

docs/icons/react/LogoFacebookIcon.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable */
+/* tslint:disable */
+import * as React from 'react';
+export interface LogoFacebookIconProps extends React.SVGAttributes<SVGElement> {
+size?: string | number;
+}
+const LogoFacebookIcon: React.FC<LogoFacebookIconProps> = ({size, ...props}) => (
+  <svg viewBox="0 0 24 24" fill="currentColor" width={ size || "24" } height={ size || "24" } {...props}>
+    <path d="M24 12C24 5.37258 18.6274 0 12 0C5.37258 0 0 5.37258 0 12C0 17.9895 4.3882 22.954 10.125 23.8542V15.4688H7.07812V12H10.125V9.35625C10.125 6.34875 11.9166 4.6875 14.6576 4.6875C15.9701 4.6875 17.3438 4.92188 17.3438 4.92188V7.875H15.8306C14.34 7.875 13.875 8.80008 13.875 9.75V12H17.2031L16.6711 15.4688H13.875V23.8542C19.6118 22.954 24 17.9895 24 12Z"
+      fill="currentColor" />
+  </svg>
+);
+LogoFacebookIcon.displayName = 'LogoFacebookIcon';
+export default LogoFacebookIcon;
+/* tslint:enable */
+/* eslint-enable */

docs/icons/react/LogoGoogleIcon.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable */
+/* tslint:disable */
+import * as React from 'react';
+export interface LogoGoogleIconProps extends React.SVGAttributes<SVGElement> {
+size?: string | number;
+}
+const LogoGoogleIcon: React.FC<LogoGoogleIconProps> = ({size, ...props}) => (
+  <svg viewBox="0 0 24 24" fill="currentColor" width={ size || "24" } height={ size || "24" } {...props}>
+    <path d="M16.6027 6.54843C15.3638 5.36678 13.7103 4.72304 11.9996 4.74949C8.86906 4.74949 6.21033 6.86147 5.26235 9.70537V9.70543C4.75971 11.1957 4.75971 12.8095 5.26235 14.2998H5.26675C6.21913 17.1393 8.87346 19.2513 12.004 19.2513C13.6199 19.2513 15.0073 18.838 16.0825 18.1079V18.1049C17.3479 17.2672 18.2121 15.9488 18.4811 14.4585H11.9996V9.83772H23.318C23.459 10.6402 23.5252 11.4603 23.5252 12.276C23.5252 15.9257 22.2208 19.0114 19.9514 21.1013L19.9537 21.1031C17.9652 22.9374 15.2359 24 11.9996 24C7.46252 24 3.31348 21.4426 1.27644 17.3906V17.3906C-0.425485 14 -0.425481 10.0052 1.27646 6.6146H1.27648L1.27644 6.61457C3.31348 2.55813 7.46252 0.000808637 11.9996 0.000808637C14.9802 -0.0344648 17.8594 1.08547 20.0287 3.12251L16.6027 6.54843Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+LogoGoogleIcon.displayName = 'LogoGoogleIcon';
+export default LogoGoogleIcon;
+/* tslint:enable */
+/* eslint-enable */

docs/icons/react/LogoLinkedinIcon.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable */
+/* tslint:disable */
+import * as React from 'react';
+export interface LogoLinkedinIconProps extends React.SVGAttributes<SVGElement> {
+size?: string | number;
+}
+const LogoLinkedinIcon: React.FC<LogoLinkedinIconProps> = ({size, ...props}) => (
+  <svg viewBox="0 0 24 24" fill="currentColor" width={ size || "24" } height={ size || "24" } {...props}>
+    <path d="M22.2283 0H1.77167C1.30179 0 0.851161 0.186657 0.518909 0.518909C0.186657 0.851161 0 1.30179 0 1.77167V22.2283C0 22.6982 0.186657 23.1488 0.518909 23.4811C0.851161 23.8133 1.30179 24 1.77167 24H22.2283C22.6982 24 23.1488 23.8133 23.4811 23.4811C23.8133 23.1488 24 22.6982 24 22.2283V1.77167C24 1.30179 23.8133 0.851161 23.4811 0.518909C23.1488 0.186657 22.6982 0 22.2283 0ZM7.15333 20.445H3.545V8.98333H7.15333V20.445ZM5.34667 7.395C4.93736 7.3927 4.53792 7.2692 4.19873 7.04009C3.85955 6.81098 3.59584 6.48653 3.44088 6.10769C3.28591 5.72885 3.24665 5.31259 3.32803 4.91145C3.40941 4.51032 3.6078 4.14228 3.89816 3.85378C4.18851 3.56529 4.55782 3.36927 4.95947 3.29046C5.36112 3.21165 5.77711 3.25359 6.15495 3.41099C6.53279 3.56838 6.85554 3.83417 7.08247 4.17481C7.30939 4.51546 7.43032 4.91569 7.43 5.325C7.43386 5.59903 7.38251 5.87104 7.27901 6.1248C7.17551 6.37857 7.02198 6.6089 6.82757 6.80207C6.63316 6.99523 6.40185 7.14728 6.14742 7.24915C5.893 7.35102 5.62067 7.40062 5.34667 7.395ZM20.4533 20.455H16.8467V14.1933C16.8467 12.3467 16.0617 11.7767 15.0483 11.7767C13.9783 11.7767 12.9283 12.5833 12.9283 14.24V20.455H9.32V8.99167H12.79V10.58H12.8367C13.185 9.875 14.405 8.67 16.2667 8.67C18.28 8.67 20.455 9.865 20.455 13.365L20.4533 20.455Z"
+      fill="currentColor" />
+  </svg>
+);
+LogoLinkedinIcon.displayName = 'LogoLinkedinIcon';
+export default LogoLinkedinIcon;
+/* tslint:enable */
+/* eslint-enable */

docs/icons/react/LogoXIcon.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable */
+/* tslint:disable */
+import * as React from 'react';
+export interface LogoXIconProps extends React.SVGAttributes<SVGElement> {
+size?: string | number;
+}
+const LogoXIcon: React.FC<LogoXIconProps> = ({size, ...props}) => (
+  <svg viewBox="0 0 24 24" fill="currentColor" width={ size || "24" } height={ size || "24" } {...props}>
+    <path d="M2.66303 2.01536C2.44675 2.06162 2.26107 2.18742 2.14003 2.3697C1.97196 2.62279 1.95427 2.93215 2.09191 3.21093C2.11331 3.2543 2.22286 3.40663 2.44303 3.6992C2.61903 3.93307 4.31103 6.17924 6.20303 8.69068C8.09503 11.2021 9.64303 13.2602 9.64303 13.2642C9.64303 13.2682 8.16883 14.8523 6.36703 16.7844C4.56523 18.7166 3.03204 20.3609 2.95995 20.4386C2.77466 20.6381 2.71932 20.7259 2.67328 20.8934C2.65422 20.9628 2.65174 20.9862 2.6514 21.0997C2.65099 21.2401 2.66043 21.2961 2.70326 21.4069C2.79603 21.6471 3.00355 21.8343 3.25903 21.9084C3.3464 21.9337 3.52179 21.9437 3.61167 21.9284C3.77021 21.9014 3.9189 21.8309 4.03247 21.7289C4.05525 21.7084 5.55658 20.1014 7.36875 18.1577C9.18091 16.214 10.6662 14.6239 10.6693 14.6242C10.6725 14.6245 11.8612 16.1997 13.311 18.1247C14.7608 20.0497 15.9658 21.6456 15.9887 21.6711C16.0701 21.7617 16.2067 21.8508 16.3271 21.8917C16.4647 21.9385 16.3002 21.9357 18.8859 21.9356C21.1716 21.9355 21.2617 21.9349 21.331 21.9205C21.6514 21.8541 21.8966 21.6177 21.9768 21.2981C22.0028 21.1945 22.0024 21.0091 21.976 20.9082C21.9508 20.812 21.9125 20.7236 21.8658 20.6536C21.8445 20.6217 20.1447 18.3626 18.0885 15.6333L14.35 10.6709L14.3959 10.6213C14.4212 10.594 15.9505 8.95392 17.7945 6.97664C19.6384 4.99936 21.165 3.35776 21.1871 3.32864C21.4072 3.03741 21.4063 2.62821 21.1851 2.33142C21.0755 2.18453 20.9091 2.0717 20.731 2.02354C20.6345 1.99744 20.4527 1.99286 20.351 2.01398C20.2045 2.0444 20.0662 2.11338 19.9656 2.20608C19.9384 2.23116 18.4353 3.84019 16.6253 5.78169C14.8153 7.72319 13.3318 9.31146 13.3287 9.31118C13.3256 9.3109 12.1368 7.73568 10.687 5.81069C9.23723 3.88569 8.03227 2.28981 8.00934 2.26427C7.92798 2.17369 7.79137 2.08462 7.671 2.04368C7.53328 1.99683 7.69865 1.99964 5.10815 2.00025C2.84184 2.00078 2.72786 2.00149 2.66303 2.01536ZM4.51103 3.66799C4.51103 3.67036 7.32478 7.40716 10.7638 11.972L17.0166 20.2717H18.2518C18.9312 20.2717 19.487 20.2698 19.487 20.2674C19.487 20.2651 17.996 18.2842 16.1737 15.8654C14.3513 13.4467 11.5375 9.71179 9.92072 7.56569L6.98117 3.66369H5.7461C5.06681 3.66369 4.51103 3.66562 4.51103 3.66799Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+LogoXIcon.displayName = 'LogoXIcon';
+export default LogoXIcon;
+/* tslint:enable */
+/* eslint-enable */

docs/icons/react/LogoYoutubeIcon.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable */
+/* tslint:disable */
+import * as React from 'react';
+export interface LogoYoutubeIconProps extends React.SVGAttributes<SVGElement> {
+size?: string | number;
+}
+const LogoYoutubeIcon: React.FC<LogoYoutubeIconProps> = ({size, ...props}) => (
+  <svg viewBox="0 0 24 24" fill="currentColor" width={ size || "24" } height={ size || "24" } {...props}>
+    <path d="M22.8047 5.26094C23.5266 5.9875 23.7609 7.64219 23.7609 7.64219C23.7609 7.64219 24 9.5875 24 11.5281V13.3469C24 15.2922 23.7609 17.2328 23.7609 17.2328C23.7609 17.2328 23.5266 18.8875 22.8047 19.6141C21.981 20.4757 21.0698 20.5648 20.5547 20.6151C20.4981 20.6206 20.4464 20.6257 20.4 20.6313C17.0438 20.8703 12 20.8797 12 20.8797C12 20.8797 5.76094 20.8234 3.83906 20.6406C3.74559 20.6226 3.63174 20.6087 3.50262 20.593C2.89361 20.5187 1.94479 20.403 1.19062 19.6141C0.473437 18.8875 0.239062 17.2328 0.239062 17.2328C0.239062 17.2328 0 15.2875 0 13.3469V11.5281C0 9.5875 0.24375 7.64219 0.24375 7.64219C0.24375 7.64219 0.473438 5.9875 1.19531 5.26094C2.01896 4.39927 2.93015 4.31024 3.44531 4.2599C3.50186 4.25437 3.55363 4.24931 3.6 4.24375C6.95625 4 11.9953 4 11.9953 4H12.0047C12.0047 4 17.0438 4 20.4 4.24375C20.4464 4.24931 20.4981 4.25437 20.5547 4.2599C21.0698 4.31024 21.981 4.39927 22.8047 5.26094ZM15.8421 12L9.56934 8.4314V15.5687L15.8421 12Z"
+      fill="currentColor" fillRule="evenodd" clipRule="evenodd" />
+  </svg>
+);
+LogoYoutubeIcon.displayName = 'LogoYoutubeIcon';
+export default LogoYoutubeIcon;
+/* tslint:enable */
+/* eslint-enable */

docs/icons/react/WarningIcon.tsx

@@ -6,7 +6,7 @@ size?: string | number;
 }
 const WarningIcon: React.FC<WarningIconProps> = ({size, ...props}) => (
   <svg viewBox="0 0 24 24" fill="currentColor" width={ size || "24" } height={ size || "24" } {...props}>
-    <path d="M2.73 21.0001H21.26C22.03 21.0001 22.51 20.1701 22.13 19.5001L12.86 3.50006C12.47 2.83006 11.51 2.83006 11.13 3.50006L1.86 19.5001C1.48 20.1701 1.96 21.0001 2.73 21.0001ZM13 18.0001H11V16.0001H13V18.0001ZM12 14.0001C11.45 14.0001 11 13.5501 11 13.0001V11.0001C11 10.4501 11.45 10.0001 12 10.0001C12.55 10.0001 13 10.4501 13 11.0001V13.0001C13 13.5501 12.55 14.0001 12 14.0001Z"
+    <path d="M2.73004 21.0001H21.26C22.03 21.0001 22.51 20.1701 22.13 19.5001L12.86 3.50006C12.47 2.83006 11.51 2.83006 11.13 3.50006L1.86004 19.5001C1.48004 20.1701 1.96004 21.0001 2.73004 21.0001ZM13 18.0001H11V16.0001H13V18.0001ZM12 14.0001C11.45 14.0001 11 13.5501 11 13.0001V11.0001C11 10.4501 11.45 10.0001 12 10.0001C12.55 10.0001 13 10.4501 13 11.0001V13.0001C13 13.5501 12.55 14.0001 12 14.0001Z"
       fill="currentColor" />
   </svg>
 );

docs/icons/react/index.ts

@@ -14,6 +14,16 @@ export {default as HamburgerIcon} from './HamburgerIcon';
 export {default as HelpIcon} from './HelpIcon';
 export {default as InfoIcon} from './InfoIcon';
 export {default as LinkIcon} from './LinkIcon';
+export {default as LogoFacebook-ColoredIcon} from './LogoFacebook-ColoredIcon';
+export {default as LogoFacebookIcon} from './LogoFacebookIcon';
+export {default as LogoGoogle-ColoredIcon} from './LogoGoogle-ColoredIcon';
+export {default as LogoGoogleIcon} from './LogoGoogleIcon';
+export {default as LogoLinkedin-ColoredIcon} from './LogoLinkedin-ColoredIcon';
+export {default as LogoLinkedinIcon} from './LogoLinkedinIcon';
+export {default as LogoX-ColoredIcon} from './LogoX-ColoredIcon';
+export {default as LogoXIcon} from './LogoXIcon';
+export {default as LogoYoutube-ColoredIcon} from './LogoYoutube-ColoredIcon';
+export {default as LogoYoutubeIcon} from './LogoYoutubeIcon';
 export {default as MoreIcon} from './MoreIcon';
 export {default as ProfileIcon} from './ProfileIcon';
 export {default as ReloadIcon} from './ReloadIcon';