@streamlayer/react-ui 1.10.0 → 1.11.0

package/lib/ui/navigation/button/FeaturedGroups.d.ts

@@ -1,5 +1,5 @@
 import { ButtonProps } from '.';
 export declare const FeaturedGroupsButtonId = "featuredGroups";
 export declare const FeaturedGroupsButton: React.FC<Omit<ButtonProps, 'label' | 'id' | 'icon'> & {
-    labelFull: boolean;
+    labelFull?: boolean;
 }>;

package/lib/ui/navigation/index.d.ts

@@ -1,5 +1,7 @@
-import { ButtonProps } from './button';
-export declare const Navigation: React.FC<{
-    children: React.ReactElement<ButtonProps>[];
+export declare const Navigation: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;
+export declare const NavigationItems: {
+    __wyw_meta: unknown;
+} & import('react').FC<{
+    children: React.ReactElement<import('./button').ButtonProps>[];
     className?: string;
 }>;

package/lib/ui/navigation/index.js

@@ -1,16 +1,15 @@
-import { jsx as o } from "react/jsx-runtime";
-import { styled as r } from "@linaria/react";
-const n = /* @__PURE__ */ r("div")({
-  name: "Buttons",
-  class: "b6tbwuy",
+import { styled as a } from "@linaria/react";
+import { Navigation as s } from "./styles.js";
+const n = /* @__PURE__ */ a("div")({
+  name: "Navigation",
+  class: "n6tbwuy",
   propsAsIs: !1
-}), i = ({
-  children: t,
-  className: s
-}) => /* @__PURE__ */ o(n, {
-  className: s,
-  children: t
+}), t = () => s, e = /* @__PURE__ */ a(t())({
+  name: "NavigationItems",
+  class: "n1up4z7v",
+  propsAsIs: !0
 });
 export {
-  i as Navigation
+  n as Navigation,
+  e as NavigationItems
 };

package/lib/ui/navigation/masters.js

@@ -1,5 +1,5 @@
 import { styled as a } from "@linaria/react";
-import { Navigation as s } from "./index.js";
+import { Navigation as s } from "./styles.js";
 const n = /* @__PURE__ */ a("div")({
   name: "Navigation",
   class: "n19lpak2",

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

@@ -0,0 +1,5 @@
+import { ButtonProps } from './button';
+export declare const Navigation: React.FC<{
+    children: React.ReactElement<ButtonProps>[];
+    className?: string;
+}>;

package/lib/ui/navigation/styles.js

@@ -0,0 +1,16 @@
+import { jsx as t } from "react/jsx-runtime";
+import { styled as r } from "@linaria/react";
+const n = /* @__PURE__ */ r("div")({
+  name: "Buttons",
+  class: "b5o8qbl",
+  propsAsIs: !1
+}), i = ({
+  children: o,
+  className: s
+}) => /* @__PURE__ */ t(n, {
+  className: s,
+  children: o
+});
+export {
+  i as Navigation
+};

package/lib/ui/theme/theme.js

@@ -1,5 +1,5 @@
 import { jsx as i, jsxs as t } from "react/jsx-runtime";
-import { breakpoints as d } from "./breakpoints.js";
+import { breakpoints as n } from "./breakpoints.js";
 import { colors as p, colorsAdvertisement as s, FONT as e } from "./constants.js";
 const l = `
   ${p}
@@ -20,7 +20,6 @@ const l = `
 
   --header-offset: 0px;
   --header-height: 68px;
-  --watch-live-header: 0px;
   --animation-duration: 0.5s;
   --animation-function: ease;
   --container-padding: 16px;
@@ -46,12 +45,11 @@ const l = `
   --promo-animation-duration: 0.5s;
   --promo-animation-function: ease-in;
 
-  ${d.down("xl")`
+  ${n.down("xl")`
     --header-offset: 0px;
-    --watch-live-header: 46px;
   `}
 
-  ${d.intermediate("xl", "lg")`
+  ${n.intermediate("xl", "lg")`
     --header-offset: 0px;
   `}
 
@@ -87,7 +85,7 @@ const l = `
     --adv-sponsor-logo-size: 28px;
     --adv-sponsor-font-size: 12px;
   }
-`, m = "StreamLayerCSSReset", c = "ttkj0ah", g = () => /* @__PURE__ */ i("table", {
+`, m = "StreamLayerCSSReset", g = "ttkj0ah", c = () => /* @__PURE__ */ i("table", {
   children: /* @__PURE__ */ t("table", {
     children: [/* @__PURE__ */ i("thead", {
       children: /* @__PURE__ */ t("tr", {
@@ -98,8 +96,8 @@ const l = `
         })]
       })
     }), /* @__PURE__ */ i("tbody", {
-      children: l.split(";").map((n) => {
-        const a = n.trim(), [o, r] = a.split(":");
+      children: l.split(";").map((d) => {
+        const a = d.trim(), [o, r] = a.split(":");
         return /* @__PURE__ */ t("tr", {
           children: [/* @__PURE__ */ i("td", {
             children: o
@@ -112,8 +110,8 @@ const l = `
   })
 });
 export {
-  g as ThemeVariables,
+  c as ThemeVariables,
   m as resetCss,
-  c as theme,
+  g as theme,
   l as themeStr
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.10.0",
+  "version": "1.11.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -59,18 +59,18 @@
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^1.7.0",
-    "@streamlayer/sdk-web": "^1.4.0",
-    "@streamlayer/sdk-web-analytics": "^1.4.0",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.1.0",
-    "@streamlayer/sdk-web-api": "^1.6.0",
-    "@streamlayer/sdk-web-core": "^1.5.0",
-    "@streamlayer/sdk-web-features": "^1.0.21",
-    "@streamlayer/sdk-web-interfaces": "^1.2.0",
-    "@streamlayer/sdk-web-logger": "^1.0.21",
-    "@streamlayer/sdk-web-notifications": "^1.2.0",
-    "@streamlayer/sdk-web-storage": "^1.0.21",
-    "@streamlayer/sdk-web-types": "^1.7.0"
+    "@streamlayer/feature-gamification": "^1.8.0",
+    "@streamlayer/sdk-web": "^1.5.0",
+    "@streamlayer/sdk-web-analytics": "^1.4.1",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.1.1",
+    "@streamlayer/sdk-web-api": "^1.6.1",
+    "@streamlayer/sdk-web-core": "^1.6.0",
+    "@streamlayer/sdk-web-features": "^1.0.22",
+    "@streamlayer/sdk-web-interfaces": "^1.2.1",
+    "@streamlayer/sdk-web-logger": "^1.0.22",
+    "@streamlayer/sdk-web-notifications": "^1.2.1",
+    "@streamlayer/sdk-web-storage": "^1.0.22",
+    "@streamlayer/sdk-web-types": "^1.7.1"
   },
   "nx": {
     "implicitDependencies": [
@@ -111,6 +111,6 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^5.0.1",
-    "@streamlayer/react": "^1.7.0"
+    "@streamlayer/react": "^1.8.0"
   }
 }

package/lib/app/app/Navigation/SDKPillNode.d.ts

@@ -1 +0,0 @@
-export declare const SDKPillNode: import('@linaria/react').StyledComponent<import('react').ClassAttributes<HTMLDivElement> & import('react').HTMLAttributes<HTMLDivElement> & Record<never, unknown>>;

package/lib/app/app/Navigation/SDKPillNode.js

@@ -1,9 +0,0 @@
-import { styled as s } from "@linaria/react";
-const l = /* @__PURE__ */ s("div")({
-  name: "SDKPillNode",
-  class: "sze5zj7",
-  propsAsIs: !1
-});
-export {
-  l as SDKPillNode
-};