Deploying to gh-pages from @ 3a6f9f0 🚀

docs/icons/react/LogoFacebookColoredIcon.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable */
+/* tslint:disable */
+import * as React from 'react';
+export interface LogoFacebookColoredIconProps extends React.SVGAttributes<SVGElement> {
+size?: string | number;
+}
+const LogoFacebookColoredIcon: React.FC<LogoFacebookColoredIconProps> = ({size, ...props}) => (
+  <svg viewBox="0 0 24 24" fill="currentColor" width={ size || "24" } height={ size || "24" } {...props}>
+    <path d="M24 12C24 5.373 18.627 0 12 0C5.373 0 0 5.373 0 12C0 17.99 4.388 22.954 10.125 23.854V15.47H7.078V12H10.125V9.356C10.125 6.349 11.917 4.688 14.658 4.688C15.97 4.688 17.344 4.922 17.344 4.922V7.875H15.83C14.339 7.875 13.874 8.8 13.874 9.75V12H17.202L16.67 15.469H13.874V23.854C19.612 22.954 24 17.99 24 12Z"
+      fill="currentColor" />
+  </svg>
+);
+LogoFacebookColoredIcon.displayName = 'LogoFacebookColoredIcon';
+export default LogoFacebookColoredIcon;
+/* tslint:enable */
+/* eslint-enable */

docs/icons/react/LogoGoogleColoredIcon.tsx

@@ -0,0 +1,22 @@
+/* eslint-disable */
+/* tslint:disable */
+import * as React from 'react';
+export interface LogoGoogleColoredIconProps extends React.SVGAttributes<SVGElement> {
+size?: string | number;
+}
+const LogoGoogleColoredIcon: React.FC<LogoGoogleColoredIconProps> = ({size, ...props}) => (
+  <svg viewBox="0 0 24 24" fill="currentColor" width={ size || "24" } height={ size || "24" } {...props}>
+    <path d="M23.9991 12.2761C23.9991 11.4604 23.9317 10.6403 23.7877 9.83778H12.2413V14.4586H18.8534C18.579 15.9489 17.6974 17.2672 16.4065 18.105V21.1032H20.3512C22.6677 19.0133 23.9991 15.9269 23.9991 12.2761Z"
+      fill="currentColor" />
+    <path d="M12.2414 24C15.543 24 18.3273 22.9374 20.3559 21.1031L16.4111 18.1049C15.3136 18.8368 13.8967 19.2513 12.2459 19.2513C9.05236 19.2513 6.34456 17.1393 5.37299 14.2998H1.30229V17.3906C3.38037 21.4426 7.613 24 12.2414 24Z"
+      fill="currentColor" />
+    <path d="M5.36837 14.2997C4.8556 12.8094 4.8556 11.1956 5.36837 9.70534V6.61451H1.30217C-0.434058 10.0052 -0.434058 13.9999 1.30217 17.3905L5.36837 14.2997Z" fill="currentColor"
+    />
+    <path d="M12.2414 4.74949C13.9867 4.72304 15.6734 5.36678 16.9374 6.54843L20.4323 3.12251C18.2193 1.08547 15.2821 -0.0344648 12.2414 0.000808637C7.613 0.000808637 3.38037 2.55813 1.30229 6.61457L5.36849 9.7054C6.33556 6.86149 9.04786 4.74949 12.2414 4.74949Z"
+      fill="currentColor" />
+  </svg>
+);
+LogoGoogleColoredIcon.displayName = 'LogoGoogleColoredIcon';
+export default LogoGoogleColoredIcon;
+/* tslint:enable */
+/* eslint-enable */

docs/icons/react/LogoLinkedinColoredIcon.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable */
+/* tslint:disable */
+import * as React from 'react';
+export interface LogoLinkedinColoredIconProps extends React.SVGAttributes<SVGElement> {
+size?: string | number;
+}
+const LogoLinkedinColoredIcon: React.FC<LogoLinkedinColoredIconProps> = ({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>
+);
+LogoLinkedinColoredIcon.displayName = 'LogoLinkedinColoredIcon';
+export default LogoLinkedinColoredIcon;
+/* tslint:enable */
+/* eslint-enable */

docs/icons/react/LogoXColoredIcon.tsx

@@ -0,0 +1,16 @@
+/* eslint-disable */
+/* tslint:disable */
+import * as React from 'react';
+export interface LogoXColoredIconProps extends React.SVGAttributes<SVGElement> {
+size?: string | number;
+}
+const LogoXColoredIcon: React.FC<LogoXColoredIconProps> = ({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>
+);
+LogoXColoredIcon.displayName = 'LogoXColoredIcon';
+export default LogoXColoredIcon;
+/* tslint:enable */
+/* eslint-enable */

docs/icons/react/LogoYoutubeColoredIcon.tsx

@@ -0,0 +1,17 @@
+/* eslint-disable */
+/* tslint:disable */
+import * as React from 'react';
+export interface LogoYoutubeColoredIconProps extends React.SVGAttributes<SVGElement> {
+size?: string | number;
+}
+const LogoYoutubeColoredIcon: React.FC<LogoYoutubeColoredIconProps> = ({size, ...props}) => (
+  <svg viewBox="0 0 24 24" fill="currentColor" width={ size || "24" } height={ size || "24" } {...props}>
+    <path d="M23.7609 7.64219C23.7609 7.64219 23.5266 5.9875 22.8047 5.26094C21.8906 4.30469 20.8688 4.3 20.4 4.24375C17.0438 4 12.0047 4 12.0047 4H11.9953C11.9953 4 6.95625 4 3.6 4.24375C3.13125 4.3 2.10938 4.30469 1.19531 5.26094C0.473438 5.9875 0.24375 7.64219 0.24375 7.64219C0.24375 7.64219 0 9.5875 0 11.5281V13.3469C0 15.2875 0.239062 17.2328 0.239062 17.2328C0.239062 17.2328 0.473437 18.8875 1.19062 19.6141C2.10469 20.5703 3.30469 20.5375 3.83906 20.6406C5.76094 20.8234 12 20.8797 12 20.8797C12 20.8797 17.0438 20.8703 20.4 20.6313C20.8688 20.575 21.8906 20.5703 22.8047 19.6141C23.5266 18.8875 23.7609 17.2328 23.7609 17.2328C23.7609 17.2328 24 15.2922 24 13.3469V11.5281C24 9.5875 23.7609 7.64219 23.7609 7.64219Z"
+      fill="currentColor" />
+    <path d="M9.56934 15.5687V8.4314L15.8421 12L9.56934 15.5687Z" fill="currentColor" />
+  </svg>
+);
+LogoYoutubeColoredIcon.displayName = 'LogoYoutubeColoredIcon';
+export default LogoYoutubeColoredIcon;
+/* tslint:enable */
+/* eslint-enable */

docs/icons/react/index.ts

@@ -14,15 +14,15 @@ 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 LogoFacebookColoredIcon} from './LogoFacebookColoredIcon';
 export {default as LogoFacebookIcon} from './LogoFacebookIcon';
-export {default as LogoGoogle-ColoredIcon} from './LogoGoogle-ColoredIcon';
+export {default as LogoGoogleColoredIcon} from './LogoGoogleColoredIcon';
 export {default as LogoGoogleIcon} from './LogoGoogleIcon';
-export {default as LogoLinkedin-ColoredIcon} from './LogoLinkedin-ColoredIcon';
+export {default as LogoLinkedinColoredIcon} from './LogoLinkedinColoredIcon';
 export {default as LogoLinkedinIcon} from './LogoLinkedinIcon';
-export {default as LogoX-ColoredIcon} from './LogoX-ColoredIcon';
+export {default as LogoXColoredIcon} from './LogoXColoredIcon';
 export {default as LogoXIcon} from './LogoXIcon';
-export {default as LogoYoutube-ColoredIcon} from './LogoYoutube-ColoredIcon';
+export {default as LogoYoutubeColoredIcon} from './LogoYoutubeColoredIcon';
 export {default as LogoYoutubeIcon} from './LogoYoutubeIcon';
 export {default as MoreIcon} from './MoreIcon';
 export {default as ProfileIcon} from './ProfileIcon';

docs/index.html

@@ -18,8 +18,8 @@
 
 
 
-    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.12fed908.js"></script>
-    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.0bf295e1.css">
+    <script type="module" crossorigin src="/spirit-design-system/assets/spirit-web-chunk.8b5f7dd6.js"></script>
+    <link rel="stylesheet" href="/spirit-design-system/assets/spirit-web-asset.b2009bc5.css">
   </head>
   <body>