@loomhq/lens 10.83.0 → 10.84.0

package/dist/components/index.d.ts

@@ -22,6 +22,7 @@ export { default as Toast } from "./toast/toast";
 export { default as Switch } from "./switch/switch";
 export { default as SkeletonText } from "./skeleton-text/skeleton-text";
 export { default as Logo } from "./logo/logo";
+export { default as LogoLoader } from "./logo-loader/logo-loader";
 export { default as Radio } from "./radio/radio";
 export { default as Pill } from "./pill/pill";
 export { default as Popover } from "./popover/popover";

package/dist/components/index.js

@@ -30,6 +30,7 @@ export { TooltipBox } from './tooltip/tooltip';
 export { default as Switch } from './switch/switch';
 export { default as SkeletonText } from './skeleton-text/skeleton-text';
 export { default as Logo } from './logo/logo';
+export { default as LogoLoader } from './logo-loader/logo-loader';
 export { default as Radio } from './radio/radio';
 export { default as List } from './list/list';
 export { ListRow } from './list/list';

package/dist/components/logo-loader/logo-loader.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+declare const LogoLoaderWrapper: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, LogoLoaderProps, object>;
+declare const LogoLoader: ({ animation, }: LogoLoaderProps & React.ComponentProps<typeof LogoLoaderWrapper>) => JSX.Element;
+declare type LogoLoaderProps = {
+    animation?: string;
+};
+export default LogoLoader;

package/dist/components/logo-loader/logo-loader.js

@@ -0,0 +1,23 @@
+import React from 'react';
+import styled from '@emotion/styled';
+import { LENS_CDN } from '../../constants/routes';
+const LogoLoaderWrapper = styled.span `
+  animation: ${props => props.animation};
+  background-image: url(${LENS_CDN}/logo-loader.svg);
+  background-size: cover;
+  background-position: left center;
+  display: block;
+  height: 80px;
+  width: 80px;
+  transform: rotate(4deg);
+
+  @keyframes spin {
+    100% {
+      background-position: right center;
+    }
+  }
+`;
+const LogoLoader = ({ animation = 'spin 2s infinite steps(49) forwards', }) => {
+    return React.createElement(LogoLoaderWrapper, { animation: animation });
+};
+export default LogoLoader;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@loomhq/lens",
-  "version": "10.83.0",
+  "version": "10.84.0",
   "scripts": {
     "dev": "next",
     "build:next": "next build",