@anywayseo/tools 1.0.0 → 1.0.1

package/dist/components/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("../index-NWY9BnRg.js");
+const index = require("../index-alye-Zt-.js");
 exports.Author = index.Author;
 exports.ContactForm = index.ContactForm;
 exports.ExpertTip = index.ExpertTip;

package/dist/components/index.mjs

@@ -1,4 +1,4 @@
-import { A, C, E, F, a, G, b, H, L, P, S } from "../index-Dfw_EKZ6.mjs";
+import { A, C, E, F, a, G, b, H, L, P, S } from "../index-D5QkKj_Z.mjs";
 export {
   A as Author,
   C as ContactForm,

package/dist/{index-Dfw_EKZ6.mjs → index-D5QkKj_Z.mjs}

@@ -7,6 +7,7 @@ import "@mdx-js/react";
 import { u as useSiteMetadataContext } from "./index-Bs4zA1wD.mjs";
 import { useRef, useState, useLayoutEffect, Fragment as Fragment$1, useEffect } from "react";
 import { u as usePrimaryColors } from "./index-xuSxvz5z.mjs";
+import { keyframes } from "@emotion/react";
 import { a as GameCharacteristic } from "./index-Bh5idiRE.mjs";
 import { t } from "i18next";
 import { b as formatNumber, f as formatDate, c as getDomain, g as getCurrentYear, a as getCurrentMonth } from "./index-BtWxmLHW.mjs";
@@ -231,10 +232,19 @@ const GameDemoContent = ({ src, isFullscreen, isLoaded, onLoad, onToggleFullscre
     /* @__PURE__ */ jsx(AbsoluteCenter, { children: /* @__PURE__ */ jsx(Spinner, { size: "xl", thickness: "0.6rem", display: isLoaded ? "none" : "block", color: "brand.100" }) })
   ] });
 };
-const pulsing = "_pulsing_u8aju_1";
-const styles = {
-  pulsing
-};
+const pulse = keyframes`
+  0% {
+    box-shadow: 0 0 0 0 var(--chakra-colors-brand-100);
+  }
+
+  50% {
+    box-shadow: 0 0 0 0.8rem rgba(0, 0, 0, 0);
+  }
+
+  100% {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+  }
+`;
 const GameDemoPreview = ({ gameName, onPlay }) => {
   const { gamePreviewImageData } = useSiteMetadataContext();
   const { t: t2 } = useTranslation("gameDemo");
@@ -247,8 +257,8 @@ const GameDemoPreview = ({ gameName, onPlay }) => {
         size: { base: "sm", md: "lg" },
         color: "gray.200",
         bgColor: "brand.500",
+        animation: `${pulse} 2s infinite linear`,
         _hover: { bgColor: "brand.200", color: "gray.700" },
-        className: styles.pulsing,
         onClick: onPlay,
         children: t2("action.playForFree")
       }

package/dist/{index-NWY9BnRg.js → index-alye-Zt-.js}

@@ -8,6 +8,7 @@ require("@mdx-js/react");
 const index = require("./index-D96zh94V.js");
 const react = require("react");
 const index$1 = require("./index-IpSV-c71.js");
+const react$2 = require("@emotion/react");
 const i18n = require("./index-DB1dS9cp.js");
 const i18n$1 = require("i18next");
 const index$2 = require("./index-JMmaWcmu.js");
@@ -232,10 +233,19 @@ const GameDemoContent = ({ src, isFullscreen, isLoaded, onLoad, onToggleFullscre
     /* @__PURE__ */ jsxRuntime.jsx(react$1.AbsoluteCenter, { children: /* @__PURE__ */ jsxRuntime.jsx(react$1.Spinner, { size: "xl", thickness: "0.6rem", display: isLoaded ? "none" : "block", color: "brand.100" }) })
   ] });
 };
-const pulsing = "_pulsing_u8aju_1";
-const styles = {
-  pulsing
-};
+const pulse = react$2.keyframes`
+  0% {
+    box-shadow: 0 0 0 0 var(--chakra-colors-brand-100);
+  }
+
+  50% {
+    box-shadow: 0 0 0 0.8rem rgba(0, 0, 0, 0);
+  }
+
+  100% {
+    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
+  }
+`;
 const GameDemoPreview = ({ gameName, onPlay }) => {
   const { gamePreviewImageData } = index.useSiteMetadataContext();
   const { t } = reactI18next.useTranslation("gameDemo");
@@ -248,8 +258,8 @@ const GameDemoPreview = ({ gameName, onPlay }) => {
         size: { base: "sm", md: "lg" },
         color: "gray.200",
         bgColor: "brand.500",
+        animation: `${pulse} 2s infinite linear`,
         _hover: { bgColor: "brand.200", color: "gray.700" },
-        className: styles.pulsing,
         onClick: onPlay,
         children: t("action.playForFree")
       }

package/dist/index.cjs

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
-const index = require("./index-NWY9BnRg.js");
+const index = require("./index-alye-Zt-.js");
 const index$1 = require("./index-IpSV-c71.js");
 const i18n$1 = require("./index-DB1dS9cp.js");
 const index$2 = require("./index-BWuTDC6H.js");

package/dist/index.mjs

@@ -1,4 +1,4 @@
-import { A, C, E, F, a, G, b, H, L, P, S } from "./index-Dfw_EKZ6.mjs";
+import { A, C, E, F, a, G, b, H, L, P, S } from "./index-D5QkKj_Z.mjs";
 import { u } from "./index-xuSxvz5z.mjs";
 import { a as a2, G as G2, r } from "./index-Bh5idiRE.mjs";
 import { M } from "./index-wbMOJRW_.mjs";

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@anywayseo/tools",
   "description": "Shared UI Components and Modules",
-  "version": "1.0.0",
+  "version": "1.0.1",
   "keywords": [
     "react",
     "ui",

package/dist/style.css

@@ -1,15 +0,0 @@
-._pulsing_u8aju_1 {
-  animation: _pulse_u8aju_1 2s infinite linear;
-}
-
-@keyframes _pulse_u8aju_1 {
-  0% {
-    box-shadow: 0 0 0 0 var(--chakra-colors-brand-100);
-  }
-  50% {
-    box-shadow: 0 0 0 0.8rem rgba(0, 0, 0, 0);
-  }
-  100% {
-    box-shadow: 0 0 0 0 rgba(0, 0, 0, 0);
-  }
-}