@streamlayer/react-ui 0.64.0 → 0.64.1

package/lib/ui/app/Notifications/Onboarding/index.js

@@ -9,7 +9,6 @@ import "../../../gamification/onboarding/slides/onboarding-instructions/index.js
 import "../../../lottie/index.js";
 import "@lottiefiles/react-lottie-player";
 import "../../../gamification/onboarding/slides/onboarding-instructions/styles.js";
-import "@linaria/core";
 import "../../../gamification/onboarding/slides/onboarding-invite-card/index.js";
 import "../../../icons/index.js";
 import "../../../gamification/onboarding/slides/onboarding-invite-card/styles.js";
@@ -18,6 +17,7 @@ import "../../../gamification/onboarding/slides/onboarding-rules/styles.js";
 import "../../../gamification/onboarding/styles.js";
 import "../../../button/index.js";
 import "../../../button/styles.js";
+import "@linaria/core";
 const C = g(f)`
   height: 100%;
 

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

@@ -8,7 +8,6 @@ import { Container as A, OnboardingHeader as B, CloseBtn as z, IconClose as E, C
 import "../../lottie/index.js";
 import "@lottiefiles/react-lottie-player";
 import "./slides/onboarding-instructions/styles.js";
-import "@linaria/core";
 import "@linaria/react";
 import "../../icons/index.js";
 import "./slides/onboarding-invite-card/styles.js";
@@ -19,13 +18,13 @@ const e = {
   steps: !1,
   rules: !1,
   inviteCard: !1
-}, ii = ({
+}, s = ({
   gamification: f,
   steps: i,
   rules: n,
   rulesBtnLabel: h,
   rulesTitle: b,
-  primaryColor: m,
+  primaryColor: d,
   inviteLink: C,
   socialLinks: u,
   inviteCardTitle: S,
@@ -33,27 +32,27 @@ const e = {
   inviteCardBtnLabel: v,
   onClose: O
 }) => {
-  const [a, d] = g(0), [t, r] = g(e);
+  const [a, m] = g(0), [t, r] = g(e);
   N(() => {
     i != null && i.length ? r({ ...e, steps: !0 }) : n != null && n.length ? r({ ...e, rules: !0 }) : r({ ...e, inviteCard: !0 });
   }, []);
   const p = k(() => {
-    i != null && i.length && a < i.length - 1 ? d((l) => ++l) : n != null && n.length && t.steps ? r({ ...e, rules: !0 }) : t.rules && r({ ...e, inviteCard: !0 });
-  }, [a, i == null ? void 0 : i.length, n == null ? void 0 : n.length, t, d, r]), I = async () => {
+    i != null && i.length && a < i.length - 1 ? m((l) => ++l) : n != null && n.length && t.steps ? r({ ...e, rules: !0 }) : t.rules && r({ ...e, inviteCard: !0 });
+  }, [a, i == null ? void 0 : i.length, n == null ? void 0 : n.length, t, m, r]), I = async () => {
     await f.onboardingStatus.submitInplay();
   };
   return /* @__PURE__ */ o(D, { children: ({ width: l, height: x }) => /* @__PURE__ */ c(A, { style: { width: l, height: x }, children: [
     /* @__PURE__ */ o(B, { children: /* @__PURE__ */ o(z, { onClick: O, children: /* @__PURE__ */ o(E, { name: "icon-close-btn-gray" }) }) }),
     /* @__PURE__ */ c(F, { children: [
       t.steps && (i == null ? void 0 : i.length) && /* @__PURE__ */ o(T, { stepsCount: i.length, currentStep: a, ...i[a] }),
-      t.rules && /* @__PURE__ */ o(w, { rules: n, rulesTitle: b, primaryColor: m }),
+      t.rules && /* @__PURE__ */ o(w, { rules: n, rulesTitle: b, primaryColor: d }),
       t.inviteCard && /* @__PURE__ */ o(
         j,
         {
           inviteLink: C,
           inviteCardTitle: S,
           inviteCardSubtext: y,
-          primaryColor: m,
+          primaryColor: d,
           socialLinks: u
         }
       )
@@ -62,5 +61,5 @@ const e = {
   ] }) });
 };
 export {
-  ii as Onboarding
+  s as Onboarding
 };

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

@@ -1,22 +1,21 @@
-import { jsxs as i, jsx as r } from "react/jsx-runtime";
-import { Lottie as a } from "../../../../lottie/index.js";
-import { Container as p, Content as c, Graphic as s, Headline as d, StepsContainer as l, StepIndicator as h } from "./styles.js";
+import { jsxs as o, jsx as r } from "react/jsx-runtime";
+import { Lottie as m } from "../../../../lottie/index.js";
+import { Container as p, Content as a, Graphic as d, Headline as s, StepsContainer as h, StepIndicator as l } from "./styles.js";
 import "@lottiefiles/react-lottie-player";
 import "react-virtualized-auto-sizer";
-import "@linaria/core";
 import "@linaria/react";
-const b = ({
-  graphicSrc: n,
+const S = ({
+  graphicSrc: i,
   headline: t,
   stepsCount: e,
-  currentStep: m
-}) => /* @__PURE__ */ i(p, { children: [
-  /* @__PURE__ */ i(c, { children: [
-    /* @__PURE__ */ r(a, { className: s, src: n }),
-    t && /* @__PURE__ */ r(d, { children: t })
+  currentStep: c
+}) => /* @__PURE__ */ o(p, { children: [
+  /* @__PURE__ */ o(a, { children: [
+    /* @__PURE__ */ r(d, { children: /* @__PURE__ */ r(m, { src: i }) }),
+    t && /* @__PURE__ */ r(s, { children: t })
   ] }),
-  /* @__PURE__ */ r(l, { children: Array.from({ length: e }).map((f, o) => /* @__PURE__ */ r(h, { "data-active": m === o }, o)) })
+  /* @__PURE__ */ r(h, { children: Array.from({ length: e }).map((f, n) => /* @__PURE__ */ r(l, { "data-active": c === n }, n)) })
 ] });
 export {
-  b as OnboardingInstructions
+  S as OnboardingInstructions
 };

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

@@ -1,7 +1,7 @@
 /// <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 Graphic: import("@linaria/core").LinariaClassName;
+export declare const Graphic: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const Headline: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StepsContainer: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
 export declare const StepIndicator: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLSpanElement> & import("react").HTMLAttributes<HTMLSpanElement> & Record<never, unknown>>;

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

@@ -1,22 +1,21 @@
-import { css as e } from "@linaria/core";
 import { styled as t } from "@linaria/react";
-const r = t.div`
+const o = t.div`
   display: flex;
   flex-grow: 1;
   flex-direction: column;
   padding-bottom: 24px;
-`, i = t.div`
+`, n = t.div`
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
   height: 100%;
   padding: 0 16px 32px;
-`, a = e`
+`, i = t.div`
   display: flex;
   flex-grow: 1;
-  align-items: center;
-`, c = t.div`
+  width: 100%;
+`, r = t.div`
   max-width: 270px;
   color: var(--color-primary-green1);
   font-family: var(--font-serif);
@@ -24,11 +23,11 @@ const r = t.div`
   font-weight: 400;
   line-height: 30px;
   text-align: center;
-`, l = t.div`
+`, a = t.div`
   display: flex;
   justify-content: center;
   column-gap: 8px;
-`, p = t.span`
+`, c = t.span`
   width: 6px;
   height: 6px;
   border-radius: 50%;
@@ -39,10 +38,10 @@ const r = t.div`
   }
 `;
 export {
-  r as Container,
-  i as Content,
-  a as Graphic,
-  c as Headline,
-  p as StepIndicator,
-  l as StepsContainer
+  o as Container,
+  n as Content,
+  i as Graphic,
+  r as Headline,
+  c as StepIndicator,
+  a as StepsContainer
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.64.0",
+  "version": "0.64.1",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -84,6 +84,6 @@
     "vite-plugin-svgr": "^4.1.0",
     "vite-svg-loader": "^4.0.0",
     "vite-tsconfig-paths": "^4.2.1",
-    "@streamlayer/react": "^0.29.5"
+    "@streamlayer/react": "^0.29.6"
   }
 }