@streamlayer/react-ui 0.67.0 → 0.67.2

package/lib/ui/gamification/insight-list/styles.js

@@ -1,14 +1,14 @@
 import { styled as s } from "@linaria/react";
-const t = /* @__PURE__ */ s("div")({
+const e = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_cddmj9e",
+  class: "cddmj9e",
   propsAsIs: !1
 }), n = /* @__PURE__ */ s("div")({
   name: "ItemsContainer",
-  class: "ItemsContainer_i16t83sg",
+  class: "i16t83sg",
   propsAsIs: !1
 });
 export {
-  t as Container,
+  e as Container,
   n as ItemsContainer
 };

package/lib/ui/gamification/invite-link/styles.js

@@ -1,34 +1,34 @@
 import { styled as s } from "@linaria/react";
 const o = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_c1ux29ft",
+  class: "c1ux29ft",
   propsAsIs: !1
 }), e = /* @__PURE__ */ s("img")({
   name: "FriendsIcon",
-  class: "FriendsIcon_f10ncfg2",
+  class: "f10ncfg2",
   propsAsIs: !1
 }), t = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "Content_c1yc07bd",
+  class: "c1yc07bd",
   propsAsIs: !1
 }), c = /* @__PURE__ */ s("div")({
   name: "Title",
-  class: "Title_tj6cq7w",
+  class: "tj6cq7w",
   propsAsIs: !1
-}), r = /* @__PURE__ */ s("div")({
+}), a = /* @__PURE__ */ s("div")({
   name: "Description",
-  class: "Description_d1ag78xo",
+  class: "d1ag78xo",
   propsAsIs: !1
 }), i = /* @__PURE__ */ s("img")({
   name: "ArrowInviteIcon",
-  class: "ArrowInviteIcon_awohrz6",
+  class: "awohrz6",
   propsAsIs: !1
 });
 export {
   i as ArrowInviteIcon,
   o as Container,
   t as Content,
-  r as Description,
+  a as Description,
   e as FriendsIcon,
   c as Title
 };

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

@@ -1,47 +1,48 @@
-import { jsx as t } from "react/jsx-runtime";
-import u from "react-virtualized-auto-sizer";
-import { FixedSizeList as h } from "react-window";
-import I from "react-window-infinite-loader";
-import { LeaderboardItem as f } from "./list-item/index.js";
+import { jsx as o } from "react/jsx-runtime";
+import h from "react-virtualized-auto-sizer";
+import { FixedSizeList as u } from "react-window";
+import f from "react-window-infinite-loader";
+import { LeaderboardItem as I } from "./list-item/index.js";
+import { ScrollContainer as L } from "./styles.js";
 import "../../../utils/common.js";
 import "./list-item/styles.js";
 import "@linaria/react";
 import "../../icons/index.js";
 import "react";
-const y = ({
+const D = ({
   items: r,
   currentUserId: i,
   openItemDetail: m,
-  fetchMore: p
-}) => /* @__PURE__ */ t(u, { children: ({ width: d, height: n }) => /* @__PURE__ */ t(
-  I,
+  fetchMore: n
+}) => /* @__PURE__ */ o(h, { children: ({ width: p, height: d }) => /* @__PURE__ */ o(
+  f,
   {
     isItemLoaded: (e) => e < r.length,
     itemCount: r.length + 1,
-    loadMoreItems: p,
-    children: ({ onItemsRendered: e, ref: a }) => /* @__PURE__ */ t(
-      h,
+    loadMoreItems: n,
+    children: ({ onItemsRendered: e, ref: l }) => /* @__PURE__ */ o(L, { children: /* @__PURE__ */ o(
+      u,
       {
         itemSize: 56,
         onItemsRendered: e,
-        ref: a,
+        ref: l,
         itemCount: r.length,
-        width: d,
-        height: n,
-        children: ({ index: o, style: l }) => /* @__PURE__ */ t(
-          f,
+        width: p,
+        height: d,
+        children: ({ index: t, style: a }) => /* @__PURE__ */ o(
+          I,
           {
-            style: { ...l, maxHeight: 48 },
-            ...r[o],
-            openItemDetail: () => m(r[o].userId),
-            isCurrentUser: !!i && i === r[o].userId
+            style: { ...a, maxHeight: 48 },
+            ...r[t],
+            openItemDetail: () => m(r[t].userId),
+            isCurrentUser: !!i && i === r[t].userId
           },
-          r[o].userId
+          r[t].userId
         )
       }
-    )
+    ) })
   }
 ) });
 export {
-  y as LeaderboardList
+  D as LeaderboardList
 };

package/lib/ui/gamification/leaderboard/list-item/styles.js

@@ -4,44 +4,44 @@ import "react/jsx-runtime";
 import "react";
 const c = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_culdu4a",
+  class: "culdu4a",
   propsAsIs: !1
-}), l = /* @__PURE__ */ s("div")({
+}), p = /* @__PURE__ */ s("div")({
   name: "Position",
-  class: "Position_pwf8e69",
+  class: "pwf8e69",
   propsAsIs: !1
-}), p = /* @__PURE__ */ s("img")({
+}), l = /* @__PURE__ */ s("img")({
   name: "Avatar",
-  class: "Avatar_atf4yh4",
+  class: "atf4yh4",
   propsAsIs: !1
-}), i = /* @__PURE__ */ s("div")({
+}), m = /* @__PURE__ */ s("div")({
   name: "AvatarPlaceholder",
-  class: "AvatarPlaceholder_a1dg29ja",
+  class: "a1dg29ja",
   propsAsIs: !1
-}), m = /* @__PURE__ */ s("div")({
+}), i = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "Content_c10a68rc",
+  class: "c10a68rc",
   propsAsIs: !1
 }), d = /* @__PURE__ */ s("div")({
   name: "NameContainer",
-  class: "NameContainer_nc4kck5",
+  class: "nc4kck5",
   propsAsIs: !1
 }), A = /* @__PURE__ */ s("span")({
   name: "Name",
-  class: "Name_njsrqgr",
+  class: "njsrqgr",
   propsAsIs: !1
-}), e = () => a, v = /* @__PURE__ */ s(e())({
+}), e = () => a, f = /* @__PURE__ */ s(e())({
   name: "CurrentUserBadge",
-  class: "CurrentUserBadge_c17uc4zr",
+  class: "c17uc4zr",
   propsAsIs: !0
 });
 export {
-  p as Avatar,
-  i as AvatarPlaceholder,
+  l as Avatar,
+  m as AvatarPlaceholder,
   c as Container,
-  m as Content,
-  v as CurrentUserBadge,
+  i as Content,
+  f as CurrentUserBadge,
   A as Name,
   d as NameContainer,
-  l as Position
+  p as Position
 };

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

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const ScrollContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

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

@@ -0,0 +1,9 @@
+import { styled as s } from "@linaria/react";
+const l = /* @__PURE__ */ s("div")({
+  name: "ScrollContainer",
+  class: "s13d8sg6",
+  propsAsIs: !1
+});
+export {
+  l as ScrollContainer
+};

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

@@ -1,27 +1,27 @@
 import { styled as s } from "@linaria/react";
 const e = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_c1htq1lb",
+  class: "c1htq1lb",
   propsAsIs: !1
 }), a = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "Content_cjyzpp7",
+  class: "cjyzpp7",
   propsAsIs: !1
 }), t = /* @__PURE__ */ s("div")({
   name: "Graphic",
-  class: "Graphic_g16mldgz",
+  class: "g16mldgz",
   propsAsIs: !1
 }), o = /* @__PURE__ */ s("div")({
   name: "Headline",
-  class: "Headline_h69js65",
+  class: "h69js65",
   propsAsIs: !1
 }), p = /* @__PURE__ */ s("div")({
   name: "StepsContainer",
-  class: "StepsContainer_smm7qmo",
+  class: "smm7qmo",
   propsAsIs: !1
-}), i = /* @__PURE__ */ s("span")({
+}), c = /* @__PURE__ */ s("span")({
   name: "StepIndicator",
-  class: "StepIndicator_s17knuw2",
+  class: "s17knuw2",
   propsAsIs: !1
 });
 export {
@@ -29,6 +29,6 @@ export {
   a as Content,
   t as Graphic,
   o as Headline,
-  i as StepIndicator,
+  c as StepIndicator,
   p as StepsContainer
 };

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

@@ -4,74 +4,74 @@ import "react/jsx-runtime";
 import "react";
 const l = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_c1itm4k7",
+  class: "c1itm4k7",
   propsAsIs: !1
-}), r = /* @__PURE__ */ s("div")({
+}), p = /* @__PURE__ */ s("div")({
   name: "IconContainer",
-  class: "IconContainer_i1w4fsni",
+  class: "i1w4fsni",
   propsAsIs: !1
-}), o = () => n, p = /* @__PURE__ */ s(o())({
+}), o = () => n, r = /* @__PURE__ */ s(o())({
   name: "InviteGameIcon",
-  class: "InviteGameIcon_i19m85r1",
+  class: "i19m85r1",
   propsAsIs: !0
 }), m = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "Content_c1mbu204",
+  class: "c1mbu204",
   propsAsIs: !1
 }), I = /* @__PURE__ */ s("div")({
   name: "Heading",
-  class: "Heading_h1amdqtv",
+  class: "h1amdqtv",
   propsAsIs: !1
 }), k = /* @__PURE__ */ s("div")({
   name: "Subtext",
-  class: "Subtext_s1lhlj9j",
+  class: "s1lhlj9j",
   propsAsIs: !1
 }), L = /* @__PURE__ */ s("div")({
   name: "LinkContainer",
-  class: "LinkContainer_l1wot35e",
+  class: "l1wot35e",
   propsAsIs: !1
 }), d = /* @__PURE__ */ s("div")({
   name: "LinkInfo",
-  class: "LinkInfo_l1jdw39q",
+  class: "l1jdw39q",
   propsAsIs: !1
 }), f = /* @__PURE__ */ s("span")({
   name: "LinkTitle",
-  class: "LinkTitle_l1cr5mk",
+  class: "l1cr5mk",
   propsAsIs: !1
 }), A = /* @__PURE__ */ s("span")({
   name: "LinkAddress",
-  class: "LinkAddress_lvi87q4",
+  class: "lvi87q4",
   propsAsIs: !1
-}), a = () => n, _ = /* @__PURE__ */ s(a())({
+}), a = () => n, v = /* @__PURE__ */ s(a())({
   name: "LinkIcon",
-  class: "LinkIcon_l1pqlvw3",
+  class: "l1pqlvw3",
   propsAsIs: !0
-}), v = /* @__PURE__ */ s("div")({
+}), C = /* @__PURE__ */ s("div")({
   name: "SocialLinksContainer",
-  class: "SocialLinksContainer_s1n7kzeh",
+  class: "s1n7kzeh",
   propsAsIs: !1
-}), C = /* @__PURE__ */ s("a")({
+}), S = /* @__PURE__ */ s("a")({
   name: "SocialLink",
-  class: "SocialLink_s2m9o9y",
+  class: "s2m9o9y",
   propsAsIs: !1
-}), S = /* @__PURE__ */ s("span")({
+}), b = /* @__PURE__ */ s("span")({
   name: "SocialLinkLabel",
-  class: "SocialLinkLabel_sewjbbn",
+  class: "sewjbbn",
   propsAsIs: !1
 });
 export {
   l as Container,
   m as Content,
   I as Heading,
-  r as IconContainer,
-  p as InviteGameIcon,
+  p as IconContainer,
+  r as InviteGameIcon,
   A as LinkAddress,
   L as LinkContainer,
-  _ as LinkIcon,
+  v as LinkIcon,
   d as LinkInfo,
   f as LinkTitle,
-  C as SocialLink,
-  S as SocialLinkLabel,
-  v as SocialLinksContainer,
+  S as SocialLink,
+  b as SocialLinkLabel,
+  C as SocialLinksContainer,
   k as Subtext
 };

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

@@ -1,44 +1,44 @@
 import { styled as s } from "@linaria/react";
 const t = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_cm0bev",
+  class: "cm0bev",
   propsAsIs: !1
-}), n = /* @__PURE__ */ s("div")({
+}), l = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "Content_ce7x737",
+  class: "ce7x737",
   propsAsIs: !1
-}), l = /* @__PURE__ */ s("div")({
+}), n = /* @__PURE__ */ s("div")({
   name: "Title",
-  class: "Title_tc2tor6",
+  class: "tc2tor6",
   propsAsIs: !1
 }), o = /* @__PURE__ */ s("div")({
   name: "RulesList",
-  class: "RulesList_r1k5klql",
+  class: "r1k5klql",
   propsAsIs: !1
 }), a = /* @__PURE__ */ s("div")({
   name: "RulesItem",
-  class: "RulesItem_r1tf3ft2",
+  class: "r1tf3ft2",
   propsAsIs: !1
 }), c = /* @__PURE__ */ s("div")({
   name: "RuleIcon",
-  class: "RuleIcon_rwpvg1k",
+  class: "rwpvg1k",
   propsAsIs: !1
 }), r = /* @__PURE__ */ s("div")({
   name: "RuleText",
-  class: "RuleText_rbxiag0",
+  class: "rbxiag0",
   propsAsIs: !1
 }), p = /* @__PURE__ */ s("button")({
   name: "TermsButton",
-  class: "TermsButton_t6cyrry",
+  class: "t6cyrry",
   propsAsIs: !1
 });
 export {
   t as Container,
-  n as Content,
+  l as Content,
   c as RuleIcon,
   r as RuleText,
   a as RulesItem,
   o as RulesList,
   p as TermsButton,
-  l as Title
+  n as Title
 };

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

@@ -1,44 +1,44 @@
-import { styled as o } from "@linaria/react";
-import { Button as n } from "../../button/index.js";
-import { SvgIcon as s } from "../../icons/index.js";
+import { styled as s } from "@linaria/react";
+import { Button as o } from "../../button/index.js";
+import { SvgIcon as n } from "../../icons/index.js";
 import "react/jsx-runtime";
 import "../../button/styles.js";
 import "react";
-const d = /* @__PURE__ */ o("div")({
+const m = /* @__PURE__ */ s("div")({
   name: "Container",
-  class: "Container_c18uddbs",
+  class: "c18uddbs",
   propsAsIs: !1
-}), m = /* @__PURE__ */ o("div")({
+}), d = /* @__PURE__ */ s("div")({
   name: "Content",
-  class: "Content_cvcfjf6",
+  class: "cvcfjf6",
   propsAsIs: !1
-}), f = /* @__PURE__ */ o("div")({
+}), f = /* @__PURE__ */ s("div")({
   name: "OnboardingHeader",
-  class: "OnboardingHeader_o1ie27lw",
+  class: "o1ie27lw",
   propsAsIs: !1
-}), C = /* @__PURE__ */ o("button")({
+}), I = /* @__PURE__ */ s("button")({
   name: "CloseBtn",
-  class: "CloseBtn_c15cjkwi",
+  class: "c15cjkwi",
   propsAsIs: !1
-}), t = () => s, b = /* @__PURE__ */ o(t())({
+}), t = () => n, A = /* @__PURE__ */ s(t())({
   name: "IconClose",
-  class: "IconClose_i1mavjt2",
+  class: "i1mavjt2",
   propsAsIs: !0
-}), g = /* @__PURE__ */ o("div")({
+}), b = /* @__PURE__ */ s("div")({
   name: "OnboardingFooter",
-  class: "OnboardingFooter_o1x0dyzv",
+  class: "o1x0dyzv",
   propsAsIs: !1
-}), e = () => n, I = /* @__PURE__ */ o(e())({
+}), e = () => o, v = /* @__PURE__ */ s(e())({
   name: "OnboardingActionBtn",
-  class: "OnboardingActionBtn_o1jfi9c3",
+  class: "o1jfi9c3",
   propsAsIs: !0
 });
 export {
-  C as CloseBtn,
-  d as Container,
-  m as Content,
-  b as IconClose,
-  I as OnboardingActionBtn,
-  g as OnboardingFooter,
+  I as CloseBtn,
+  m as Container,
+  d as Content,
+  A as IconClose,
+  v as OnboardingActionBtn,
+  b as OnboardingFooter,
   f as OnboardingHeader
 };

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 type PointsProps = {
-    points: number;
+    points?: number;
 };
 export declare const Points: React.FC<PointsProps>;
 export {};

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

@@ -4,27 +4,27 @@ import "react/jsx-runtime";
 import "react";
 const a = /* @__PURE__ */ s("div")({
   name: "PointsContainer",
-  class: "PointsContainer_psiob9b",
+  class: "psiob9b",
   propsAsIs: !1
 }), l = /* @__PURE__ */ s("div")({
   name: "PointsIcon",
-  class: "PointsIcon_p1gqe4lh",
+  class: "p1gqe4lh",
   propsAsIs: !1
 }), n = () => o, c = /* @__PURE__ */ s(n())({
   name: "PointsSvg",
-  class: "PointsSvg_p15syg2y",
+  class: "p15syg2y",
   propsAsIs: !0
 }), r = /* @__PURE__ */ s("div")({
   name: "PointsBody",
-  class: "PointsBody_p12n4f2h",
+  class: "p12n4f2h",
   propsAsIs: !1
-}), P = /* @__PURE__ */ s("div")({
+}), m = /* @__PURE__ */ s("div")({
   name: "PointsTitle",
-  class: "PointsTitle_poqmx89",
+  class: "poqmx89",
   propsAsIs: !1
-}), m = /* @__PURE__ */ s("div")({
+}), P = /* @__PURE__ */ s("div")({
   name: "PointsValue",
-  class: "PointsValue_prj9b3v",
+  class: "prj9b3v",
   propsAsIs: !1
 });
 export {
@@ -32,6 +32,6 @@ export {
   a as PointsContainer,
   l as PointsIcon,
   c as PointsSvg,
-  P as PointsTitle,
-  m as PointsValue
+  m as PointsTitle,
+  P as PointsValue
 };

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

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

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

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

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

@@ -1,29 +1,29 @@
 import { styled as s } from "@linaria/react";
 const n = /* @__PURE__ */ s("div")({
   name: "InsightContainer",
-  class: "InsightContainer_i1pqqgpo",
+  class: "i1pqqgpo",
   propsAsIs: !1
-}), i = /* @__PURE__ */ s("div")({
+}), o = /* @__PURE__ */ s("div")({
   name: "InsightContent",
-  class: "InsightContent_igj7luu",
+  class: "igj7luu",
   propsAsIs: !1
-}), o = /* @__PURE__ */ s("h3")({
+}), e = /* @__PURE__ */ s("h3")({
   name: "Title",
-  class: "Title_t1qne9g6",
+  class: "t1qne9g6",
   propsAsIs: !1
-}), e = /* @__PURE__ */ s("div")({
+}), i = /* @__PURE__ */ s("div")({
   name: "Description",
-  class: "Description_dtpr98r",
+  class: "dtpr98r",
   propsAsIs: !1
 }), a = /* @__PURE__ */ s("button")({
   name: "ActionBtn",
-  class: "ActionBtn_a17iaqp8",
+  class: "a17iaqp8",
   propsAsIs: !1
 });
 export {
   a as ActionBtn,
-  e as Description,
+  i as Description,
   n as InsightContainer,
-  i as InsightContent,
-  o as Title
+  o as InsightContent,
+  e as Title
 };