@streamlayer/react-ui 0.66.0 → 0.67.1

package/lib/ui/gamification/user-statistics/styles.js

@@ -1,124 +1,89 @@
-import { styled as e } from "@linaria/react";
-const o = e.div`
-  padding: 12px;
-  font-weight: var(--font-weight-default);
-  background-color: var(--color-primary-green1);
-  border-radius: 12px;
-`, i = e.div`
-  margin-bottom: 12px;
-  display: flex;
-  align-items: center;
-  justify-content: space-between;
-  column-gap: 8px;
-`, n = e.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: 8px;
-`, r = e.div`
-  display: flex;
-  column-gap: 8px;
-  flex: 1;
-  overflow: hidden;
-`, a = e.img`
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  object-fit: cover;
-  object-position: center;
-  flex-shrink: 0;
-`, s = e.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: 6px;
-  overflow: hidden;
-`, c = e.div`
-  color: var(--color-white);
-  font-size: 16px;
-  font-weight: 400;
-  line-height: 24px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-`, p = e.div`
-  display: flex;
-  align-items: center;
-  column-gap: 8px;
-  height: 14px;
-  color: var(--color-neutrals-white);
-  font-size: 14px;
-  text-transform: uppercase;
-`, l = e.img`
-  width: 15px;
-  height: 15px;
-`, d = e.div`
-  display: flex;
-  align-items: center;
-  column-gap: 4px;
-`, x = e.div`
-  display: flex;
-  align-items: baseline;
-  column-gap: 4px;
-`, f = e.div`
-  font-size: 9px;
-  opacity: 0.8;
-`, g = e.div`
-  width: 1px;
-  height: 10px;
-  background-color: var(--color-white);
-  opacity: 0.2;
-`, h = e.div`
-  display: flex;
-  column-gap: 8px;
-`, u = e.div`
-  display: flex;
-  justify-content: space-between;
-  padding: 8px 12px;
-  border-radius: 4px;
-  background-color: var(--color-primary-green2);
-`, m = e.div`
-  background: #2d6ffd;
-  border-radius: 50%;
-  width: 48px;
-  height: 48px;
-  text-align: center;
-  text-transform: uppercase;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  color: #fff;
-  font-size: 18px;
-  flex-shrink: 0;
-`, v = e.button`
-  border: none;
-  outline: none;
-  background-color: transparent;
-  cursor: pointer;
-  padding: 0px;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  border-radius: 50%;
-  width: 100%;
-  height: 100%;
-  max-width: 48px;
-  max-height: 48px;
-`;
+import { styled as s } from "@linaria/react";
+const o = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c1yrpn9o",
+  propsAsIs: !1
+}), n = /* @__PURE__ */ s("div")({
+  name: "TopInfo",
+  class: "t17fwahh",
+  propsAsIs: !1
+}), e = /* @__PURE__ */ s("div")({
+  name: "BottomInfo",
+  class: "by6w7e9",
+  propsAsIs: !1
+}), t = /* @__PURE__ */ s("div")({
+  name: "User",
+  class: "u1g7arbm",
+  propsAsIs: !1
+}), r = /* @__PURE__ */ s("img")({
+  name: "Avatar",
+  class: "a1ldeata",
+  propsAsIs: !1
+}), c = /* @__PURE__ */ s("div")({
+  name: "UserInfo",
+  class: "u10d4koz",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ s("div")({
+  name: "UserName",
+  class: "u1q6roj0",
+  propsAsIs: !1
+}), p = /* @__PURE__ */ s("div")({
+  name: "UserRating",
+  class: "ui0m425",
+  propsAsIs: !1
+}), i = /* @__PURE__ */ s("img")({
+  name: "TrophyIcon",
+  class: "t1el3mrn",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ s("div")({
+  name: "Rts",
+  class: "r2vgnxv",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ s("div")({
+  name: "RtsIndicator",
+  class: "roqn06j",
+  propsAsIs: !1
+}), d = /* @__PURE__ */ s("div")({
+  name: "RtsLabel",
+  class: "r15adx7c",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ s("div")({
+  name: "Divider",
+  class: "dv59lta",
+  propsAsIs: !1
+}), v = /* @__PURE__ */ s("div")({
+  name: "Ranks",
+  class: "r55lotb",
+  propsAsIs: !1
+}), A = /* @__PURE__ */ s("div")({
+  name: "Statistics",
+  class: "s1knfgqt",
+  propsAsIs: !1
+}), R = /* @__PURE__ */ s("div")({
+  name: "AvatarPlaceholder",
+  class: "a1mqo824",
+  propsAsIs: !1
+}), U = /* @__PURE__ */ s("button")({
+  name: "UserAccountBtn",
+  class: "uxareh6",
+  propsAsIs: !1
+});
 export {
-  a as Avatar,
-  m as AvatarPlaceholder,
-  n as BottomInfo,
+  r as Avatar,
+  R as AvatarPlaceholder,
+  e as BottomInfo,
   o as Container,
-  g as Divider,
-  h as Ranks,
-  d as Rts,
-  x as RtsIndicator,
-  f as RtsLabel,
-  u as Statistics,
-  i as TopInfo,
-  l as TrophyIcon,
-  r as User,
-  v as UserAccountBtn,
-  s as UserInfo,
-  c as UserName,
+  f as Divider,
+  v as Ranks,
+  m as Rts,
+  I as RtsIndicator,
+  d as RtsLabel,
+  A as Statistics,
+  n as TopInfo,
+  i as TrophyIcon,
+  t as User,
+  U as UserAccountBtn,
+  c as UserInfo,
+  l as UserName,
   p as UserRating
 };

package/lib/ui/gamification/vote/expired-alert/styles.js

@@ -1,29 +1,19 @@
-import { styled as t } from "@linaria/react";
-const i = t.div`
-  display: flex;
-  flex-grow: 1;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  row-gap: 12px;
-  padding-bottom: 32px;
-`, n = t.div`
-  color: var(--color-primary-green2);
-  font-size: 20px;
-  font-family: var(--font-serif);
-  font-weight: 400;
-  line-height: 26px;
-  text-align: center;
-`, o = t.div`
-  color: var(--color-neutrals-gray9);
-  font-size: 14px;
-  font-weight: var(--font-weight-default);
-  line-height: 20px;
-  letter-spacing: -0.154px;
-  text-align: center;
-`;
+import { styled as s } from "@linaria/react";
+const e = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c38csyt",
+  propsAsIs: !1
+}), o = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "ty221rx",
+  propsAsIs: !1
+}), a = /* @__PURE__ */ s("div")({
+  name: "Description",
+  class: "dlaj9xp",
+  propsAsIs: !1
+});
 export {
-  i as Container,
-  o as Description,
-  n as Title
+  e as Container,
+  a as Description,
+  o as Title
 };

package/lib/ui/gamification/vote/feedback/styles.js

@@ -1,70 +1,42 @@
-import { styled as r } from "@linaria/react";
+import { styled as s } from "@linaria/react";
 import { SvgIcon as e } from "../../../icons/index.js";
 import "react/jsx-runtime";
 import "react";
-const c = r.div`
-  width: 100%;
-  padding: 8px 0px;
-  display: flex;
-  align-items: center;
-  margin-bottom: 16px;
-  font-size: 14px;
-
-  &[data-isPrediction='true'] {
-    align-items: flex-start;
-  }
-`, n = r(e)`
-  min-width: 24px;
-  width: 24px;
-  height: 24px;
-  margin-right: 14px;
-  margin-left: 12px;
-
-  g > path {
-    fill: var(--color-primary-green1);
-    fill-opacity: 1;
-  }
-`, d = r.div`
-  min-width: 32px;
-  width: 32px;
-  height: 32px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  margin-right: 16px;
-
-  &[data-feedbackType='correct'] {
-    background-color: var(--color-primary-green1);
-  }
-
-  &[data-feedbackType='incorrect'] {
-    background-color: var(--color-secondary-red1);
-  }
-`, p = r.div`
-  font-weight: var(--font-weight-default);
-`, l = r.span`
-  margin-right: 5px;
-
-  &[data-feedbackType='correct'] {
-    color: var(--color-primary-green1);
-  }
-
-  &[data-feedbackType='incorrect'] {
-    color: var(--color-secondary-red1);
-  }
-`, g = r.span`
-  color: var(--color-neutrals-gray9);
-`, s = r.div`
-  font-weight: 400;
-  margin-top: 10px;
-`;
+const p = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c16sbdnm",
+  propsAsIs: !1
+}), a = () => e, r = /* @__PURE__ */ s(a())({
+  name: "IconPrediction",
+  class: "ibhorgl",
+  propsAsIs: !0
+}), i = /* @__PURE__ */ s("div")({
+  name: "FeedbackIconWrap",
+  class: "f1g20ja7",
+  propsAsIs: !1
+}), d = /* @__PURE__ */ s("div")({
+  name: "FeedbackHeader",
+  class: "f455ozj",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ s("span")({
+  name: "FeedbackTitle",
+  class: "f1913njx",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ s("span")({
+  name: "FeedbackDescription",
+  class: "fzfk69z",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ s("div")({
+  name: "FeedbackText",
+  class: "fx87qaj",
+  propsAsIs: !1
+});
 export {
-  c as Container,
-  g as FeedbackDescription,
-  p as FeedbackHeader,
-  d as FeedbackIconWrap,
-  s as FeedbackText,
+  p as Container,
+  f as FeedbackDescription,
+  d as FeedbackHeader,
+  i as FeedbackIconWrap,
+  m as FeedbackText,
   l as FeedbackTitle,
-  n as IconPrediction
+  r as IconPrediction
 };

package/lib/ui/gamification/vote/insight-details/styles.js

@@ -1,25 +1,14 @@
-import { styled as r } from "@linaria/react";
-const o = r.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: 12px;
-  padding: var(--container-padding);
-  background-color: var(--color-neutrals-white);
-`, n = r.a`
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  column-gap: 10px;
-  padding: 11px 16px;
-  color: var(--color-primary-green1);
-  font-size: 14px;
-  font-weight: var(--font-weight-default);
-  line-height: 20px;
-  border-radius: 40px;
-  border: 1px solid var(--color-primary-green1);
-  text-decoration: none;
-`;
+import { styled as s } from "@linaria/react";
+const e = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c1euiow",
+  propsAsIs: !1
+}), o = /* @__PURE__ */ s("a")({
+  name: "WebLinkBtn",
+  class: "w19zie3h",
+  propsAsIs: !1
+});
 export {
-  o as Container,
-  n as WebLinkBtn
+  e as Container,
+  o as WebLinkBtn
 };

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

@@ -1,33 +1,24 @@
-import { styled as i } from "@linaria/react";
-const o = i.div`
-  width: 100%;
-  height: 100%;
-
-  & > div:not(:last-child) {
-    margin-bottom: 16px;
-  }
-`, n = i.div`
-  display: flex;
-  flex-direction: column;
-  width: 100%;
-  height: 100%;
-  padding: 16px 16px 0px 16px;
-`, e = i.div`
-  font-family: var(--font-serif);
-  font-size: 16px;
-  color: var(--color-primary-green2);
-  font-weight: 400;
-  margin: 16px 0px;
-  margin-bottom: 16px;
-`, p = i.div`
-  position: relative;
-  gap: 8px;
-  display: flex;
-  flex-direction: column;
-`;
+import { styled as s } from "@linaria/react";
+const n = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c14ielyq",
+  propsAsIs: !1
+}), e = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "c1tlqx57",
+  propsAsIs: !1
+}), o = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "t1hq58md",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ s("div")({
+  name: "Options",
+  class: "o1c8nxcx",
+  propsAsIs: !1
+});
 export {
-  o as Container,
-  n as Content,
-  p as Options,
-  e as Title
+  n as Container,
+  e as Content,
+  l as Options,
+  o as Title
 };

package/lib/ui/gamification/vote/twitter-details/styles.js

@@ -1,11 +1,9 @@
-import { styled as o } from "@linaria/react";
-const n = o.div`
-  display: flex;
-  flex-direction: column;
-  row-gap: 12px;
-  padding: var(--container-padding);
-  background-color: var(--color-neutrals-white);
-`;
+import { styled as s } from "@linaria/react";
+const t = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "c1dcxmvf",
+  propsAsIs: !1
+});
 export {
-  n as Container
+  t as Container
 };