@streamlayer/react-ui 0.89.7 → 0.91.0

package/lib/ui/gamification/leaderboard/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ListProps } from 'react-window';
-import { LeaderboardItemProps } from '../../gamification/leaderboard/list-item';
+import { LeaderboardItemProps } from './list-item';
 type LeaderboardListProps = {
     items: Omit<LeaderboardItemProps, 'openItemDetail'>[];
     currentUserId?: string;

package/lib/ui/gamification/leaderboard/index.js

@@ -10,7 +10,7 @@ import "./list-item/styles.js";
 import "@linaria/react";
 import "../../icons/index.js";
 import "react";
-import "../../../styles_hxnaic-4ed993c7.js";
+import "../../../styles_z07sl8-w40geAFS.js";
 import "react-infinite-scroller";
 const M = ({
   items: r,

package/lib/ui/gamification/leaderboard/static.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ScrollStore } from '../../app/useSdkScroll';
-import { LeaderboardItemProps } from '../../gamification/leaderboard/list-item';
+import { LeaderboardItemProps } from './list-item';
 type LeaderboardListProps = {
     items: Omit<LeaderboardItemProps, 'openItemDetail'>[];
     currentUserId?: string;

package/lib/ui/gamification/leaderboard/static.js

@@ -11,23 +11,23 @@ const m = /* @__PURE__ */ l("div")({
   class: "c16btbfp",
   propsAsIs: !1
 }), h = ({
-  items: e,
-  currentUserId: t,
+  items: t,
+  currentUserId: e,
   openItemDetail: i,
-  fetchMore: s,
-  scrollNode: a,
+  fetchMore: a,
+  scrollNode: s,
   hasMore: n
 }) => /* @__PURE__ */ o(p, {
-  loadMore: s,
+  loadMore: a,
   initialLoad: !1,
   hasMore: n,
   useWindow: !1,
-  getScrollParent: () => a.current,
+  getScrollParent: () => s.current,
   children: /* @__PURE__ */ o(m, {
-    children: e.map((r) => /* @__PURE__ */ o(d, {
+    children: t.map((r) => /* @__PURE__ */ o(d, {
       ...r,
       openItemDetail: () => i(r.userId),
-      isCurrentUser: !!t && t === r.userId
+      isCurrentUser: !!e && e === r.userId
     }, r.userId))
   })
 });

package/lib/ui/gamification/leaderboard/styles.js

@@ -1,5 +1,5 @@
 import { styled as o } from "@linaria/react";
-import "../../../styles_hxnaic-4ed993c7.js";
+import "../../../styles_z07sl8-w40geAFS.js";
 const l = /* @__PURE__ */ o("div")({
   name: "ScrollContainer",
   class: "s13d8sg6",

package/lib/ui/gamification/onboarding/index.js

@@ -7,7 +7,11 @@ import { OnboardingRules as z } from "./slides/onboarding-rules/index.js";
 import { Container as E, OnboardingHeader as F, CloseBtn as G, IconClose as H, Content as M, OnboardingFooter as P, OnboardingActionBtn as R } from "./styles.js";
 import "./slides/onboarding-instructions/styles.js";
 import "@linaria/react";
+import "../../../useClipboardCopy-E5rEe6It.js";
+import "../../../index-uEuzH3jr.js";
+import "../copyNotification/index.js";
 import "../../icons/index.js";
+import "../copyNotification/styles.js";
 import "./slides/onboarding-invite-card/styles.js";
 import "./slides/onboarding-rules/styles.js";
 import "../../button/index.js";
@@ -16,48 +20,48 @@ const a = {
   steps: !1,
   rules: !1,
   inviteCard: !1
-}, s = ({
+}, oi = ({
   gamification: u,
-  steps: n,
+  steps: i,
   rules: t,
-  rulesBtnLabel: d,
+  rulesBtnLabel: m,
   rulesTitle: b,
-  primaryColor: m,
+  primaryColor: d,
   inviteLink: C,
   socialLinks: S,
-  inviteCardTitle: y,
-  inviteCardSubtext: O,
+  inviteCardTitle: p,
+  inviteCardSubtext: y,
   inviteCardBtnLabel: c,
-  onClose: v
+  onClose: O
 }) => {
-  const [r, f] = h(0), [i, e] = h(a);
+  const [r, f] = h(0), [n, e] = h(a);
   k(() => {
-    n != null && n.length ? e({ ...a, steps: !0 }) : t != null && t.length ? e({ ...a, rules: !0 }) : e({ ...a, inviteCard: !0 });
+    i != null && i.length ? e({ ...a, steps: !0 }) : t != null && t.length ? e({ ...a, rules: !0 }) : e({ ...a, inviteCard: !0 });
   }, []);
-  const I = D(() => i.steps && r === 0 ? "Continue" : i.rules ? d || "Got it" : i.inviteCard ? c || "Play Now" : "Next", [i, r, d, c]), p = T(() => {
-    n != null && n.length && r < n.length - 1 ? f((l) => ++l) : t != null && t.length && i.steps ? e({ ...a, rules: !0 }) : i.rules && e({ ...a, inviteCard: !0 });
-  }, [r, n == null ? void 0 : n.length, t == null ? void 0 : t.length, i, f, e]), x = async () => {
+  const v = D(() => n.steps && r === 0 ? "Continue" : n.rules ? m || "Got it" : n.inviteCard ? c || "Play Now" : "Next", [n, r, m, c]), I = T(() => {
+    i != null && i.length && r < i.length - 1 ? f((l) => ++l) : t != null && t.length && n.steps ? e({ ...a, rules: !0 }) : n.rules && e({ ...a, inviteCard: !0 });
+  }, [r, i == null ? void 0 : i.length, t == null ? void 0 : t.length, n, f, e]), x = async () => {
     await u.onboardingStatus.submitInplay();
   };
   return /* @__PURE__ */ o(j, { children: ({ width: l, height: N }) => /* @__PURE__ */ g(E, { style: { width: l, height: N }, children: [
-    /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(G, { onClick: v, children: /* @__PURE__ */ o(H, { name: "icon-close-btn-gray" }) }) }),
+    /* @__PURE__ */ o(F, { children: /* @__PURE__ */ o(G, { onClick: O, children: /* @__PURE__ */ o(H, { name: "icon-close-btn-gray" }) }) }),
     /* @__PURE__ */ g(M, { children: [
-      i.steps && (n == null ? void 0 : n.length) && /* @__PURE__ */ o(w, { stepsCount: n.length, currentStep: r, ...n[r] }),
-      i.rules && /* @__PURE__ */ o(z, { rules: t, rulesTitle: b, primaryColor: m }),
-      i.inviteCard && /* @__PURE__ */ o(
+      n.steps && (i == null ? void 0 : i.length) && /* @__PURE__ */ o(w, { stepsCount: i.length, currentStep: r, ...i[r] }),
+      n.rules && /* @__PURE__ */ o(z, { rules: t, rulesTitle: b, primaryColor: d }),
+      n.inviteCard && /* @__PURE__ */ o(
         A,
         {
           inviteLink: C,
-          inviteCardTitle: y,
-          inviteCardSubtext: O,
-          primaryColor: m,
+          inviteCardTitle: p,
+          inviteCardSubtext: y,
+          primaryColor: d,
           socialLinks: S
         }
       )
     ] }),
-    /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(R, { onClick: i.inviteCard ? x : p, children: I }) })
+    /* @__PURE__ */ o(P, { children: /* @__PURE__ */ o(R, { onClick: n.inviteCard ? x : I, children: v }) })
   ] }) });
 };
 export {
-  s as Onboarding
+  oi as Onboarding
 };

package/lib/ui/gamification/onboarding/slides/onboarding-instructions/styles.js

@@ -7,11 +7,11 @@ const a = /* @__PURE__ */ s("div")({
   name: "Content",
   class: "cjyzpp7",
   propsAsIs: !1
-}), t = /* @__PURE__ */ s("div")({
+}), o = /* @__PURE__ */ s("div")({
   name: "Graphic",
   class: "g16mldgz",
   propsAsIs: !1
-}), o = /* @__PURE__ */ s("div")({
+}), t = /* @__PURE__ */ s("div")({
   name: "Headline",
   class: "h69js65",
   propsAsIs: !1
@@ -27,8 +27,8 @@ const a = /* @__PURE__ */ s("div")({
 export {
   a as Container,
   e as Content,
-  t as Graphic,
-  o as Headline,
+  o as Graphic,
+  t as Headline,
   c as StepIndicator,
   p as StepsContainer
 };

package/lib/ui/gamification/onboarding/slides/onboarding-invite-card/index.d.ts

@@ -1,6 +1,7 @@
 /// <reference types="react" />
 import { icons } from '../../../../icons';
 export type OnboardingInviteCardProps = {
+    appNode: React.MutableRefObject<HTMLDivElement | null>;
     inviteLink?: string;
     inviteCardTitle?: string;
     inviteCardSubtext?: string;

package/lib/ui/gamification/onboarding/slides/onboarding-invite-card/index.js

@@ -1,40 +1,42 @@
-import { jsxs as r, jsx as n } from "react/jsx-runtime";
-import { SvgIcon as m } from "../../../../icons/index.js";
-import { Container as p, IconContainer as C, InviteGameIcon as b, Content as g, Heading as I, Subtext as s, LinkContainer as y, LinkInfo as f, LinkTitle as k, LinkAddress as x, LinkIcon as S, SocialLinksContainer as L, SocialLink as u, SocialLinkLabel as v } from "./styles.js";
-import "@linaria/react";
+import { jsxs as o, jsx as n } from "react/jsx-runtime";
+import { u as I } from "../../../../../useClipboardCopy-E5rEe6It.js";
+import { SvgIcon as f } from "../../../../icons/index.js";
+import { Container as g, IconContainer as k, InviteGameIcon as s, Content as b, Heading as y, Subtext as u, LinkContainer as L, LinkInfo as S, LinkTitle as x, LinkAddress as v, LinkIcon as j, SocialLinksContainer as A, SocialLink as G, SocialLinkLabel as H } from "./styles.js";
 import "react";
-const O = ({
-  inviteLink: e,
-  socialLinks: o,
-  inviteCardTitle: t,
-  inviteCardSubtext: a,
-  primaryColor: l,
+import "../../../../../index-uEuzH3jr.js";
+import "../../../copyNotification/index.js";
+import "../../../copyNotification/styles.js";
+import "@linaria/react";
+const E = ({
+  appNode: t,
+  inviteLink: r,
+  socialLinks: i,
+  inviteCardTitle: c,
+  inviteCardSubtext: l,
+  primaryColor: a,
   className: d
-}) => /* @__PURE__ */ r(p, { className: d, children: [
-  /* @__PURE__ */ n(C, { style: { backgroundColor: l }, children: /* @__PURE__ */ n(b, { name: "invite-game-icon" }) }),
-  /* @__PURE__ */ r(g, { children: [
-    /* @__PURE__ */ n(I, { children: t || "" }),
-    /* @__PURE__ */ n(s, { children: a || "" })
-  ] }),
-  e && /* @__PURE__ */ r(y, { onClick: async () => {
-    if (e)
-      try {
-        await navigator.clipboard.writeText(e);
-      } catch (i) {
-        console.error("Unable to copy to clipboard", i);
-      }
-  }, children: [
-    /* @__PURE__ */ r(f, { children: [
-      /* @__PURE__ */ n(k, { children: "Invite link" }),
-      /* @__PURE__ */ n(x, { children: e })
+}) => {
+  const [m, p] = I(t);
+  return /* @__PURE__ */ o(g, { className: d, children: [
+    /* @__PURE__ */ n(k, { style: { backgroundColor: a }, children: /* @__PURE__ */ n(s, { name: "invite-game-icon" }) }),
+    /* @__PURE__ */ o(b, { children: [
+      /* @__PURE__ */ n(y, { children: c || "" }),
+      /* @__PURE__ */ n(u, { children: l || "" })
     ] }),
-    /* @__PURE__ */ n(S, { name: "icon-copy" })
-  ] }),
-  o && o.length > 0 && /* @__PURE__ */ n(L, { children: o.map(({ icon: i, link: c, label: h }) => /* @__PURE__ */ r(u, { href: c, target: "_blank", children: [
-    /* @__PURE__ */ n(m, { name: i }),
-    /* @__PURE__ */ n(v, { children: h })
-  ] }, c)) })
-] });
+    r && /* @__PURE__ */ o(L, { onClick: () => m(r), children: [
+      /* @__PURE__ */ o(S, { children: [
+        /* @__PURE__ */ n(x, { children: "Invite link" }),
+        /* @__PURE__ */ n(v, { children: r })
+      ] }),
+      /* @__PURE__ */ n(j, { name: "icon-copy" })
+    ] }),
+    i && i.length > 0 && /* @__PURE__ */ n(A, { children: i.map(({ icon: h, link: e, label: C }) => /* @__PURE__ */ o(G, { href: e, target: "_blank", children: [
+      /* @__PURE__ */ n(f, { name: h }),
+      /* @__PURE__ */ n(H, { children: C })
+    ] }, e)) }),
+    p
+  ] });
+};
 export {
-  O as OnboardingInviteCard
+  E as OnboardingInviteCard
 };

package/lib/ui/gamification/onboarding/slides/onboarding-invite-card/styles.js

@@ -26,15 +26,15 @@ const l = /* @__PURE__ */ s("div")({
   name: "Subtext",
   class: "s1lhlj9j",
   propsAsIs: !1
-}), f = /* @__PURE__ */ s("div")({
+}), L = /* @__PURE__ */ s("div")({
   name: "LinkContainer",
   class: "l1wot35e",
   propsAsIs: !1
-}), L = /* @__PURE__ */ s("div")({
+}), d = /* @__PURE__ */ s("div")({
   name: "LinkInfo",
   class: "l1jdw39q",
   propsAsIs: !1
-}), d = /* @__PURE__ */ s("span")({
+}), f = /* @__PURE__ */ s("span")({
   name: "LinkTitle",
   class: "l1cr5mk",
   propsAsIs: !1
@@ -66,10 +66,10 @@ export {
   p as IconContainer,
   r as InviteGameIcon,
   A as LinkAddress,
-  f as LinkContainer,
+  L as LinkContainer,
   v as LinkIcon,
-  L as LinkInfo,
-  d as LinkTitle,
+  d as LinkInfo,
+  f as LinkTitle,
   S as SocialLink,
   b as SocialLinkLabel,
   C as SocialLinksContainer,

package/lib/ui/gamification/points/styles.js

@@ -10,11 +10,11 @@ const a = /* @__PURE__ */ s("div")({
   name: "PointsIcon",
   class: "p1gqe4lh",
   propsAsIs: !1
-}), n = () => o, c = /* @__PURE__ */ s(n())({
+}), n = () => o, r = /* @__PURE__ */ s(n())({
   name: "PointsSvg",
   class: "p15syg2y",
   propsAsIs: !0
-}), r = /* @__PURE__ */ s("div")({
+}), c = /* @__PURE__ */ s("div")({
   name: "PointsBody",
   class: "p12n4f2h",
   propsAsIs: !1
@@ -28,10 +28,10 @@ const a = /* @__PURE__ */ s("div")({
   propsAsIs: !1
 });
 export {
-  r as PointsBody,
+  c as PointsBody,
   a as PointsContainer,
   l as PointsIcon,
-  c as PointsSvg,
+  r as PointsSvg,
   m as PointsTitle,
   P as PointsValue
 };

package/lib/ui/gamification/question/insight/styles.js

@@ -1,5 +1,5 @@
 import { styled as s } from "@linaria/react";
-const n = /* @__PURE__ */ s("div")({
+const t = /* @__PURE__ */ s("div")({
   name: "Container",
   class: "cll3md7",
   propsAsIs: !1
@@ -10,5 +10,5 @@ const n = /* @__PURE__ */ s("div")({
 });
 export {
   o as ActionBtn,
-  n as Container
+  t as Container
 };

package/lib/ui/gamification/question/list/styles.js

@@ -1,9 +1,9 @@
 import { styled as s } from "@linaria/react";
-const t = /* @__PURE__ */ s("div")({
+const e = /* @__PURE__ */ s("div")({
   name: "QuestionsContainer",
   class: "qvghv3l",
   propsAsIs: !1
 });
 export {
-  t as QuestionsContainer
+  e as QuestionsContainer
 };

package/lib/ui/gamification/question/notification/insight/styles.js

@@ -1,5 +1,5 @@
 import { styled as s } from "@linaria/react";
-const n = /* @__PURE__ */ s("div")({
+const t = /* @__PURE__ */ s("div")({
   name: "InsightContainer",
   class: "i1pqqgpo",
   propsAsIs: !1
@@ -28,7 +28,7 @@ export {
   p as ActionBtn,
   i as Description,
   e as Image,
-  n as InsightContainer,
+  t as InsightContainer,
   o as InsightContent,
   a as Title
 };

package/lib/ui/gamification/question/notification/pill/styles.js

@@ -3,17 +3,17 @@ const n = /* @__PURE__ */ s("button")({
   name: "Container",
   class: "crkmfw1",
   propsAsIs: !1
-}), o = /* @__PURE__ */ s("div")({
+}), e = /* @__PURE__ */ s("div")({
   name: "Content",
   class: "c11awpy4",
   propsAsIs: !1
-}), e = /* @__PURE__ */ s("span")({
+}), o = /* @__PURE__ */ s("span")({
   name: "Title",
   class: "t154z7mh",
   propsAsIs: !1
 });
 export {
   n as Container,
-  o as Content,
-  e as Title
+  e as Content,
+  o as Title
 };

package/lib/ui/gamification/question/notification/prediction-result/animation-lines/styles.d.ts

@@ -1,45 +1,45 @@
 /// <reference types="react" />
 export declare const BGWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const BGLineBase: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const BGOneLineOne: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGOneLineOne: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGOneLineTwo: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGOneLineTwo: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGOneLineThree: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGOneLineThree: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGTwoLineOne: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGTwoLineOne: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGTwoLineTwo: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGTwoLineTwo: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGTwoLineThree: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGTwoLineThree: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGThreeLineOne: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGThreeLineOne: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGThreeLineTwo: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGThreeLineTwo: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGThreeLineThree: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGThreeLineThree: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGThreeLineFour: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGThreeLineFour: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGFourLineOne: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGFourLineOne: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGFourLineTwo: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGFourLineTwo: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGFourLineThree: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGFourLineThree: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;
-export declare const BGFourLineFour: import("@linaria/react").StyledMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
-    as?: import("react").ElementType<any> | undefined;
+export declare const BGFourLineFour: import("@linaria/react").WYWEvalMeta & import("react").FunctionComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown> & {
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
 }>;

package/lib/ui/gamification/question/notification/prediction-result/animation-lines/styles.js

@@ -1,5 +1,5 @@
 import { styled as e } from "@linaria/react";
-const b = /* @__PURE__ */ e("div")({
+const l = /* @__PURE__ */ e("div")({
   name: "BGWrap",
   class: "b1dqe0sz",
   propsAsIs: !1
@@ -27,11 +27,11 @@ const b = /* @__PURE__ */ e("div")({
   name: "BGTwoLineTwo",
   class: "b1xezvf6",
   propsAsIs: !0
-}), c = () => s, _ = /* @__PURE__ */ e(c())({
+}), c = () => s, O = /* @__PURE__ */ e(c())({
   name: "BGTwoLineThree",
   class: "b1jz1hg0",
   propsAsIs: !0
-}), a = () => s, O = /* @__PURE__ */ e(a())({
+}), a = () => s, _ = /* @__PURE__ */ e(a())({
   name: "BGThreeLineOne",
   class: "b18ho1tk",
   propsAsIs: !0
@@ -39,19 +39,19 @@ const b = /* @__PURE__ */ e("div")({
   name: "BGThreeLineTwo",
   class: "b14uvjfm",
   propsAsIs: !0
-}), B = () => s, q = /* @__PURE__ */ e(B())({
+}), B = () => s, d = /* @__PURE__ */ e(B())({
   name: "BGThreeLineThree",
   class: "b11c3ns7",
   propsAsIs: !0
-}), G = () => s, d = /* @__PURE__ */ e(G())({
+}), G = () => s, v = /* @__PURE__ */ e(G())({
   name: "BGThreeLineFour",
   class: "b1bqhhet",
   propsAsIs: !0
-}), L = () => s, v = /* @__PURE__ */ e(L())({
+}), L = () => s, f = /* @__PURE__ */ e(L())({
   name: "BGFourLineOne",
   class: "b1xyzi7o",
   propsAsIs: !0
-}), T = () => s, f = /* @__PURE__ */ e(T())({
+}), T = () => s, q = /* @__PURE__ */ e(T())({
   name: "BGFourLineTwo",
   class: "byo0rup",
   propsAsIs: !0
@@ -66,19 +66,19 @@ const b = /* @__PURE__ */ e("div")({
 });
 export {
   z as BGFourLineFour,
-  v as BGFourLineOne,
+  f as BGFourLineOne,
   y as BGFourLineThree,
-  f as BGFourLineTwo,
+  q as BGFourLineTwo,
   s as BGLineBase,
   m as BGOneLineOne,
   w as BGOneLineThree,
   x as BGOneLineTwo,
-  d as BGThreeLineFour,
-  O as BGThreeLineOne,
-  q as BGThreeLineThree,
+  v as BGThreeLineFour,
+  _ as BGThreeLineOne,
+  d as BGThreeLineThree,
   F as BGThreeLineTwo,
   A as BGTwoLineOne,
-  _ as BGTwoLineThree,
+  O as BGTwoLineThree,
   I as BGTwoLineTwo,
-  b as BGWrap
+  l as BGWrap
 };