@streamlayer/react-ui 1.33.3 → 1.34.0

package/lib/app/webos/ui/Sidebar/styles.js

@@ -12,34 +12,42 @@ const b = /* @__PURE__ */ s("div")({
   class: "c18fzrta",
   propsAsIs: !1
 }), k = /* @__PURE__ */ s("div")({
-  name: "Header",
-  class: "hxfcca1",
+  name: "Content",
+  class: "cxfcca1",
   propsAsIs: !1
 }), V = /* @__PURE__ */ s("div")({
+  name: "ContentWrap",
+  class: "cz4xk2s",
+  propsAsIs: !1
+}), Q = /* @__PURE__ */ s("div")({
+  name: "Header",
+  class: "h1udizru",
+  propsAsIs: !1
+}), y = /* @__PURE__ */ s("div")({
   name: "BrandBlock",
-  class: "bz4xk2s",
+  class: "b1keaj5j",
   propsAsIs: !1
-}), Q = /* @__PURE__ */ s("img")({
+}), S = /* @__PURE__ */ s("img")({
   name: "LogoIcon",
-  class: "l1udizru",
+  class: "l17io0yd",
   propsAsIs: !1
-}), y = /* @__PURE__ */ s("div")({
+}), T = /* @__PURE__ */ s("div")({
   name: "BrandText",
-  class: "b1keaj5j",
+  class: "b4ldrvh",
   propsAsIs: !1
-}), S = /* @__PURE__ */ s("div")({
+}), M = /* @__PURE__ */ s("div")({
   name: "BrandNameContainer",
-  class: "b17io0yd",
+  class: "bxfmzcm",
   propsAsIs: !1
-}), T = /* @__PURE__ */ s("span")({
+}), _ = /* @__PURE__ */ s("span")({
   name: "BrandName",
-  class: "b4ldrvh",
+  class: "baubznb",
   propsAsIs: !1
-}), M = /* @__PURE__ */ s("span")({
+}), j = /* @__PURE__ */ s("span")({
   name: "Sponsored",
-  class: "sxfmzcm",
+  class: "s1n8ue7o",
   propsAsIs: !1
-}), _ = (e) => /* @__PURE__ */ o("svg", {
+}), H = (e) => /* @__PURE__ */ o("svg", {
   viewBox: "0 0 24 24",
   fill: "white",
   xmlns: "http://www.w3.org/2000/svg",
@@ -49,53 +57,53 @@ const b = /* @__PURE__ */ s("div")({
     clipRule: "evenodd",
     d: "M6.225 4.811a.75.75 0 0 1 1.06 0L12 9.525l4.715-4.714a.75.75 0 1 1 1.06 1.06L13.06 10.5l4.715 4.715a.75.75 0 0 1-1.06 1.06L12 11.56l-4.715 4.715a.75.75 0 0 1-1.06-1.06L10.94 10.5 6.225 5.785a.75.75 0 0 1 0-1.06z"
   })
-}), q = /* @__PURE__ */ s("button")({
+}), W = /* @__PURE__ */ s("button")({
   name: "CloseButton",
-  class: "caubznb",
+  class: "cexkm55",
   propsAsIs: !1
-}), f = () => d, H = /* @__PURE__ */ s(f())({
+}), f = () => d, q = /* @__PURE__ */ s(f())({
   name: "FocusableVideo",
-  class: "f1n8ue7o",
+  class: "filh2qp",
   propsAsIs: !0
-}), j = /* @__PURE__ */ s("div")({
+}), D = /* @__PURE__ */ s("div")({
   name: "VideoWrapper",
-  class: "vexkm55",
+  class: "v1x04fia",
   propsAsIs: !1
 }), m = () => ({
   isPlaying: e
-}) => e ? "none" : "block", W = /* @__PURE__ */ s("button")({
+}) => e ? "none" : "block", P = /* @__PURE__ */ s("button")({
   name: "PlayPauseButton",
-  class: "pilh2qp",
+  class: "p15di30w",
   propsAsIs: !1,
   vars: {
-    "pilh2qp-0": [m()]
+    "p15di30w-0": [m()]
   }
 }), v = () => ({
   visible: e
-}) => e ? "flex" : "none", D = /* @__PURE__ */ s("div")({
+}) => e ? "flex" : "none", Z = /* @__PURE__ */ s("div")({
   name: "CenterIndicator",
-  class: "c1x04fia",
+  class: "cui9wi2",
   propsAsIs: !1,
   vars: {
-    "c1x04fia-0": [v()]
+    "cui9wi2-0": [v()]
   }
-}), P = /* @__PURE__ */ s("div")({
+}), z = /* @__PURE__ */ s("div")({
   name: "VideoBlock",
-  class: "v15di30w",
+  class: "vddh3kx",
   propsAsIs: !1
 }), I = () => ({
   backgroundColor: e
 }) => e || "#0f6cd4", x = () => ({
   textColor: e
-}) => e || "#fff", Z = /* @__PURE__ */ s("div")({
+}) => e || "#fff", N = /* @__PURE__ */ s("div")({
   name: "SendToUserButton",
-  class: "sui9wi2",
+  class: "s13i81d3",
   propsAsIs: !1,
   vars: {
-    "sui9wi2-0": [I()],
-    "sui9wi2-1": [x()]
+    "s13i81d3-0": [I()],
+    "s13i81d3-1": [x()]
   }
-}), z = () => /* @__PURE__ */ o("svg", {
+}), U = () => /* @__PURE__ */ o("svg", {
   fill: "white",
   style: {
     fill: "white",
@@ -110,52 +118,52 @@ const b = /* @__PURE__ */ s("div")({
     d: "M5.57502 27.5H34.9099C37.803 27.5 39.5 25.8713 39.5 22.645V5.355C39.5 2.12878 37.7869 0.5 34.4251 0.5H5.09014C2.19706 0.5 0.5 2.12878 0.5 5.355V22.645C0.5 25.8713 2.21323 27.5 5.57502 27.5ZM5.47805 25.1039C3.87796 25.1039 2.97286 24.2425 2.97286 22.6294V5.33933C2.97286 3.74189 3.87796 2.89618 5.47805 2.89618H34.5058C36.1059 2.89618 37.0272 3.74189 37.0272 5.355V22.645C37.0272 24.2425 36.1059 25.1039 34.5058 25.1039H5.47805ZM19.9919 18.1189C21.0263 18.1189 22.0285 17.7431 22.9496 16.9287L38.1586 3.66359L36.4776 2.01915L21.5435 15.0651C21.0425 15.5035 20.5253 15.7071 19.9919 15.7071C19.4586 15.7071 18.9414 15.5035 18.4403 15.0651L3.50622 2.01915L1.82532 3.66359L17.0342 16.9287C17.9554 17.7431 18.9575 18.1189 19.9919 18.1189ZM3.74866 25.4954L15.224 14.3602L13.5431 12.7315L2.06776 23.851L3.74866 25.4954ZM36.2676 25.5111L37.9484 23.8666L26.4569 12.7315L24.7598 14.3602L36.2676 25.5111Z",
     fill: "white"
   })
-}), N = /* @__PURE__ */ s("div")({
+}), F = /* @__PURE__ */ s("div")({
   name: "SendToUserText",
-  class: "sddh3kx",
+  class: "s1vr1bii",
   propsAsIs: !1
-}), U = /* @__PURE__ */ s("div")({
+}), $ = /* @__PURE__ */ s("div")({
   name: "VideoStatus",
-  class: "v13i81d3",
+  class: "v1st3522",
   propsAsIs: !1
-}), F = /* @__PURE__ */ s("h2")({
+}), E = /* @__PURE__ */ s("h2")({
   name: "Title",
-  class: "t1vr1bii",
+  class: "tjnj4vf",
   propsAsIs: !1
-}), $ = /* @__PURE__ */ s("p")({
+}), G = /* @__PURE__ */ s("p")({
   name: "Description",
-  class: "d1st3522",
+  class: "d1bj8s6q",
   propsAsIs: !1
-}), E = /* @__PURE__ */ s("div")({
+}), J = /* @__PURE__ */ s("div")({
   name: "QRBlock",
-  class: "qjnj4vf",
+  class: "q1nyi744",
   propsAsIs: !1
-}), G = /* @__PURE__ */ s("div")({
+}), K = /* @__PURE__ */ s("div")({
   name: "QRDescBlock",
-  class: "q1bj8s6q",
+  class: "q1ri138g",
   propsAsIs: !1
-}), J = /* @__PURE__ */ s("div")({
+}), O = /* @__PURE__ */ s("div")({
   name: "LearnMore",
-  class: "l1nyi744",
+  class: "l1asn3je",
   propsAsIs: !1
-}), K = /* @__PURE__ */ s("div")({
+}), X = /* @__PURE__ */ s("div")({
   name: "QRHint",
-  class: "q1ri138g",
+  class: "qa9pwin",
   propsAsIs: !1
-}), u = /* @__PURE__ */ s("div")({
+}), A = /* @__PURE__ */ s("div")({
   name: "QRWrapper",
-  class: "q1asn3je",
+  class: "q1j7gm7x",
   propsAsIs: !1
-}), A = () => i, B = /* @__PURE__ */ s(A())({
+}), C = () => i, u = /* @__PURE__ */ s(C())({
   name: "StyledQRCode",
-  class: "sa9pwin",
+  class: "s1sb0ho1",
   propsAsIs: !0
-}), O = p.forwardRef(({
+}), Y = p.forwardRef(({
   value: e,
   size: a = 200,
   fgColor: n = "#0f172a",
-  bgColor: r = "#ffffff",
-  level: t = "M",
+  bgColor: t = "#ffffff",
+  level: r = "M",
   tabIndex: l = 0
 }, c) => /* @__PURE__ */ o("a", {
   ref: c,
@@ -167,43 +175,45 @@ const b = /* @__PURE__ */ s("div")({
     borderRadius: 10
   },
   tabIndex: l,
-  children: /* @__PURE__ */ o(u, {
-    children: /* @__PURE__ */ o(B, {
+  children: /* @__PURE__ */ o(A, {
+    children: /* @__PURE__ */ o(u, {
       value: e,
       size: a,
       fgColor: n,
-      bgColor: r,
-      level: t,
+      bgColor: t,
+      level: r,
       viewBox: `0 0 ${a} ${a}`
     })
   })
 }));
 export {
-  V as BrandBlock,
-  T as BrandName,
-  S as BrandNameContainer,
-  y as BrandText,
-  D as CenterIndicator,
-  q as CloseButton,
-  _ as CloseIcon,
+  y as BrandBlock,
+  _ as BrandName,
+  M as BrandNameContainer,
+  T as BrandText,
+  Z as CenterIndicator,
+  W as CloseButton,
+  H as CloseIcon,
   g as Container,
-  $ as Description,
-  z as EnvelopeIcon,
-  H as FocusableVideo,
-  k as Header,
-  J as LearnMore,
-  Q as LogoIcon,
-  W as PlayPauseButton,
-  O as QR,
-  E as QRBlock,
-  G as QRDescBlock,
-  K as QRHint,
-  Z as SendToUserButton,
-  N as SendToUserText,
-  M as Sponsored,
-  F as Title,
-  P as VideoBlock,
-  U as VideoStatus,
-  j as VideoWrapper,
+  k as Content,
+  V as ContentWrap,
+  G as Description,
+  U as EnvelopeIcon,
+  q as FocusableVideo,
+  Q as Header,
+  O as LearnMore,
+  S as LogoIcon,
+  P as PlayPauseButton,
+  Y as QR,
+  J as QRBlock,
+  K as QRDescBlock,
+  X as QRHint,
+  N as SendToUserButton,
+  F as SendToUserText,
+  j as Sponsored,
+  E as Title,
+  z as VideoBlock,
+  $ as VideoStatus,
+  D as VideoWrapper,
   b as Wrap
 };