@streamlayer/react-ui 0.57.0 → 0.59.0

package/lib/ui/gamification/detailed-insight/styles.d.ts

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Image: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const AdditionalContent: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Title: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Description: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const AdditionalBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLAnchorElement> & import("react").AnchorHTMLAttributes<HTMLAnchorElement> & Record<never, unknown>>;
-export declare const LinkIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;

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

@@ -1,62 +0,0 @@
-import { styled as o } from "@linaria/react";
-const t = o.div`
-  box-sizing: border-box;
-  font-size: 14px;
-  color: var(--color-white);
-  display: flex;
-  flex-direction: column;
-  justify-content: center;
-  align-items: center;
-  padding: 16px 12px;
-`, e = o.img`
-  border-radius: 50%;
-  width: 130px;
-  height: 130px;
-  border: 1px solid #7e7e7f;
-  margin-bottom: 8px;
-`, n = o.div`
-  width: 100%;
-  margin-bottom: 8px;
-`, r = o.div`
-  font-weight: 700;
-  margin-bottom: 8px;
-`, d = o.div`
-  font-weight: 400;
-`, c = o.a`
-  box-sizing: border-box;
-  text-decoration: none;
-  color: var(--color-white);
-  font-size: 13px;
-  font-weight: 600;
-  background-color: var(--color-blue-question-action-btn);
-  padding: 10px 5px;
-  border-radius: 6px;
-  width: 100%;
-  display: inline-block;
-  cursor: pointer;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-  text-align: center;
-
-  &:active,
-  &:hover,
-  &:visited {
-    text-decoration: none;
-    color: var(--color-white);
-  }
-`, l = o.img`
-  width: 17px;
-  height: 16px;
-  vertical-align: middle;
-  margin-left: 10px;
-`;
-export {
-  c as AdditionalBtn,
-  n as AdditionalContent,
-  t as Container,
-  d as Description,
-  e as Image,
-  l as LinkIcon,
-  r as Title
-};

package/lib/ui/gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-type OnboardingInstructionsProps = {
-    graphic: string;
-    headline: string;
-};
-export declare const OnboardingInstructions: React.FC<OnboardingInstructionsProps>;
-export {};

package/lib/ui/gamification/onboarding/components/onboarding-slides/onboarding-instructions/index.js

@@ -1,10 +0,0 @@
-import { jsx as r, jsxs as t } from "react/jsx-runtime";
-import { Container as o, Content as c, Graphic as e, Headline as s } from "./styles.js";
-import "@linaria/react";
-const d = ({ graphic: n, headline: i }) => /* @__PURE__ */ r(o, { children: /* @__PURE__ */ t(c, { children: [
-  /* @__PURE__ */ r(e, { alt: "graphic-img-instructions", src: n }),
-  /* @__PURE__ */ r(s, { children: i })
-] }) });
-export {
-  d as OnboardingInstructions
-};

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

@@ -1,30 +0,0 @@
-import { styled as t } from "@linaria/react";
-const i = t.div`
-  width: 100%;
-  height: 100%;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`, n = t.div`
-  width: 80%;
-  height: 100%;
-  display: flex;
-  flex-direction: column;
-  justify-content: space-between;
-  align-items: center;
-`, o = t.img`
-  margin-bottom: 24px;
-  width: 100%;
-`, d = t.div`
-  word-break: break-word;
-  font-weight: 600;
-  font-size: 17px;
-  padding: 0px 20px;
-  text-align: center;
-`;
-export {
-  i as Container,
-  n as Content,
-  o as Graphic,
-  d as Headline
-};

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-type OnboardingInviteCardProps = {
-    inviteCardTitle?: string;
-    inviteCardSubtext?: string;
-    primaryColor?: string;
-};
-export declare const OnboardingInviteCard: React.FC<OnboardingInviteCardProps>;
-export {};

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

@@ -1,17 +0,0 @@
-import { jsx as M, jsxs as I } from "react/jsx-runtime";
-import { Container as z, Content as g, InviteGameIconWrap as A, InviteGameIcon as T, Heading as x, Subtext as E, InviteBtn as L } from "./styles.js";
-import "@linaria/react";
-const u = "data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMjUiIGhlaWdodD0iMjQiIHZpZXdCb3g9IjAgMCAyNSAyNCIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPGcgaWQ9IkZyaWVuZHMiPgo8cGF0aCBpZD0iVmVjdG9yIiBkPSJNNC4xOTIzMSA3LjAzMTI1QzIuNjYzNDYgNy4wMzEyNSAxLjQyMzA4IDguMTk5NzMgMS40MjMwOCA5LjYzOTk0QzEuNDIzMDggMTEuMDgwMiAyLjY2MzQ2IDEyLjI0ODYgNC4xOTIzMSAxMi4yNDg2QzUuNzIxMTUgMTIuMjQ4NiA2Ljk2MTU0IDExLjA4MDIgNi45NjE1NCA5LjYzOTk0QzYuOTYxNTQgOC4xOTk3MyA1LjcyMTE1IDcuMDMxMjUgNC4xOTIzMSA3LjAzMTI1Wk00LjE5MjMxIDEyLjI0ODZDMi4xNjIyNiAxMi4yNDg2IDAuNSAxMy44MTQ1IDAuNSAxNS43MjY5VjE3LjYyOUMwLjUgMTcuNjI5IDEuNDIzMDggMTguMzM1NiA0LjE5MjMxIDE4LjMzNTZDNi45NjE1NCAxOC4zMzU2IDcuODg0NjEgMTcuNjI5IDcuODg0NjEgMTcuNjI5VjE1LjcyNjlDNy44ODQ2MSAxMy44MTQ1IDYuMjIyMzYgMTIuMjQ4NiA0LjE5MjMxIDEyLjI0ODZaTTIwLjgwNzcgNy4wMzEyNUMxOS4yNzg4IDcuMDMxMjUgMTguMDM4NSA4LjE5OTczIDE4LjAzODUgOS42Mzk5NEMxOC4wMzg1IDExLjA4MDIgMTkuMjc4OCAxMi4yNDg2IDIwLjgwNzcgMTIuMjQ4NkMyMi4zMzY1IDEyLjI0ODYgMjMuNTc2OSAxMS4wODAyIDIzLjU3NjkgOS42Mzk5NEMyMy41NzY5IDguMTk5NzMgMjIuMzM2NSA3LjAzMTI1IDIwLjgwNzcgNy4wMzEyNVpNMjAuODA3NyAxMi4yNDg2QzE4Ljc3NzYgMTIuMjQ4NiAxNy4xMTU0IDEzLjgxNDUgMTcuMTE1NCAxNS43MjY5VjE3LjYyOUMxNy4xMTU0IDE3LjYyOSAxOC4wMzg1IDE4LjMzNTYgMjAuODA3NyAxOC4zMzU2QzIzLjU3NjkgMTguMzM1NiAyNC41IDE3LjYyOSAyNC41IDE3LjYyOVYxNS43MjY5QzI0LjUgMTMuODE0NSAyMi44Mzc3IDEyLjI0ODYgMjAuODA3NyAxMi4yNDg2Wk0xMi41IDEwLjUwOTVDMTAuOTcxMiAxMC41MDk1IDkuNzMwNzcgMTEuNjc4IDkuNzMwNzcgMTMuMTE4MkM5LjczMDc3IDE0LjU1ODQgMTAuOTcxMiAxNS43MjY5IDEyLjUgMTUuNzI2OUMxNC4wMjg4IDE1LjcyNjkgMTUuMjY5MiAxNC41NTg0IDE1LjI2OTIgMTMuMTE4MkMxNS4yNjkyIDExLjY3OCAxNC4wMjg4IDEwLjUwOTUgMTIuNSAxMC41MDk1Wk0xMi41IDE1LjcyNjlDMTAuNDcgMTUuNzI2OSA4LjgwNzY5IDE3LjI5MjggOC44MDc2OSAxOS4yMDUxVjIxLjEwNzNDOC44MDc2OSAyMS4xMDczIDkuNzMwNzcgMjEuODEzOCAxMi41IDIxLjgxMzhDMTUuMjY5MiAyMS44MTM4IDE2LjE5MjMgMjEuMTA3MyAxNi4xOTIzIDIxLjEwNzNWMTkuMjA1MUMxNi4xOTIzIDE3LjI5MjggMTQuNTMgMTUuNzI2OSAxMi41IDE1LjcyNjlaIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBpZD0iVmVjdG9yXzIiIGQ9Ik04LjU4NDczIDEuNUM2Ljk2MzkyIDEuNSA1LjY0ODkzIDIuNzM4NzYgNS42NDg5MyA0LjI2NTZDNS42NDg5MyA1Ljc5MjQ1IDYuOTYzOTIgNy4wMzEyMSA4LjU4NDczIDcuMDMxMjFDMTAuMjA1NSA3LjAzMTIxIDExLjUyMDUgNS43OTI0NSAxMS41MjA1IDQuMjY1NkMxMS41MjA1IDIuNzM4NzYgMTAuMjA1NSAxLjUgOC41ODQ3MyAxLjVaTTguNTg0NzMgNy4wMzEyMUM4LjI5MDM4IDcuMDMxMjEgNy45OTIyMSA3LjAyNCA3LjY5Nzg3IDcuMTE3NjNDOC4yODY1NiA3Ljg1NTg0IDguNTg0NzMgOC43ODEzMSA4LjU4NDczIDkuNzk2ODFDOC41ODQ3MyAxMC4xNjQxIDguNDkyOTggMTAuNTI0MiA4LjQ5Mjk4IDEwLjg5MTVDOS4yNzY2MyA5Ljc4NjAxIDEwLjU0MTkgOS4wNTg1OSAxMi4wMDk4IDguODc0OTRDMTEuMzI1NiA3Ljc2OTQyIDEwLjA1MjYgNy4wMzEyMSA4LjU4NDczIDcuMDMxMjFaTTE2LjQxMzUgMS41QzE0Ljc5MjcgMS41IDEzLjQ3NzcgMi43Mzg3NiAxMy40Nzc3IDQuMjY1NkMxMy40Nzc3IDUuNzkyNDUgMTQuNzkyNyA3LjAzMTIxIDE2LjQxMzUgNy4wMzEyMUMxOC4wMzQzIDcuMDMxMjEgMTkuMzQ5MyA1Ljc5MjQ1IDE5LjM0OTMgNC4yNjU2QzE5LjM0OTMgMi43Mzg3NiAxOC4wMzQzIDEuNSAxNi40MTM1IDEuNVpNMTYuNDEzNSA3LjAzMTIxQzE0Ljk0NTYgNy4wMzEyMSAxMy42NzI3IDcuNzY5NDIgMTIuOTg4NCA4Ljg3NDk0QzE0LjQ1NjMgOS4wNTg1OSAxNS43MjE2IDkuNzg2MDEgMTYuNTA1MyAxMC44OTE1QzE2LjUwNTMgMTAuNTI0MiAxNi40MTM1IDEwLjE2NDEgMTYuNDEzNSA5Ljc5NjgxQzE2LjQxMzUgOC43ODEzMSAxNi43MTE3IDcuODU1ODQgMTcuMzAwNCA3LjExNzYzQzE3LjAwNiA3LjAyNCAxNi43MDc5IDcuMDMxMjEgMTYuNDEzNSA3LjAzMTIxWiIgZmlsbD0id2hpdGUiIGZpbGwtb3BhY2l0eT0iMC40Ii8+CjwvZz4KPC9zdmc+Cg==", c = ({
-  inviteCardTitle: j,
-  inviteCardSubtext: D,
-  primaryColor: N
-}) => /* @__PURE__ */ M(z, { children: /* @__PURE__ */ I(g, { children: [
-  /* @__PURE__ */ M(A, { style: { backgroundColor: N }, children: /* @__PURE__ */ M(T, { alt: "invite-game-icon", src: u }) }),
-  /* @__PURE__ */ M(x, { children: j || "" }),
-  /* @__PURE__ */ M(E, { children: D || "" }),
-  /* @__PURE__ */ M(L, { onClick: () => {
-  }, style: { backgroundColor: N }, children: "Invite friends!" })
-] }) });
-export {
-  c as OnboardingInviteCard
-};

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

@@ -1,8 +0,0 @@
-/// <reference types="react" />
-export declare const Container: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Content: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const InviteGameIconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const InviteGameIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;
-export declare const Heading: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Subtext: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const InviteBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;

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

@@ -1,55 +0,0 @@
-import { styled as t } from "@linaria/react";
-const e = t.div`
-  width: 100%;
-  flex: 1;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`, o = t.div`
-  color: #fff;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-`, i = t.div`
-  width: 48px;
-  height: 48px;
-  border-radius: 50%;
-  margin-bottom: 24px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  background-color: var(--color-green-primary-btn);
-`, r = t.img`
-  width: 24px;
-  height: 24px;
-`, c = t.div`
-  font-size: 20px;
-  font-weight: 600;
-  text-align: center;
-  margin-bottom: 8px;
-`, a = t.div`
-  font-size: 14px;
-  font-weight: 400;
-  text-align: center;
-`, p = t.button`
-  border: none;
-  outline: none;
-  background-color: transparent;
-  border: 2px solid var(--color-green-primary-btn);
-  padding: 12px 16px;
-  color: #fff;
-  font-size: 16px;
-  font-weight: 600;
-  cursor: pointer;
-  border-radius: 6px;
-  margin-top: 24px;
-`;
-export {
-  e as Container,
-  o as Content,
-  c as Heading,
-  p as InviteBtn,
-  r as InviteGameIcon,
-  i as InviteGameIconWrap,
-  a as Subtext
-};

package/lib/ui/gamification/onboarding/components/onboarding-slides/onboarding-rules/index.js

@@ -1,13 +0,0 @@
-import { jsxs as n, jsx as r } from "react/jsx-runtime";
-import { Container as c, Title as m, RulesList as d, RulesItem as h, RuleNumber as p, RuleText as s } from "./styles.js";
-import "@linaria/react";
-const b = ({ rules: e, rulesTitle: o, primaryColor: t }) => /* @__PURE__ */ n(c, { children: [
-  /* @__PURE__ */ r(m, { children: o }),
-  /* @__PURE__ */ r(d, { children: e == null ? void 0 : e.map((l, i) => /* @__PURE__ */ n(h, { children: [
-    /* @__PURE__ */ r(p, { style: { backgroundColor: t }, children: i + 1 }),
-    /* @__PURE__ */ r(s, { children: l })
-  ] }, i)) })
-] });
-export {
-  b as OnboardingRules
-};

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

@@ -1,43 +0,0 @@
-import { styled as e } from "@linaria/react";
-const t = e.div`
-  width: 100%;
-  flex: 1;
-  display: flex;
-  flex-direction: column;
-  align-items: center;
-  color: #fff;
-  padding: 0px 8px;
-`, o = e.div`
-  font-size: 20px;
-  font-weight: 700;
-`, r = e.div`
-  max-height: 190px;
-  overflow: auto;
-`, n = e.div`
-  display: flex;
-  max-width: 100%;
-  margin-top: 24px;
-`, d = e.div`
-  background-color: var(--color-green-primary-btn);
-  margin-right: 16px;
-  width: 36px;
-  height: 36px;
-  border-radius: 50%;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-`, l = e.div`
-  word-break: break-word;
-  overflow: hidden;
-  padding-right: 30px;
-  flex: 1;
-  max-height: 39px;
-`;
-export {
-  t as Container,
-  d as RuleNumber,
-  l as RuleText,
-  n as RulesItem,
-  r as RulesList,
-  o as Title
-};