@datacamp/waffles-loaders - npm Package Compare versions

Comparing version 3.0.4 to 3.1.2

CHANGELOG.md

@@ -6,2 +6,29 @@ # Change Log
 
+## [3.1.2](https://github.com/datacamp/design-system/compare/@datacamp/waffles-loaders@3.1.1...@datacamp/waffles-loaders@3.1.2) (2021-04-27)
+
+**Note:** Version bump only for package @datacamp/waffles-loaders
+
+
+
+
+
+## [3.1.1](https://github.com/datacamp/design-system/compare/@datacamp/waffles-loaders@3.1.0...@datacamp/waffles-loaders@3.1.1) (2021-04-27)
+
+**Note:** Version bump only for package @datacamp/waffles-loaders
+
+
+
+
+
+# [3.1.0](https://github.com/datacamp/design-system/compare/@datacamp/waffles-loaders@3.0.4...@datacamp/waffles-loaders@3.1.0) (2021-04-26)
+
+
+### Features
+
+* improve performance ([#1292](https://github.com/datacamp/design-system/issues/1292)) ([119ce42](https://github.com/datacamp/design-system/commit/119ce42))
+
+
+
+
+
 ## [3.0.4](https://github.com/datacamp/design-system/compare/@datacamp/waffles-loaders@3.0.3...@datacamp/waffles-loaders@3.0.4) (2021-03-04)
@@ -8,0 +35,0 @@

es/LogomarkSpinner.js

@@ -0,9 +1,53 @@
+import { css as _css } from "@emotion/react";
 import _pt from "prop-types";
-import logomarkSpinnerNavyData from '@datacamp/waffles-animations/logomark-spinner-navy.json';
-import logomarkSpinnerWhiteData from '@datacamp/waffles-animations/logomark-spinner-white.json';
-import { css } from '@emotion/react';
-import Lottie from 'lottie-react';
+
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
+
+import tokens from '@datacamp/waffles-tokens/lib/future-tokens.json';
+import { ClassNames, keyframes } from '@emotion/react';
 import React from 'react';
 import { jsx as ___EmotionJSX } from "@emotion/react";
+var stroke = keyframes({
+  '100%': {
+    strokeDashoffset: 0
+  }
+});
+var logoStartMask = keyframes({
+  '5%': {
+    clipPath: 'polygon(0% -12%, 0% -12%, 169% 63%, 169% 63%)'
+  },
+  '100%': {
+    clipPath: 'polygon(0% -12%, 0% 308%, 169% 383%, 169% 63%)'
+  }
+});
+var logoEndMask = keyframes({
+  '71%': {
+    clipPath: 'polygon(0% 0%, 0% 77%, 100% 34%, 100% -44%)'
+  },
+  '95%': {
+    clipPath: 'polygon(0% 0%, 0% 140%, 100% 96%, 100% -44%)'
+  }
+});
+var animationSettings = '2s infinite alternate';
 
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "fz09uq",
+  styles: "padding-top:100%"
+} : {
+  name: "10bw1rs-LogomarkSpinner",
+  styles: "padding-top:100%;label:LogomarkSpinner;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dvbWFya1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDUyIsImZpbGUiOiIuLi9zcmMvTG9nb21hcmtTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0b2tlbnMgZnJvbSAnQGRhdGFjYW1wL3dhZmZsZXMtdG9rZW5zL2xpYi9mdXR1cmUtdG9rZW5zLmpzb24nO1xuaW1wb3J0IHsgQ2xhc3NOYW1lcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3Qgc3Ryb2tlID0ga2V5ZnJhbWVzKHsgJzEwMCUnOiB7IHN0cm9rZURhc2hvZmZzZXQ6IDAgfSB9KTtcblxuY29uc3QgbG9nb1N0YXJ0TWFzayA9IGtleWZyYW1lcyh7XG4gICc1JSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEyJSwgMCUgLTEyJSwgMTY5JSA2MyUsIDE2OSUgNjMlKScsXG4gIH0sXG4gICcxMDAlJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAtMTIlLCAwJSAzMDglLCAxNjklIDM4MyUsIDE2OSUgNjMlKScsXG4gIH0sXG59KTtcblxuY29uc3QgbG9nb0VuZE1hc2sgPSBrZXlmcmFtZXMoe1xuICAnNzElJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAwJSwgMCUgNzclLCAxMDAlIDM0JSwgMTAwJSAtNDQlKScsXG4gIH0sXG4gICc5NSUnOiB7XG4gICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIDAlLCAwJSAxNDAlLCAxMDAlIDk2JSwgMTAwJSAtNDQlKScsXG4gIH0sXG59KTtcblxuY29uc3QgYW5pbWF0aW9uU2V0dGluZ3MgPSAnMnMgaW5maW5pdGUgYWx0ZXJuYXRlJztcblxuaW50ZXJmYWNlIExvZ29tYXJrU3Bpbm5lciB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgY29sb3I/OiAnbmF2eScgfCAnd2hpdGUnO1xuICBzaXplPzogc3RyaW5nO1xufVxuXG5jb25zdCBMb2dvbWFya1NwaW5uZXIgPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbG9yID0gJ25hdnknLFxuICBzaXplID0gJzEwMHB4Jyxcbn06IExvZ29tYXJrU3Bpbm5lcik6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gIC8vIEluIFNhZmFyaSBjbGlwLXBhdGggb24gU1ZHIGVsZW1lbnRzIHNlZW1zIHRvIGJyZWFrXG4gIDxkaXYgY3NzPXt7IHBvc2l0aW9uOiAncmVsYXRpdmUnLCB3aWR0aDogc2l6ZSB9fT5cbiAgICA8ZGl2IGNzcz17eyBwYWRkaW5nVG9wOiAnMTAwJScgfX0+XG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246IGAke2xvZ29TdGFydE1hc2t9IGN1YmljLWJlemllcigwLjY1LCAwLCAwLjU1LCAxKSAke2FuaW1hdGlvblNldHRpbmdzfWAsXG4gICAgICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgICAgIGxlZnQ6ICcxMS42NzUlJyxcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgICByaWdodDogJzExLjY3NSUnLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBgJHtsb2dvRW5kTWFza30gY3ViaWMtYmV6aWVyKDAuMywgMC43NSwgMSwgMC44NSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgICAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEwJSwgMTY4LjUlIDY0JSwgMCUgMTM1JSknLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgICB2ZXJzaW9uPVwiMS4xXCJcbiAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjY0MCAzNDQ0XCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICAgICAgeG1sbnNYbGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDx0aXRsZT5Mb2FkaW5nPC90aXRsZT5cbiAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogYCR7c3Ryb2tlfSBjdWJpYy1iZXppZXIoMC42NSwgMCwgMC41NSwgMSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZURhc2hhcnJheTogOTgwMCxcbiAgICAgICAgICAgICAgICAgICAgICBzdHJva2VEYXNob2Zmc2V0OiA5ODAwLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBkPVwiTTAgMCBNMjU2OSAxMDU2TDE0MyAyNDQ3VjE0OWwxMTc1IDY3M3YxODY3bDEyNDggNzE1XCJcbiAgICAgICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2U9e3Rva2Vucy5jb2xvci5wcmltYXJ5W2NvbG9yXS52YWx1ZS5oZXh9XG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZUxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2VXaWR0aD1cIjMwMFwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IExvZ29tYXJrU3Bpbm5lcjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
+var _ref4 = process.env.NODE_ENV === "production" ? {
+  name: "1q2w5bx",
+  styles: "clip-path:polygon(0% -10%, 168.5% 64%, 0% 135%)"
+} : {
+  name: "tauxpc-LogomarkSpinner",
+  styles: "clip-path:polygon(0% -10%, 168.5% 64%, 0% 135%);label:LogomarkSpinner;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dvbWFya1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEZ0IiLCJmaWxlIjoiLi4vc3JjL0xvZ29tYXJrU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdG9rZW5zIGZyb20gJ0BkYXRhY2FtcC93YWZmbGVzLXRva2Vucy9saWIvZnV0dXJlLXRva2Vucy5qc29uJztcbmltcG9ydCB7IENsYXNzTmFtZXMsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IHN0cm9rZSA9IGtleWZyYW1lcyh7ICcxMDAlJzogeyBzdHJva2VEYXNob2Zmc2V0OiAwIH0gfSk7XG5cbmNvbnN0IGxvZ29TdGFydE1hc2sgPSBrZXlmcmFtZXMoe1xuICAnNSUnOiB7XG4gICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIC0xMiUsIDAlIC0xMiUsIDE2OSUgNjMlLCAxNjklIDYzJSknLFxuICB9LFxuICAnMTAwJSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEyJSwgMCUgMzA4JSwgMTY5JSAzODMlLCAxNjklIDYzJSknLFxuICB9LFxufSk7XG5cbmNvbnN0IGxvZ29FbmRNYXNrID0ga2V5ZnJhbWVzKHtcbiAgJzcxJSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgMCUsIDAlIDc3JSwgMTAwJSAzNCUsIDEwMCUgLTQ0JSknLFxuICB9LFxuICAnOTUlJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAwJSwgMCUgMTQwJSwgMTAwJSA5NiUsIDEwMCUgLTQ0JSknLFxuICB9LFxufSk7XG5cbmNvbnN0IGFuaW1hdGlvblNldHRpbmdzID0gJzJzIGluZmluaXRlIGFsdGVybmF0ZSc7XG5cbmludGVyZmFjZSBMb2dvbWFya1NwaW5uZXIge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNvbG9yPzogJ25hdnknIHwgJ3doaXRlJztcbiAgc2l6ZT86IHN0cmluZztcbn1cblxuY29uc3QgTG9nb21hcmtTcGlubmVyID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjb2xvciA9ICduYXZ5JyxcbiAgc2l6ZSA9ICcxMDBweCcsXG59OiBMb2dvbWFya1NwaW5uZXIpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4gKFxuICAvLyBJbiBTYWZhcmkgY2xpcC1wYXRoIG9uIFNWRyBlbGVtZW50cyBzZWVtcyB0byBicmVha1xuICA8ZGl2IGNzcz17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgd2lkdGg6IHNpemUgfX0+XG4gICAgPGRpdiBjc3M9e3sgcGFkZGluZ1RvcDogJzEwMCUnIH19PlxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3MsIGN4IH0pID0+IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBgJHtsb2dvU3RhcnRNYXNrfSBjdWJpYy1iZXppZXIoMC42NSwgMCwgMC41NSwgMSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgICAgICAgICBsZWZ0OiAnMTEuNjc1JScsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgICAgcmlnaHQ6ICcxMS42NzUlJyxcbiAgICAgICAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogYCR7bG9nb0VuZE1hc2t9IGN1YmljLWJlemllcigwLjMsIDAuNzUsIDEsIDAuODUpICR7YW5pbWF0aW9uU2V0dGluZ3N9YCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIC0xMCUsIDE2OC41JSA2NCUsIDAlIDEzNSUpJyxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgICAgdmVyc2lvbj1cIjEuMVwiXG4gICAgICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDI2NDAgMzQ0NFwiXG4gICAgICAgICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zWGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8dGl0bGU+TG9hZGluZzwvdGl0bGU+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgICAgICAgICBhbmltYXRpb246IGAke3N0cm9rZX0gY3ViaWMtYmV6aWVyKDAuNjUsIDAsIDAuNTUsIDEpICR7YW5pbWF0aW9uU2V0dGluZ3N9YCxcbiAgICAgICAgICAgICAgICAgICAgICBzdHJva2VEYXNoYXJyYXk6IDk4MDAsXG4gICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlRGFzaG9mZnNldDogOTgwMCxcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgZD1cIk0wIDAgTTI1NjkgMTA1NkwxNDMgMjQ0N1YxNDlsMTE3NSA2NzN2MTg2N2wxMjQ4IDcxNVwiXG4gICAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlPXt0b2tlbnMuY29sb3IucHJpbWFyeVtjb2xvcl0udmFsdWUuaGV4fVxuICAgICAgICAgICAgICAgICAgICBzdHJva2VMaW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlV2lkdGg9XCIzMDBcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBMb2dvbWFya1NwaW5uZXI7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
 var LogomarkSpinner = function LogomarkSpinner(_ref) {
@@ -15,10 +59,47 @@ var className = _ref.className,
       size = _ref$size === void 0 ? '100px' : _ref$size;
-  var animationData = color === 'navy' ? logomarkSpinnerNavyData : logomarkSpinnerWhiteData;
-  return ___EmotionJSX(Lottie, {
-    animationData: animationData,
-    className: className,
-    css: /*#__PURE__*/css({
-      width: size
-    }, process.env.NODE_ENV === "production" ? "" : ";label:LogomarkSpinner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dvbWFya1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCVyIsImZpbGUiOiIuLi9zcmMvTG9nb21hcmtTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBsb2dvbWFya1NwaW5uZXJOYXZ5RGF0YSBmcm9tICdAZGF0YWNhbXAvd2FmZmxlcy1hbmltYXRpb25zL2xvZ29tYXJrLXNwaW5uZXItbmF2eS5qc29uJztcbmltcG9ydCBsb2dvbWFya1NwaW5uZXJXaGl0ZURhdGEgZnJvbSAnQGRhdGFjYW1wL3dhZmZsZXMtYW5pbWF0aW9ucy9sb2dvbWFyay1zcGlubmVyLXdoaXRlLmpzb24nO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IExvdHRpZSBmcm9tICdsb3R0aWUtcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW50ZXJmYWNlIExvZ29tYXJrU3Bpbm5lclByb3BzIHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBjb2xvcj86ICduYXZ5JyB8ICd3aGl0ZSc7XG4gIHNpemU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IExvZ29tYXJrU3Bpbm5lciA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY29sb3IgPSAnbmF2eScsXG4gIHNpemUgPSAnMTAwcHgnLFxufTogTG9nb21hcmtTcGlubmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICBjb25zdCBhbmltYXRpb25EYXRhID1cbiAgICBjb2xvciA9PT0gJ25hdnknID8gbG9nb21hcmtTcGlubmVyTmF2eURhdGEgOiBsb2dvbWFya1NwaW5uZXJXaGl0ZURhdGE7XG5cbiAgcmV0dXJuIChcbiAgICA8TG90dGllXG4gICAgICBhbmltYXRpb25EYXRhPXthbmltYXRpb25EYXRhfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzcyh7IHdpZHRoOiBzaXplIH0pfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMb2dvbWFya1NwaW5uZXI7XG4iXX0= */")
-  });
+  return (// In Safari clip-path on SVG elements seems to break
+    ___EmotionJSX("div", {
+      css: /*#__PURE__*/_css({
+        position: 'relative',
+        width: size
+      }, process.env.NODE_ENV === "production" ? "" : ";label:LogomarkSpinner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dvbWFya1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDTyIsImZpbGUiOiIuLi9zcmMvTG9nb21hcmtTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0b2tlbnMgZnJvbSAnQGRhdGFjYW1wL3dhZmZsZXMtdG9rZW5zL2xpYi9mdXR1cmUtdG9rZW5zLmpzb24nO1xuaW1wb3J0IHsgQ2xhc3NOYW1lcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3Qgc3Ryb2tlID0ga2V5ZnJhbWVzKHsgJzEwMCUnOiB7IHN0cm9rZURhc2hvZmZzZXQ6IDAgfSB9KTtcblxuY29uc3QgbG9nb1N0YXJ0TWFzayA9IGtleWZyYW1lcyh7XG4gICc1JSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEyJSwgMCUgLTEyJSwgMTY5JSA2MyUsIDE2OSUgNjMlKScsXG4gIH0sXG4gICcxMDAlJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAtMTIlLCAwJSAzMDglLCAxNjklIDM4MyUsIDE2OSUgNjMlKScsXG4gIH0sXG59KTtcblxuY29uc3QgbG9nb0VuZE1hc2sgPSBrZXlmcmFtZXMoe1xuICAnNzElJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAwJSwgMCUgNzclLCAxMDAlIDM0JSwgMTAwJSAtNDQlKScsXG4gIH0sXG4gICc5NSUnOiB7XG4gICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIDAlLCAwJSAxNDAlLCAxMDAlIDk2JSwgMTAwJSAtNDQlKScsXG4gIH0sXG59KTtcblxuY29uc3QgYW5pbWF0aW9uU2V0dGluZ3MgPSAnMnMgaW5maW5pdGUgYWx0ZXJuYXRlJztcblxuaW50ZXJmYWNlIExvZ29tYXJrU3Bpbm5lciB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgY29sb3I/OiAnbmF2eScgfCAnd2hpdGUnO1xuICBzaXplPzogc3RyaW5nO1xufVxuXG5jb25zdCBMb2dvbWFya1NwaW5uZXIgPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbG9yID0gJ25hdnknLFxuICBzaXplID0gJzEwMHB4Jyxcbn06IExvZ29tYXJrU3Bpbm5lcik6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gIC8vIEluIFNhZmFyaSBjbGlwLXBhdGggb24gU1ZHIGVsZW1lbnRzIHNlZW1zIHRvIGJyZWFrXG4gIDxkaXYgY3NzPXt7IHBvc2l0aW9uOiAncmVsYXRpdmUnLCB3aWR0aDogc2l6ZSB9fT5cbiAgICA8ZGl2IGNzcz17eyBwYWRkaW5nVG9wOiAnMTAwJScgfX0+XG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246IGAke2xvZ29TdGFydE1hc2t9IGN1YmljLWJlemllcigwLjY1LCAwLCAwLjU1LCAxKSAke2FuaW1hdGlvblNldHRpbmdzfWAsXG4gICAgICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgICAgIGxlZnQ6ICcxMS42NzUlJyxcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgICByaWdodDogJzExLjY3NSUnLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBgJHtsb2dvRW5kTWFza30gY3ViaWMtYmV6aWVyKDAuMywgMC43NSwgMSwgMC44NSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgICAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEwJSwgMTY4LjUlIDY0JSwgMCUgMTM1JSknLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgICB2ZXJzaW9uPVwiMS4xXCJcbiAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjY0MCAzNDQ0XCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICAgICAgeG1sbnNYbGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDx0aXRsZT5Mb2FkaW5nPC90aXRsZT5cbiAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogYCR7c3Ryb2tlfSBjdWJpYy1iZXppZXIoMC42NSwgMCwgMC41NSwgMSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZURhc2hhcnJheTogOTgwMCxcbiAgICAgICAgICAgICAgICAgICAgICBzdHJva2VEYXNob2Zmc2V0OiA5ODAwLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBkPVwiTTAgMCBNMjU2OSAxMDU2TDE0MyAyNDQ3VjE0OWwxMTc1IDY3M3YxODY3bDEyNDggNzE1XCJcbiAgICAgICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2U9e3Rva2Vucy5jb2xvci5wcmltYXJ5W2NvbG9yXS52YWx1ZS5oZXh9XG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZUxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2VXaWR0aD1cIjMwMFwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IExvZ29tYXJrU3Bpbm5lcjtcbiJdfQ== */")
+    }, ___EmotionJSX("div", {
+      css: _ref2
+    }, ___EmotionJSX(ClassNames, null, function (_ref3) {
+      var css = _ref3.css,
+          cx = _ref3.cx;
+      return ___EmotionJSX("div", {
+        className: cx(className, css({
+          animation: "".concat(logoStartMask, " cubic-bezier(0.65, 0, 0.55, 1) ").concat(animationSettings),
+          bottom: 0,
+          left: '11.675%',
+          position: 'absolute',
+          right: '11.675%',
+          top: 0
+        }))
+      }, ___EmotionJSX("div", {
+        css: /*#__PURE__*/_css({
+          animation: "".concat(logoEndMask, " cubic-bezier(0.3, 0.75, 1, 0.85) ").concat(animationSettings)
+        }, process.env.NODE_ENV === "production" ? "" : ";label:LogomarkSpinner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dvbWFya1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEYyIsImZpbGUiOiIuLi9zcmMvTG9nb21hcmtTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0b2tlbnMgZnJvbSAnQGRhdGFjYW1wL3dhZmZsZXMtdG9rZW5zL2xpYi9mdXR1cmUtdG9rZW5zLmpzb24nO1xuaW1wb3J0IHsgQ2xhc3NOYW1lcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3Qgc3Ryb2tlID0ga2V5ZnJhbWVzKHsgJzEwMCUnOiB7IHN0cm9rZURhc2hvZmZzZXQ6IDAgfSB9KTtcblxuY29uc3QgbG9nb1N0YXJ0TWFzayA9IGtleWZyYW1lcyh7XG4gICc1JSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEyJSwgMCUgLTEyJSwgMTY5JSA2MyUsIDE2OSUgNjMlKScsXG4gIH0sXG4gICcxMDAlJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAtMTIlLCAwJSAzMDglLCAxNjklIDM4MyUsIDE2OSUgNjMlKScsXG4gIH0sXG59KTtcblxuY29uc3QgbG9nb0VuZE1hc2sgPSBrZXlmcmFtZXMoe1xuICAnNzElJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAwJSwgMCUgNzclLCAxMDAlIDM0JSwgMTAwJSAtNDQlKScsXG4gIH0sXG4gICc5NSUnOiB7XG4gICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIDAlLCAwJSAxNDAlLCAxMDAlIDk2JSwgMTAwJSAtNDQlKScsXG4gIH0sXG59KTtcblxuY29uc3QgYW5pbWF0aW9uU2V0dGluZ3MgPSAnMnMgaW5maW5pdGUgYWx0ZXJuYXRlJztcblxuaW50ZXJmYWNlIExvZ29tYXJrU3Bpbm5lciB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgY29sb3I/OiAnbmF2eScgfCAnd2hpdGUnO1xuICBzaXplPzogc3RyaW5nO1xufVxuXG5jb25zdCBMb2dvbWFya1NwaW5uZXIgPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbG9yID0gJ25hdnknLFxuICBzaXplID0gJzEwMHB4Jyxcbn06IExvZ29tYXJrU3Bpbm5lcik6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gIC8vIEluIFNhZmFyaSBjbGlwLXBhdGggb24gU1ZHIGVsZW1lbnRzIHNlZW1zIHRvIGJyZWFrXG4gIDxkaXYgY3NzPXt7IHBvc2l0aW9uOiAncmVsYXRpdmUnLCB3aWR0aDogc2l6ZSB9fT5cbiAgICA8ZGl2IGNzcz17eyBwYWRkaW5nVG9wOiAnMTAwJScgfX0+XG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246IGAke2xvZ29TdGFydE1hc2t9IGN1YmljLWJlemllcigwLjY1LCAwLCAwLjU1LCAxKSAke2FuaW1hdGlvblNldHRpbmdzfWAsXG4gICAgICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgICAgIGxlZnQ6ICcxMS42NzUlJyxcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgICByaWdodDogJzExLjY3NSUnLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBgJHtsb2dvRW5kTWFza30gY3ViaWMtYmV6aWVyKDAuMywgMC43NSwgMSwgMC44NSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgICAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEwJSwgMTY4LjUlIDY0JSwgMCUgMTM1JSknLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgICB2ZXJzaW9uPVwiMS4xXCJcbiAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjY0MCAzNDQ0XCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICAgICAgeG1sbnNYbGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDx0aXRsZT5Mb2FkaW5nPC90aXRsZT5cbiAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogYCR7c3Ryb2tlfSBjdWJpYy1iZXppZXIoMC42NSwgMCwgMC41NSwgMSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZURhc2hhcnJheTogOTgwMCxcbiAgICAgICAgICAgICAgICAgICAgICBzdHJva2VEYXNob2Zmc2V0OiA5ODAwLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBkPVwiTTAgMCBNMjU2OSAxMDU2TDE0MyAyNDQ3VjE0OWwxMTc1IDY3M3YxODY3bDEyNDggNzE1XCJcbiAgICAgICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2U9e3Rva2Vucy5jb2xvci5wcmltYXJ5W2NvbG9yXS52YWx1ZS5oZXh9XG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZUxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2VXaWR0aD1cIjMwMFwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IExvZ29tYXJrU3Bpbm5lcjtcbiJdfQ== */")
+      }, ___EmotionJSX("div", {
+        css: _ref4
+      }, ___EmotionJSX("svg", {
+        version: "1.1",
+        viewBox: "0 0 2640 3444",
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink"
+      }, ___EmotionJSX("title", null, "Loading"), ___EmotionJSX("path", {
+        css: /*#__PURE__*/_css({
+          animation: "".concat(stroke, " cubic-bezier(0.65, 0, 0.55, 1) ").concat(animationSettings),
+          strokeDasharray: 9800,
+          strokeDashoffset: 9800
+        }, process.env.NODE_ENV === "production" ? "" : ";label:LogomarkSpinner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dvbWFya1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFb0IiLCJmaWxlIjoiLi4vc3JjL0xvZ29tYXJrU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdG9rZW5zIGZyb20gJ0BkYXRhY2FtcC93YWZmbGVzLXRva2Vucy9saWIvZnV0dXJlLXRva2Vucy5qc29uJztcbmltcG9ydCB7IENsYXNzTmFtZXMsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IHN0cm9rZSA9IGtleWZyYW1lcyh7ICcxMDAlJzogeyBzdHJva2VEYXNob2Zmc2V0OiAwIH0gfSk7XG5cbmNvbnN0IGxvZ29TdGFydE1hc2sgPSBrZXlmcmFtZXMoe1xuICAnNSUnOiB7XG4gICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIC0xMiUsIDAlIC0xMiUsIDE2OSUgNjMlLCAxNjklIDYzJSknLFxuICB9LFxuICAnMTAwJSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEyJSwgMCUgMzA4JSwgMTY5JSAzODMlLCAxNjklIDYzJSknLFxuICB9LFxufSk7XG5cbmNvbnN0IGxvZ29FbmRNYXNrID0ga2V5ZnJhbWVzKHtcbiAgJzcxJSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgMCUsIDAlIDc3JSwgMTAwJSAzNCUsIDEwMCUgLTQ0JSknLFxuICB9LFxuICAnOTUlJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAwJSwgMCUgMTQwJSwgMTAwJSA5NiUsIDEwMCUgLTQ0JSknLFxuICB9LFxufSk7XG5cbmNvbnN0IGFuaW1hdGlvblNldHRpbmdzID0gJzJzIGluZmluaXRlIGFsdGVybmF0ZSc7XG5cbmludGVyZmFjZSBMb2dvbWFya1NwaW5uZXIge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNvbG9yPzogJ25hdnknIHwgJ3doaXRlJztcbiAgc2l6ZT86IHN0cmluZztcbn1cblxuY29uc3QgTG9nb21hcmtTcGlubmVyID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjb2xvciA9ICduYXZ5JyxcbiAgc2l6ZSA9ICcxMDBweCcsXG59OiBMb2dvbWFya1NwaW5uZXIpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4gKFxuICAvLyBJbiBTYWZhcmkgY2xpcC1wYXRoIG9uIFNWRyBlbGVtZW50cyBzZWVtcyB0byBicmVha1xuICA8ZGl2IGNzcz17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgd2lkdGg6IHNpemUgfX0+XG4gICAgPGRpdiBjc3M9e3sgcGFkZGluZ1RvcDogJzEwMCUnIH19PlxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3MsIGN4IH0pID0+IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBgJHtsb2dvU3RhcnRNYXNrfSBjdWJpYy1iZXppZXIoMC42NSwgMCwgMC41NSwgMSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgICAgICAgICBsZWZ0OiAnMTEuNjc1JScsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgICAgcmlnaHQ6ICcxMS42NzUlJyxcbiAgICAgICAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogYCR7bG9nb0VuZE1hc2t9IGN1YmljLWJlemllcigwLjMsIDAuNzUsIDEsIDAuODUpICR7YW5pbWF0aW9uU2V0dGluZ3N9YCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIC0xMCUsIDE2OC41JSA2NCUsIDAlIDEzNSUpJyxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgICAgdmVyc2lvbj1cIjEuMVwiXG4gICAgICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDI2NDAgMzQ0NFwiXG4gICAgICAgICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zWGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8dGl0bGU+TG9hZGluZzwvdGl0bGU+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgICAgICAgICBhbmltYXRpb246IGAke3N0cm9rZX0gY3ViaWMtYmV6aWVyKDAuNjUsIDAsIDAuNTUsIDEpICR7YW5pbWF0aW9uU2V0dGluZ3N9YCxcbiAgICAgICAgICAgICAgICAgICAgICBzdHJva2VEYXNoYXJyYXk6IDk4MDAsXG4gICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlRGFzaG9mZnNldDogOTgwMCxcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgZD1cIk0wIDAgTTI1NjkgMTA1NkwxNDMgMjQ0N1YxNDlsMTE3NSA2NzN2MTg2N2wxMjQ4IDcxNVwiXG4gICAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlPXt0b2tlbnMuY29sb3IucHJpbWFyeVtjb2xvcl0udmFsdWUuaGV4fVxuICAgICAgICAgICAgICAgICAgICBzdHJva2VMaW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlV2lkdGg9XCIzMDBcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBMb2dvbWFya1NwaW5uZXI7XG4iXX0= */"),
+        d: "M0 0 M2569 1056L143 2447V149l1175 673v1867l1248 715",
+        fill: "none",
+        stroke: tokens.color.primary[color].value.hex,
+        strokeLinejoin: "round",
+        strokeWidth: "300"
+      })))));
+    })))
+  );
 };
@@ -25,0 +106,0 @@

lib/LogomarkSpinner.js

@@ -10,14 +10,55 @@ "use strict";
 
+var _react = require("@emotion/react");
+
 var _propTypes = _interopRequireDefault(require("prop-types"));
 
-var _logomarkSpinnerNavy = _interopRequireDefault(require("@datacamp/waffles-animations/logomark-spinner-navy.json"));
+var _futureTokens = _interopRequireDefault(require("@datacamp/waffles-tokens/lib/future-tokens.json"));
 
-var _logomarkSpinnerWhite = _interopRequireDefault(require("@datacamp/waffles-animations/logomark-spinner-white.json"));
+var _react2 = _interopRequireDefault(require("react"));
 
-var _react = require("@emotion/react");
+function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
 
-var _lottieReact = _interopRequireDefault(require("lottie-react"));
+var stroke = (0, _react.keyframes)({
+  '100%': {
+    strokeDashoffset: 0
+  }
+});
+var logoStartMask = (0, _react.keyframes)({
+  '5%': {
+    clipPath: 'polygon(0% -12%, 0% -12%, 169% 63%, 169% 63%)'
+  },
+  '100%': {
+    clipPath: 'polygon(0% -12%, 0% 308%, 169% 383%, 169% 63%)'
+  }
+});
+var logoEndMask = (0, _react.keyframes)({
+  '71%': {
+    clipPath: 'polygon(0% 0%, 0% 77%, 100% 34%, 100% -44%)'
+  },
+  '95%': {
+    clipPath: 'polygon(0% 0%, 0% 140%, 100% 96%, 100% -44%)'
+  }
+});
+var animationSettings = '2s infinite alternate';
 
-var _react2 = _interopRequireDefault(require("react"));
+var _ref2 = process.env.NODE_ENV === "production" ? {
+  name: "fz09uq",
+  styles: "padding-top:100%"
+} : {
+  name: "10bw1rs-LogomarkSpinner",
+  styles: "padding-top:100%;label:LogomarkSpinner;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dvbWFya1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXVDUyIsImZpbGUiOiIuLi9zcmMvTG9nb21hcmtTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0b2tlbnMgZnJvbSAnQGRhdGFjYW1wL3dhZmZsZXMtdG9rZW5zL2xpYi9mdXR1cmUtdG9rZW5zLmpzb24nO1xuaW1wb3J0IHsgQ2xhc3NOYW1lcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3Qgc3Ryb2tlID0ga2V5ZnJhbWVzKHsgJzEwMCUnOiB7IHN0cm9rZURhc2hvZmZzZXQ6IDAgfSB9KTtcblxuY29uc3QgbG9nb1N0YXJ0TWFzayA9IGtleWZyYW1lcyh7XG4gICc1JSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEyJSwgMCUgLTEyJSwgMTY5JSA2MyUsIDE2OSUgNjMlKScsXG4gIH0sXG4gICcxMDAlJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAtMTIlLCAwJSAzMDglLCAxNjklIDM4MyUsIDE2OSUgNjMlKScsXG4gIH0sXG59KTtcblxuY29uc3QgbG9nb0VuZE1hc2sgPSBrZXlmcmFtZXMoe1xuICAnNzElJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAwJSwgMCUgNzclLCAxMDAlIDM0JSwgMTAwJSAtNDQlKScsXG4gIH0sXG4gICc5NSUnOiB7XG4gICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIDAlLCAwJSAxNDAlLCAxMDAlIDk2JSwgMTAwJSAtNDQlKScsXG4gIH0sXG59KTtcblxuY29uc3QgYW5pbWF0aW9uU2V0dGluZ3MgPSAnMnMgaW5maW5pdGUgYWx0ZXJuYXRlJztcblxuaW50ZXJmYWNlIExvZ29tYXJrU3Bpbm5lciB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgY29sb3I/OiAnbmF2eScgfCAnd2hpdGUnO1xuICBzaXplPzogc3RyaW5nO1xufVxuXG5jb25zdCBMb2dvbWFya1NwaW5uZXIgPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbG9yID0gJ25hdnknLFxuICBzaXplID0gJzEwMHB4Jyxcbn06IExvZ29tYXJrU3Bpbm5lcik6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gIC8vIEluIFNhZmFyaSBjbGlwLXBhdGggb24gU1ZHIGVsZW1lbnRzIHNlZW1zIHRvIGJyZWFrXG4gIDxkaXYgY3NzPXt7IHBvc2l0aW9uOiAncmVsYXRpdmUnLCB3aWR0aDogc2l6ZSB9fT5cbiAgICA8ZGl2IGNzcz17eyBwYWRkaW5nVG9wOiAnMTAwJScgfX0+XG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246IGAke2xvZ29TdGFydE1hc2t9IGN1YmljLWJlemllcigwLjY1LCAwLCAwLjU1LCAxKSAke2FuaW1hdGlvblNldHRpbmdzfWAsXG4gICAgICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgICAgIGxlZnQ6ICcxMS42NzUlJyxcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgICByaWdodDogJzExLjY3NSUnLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBgJHtsb2dvRW5kTWFza30gY3ViaWMtYmV6aWVyKDAuMywgMC43NSwgMSwgMC44NSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgICAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEwJSwgMTY4LjUlIDY0JSwgMCUgMTM1JSknLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgICB2ZXJzaW9uPVwiMS4xXCJcbiAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjY0MCAzNDQ0XCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICAgICAgeG1sbnNYbGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDx0aXRsZT5Mb2FkaW5nPC90aXRsZT5cbiAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogYCR7c3Ryb2tlfSBjdWJpYy1iZXppZXIoMC42NSwgMCwgMC41NSwgMSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZURhc2hhcnJheTogOTgwMCxcbiAgICAgICAgICAgICAgICAgICAgICBzdHJva2VEYXNob2Zmc2V0OiA5ODAwLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBkPVwiTTAgMCBNMjU2OSAxMDU2TDE0MyAyNDQ3VjE0OWwxMTc1IDY3M3YxODY3bDEyNDggNzE1XCJcbiAgICAgICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2U9e3Rva2Vucy5jb2xvci5wcmltYXJ5W2NvbG9yXS52YWx1ZS5oZXh9XG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZUxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2VXaWR0aD1cIjMwMFwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IExvZ29tYXJrU3Bpbm5lcjtcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
 
+var _ref4 = process.env.NODE_ENV === "production" ? {
+  name: "1q2w5bx",
+  styles: "clip-path:polygon(0% -10%, 168.5% 64%, 0% 135%)"
+} : {
+  name: "tauxpc-LogomarkSpinner",
+  styles: "clip-path:polygon(0% -10%, 168.5% 64%, 0% 135%);label:LogomarkSpinner;",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dvbWFya1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZEZ0IiLCJmaWxlIjoiLi4vc3JjL0xvZ29tYXJrU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdG9rZW5zIGZyb20gJ0BkYXRhY2FtcC93YWZmbGVzLXRva2Vucy9saWIvZnV0dXJlLXRva2Vucy5qc29uJztcbmltcG9ydCB7IENsYXNzTmFtZXMsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IHN0cm9rZSA9IGtleWZyYW1lcyh7ICcxMDAlJzogeyBzdHJva2VEYXNob2Zmc2V0OiAwIH0gfSk7XG5cbmNvbnN0IGxvZ29TdGFydE1hc2sgPSBrZXlmcmFtZXMoe1xuICAnNSUnOiB7XG4gICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIC0xMiUsIDAlIC0xMiUsIDE2OSUgNjMlLCAxNjklIDYzJSknLFxuICB9LFxuICAnMTAwJSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEyJSwgMCUgMzA4JSwgMTY5JSAzODMlLCAxNjklIDYzJSknLFxuICB9LFxufSk7XG5cbmNvbnN0IGxvZ29FbmRNYXNrID0ga2V5ZnJhbWVzKHtcbiAgJzcxJSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgMCUsIDAlIDc3JSwgMTAwJSAzNCUsIDEwMCUgLTQ0JSknLFxuICB9LFxuICAnOTUlJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAwJSwgMCUgMTQwJSwgMTAwJSA5NiUsIDEwMCUgLTQ0JSknLFxuICB9LFxufSk7XG5cbmNvbnN0IGFuaW1hdGlvblNldHRpbmdzID0gJzJzIGluZmluaXRlIGFsdGVybmF0ZSc7XG5cbmludGVyZmFjZSBMb2dvbWFya1NwaW5uZXIge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNvbG9yPzogJ25hdnknIHwgJ3doaXRlJztcbiAgc2l6ZT86IHN0cmluZztcbn1cblxuY29uc3QgTG9nb21hcmtTcGlubmVyID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjb2xvciA9ICduYXZ5JyxcbiAgc2l6ZSA9ICcxMDBweCcsXG59OiBMb2dvbWFya1NwaW5uZXIpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4gKFxuICAvLyBJbiBTYWZhcmkgY2xpcC1wYXRoIG9uIFNWRyBlbGVtZW50cyBzZWVtcyB0byBicmVha1xuICA8ZGl2IGNzcz17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgd2lkdGg6IHNpemUgfX0+XG4gICAgPGRpdiBjc3M9e3sgcGFkZGluZ1RvcDogJzEwMCUnIH19PlxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3MsIGN4IH0pID0+IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBgJHtsb2dvU3RhcnRNYXNrfSBjdWJpYy1iZXppZXIoMC42NSwgMCwgMC41NSwgMSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgICAgICAgICBsZWZ0OiAnMTEuNjc1JScsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgICAgcmlnaHQ6ICcxMS42NzUlJyxcbiAgICAgICAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogYCR7bG9nb0VuZE1hc2t9IGN1YmljLWJlemllcigwLjMsIDAuNzUsIDEsIDAuODUpICR7YW5pbWF0aW9uU2V0dGluZ3N9YCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIC0xMCUsIDE2OC41JSA2NCUsIDAlIDEzNSUpJyxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgICAgdmVyc2lvbj1cIjEuMVwiXG4gICAgICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDI2NDAgMzQ0NFwiXG4gICAgICAgICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zWGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8dGl0bGU+TG9hZGluZzwvdGl0bGU+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgICAgICAgICBhbmltYXRpb246IGAke3N0cm9rZX0gY3ViaWMtYmV6aWVyKDAuNjUsIDAsIDAuNTUsIDEpICR7YW5pbWF0aW9uU2V0dGluZ3N9YCxcbiAgICAgICAgICAgICAgICAgICAgICBzdHJva2VEYXNoYXJyYXk6IDk4MDAsXG4gICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlRGFzaG9mZnNldDogOTgwMCxcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgZD1cIk0wIDAgTTI1NjkgMTA1NkwxNDMgMjQ0N1YxNDlsMTE3NSA2NzN2MTg2N2wxMjQ4IDcxNVwiXG4gICAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlPXt0b2tlbnMuY29sb3IucHJpbWFyeVtjb2xvcl0udmFsdWUuaGV4fVxuICAgICAgICAgICAgICAgICAgICBzdHJva2VMaW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlV2lkdGg9XCIzMDBcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBMb2dvbWFya1NwaW5uZXI7XG4iXX0= */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+};
+
 var LogomarkSpinner = function LogomarkSpinner(_ref) {
@@ -29,10 +70,47 @@ var className = _ref.className,
       size = _ref$size === void 0 ? '100px' : _ref$size;
-  var animationData = color === 'navy' ? _logomarkSpinnerNavy.default : _logomarkSpinnerWhite.default;
-  return (0, _react.jsx)(_lottieReact.default, {
-    animationData: animationData,
-    className: className,
-    css: /*#__PURE__*/(0, _react.css)({
-      width: size
-    }, process.env.NODE_ENV === "production" ? "" : ";label:LogomarkSpinner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dvbWFya1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdCVyIsImZpbGUiOiIuLi9zcmMvTG9nb21hcmtTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBsb2dvbWFya1NwaW5uZXJOYXZ5RGF0YSBmcm9tICdAZGF0YWNhbXAvd2FmZmxlcy1hbmltYXRpb25zL2xvZ29tYXJrLXNwaW5uZXItbmF2eS5qc29uJztcbmltcG9ydCBsb2dvbWFya1NwaW5uZXJXaGl0ZURhdGEgZnJvbSAnQGRhdGFjYW1wL3dhZmZsZXMtYW5pbWF0aW9ucy9sb2dvbWFyay1zcGlubmVyLXdoaXRlLmpzb24nO1xuaW1wb3J0IHsgY3NzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IExvdHRpZSBmcm9tICdsb3R0aWUtcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuaW50ZXJmYWNlIExvZ29tYXJrU3Bpbm5lclByb3BzIHtcbiAgY2xhc3NOYW1lPzogc3RyaW5nO1xuICBjb2xvcj86ICduYXZ5JyB8ICd3aGl0ZSc7XG4gIHNpemU/OiBzdHJpbmc7XG59XG5cbmNvbnN0IExvZ29tYXJrU3Bpbm5lciA9ICh7XG4gIGNsYXNzTmFtZSxcbiAgY29sb3IgPSAnbmF2eScsXG4gIHNpemUgPSAnMTAwcHgnLFxufTogTG9nb21hcmtTcGlubmVyUHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4ge1xuICBjb25zdCBhbmltYXRpb25EYXRhID1cbiAgICBjb2xvciA9PT0gJ25hdnknID8gbG9nb21hcmtTcGlubmVyTmF2eURhdGEgOiBsb2dvbWFya1NwaW5uZXJXaGl0ZURhdGE7XG5cbiAgcmV0dXJuIChcbiAgICA8TG90dGllXG4gICAgICBhbmltYXRpb25EYXRhPXthbmltYXRpb25EYXRhfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBjc3M9e2Nzcyh7IHdpZHRoOiBzaXplIH0pfVxuICAgIC8+XG4gICk7XG59O1xuXG5leHBvcnQgZGVmYXVsdCBMb2dvbWFya1NwaW5uZXI7XG4iXX0= */")
-  });
+  return (// In Safari clip-path on SVG elements seems to break
+    (0, _react.jsx)("div", {
+      css: /*#__PURE__*/(0, _react.css)({
+        position: 'relative',
+        width: size
+      }, process.env.NODE_ENV === "production" ? "" : ";label:LogomarkSpinner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dvbWFya1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXNDTyIsImZpbGUiOiIuLi9zcmMvTG9nb21hcmtTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0b2tlbnMgZnJvbSAnQGRhdGFjYW1wL3dhZmZsZXMtdG9rZW5zL2xpYi9mdXR1cmUtdG9rZW5zLmpzb24nO1xuaW1wb3J0IHsgQ2xhc3NOYW1lcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3Qgc3Ryb2tlID0ga2V5ZnJhbWVzKHsgJzEwMCUnOiB7IHN0cm9rZURhc2hvZmZzZXQ6IDAgfSB9KTtcblxuY29uc3QgbG9nb1N0YXJ0TWFzayA9IGtleWZyYW1lcyh7XG4gICc1JSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEyJSwgMCUgLTEyJSwgMTY5JSA2MyUsIDE2OSUgNjMlKScsXG4gIH0sXG4gICcxMDAlJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAtMTIlLCAwJSAzMDglLCAxNjklIDM4MyUsIDE2OSUgNjMlKScsXG4gIH0sXG59KTtcblxuY29uc3QgbG9nb0VuZE1hc2sgPSBrZXlmcmFtZXMoe1xuICAnNzElJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAwJSwgMCUgNzclLCAxMDAlIDM0JSwgMTAwJSAtNDQlKScsXG4gIH0sXG4gICc5NSUnOiB7XG4gICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIDAlLCAwJSAxNDAlLCAxMDAlIDk2JSwgMTAwJSAtNDQlKScsXG4gIH0sXG59KTtcblxuY29uc3QgYW5pbWF0aW9uU2V0dGluZ3MgPSAnMnMgaW5maW5pdGUgYWx0ZXJuYXRlJztcblxuaW50ZXJmYWNlIExvZ29tYXJrU3Bpbm5lciB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgY29sb3I/OiAnbmF2eScgfCAnd2hpdGUnO1xuICBzaXplPzogc3RyaW5nO1xufVxuXG5jb25zdCBMb2dvbWFya1NwaW5uZXIgPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbG9yID0gJ25hdnknLFxuICBzaXplID0gJzEwMHB4Jyxcbn06IExvZ29tYXJrU3Bpbm5lcik6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gIC8vIEluIFNhZmFyaSBjbGlwLXBhdGggb24gU1ZHIGVsZW1lbnRzIHNlZW1zIHRvIGJyZWFrXG4gIDxkaXYgY3NzPXt7IHBvc2l0aW9uOiAncmVsYXRpdmUnLCB3aWR0aDogc2l6ZSB9fT5cbiAgICA8ZGl2IGNzcz17eyBwYWRkaW5nVG9wOiAnMTAwJScgfX0+XG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246IGAke2xvZ29TdGFydE1hc2t9IGN1YmljLWJlemllcigwLjY1LCAwLCAwLjU1LCAxKSAke2FuaW1hdGlvblNldHRpbmdzfWAsXG4gICAgICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgICAgIGxlZnQ6ICcxMS42NzUlJyxcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgICByaWdodDogJzExLjY3NSUnLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBgJHtsb2dvRW5kTWFza30gY3ViaWMtYmV6aWVyKDAuMywgMC43NSwgMSwgMC44NSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgICAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEwJSwgMTY4LjUlIDY0JSwgMCUgMTM1JSknLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgICB2ZXJzaW9uPVwiMS4xXCJcbiAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjY0MCAzNDQ0XCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICAgICAgeG1sbnNYbGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDx0aXRsZT5Mb2FkaW5nPC90aXRsZT5cbiAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogYCR7c3Ryb2tlfSBjdWJpYy1iZXppZXIoMC42NSwgMCwgMC41NSwgMSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZURhc2hhcnJheTogOTgwMCxcbiAgICAgICAgICAgICAgICAgICAgICBzdHJva2VEYXNob2Zmc2V0OiA5ODAwLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBkPVwiTTAgMCBNMjU2OSAxMDU2TDE0MyAyNDQ3VjE0OWwxMTc1IDY3M3YxODY3bDEyNDggNzE1XCJcbiAgICAgICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2U9e3Rva2Vucy5jb2xvci5wcmltYXJ5W2NvbG9yXS52YWx1ZS5oZXh9XG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZUxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2VXaWR0aD1cIjMwMFwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IExvZ29tYXJrU3Bpbm5lcjtcbiJdfQ== */")
+    }, (0, _react.jsx)("div", {
+      css: _ref2
+    }, (0, _react.jsx)(_react.ClassNames, null, function (_ref3) {
+      var css = _ref3.css,
+          cx = _ref3.cx;
+      return (0, _react.jsx)("div", {
+        className: cx(className, css({
+          animation: "".concat(logoStartMask, " cubic-bezier(0.65, 0, 0.55, 1) ").concat(animationSettings),
+          bottom: 0,
+          left: '11.675%',
+          position: 'absolute',
+          right: '11.675%',
+          top: 0
+        }))
+      }, (0, _react.jsx)("div", {
+        css: /*#__PURE__*/(0, _react.css)({
+          animation: "".concat(logoEndMask, " cubic-bezier(0.3, 0.75, 1, 0.85) ").concat(animationSettings)
+        }, process.env.NODE_ENV === "production" ? "" : ";label:LogomarkSpinner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dvbWFya1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXdEYyIsImZpbGUiOiIuLi9zcmMvTG9nb21hcmtTcGlubmVyLnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCB0b2tlbnMgZnJvbSAnQGRhdGFjYW1wL3dhZmZsZXMtdG9rZW5zL2xpYi9mdXR1cmUtdG9rZW5zLmpzb24nO1xuaW1wb3J0IHsgQ2xhc3NOYW1lcywga2V5ZnJhbWVzIH0gZnJvbSAnQGVtb3Rpb24vcmVhY3QnO1xuaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0JztcblxuY29uc3Qgc3Ryb2tlID0ga2V5ZnJhbWVzKHsgJzEwMCUnOiB7IHN0cm9rZURhc2hvZmZzZXQ6IDAgfSB9KTtcblxuY29uc3QgbG9nb1N0YXJ0TWFzayA9IGtleWZyYW1lcyh7XG4gICc1JSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEyJSwgMCUgLTEyJSwgMTY5JSA2MyUsIDE2OSUgNjMlKScsXG4gIH0sXG4gICcxMDAlJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAtMTIlLCAwJSAzMDglLCAxNjklIDM4MyUsIDE2OSUgNjMlKScsXG4gIH0sXG59KTtcblxuY29uc3QgbG9nb0VuZE1hc2sgPSBrZXlmcmFtZXMoe1xuICAnNzElJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAwJSwgMCUgNzclLCAxMDAlIDM0JSwgMTAwJSAtNDQlKScsXG4gIH0sXG4gICc5NSUnOiB7XG4gICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIDAlLCAwJSAxNDAlLCAxMDAlIDk2JSwgMTAwJSAtNDQlKScsXG4gIH0sXG59KTtcblxuY29uc3QgYW5pbWF0aW9uU2V0dGluZ3MgPSAnMnMgaW5maW5pdGUgYWx0ZXJuYXRlJztcblxuaW50ZXJmYWNlIExvZ29tYXJrU3Bpbm5lciB7XG4gIGNsYXNzTmFtZT86IHN0cmluZztcbiAgY29sb3I/OiAnbmF2eScgfCAnd2hpdGUnO1xuICBzaXplPzogc3RyaW5nO1xufVxuXG5jb25zdCBMb2dvbWFya1NwaW5uZXIgPSAoe1xuICBjbGFzc05hbWUsXG4gIGNvbG9yID0gJ25hdnknLFxuICBzaXplID0gJzEwMHB4Jyxcbn06IExvZ29tYXJrU3Bpbm5lcik6IFJlYWN0LlJlYWN0RWxlbWVudCA9PiAoXG4gIC8vIEluIFNhZmFyaSBjbGlwLXBhdGggb24gU1ZHIGVsZW1lbnRzIHNlZW1zIHRvIGJyZWFrXG4gIDxkaXYgY3NzPXt7IHBvc2l0aW9uOiAncmVsYXRpdmUnLCB3aWR0aDogc2l6ZSB9fT5cbiAgICA8ZGl2IGNzcz17eyBwYWRkaW5nVG9wOiAnMTAwJScgfX0+XG4gICAgICA8Q2xhc3NOYW1lcz5cbiAgICAgICAgeyh7IGNzcywgY3ggfSkgPT4gKFxuICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgIGNsYXNzTmFtZT17Y3goXG4gICAgICAgICAgICAgIGNsYXNzTmFtZSxcbiAgICAgICAgICAgICAgY3NzKHtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246IGAke2xvZ29TdGFydE1hc2t9IGN1YmljLWJlemllcigwLjY1LCAwLCAwLjU1LCAxKSAke2FuaW1hdGlvblNldHRpbmdzfWAsXG4gICAgICAgICAgICAgICAgYm90dG9tOiAwLFxuICAgICAgICAgICAgICAgIGxlZnQ6ICcxMS42NzUlJyxcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICAgICAgICAgICAgICByaWdodDogJzExLjY3NSUnLFxuICAgICAgICAgICAgICAgIHRvcDogMCxcbiAgICAgICAgICAgICAgfSksXG4gICAgICAgICAgICApfVxuICAgICAgICAgID5cbiAgICAgICAgICAgIDxkaXZcbiAgICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBgJHtsb2dvRW5kTWFza30gY3ViaWMtYmV6aWVyKDAuMywgMC43NSwgMSwgMC44NSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgICAgY3NzPXt7XG4gICAgICAgICAgICAgICAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEwJSwgMTY4LjUlIDY0JSwgMCUgMTM1JSknLFxuICAgICAgICAgICAgICAgIH19XG4gICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICA8c3ZnXG4gICAgICAgICAgICAgICAgICB2ZXJzaW9uPVwiMS4xXCJcbiAgICAgICAgICAgICAgICAgIHZpZXdCb3g9XCIwIDAgMjY0MCAzNDQ0XCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zPVwiaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmdcIlxuICAgICAgICAgICAgICAgICAgeG1sbnNYbGluaz1cImh0dHA6Ly93d3cudzMub3JnLzE5OTkveGxpbmtcIlxuICAgICAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgICAgIDx0aXRsZT5Mb2FkaW5nPC90aXRsZT5cbiAgICAgICAgICAgICAgICAgIDxwYXRoXG4gICAgICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogYCR7c3Ryb2tlfSBjdWJpYy1iZXppZXIoMC42NSwgMCwgMC41NSwgMSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICAgICAgICAgIHN0cm9rZURhc2hhcnJheTogOTgwMCxcbiAgICAgICAgICAgICAgICAgICAgICBzdHJva2VEYXNob2Zmc2V0OiA5ODAwLFxuICAgICAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICAgICAgICBkPVwiTTAgMCBNMjU2OSAxMDU2TDE0MyAyNDQ3VjE0OWwxMTc1IDY3M3YxODY3bDEyNDggNzE1XCJcbiAgICAgICAgICAgICAgICAgICAgZmlsbD1cIm5vbmVcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2U9e3Rva2Vucy5jb2xvci5wcmltYXJ5W2NvbG9yXS52YWx1ZS5oZXh9XG4gICAgICAgICAgICAgICAgICAgIHN0cm9rZUxpbmVqb2luPVwicm91bmRcIlxuICAgICAgICAgICAgICAgICAgICBzdHJva2VXaWR0aD1cIjMwMFwiXG4gICAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICAgIDwvc3ZnPlxuICAgICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICAgIDwvZGl2PlxuICAgICAgICAgIDwvZGl2PlxuICAgICAgICApfVxuICAgICAgPC9DbGFzc05hbWVzPlxuICAgIDwvZGl2PlxuICA8L2Rpdj5cbik7XG5cbmV4cG9ydCBkZWZhdWx0IExvZ29tYXJrU3Bpbm5lcjtcbiJdfQ== */")
+      }, (0, _react.jsx)("div", {
+        css: _ref4
+      }, (0, _react.jsx)("svg", {
+        version: "1.1",
+        viewBox: "0 0 2640 3444",
+        xmlns: "http://www.w3.org/2000/svg",
+        xmlnsXlink: "http://www.w3.org/1999/xlink"
+      }, (0, _react.jsx)("title", null, "Loading"), (0, _react.jsx)("path", {
+        css: /*#__PURE__*/(0, _react.css)({
+          animation: "".concat(stroke, " cubic-bezier(0.65, 0, 0.55, 1) ").concat(animationSettings),
+          strokeDasharray: 9800,
+          strokeDashoffset: 9800
+        }, process.env.NODE_ENV === "production" ? "" : ";label:LogomarkSpinner;", process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uL3NyYy9Mb2dvbWFya1NwaW5uZXIudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQXlFb0IiLCJmaWxlIjoiLi4vc3JjL0xvZ29tYXJrU3Bpbm5lci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgdG9rZW5zIGZyb20gJ0BkYXRhY2FtcC93YWZmbGVzLXRva2Vucy9saWIvZnV0dXJlLXRva2Vucy5qc29uJztcbmltcG9ydCB7IENsYXNzTmFtZXMsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0JztcbmltcG9ydCBSZWFjdCBmcm9tICdyZWFjdCc7XG5cbmNvbnN0IHN0cm9rZSA9IGtleWZyYW1lcyh7ICcxMDAlJzogeyBzdHJva2VEYXNob2Zmc2V0OiAwIH0gfSk7XG5cbmNvbnN0IGxvZ29TdGFydE1hc2sgPSBrZXlmcmFtZXMoe1xuICAnNSUnOiB7XG4gICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIC0xMiUsIDAlIC0xMiUsIDE2OSUgNjMlLCAxNjklIDYzJSknLFxuICB9LFxuICAnMTAwJSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgLTEyJSwgMCUgMzA4JSwgMTY5JSAzODMlLCAxNjklIDYzJSknLFxuICB9LFxufSk7XG5cbmNvbnN0IGxvZ29FbmRNYXNrID0ga2V5ZnJhbWVzKHtcbiAgJzcxJSc6IHtcbiAgICBjbGlwUGF0aDogJ3BvbHlnb24oMCUgMCUsIDAlIDc3JSwgMTAwJSAzNCUsIDEwMCUgLTQ0JSknLFxuICB9LFxuICAnOTUlJzoge1xuICAgIGNsaXBQYXRoOiAncG9seWdvbigwJSAwJSwgMCUgMTQwJSwgMTAwJSA5NiUsIDEwMCUgLTQ0JSknLFxuICB9LFxufSk7XG5cbmNvbnN0IGFuaW1hdGlvblNldHRpbmdzID0gJzJzIGluZmluaXRlIGFsdGVybmF0ZSc7XG5cbmludGVyZmFjZSBMb2dvbWFya1NwaW5uZXIge1xuICBjbGFzc05hbWU/OiBzdHJpbmc7XG4gIGNvbG9yPzogJ25hdnknIHwgJ3doaXRlJztcbiAgc2l6ZT86IHN0cmluZztcbn1cblxuY29uc3QgTG9nb21hcmtTcGlubmVyID0gKHtcbiAgY2xhc3NOYW1lLFxuICBjb2xvciA9ICduYXZ5JyxcbiAgc2l6ZSA9ICcxMDBweCcsXG59OiBMb2dvbWFya1NwaW5uZXIpOiBSZWFjdC5SZWFjdEVsZW1lbnQgPT4gKFxuICAvLyBJbiBTYWZhcmkgY2xpcC1wYXRoIG9uIFNWRyBlbGVtZW50cyBzZWVtcyB0byBicmVha1xuICA8ZGl2IGNzcz17eyBwb3NpdGlvbjogJ3JlbGF0aXZlJywgd2lkdGg6IHNpemUgfX0+XG4gICAgPGRpdiBjc3M9e3sgcGFkZGluZ1RvcDogJzEwMCUnIH19PlxuICAgICAgPENsYXNzTmFtZXM+XG4gICAgICAgIHsoeyBjc3MsIGN4IH0pID0+IChcbiAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICBjbGFzc05hbWU9e2N4KFxuICAgICAgICAgICAgICBjbGFzc05hbWUsXG4gICAgICAgICAgICAgIGNzcyh7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiBgJHtsb2dvU3RhcnRNYXNrfSBjdWJpYy1iZXppZXIoMC42NSwgMCwgMC41NSwgMSkgJHthbmltYXRpb25TZXR0aW5nc31gLFxuICAgICAgICAgICAgICAgIGJvdHRvbTogMCxcbiAgICAgICAgICAgICAgICBsZWZ0OiAnMTEuNjc1JScsXG4gICAgICAgICAgICAgICAgcG9zaXRpb246ICdhYnNvbHV0ZScsXG4gICAgICAgICAgICAgICAgcmlnaHQ6ICcxMS42NzUlJyxcbiAgICAgICAgICAgICAgICB0b3A6IDAsXG4gICAgICAgICAgICAgIH0pLFxuICAgICAgICAgICAgKX1cbiAgICAgICAgICA+XG4gICAgICAgICAgICA8ZGl2XG4gICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgIGFuaW1hdGlvbjogYCR7bG9nb0VuZE1hc2t9IGN1YmljLWJlemllcigwLjMsIDAuNzUsIDEsIDAuODUpICR7YW5pbWF0aW9uU2V0dGluZ3N9YCxcbiAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgID5cbiAgICAgICAgICAgICAgPGRpdlxuICAgICAgICAgICAgICAgIGNzcz17e1xuICAgICAgICAgICAgICAgICAgY2xpcFBhdGg6ICdwb2x5Z29uKDAlIC0xMCUsIDE2OC41JSA2NCUsIDAlIDEzNSUpJyxcbiAgICAgICAgICAgICAgICB9fVxuICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgPHN2Z1xuICAgICAgICAgICAgICAgICAgdmVyc2lvbj1cIjEuMVwiXG4gICAgICAgICAgICAgICAgICB2aWV3Qm94PVwiMCAwIDI2NDAgMzQ0NFwiXG4gICAgICAgICAgICAgICAgICB4bWxucz1cImh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnXCJcbiAgICAgICAgICAgICAgICAgIHhtbG5zWGxpbms9XCJodHRwOi8vd3d3LnczLm9yZy8xOTk5L3hsaW5rXCJcbiAgICAgICAgICAgICAgICA+XG4gICAgICAgICAgICAgICAgICA8dGl0bGU+TG9hZGluZzwvdGl0bGU+XG4gICAgICAgICAgICAgICAgICA8cGF0aFxuICAgICAgICAgICAgICAgICAgICBjc3M9e3tcbiAgICAgICAgICAgICAgICAgICAgICBhbmltYXRpb246IGAke3N0cm9rZX0gY3ViaWMtYmV6aWVyKDAuNjUsIDAsIDAuNTUsIDEpICR7YW5pbWF0aW9uU2V0dGluZ3N9YCxcbiAgICAgICAgICAgICAgICAgICAgICBzdHJva2VEYXNoYXJyYXk6IDk4MDAsXG4gICAgICAgICAgICAgICAgICAgICAgc3Ryb2tlRGFzaG9mZnNldDogOTgwMCxcbiAgICAgICAgICAgICAgICAgICAgfX1cbiAgICAgICAgICAgICAgICAgICAgZD1cIk0wIDAgTTI1NjkgMTA1NkwxNDMgMjQ0N1YxNDlsMTE3NSA2NzN2MTg2N2wxMjQ4IDcxNVwiXG4gICAgICAgICAgICAgICAgICAgIGZpbGw9XCJub25lXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlPXt0b2tlbnMuY29sb3IucHJpbWFyeVtjb2xvcl0udmFsdWUuaGV4fVxuICAgICAgICAgICAgICAgICAgICBzdHJva2VMaW5lam9pbj1cInJvdW5kXCJcbiAgICAgICAgICAgICAgICAgICAgc3Ryb2tlV2lkdGg9XCIzMDBcIlxuICAgICAgICAgICAgICAgICAgLz5cbiAgICAgICAgICAgICAgICA8L3N2Zz5cbiAgICAgICAgICAgICAgPC9kaXY+XG4gICAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgICA8L2Rpdj5cbiAgICAgICAgKX1cbiAgICAgIDwvQ2xhc3NOYW1lcz5cbiAgICA8L2Rpdj5cbiAgPC9kaXY+XG4pO1xuXG5leHBvcnQgZGVmYXVsdCBMb2dvbWFya1NwaW5uZXI7XG4iXX0= */"),
+        d: "M0 0 M2569 1056L143 2447V149l1175 673v1867l1248 715",
+        fill: "none",
+        stroke: _futureTokens.default.color.primary[color].value.hex,
+        strokeLinejoin: "round",
+        strokeWidth: "300"
+      })))));
+    })))
+  );
 };
@@ -39,0 +117,0 @@

package.json

 {
   "name": "@datacamp/waffles-loaders",
-  "version": "3.0.4",
+  "version": "3.1.2",
   "description": "A collection of loading placeholders",
@@ -54,5 +54,3 @@ "keywords": [
     "@babel/runtime": "^7.12.1",
-    "@datacamp/waffles-animations": "^1.2.1",
-    "@datacamp/waffles-tokens": "^1.0.6",
-    "lottie-react": "^2.1.0"
+    "@datacamp/waffles-tokens": "^1.0.6"
   },
@@ -67,3 +65,3 @@ "peerDependencies": {
   },
-  "gitHead": "95e3b72f60b986d0bedd2736c56421a30e26770c"
+  "gitHead": "8f090837ce190231b9e2b306de1628c9e0d9e9f7"
 }

types/LogomarkSpinner.d.ts

 import React from 'react';
-interface LogomarkSpinnerProps {
+interface LogomarkSpinner {
     className?: string;
@@ -7,3 +7,3 @@ color?: 'navy' | 'white';
 }
-declare const LogomarkSpinner: ({ className, color, size, }: LogomarkSpinnerProps) => React.ReactElement;
+declare const LogomarkSpinner: ({ className, color, size, }: LogomarkSpinner) => React.ReactElement;
 export default LogomarkSpinner;

New alerts

Major refactor

Supply chain risk

Package has recently undergone a major refactor. It may be unstable or indicate significant internal changes. Use caution when updating to versions that include significant changes.

Found 1 instance in 1 package

New author

Supply chain risk

A new npm collaborator published a version of the package for the first time. New collaborators are usually benign additions to a project, but do indicate a change to the security surface area of a package.

Found 1 instance in 1 package

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Fixed alerts

Long strings

Supply chain risk

Contains long string literals, which may be a sign of obfuscated or packed code.

Found 1 instance in 1 package

Improved metrics

Total package byte prevSize

57690

increased by331.88%

Dependency count

5

decreased by-28.57%

Lines of code

392

increased by321.51%

Worsened metrics

Number of low supply chain risk alerts

29

increased by222.22%

Number of medium supply chain risk alerts

2

increased byInfinity%

Dependency changes

• - Removed@datacamp/waffles-animations@^1.2.1

• - Removedlottie-react@^2.1.0

• - Removed@datacamp/waffles-animations@1.2.1(transitive)

• - Removedlottie-react@2.4.1(transitive)

• - Removedlottie-web@5.12.2(transitive)