@streamlayer/react-ui 0.66.0 → 0.67.0

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

@@ -1,70 +1,42 @@
-import { styled as r } from "@linaria/react";
-import { SvgIcon as e } from "../../../icons/index.js";
+import { styled as e } from "@linaria/react";
+import { SvgIcon as s } 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 r = /* @__PURE__ */ e("div")({
+  name: "Container",
+  class: "Container_c16sbdnm",
+  propsAsIs: !1
+}), a = () => s, p = /* @__PURE__ */ e(a())({
+  name: "IconPrediction",
+  class: "IconPrediction_ibhorgl",
+  propsAsIs: !0
+}), d = /* @__PURE__ */ e("div")({
+  name: "FeedbackIconWrap",
+  class: "FeedbackIconWrap_f1g20ja7",
+  propsAsIs: !1
+}), i = /* @__PURE__ */ e("div")({
+  name: "FeedbackHeader",
+  class: "FeedbackHeader_f455ozj",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ e("span")({
+  name: "FeedbackTitle",
+  class: "FeedbackTitle_f1913njx",
+  propsAsIs: !1
+}), b = /* @__PURE__ */ e("span")({
+  name: "FeedbackDescription",
+  class: "FeedbackDescription_fzfk69z",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ e("div")({
+  name: "FeedbackText",
+  class: "FeedbackText_fx87qaj",
+  propsAsIs: !1
+});
 export {
-  c as Container,
-  g as FeedbackDescription,
-  p as FeedbackHeader,
+  r as Container,
+  b as FeedbackDescription,
+  i as FeedbackHeader,
   d as FeedbackIconWrap,
-  s as FeedbackText,
+  f as FeedbackText,
   l as FeedbackTitle,
-  n as IconPrediction
+  p 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: "Container_c1euiow",
+  propsAsIs: !1
+}), t = /* @__PURE__ */ s("a")({
+  name: "WebLinkBtn",
+  class: "WebLinkBtn_w19zie3h",
+  propsAsIs: !1
+});
 export {
-  o as Container,
-  n as WebLinkBtn
+  e as Container,
+  t 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: "Container_c14ielyq",
+  propsAsIs: !1
+}), o = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "Content_c1tlqx57",
+  propsAsIs: !1
+}), e = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "Title_t1hq58md",
+  propsAsIs: !1
+}), a = /* @__PURE__ */ s("div")({
+  name: "Options",
+  class: "Options_o1c8nxcx",
+  propsAsIs: !1
+});
 export {
-  o as Container,
-  n as Content,
-  p as Options,
+  n as Container,
+  o as Content,
+  a as Options,
   e 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 n = /* @__PURE__ */ s("div")({
+  name: "Container",
+  class: "Container_c1dcxmvf",
+  propsAsIs: !1
+});
 export {
   n as Container
 };

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

@@ -1,151 +1,67 @@
-import { styled as o } from "@linaria/react";
-import { SvgIcon as t } from "../../../icons/index.js";
+import { styled as s } from "@linaria/react";
+import { SvgIcon as o } from "../../../icons/index.js";
 import "react/jsx-runtime";
 import "react";
-const c = o.button`
-  background-color: var(--color-neutrals-gray2);
-  border: 1px solid transparent;
-  box-sizing: border-box;
-  border-radius: 4px;
-  position: relative;
-  max-height: 44px;
-  min-height: 44px;
-  height: 44px;
-  width: 100%;
-
-  &:hover:not(:disabled) {
-    border-color: var(--color-neutrals-gray5);
-    cursor: pointer;
-  }
-
-  &[data-selected='true'] {
-    border-color: var(--color-neutrals-gray9);
-    background-color: var(--color-white);
-  }
-
-  &[data-answerState='correct'] {
-    position: relative;
-    border-color: var(--color-primary-green1);
-
-    &:before {
-      content: '';
-      top: 0;
-      left: 0;
-      opacity: 0.1;
-      display: block;
-      width: 100%;
-      height: 100%;
-      position: absolute;
-      background-color: var(--color-primary-green1);
-    }
-  }
-
-  &[data-answerState='incorrect'] {
-    position: relative;
-    border-color: var(--color-secondary-red1);
-
-    &:before {
-      content: '';
-      top: 0;
-      left: 0;
-      opacity: 0.1;
-      display: block;
-      width: 100%;
-      height: 100%;
-      position: absolute;
-      background-color: var(--color-secondary-red1);
-    }
-  }
-
-  &[data-isNotChecked='true'] {
-    border-color: var(--color-neutrals-gray3);
-    background-color: var(--color-white);
-  }
-`, l = o.div`
-  transition: width 1s ease-in;
-  position: absolute;
-  border-radius: 3px;
-  height: 100%;
-  z-index: 0;
-  left: 0;
-  top: 0;
-
-  background-color: var(--color-neutrals-gray3);
-
-  &[data-answerState='correct'] {
-    background-color: var(--color-primary-green1);
-    opacity: 0.3;
-  }
-
-  &[data-answerState='incorrect'] {
-    background-color: var(--color-secondary-red1);
-    opacity: 0.3;
-  }
-
-  &[data-answerState='unset'] {
-    background-color: var(--color-neutrals-gray3);
-  }
-`, d = o.span`
-  font-weight: var(--font-weight-default);
-  color: var(--color-neutrals-gray9);
-  font-family: var(--font-regular);
-  background-color: transparent;
-  padding: 5px 15px 5px 9px;
-  align-items: center;
-  border-radius: 2px;
-  position: relative;
-  font-size: 12px;
-  outline: none;
-  display: flex;
-  height: 100%;
-  border: none;
-  width: 100%;
-`, s = o.div`
-  width: 60px;
-`, p = o.div`
-  position: absolute;
-  left: 0;
-  bottom: -1px;
-  background-repeat: no-repeat;
-  background-size: contain;
-  width: 52px;
-  height: 52px;
-`, r = o.img`
-  margin-right: 8px;
-`, g = o(r)`
-  height: 32px;
-  width: 32px;
-`, h = o(r)`
-  border-radius: 50%;
-  height: 32px;
-  width: 32px;
-`, u = o.span`
-  overflow: hidden;
-  text-align: left;
-  white-space: nowrap;
-  text-overflow: ellipsis;
-  flex: 1;
-`, b = o.span`
-  display: flex;
-`, x = o.span`
-  margin-left: 8px;
-  line-height: 17px;
-`, v = o(t)`
-  margin-left: 8px;
-  height: 16px;
-  width: 16px;
-`;
+const I = /* @__PURE__ */ s("button")({
+  name: "ButtonContainer",
+  class: "ButtonContainer_b1b6dl8t",
+  propsAsIs: !1
+}), i = /* @__PURE__ */ s("div")({
+  name: "ButtonPct",
+  class: "ButtonPct_b4iik8i",
+  propsAsIs: !1
+}), m = /* @__PURE__ */ s("span")({
+  name: "ButtonBody",
+  class: "ButtonBody_b1gq1lnf",
+  propsAsIs: !1
+}), u = /* @__PURE__ */ s("div")({
+  name: "IconContainer",
+  class: "IconContainer_i1j65z51",
+  propsAsIs: !1
+}), f = /* @__PURE__ */ s("div")({
+  name: "IconWrap",
+  class: "IconWrap_i19tpfua",
+  propsAsIs: !1
+}), n = /* @__PURE__ */ s("img")({
+  name: "Icon",
+  class: "Icon_i1tubmma",
+  propsAsIs: !1
+}), t = () => n, _ = /* @__PURE__ */ s(t())({
+  name: "IconDefault",
+  class: "IconDefault_i1grrgwj",
+  propsAsIs: !0
+}), c = () => n, d = /* @__PURE__ */ s(c())({
+  name: "IconCircle",
+  class: "IconCircle_ibemyq8",
+  propsAsIs: !0
+}), A = /* @__PURE__ */ s("span")({
+  name: "Title",
+  class: "Title_t1dceht",
+  propsAsIs: !1
+}), B = /* @__PURE__ */ s("span")({
+  name: "Indicators",
+  class: "Indicators_i116q4vq",
+  propsAsIs: !1
+}), C = /* @__PURE__ */ s("span")({
+  name: "Percentage",
+  class: "Percentage_p17ajcu2",
+  propsAsIs: !1
+}), e = () => o, b = /* @__PURE__ */ s(e())({
+  name: "CheckIcon",
+  class: "CheckIcon_cu9kmlb",
+  propsAsIs: !0
+});
 export {
-  d as ButtonBody,
-  c as ButtonContainer,
-  l as ButtonPct,
-  v as CheckIcon,
-  r as Icon,
-  h as IconCircle,
-  s as IconContainer,
-  g as IconDefault,
-  p as IconWrap,
-  b as Indicators,
-  x as Percentage,
-  u as Title
+  m as ButtonBody,
+  I as ButtonContainer,
+  i as ButtonPct,
+  b as CheckIcon,
+  n as Icon,
+  d as IconCircle,
+  u as IconContainer,
+  _ as IconDefault,
+  f as IconWrap,
+  B as Indicators,
+  C as Percentage,
+  A as Title
 };

package/lib/ui/gamification/vote/win-bar/styles.js

@@ -1,50 +1,42 @@
-import { styled as t } from "@linaria/react";
-import { SvgIcon as i } from "../../../icons/index.js";
+import { styled as s } from "@linaria/react";
+import { SvgIcon as n } from "../../../icons/index.js";
 import "react/jsx-runtime";
 import "react";
-const a = t.div`
-  border: 1px solid var(--color-neutrals-gray3);
-  font-family: var(--font-regular);
-  font-weight: var(--font-weight-default);
-  color: var(--color-neutrals-gray9);
-  width: 100%;
-  min-height: 40px;
-  border-radius: 100px;
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
-  padding: 3px 3px 3px 11px;
-  font-size: 14px;
-  letter-spacing: -0.15px;
-
-  > div:first-child:last-child {
-    margin-left: auto;
-    margin-right: auto;
-  }
-`, s = t.div`
-  display: flex;
-  align-items: center;
-`, l = t.div`
-  color: var(--color-neutrals-gray7);
-  margin-right: 8px;
-`, p = t(i)`
-  margin-right: 4px;
-`, g = t.div`
-  display: flex;
-  align-items: flex-end;
-`, c = t.span`
-  margin-right: 6px;
-  font-size: 14px;
-  line-height: 14px;
-`, d = t.span`
-  font-size: 10px;
-`;
+const p = /* @__PURE__ */ s("div")({
+  name: "WinBarContainer",
+  class: "WinBarContainer_wie6cqo",
+  propsAsIs: !1
+}), c = /* @__PURE__ */ s("div")({
+  name: "Content",
+  class: "Content_cgizw4u",
+  propsAsIs: !1
+}), l = /* @__PURE__ */ s("div")({
+  name: "Title",
+  class: "Title_t1l3ucjp",
+  propsAsIs: !1
+}), o = () => n, r = /* @__PURE__ */ s(o())({
+  name: "WinIcon",
+  class: "WinIcon_wx7j799",
+  propsAsIs: !0
+}), m = /* @__PURE__ */ s("div")({
+  name: "Points",
+  class: "Points_p4lwuj0",
+  propsAsIs: !1
+}), I = /* @__PURE__ */ s("span")({
+  name: "PointsCount",
+  class: "PointsCount_po9i64o",
+  propsAsIs: !1
+}), C = /* @__PURE__ */ s("span")({
+  name: "PointsUnits",
+  class: "PointsUnits_pe5g05h",
+  propsAsIs: !1
+});
 export {
-  s as Content,
-  g as Points,
-  c as PointsCount,
-  d as PointsUnits,
+  c as Content,
+  m as Points,
+  I as PointsCount,
+  C as PointsUnits,
   l as Title,
-  a as WinBarContainer,
-  p as WinIcon
+  p as WinBarContainer,
+  r as WinIcon
 };