@streamlayer/react-ui 0.55.0 → 0.56.0

package/lib/ui/notifications/notification/question-inapp/index.js

@@ -1,23 +0,0 @@
-import { jsxs as t, jsx as n } from "react/jsx-runtime";
-import { useCallback as a } from "react";
-import { c as s } from "../../../../icon-exit-d3f9fc80.js";
-import { Container as d, IconWrap as m, Icon as C, Content as h, TitleWrap as I, Title as f, CloseBtnWrap as k, CloseBtn as u, CloseIcon as x } from "./styles.js";
-import "@linaria/react";
-const B = ({ close: o, action: p, data: { color: r, icon: i, title: c } }) => {
-  const e = a(
-    (l) => {
-      l.stopPropagation(), o == null || o();
-    },
-    [o]
-  );
-  return /* @__PURE__ */ t(d, { onClick: p, children: [
-    /* @__PURE__ */ n(m, { style: r ? { backgroundColor: r } : {}, children: i && /* @__PURE__ */ n(C, { alt: "in-app-icon", src: i }) }),
-    /* @__PURE__ */ t(h, { children: [
-      /* @__PURE__ */ n(I, { children: /* @__PURE__ */ n(f, { id: "in-app-title", children: c || "" }) }),
-      /* @__PURE__ */ n(k, { children: /* @__PURE__ */ n(u, { onClick: e, children: /* @__PURE__ */ n(x, { alt: "close-in-app-icon", src: s }) }) })
-    ] })
-  ] });
-};
-export {
-  B as QuestionInApp
-};

package/lib/ui/notifications/notification/question-inapp/styles.d.ts

@@ -1,10 +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 IconWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const Icon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & 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 TitleWrap: 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 CloseBtnWrap: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLDivElement> & import("react").HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
-export declare const CloseBtn: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLButtonElement> & import("react").ButtonHTMLAttributes<HTMLButtonElement> & Record<never, unknown>>;
-export declare const CloseIcon: import("@linaria/react").StyledComponent<import("react").ClassAttributes<HTMLImageElement> & import("react").ImgHTMLAttributes<HTMLImageElement> & Record<never, unknown>>;

package/lib/ui/notifications/notification/question-inapp/styles.js

@@ -1,61 +0,0 @@
-import { styled as e } from "@linaria/react";
-const o = e.div`
-  border: 1px solid var(--color-blue-primary);
-  background-color: var(--color-bg-transparent);
-  cursor: pointer;
-  overflow: hidden;
-`, n = e.div`
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 14px;
-  background-color: var(--color-blue-primary);
-`, i = e.img`
-  max-width: 40px;
-  max-height: 40px;
-  width: 100%;
-  height: 100%;
-  border-radius: 50%;
-`, r = e.div`
-  display: flex;
-  justify-content: space-between;
-  width: 100%;
-  align-items: center;
-`, d = e.div`
-  padding-left: 20px;
-  padding-right: 5px;
-  font-weight: 700;
-  font-size: 14px;
-  flex: 1;
-`, l = e.div`
-  display: -webkit-box;
-  -webkit-box-orient: vertical;
-  -webkit-line-clamp: 2;
-  overflow: hidden;
-  word-break: break-word;
-  text-overflow: ellipsis;
-`, a = e.div`
-  padding: 20px;
-`, c = e.button`
-  border: none;
-  outline: none;
-  background-color: transparent;
-  cursor: pointer;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-`, s = e.img`
-  width: 24px;
-  height: 24px;
-`;
-export {
-  c as CloseBtn,
-  a as CloseBtnWrap,
-  s as CloseIcon,
-  o as Container,
-  r as Content,
-  i as Icon,
-  n as IconWrap,
-  l as Title,
-  d as TitleWrap
-};

package/lib/ui/notifications/notification/styles.d.ts

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

package/lib/ui/notifications/notification/styles.js

@@ -1,32 +0,0 @@
-import { styled as i } from "@linaria/react";
-const r = i.div`
-  position: absolute;
-  right: 0;
-  transition: transform 0.3s ease;
-  width: 100%;
-
-  > div {
-    border-radius: 8px;
-    width: 100%;
-    backdrop-filter: blur(10px);
-    display: flex;
-    color: var(--color-white);
-    animation: slide-in 0.3s ease-in;
-    position: relative;
-    box-sizing: border-box;
-    user-select: none;
-  }
-
-  @keyframes slide-in {
-    from {
-      right: -100%;
-    }
-
-    to {
-      right: 0;
-    }
-  }
-`;
-export {
-  r as NotificationContainer
-};

package/lib/ui/notifications/styles.d.ts

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

package/lib/ui/notifications/styles.js

@@ -1,15 +0,0 @@
-import { styled as t } from "@linaria/react";
-const o = t.div`
-  position: absolute;
-  right: 10px;
-  top: 10px;
-  max-width: 600px;
-  width: 100%;
-
-  > div {
-    margin-bottom: 10px;
-  }
-`;
-export {
-  o as NotificationsContainer
-};