@streamlayer/react-ui 0.100.5 → 1.0.0

package/lib/ui/theme/masters-theme.d.ts

@@ -0,0 +1,25 @@
+export declare const MASTERS_COLORS: {
+    PRIMARY_GREEN1: string;
+    PRIMARY_GREEN2: string;
+    PRIMARY_GREEN3: string;
+    PRIMARY_GREEN4: string;
+    SECONDARY_RED1: string;
+    SECONDARY_RED2: string;
+    SECONDARY_RED3: string;
+    SECONDARY_YELLOW: string;
+    SECONDARY_GREEN5: string;
+    SECONDARY_GREEN6: string;
+    NEUTRALS_WHITE: string;
+    NEUTRALS_GRAY1: string;
+    NEUTRALS_GRAY2: string;
+    NEUTRALS_GRAY3: string;
+    NEUTRALS_GRAY4: string;
+    NEUTRALS_GRAY5: string;
+    NEUTRALS_GRAY6: string;
+    NEUTRALS_GRAY7: string;
+    NEUTRALS_GRAY8: string;
+    NEUTRALS_GRAY9: string;
+    NEUTRALS_BLACK: string;
+};
+export declare const mastersThemeStr: string;
+export declare const mastersTheme: import("@linaria/core").LinariaClassName;

package/lib/ui/theme/masters-theme.js

@@ -0,0 +1,96 @@
+import { breakpoints as A } from "./breakpoints.js";
+const T = {
+  BG_TRANSPARENT: "rgba(0,0,0, .8)",
+  BG_TRANSPARENT_VOTE_CONTAINER: "rgba(10, 14, 19, 0.8)",
+  BG_TRANSPARENT_ITEM: "rgba(0, 0, 0, 0.7)",
+  BG_TRANSPARENT_ITEM_VOTE: "rgba(255, 255, 255, 0.1)",
+  BG_TRANSPARENT_ITEM_SUCCESS: "rgba(0, 139, 251, 0.2)",
+  BG_TRANSPARENT_ITEM_ERROR: "rgba(205, 37, 37, 0.2)",
+  BG_TRANSPARENT_VOTE_PROGRESS: "rgba(255, 255, 255, 0.2)",
+  BG_TRANSPARENT_VOTE_PROGRESS_SUCCESS: "rgba(60, 139, 251, 0.5)",
+  BG_TRANSPARENT_VOTE_PROGRESS_ERROR: "rgba(205, 37, 37, 0.5)",
+  BG_TRANSPARENT_ONBOARDING_INAPP: "rgba(138, 159, 182, 0.2)",
+  LEADERBOARD_UNIT: "rgba(255, 255, 255, 0.5)",
+  BLUE_PRIMARY: "#1589EE",
+  RED_PRIMARY: "#CD2525",
+  RED_SECONDARY: "#EB5757",
+  BLUE_QUESTION_ACTION_BTN: "#1589ee",
+  WHITE: "#FFFFFF",
+  GREY_1: "#909395",
+  GREY_2: "#22262b",
+  GREY_3: "#2d3135",
+  GREY_4: "#53565a",
+  GREY_PRIMARY_ONBOARDING_INAPP: "#B5B7B8",
+  BLACK_1: "#161a1f",
+  GREEN_1: "#F7B801",
+  RED_1: "#A30000",
+  RED_2: "#FF4170",
+  GREY_PRIMARY: "#909395",
+  DIVIDER_COLOR_SECONDARY: "#53565a",
+  GREEN_PRIMARY_BTN: "#009B77"
+}, S = {
+  PRIMARY_GREEN1: "#107D57",
+  PRIMARY_GREEN2: "#006747",
+  PRIMARY_GREEN3: "#1C4932",
+  PRIMARY_GREEN4: "#193526",
+  SECONDARY_RED1: "#DF2F3B",
+  SECONDARY_RED2: "#BA0C2F",
+  SECONDARY_RED3: "#f9d6d8",
+  SECONDARY_YELLOW: "#fce300",
+  SECONDARY_GREEN5: "#C0DC8F",
+  SECONDARY_GREEN6: "#cee5de",
+  NEUTRALS_WHITE: "#FFFFFF",
+  NEUTRALS_GRAY1: "#F7F7F7",
+  NEUTRALS_GRAY2: "#F2F2F1",
+  NEUTRALS_GRAY3: "#E8E8E8",
+  NEUTRALS_GRAY4: "#D9D9D6",
+  NEUTRALS_GRAY5: "#B1B3B3",
+  NEUTRALS_GRAY6: "#888B8D",
+  NEUTRALS_GRAY7: "#6B6F73",
+  NEUTRALS_GRAY8: "#53565A",
+  NEUTRALS_GRAY9: "#25282A",
+  NEUTRALS_BLACK: "#000000"
+}, _ = Object.assign({}, T, S), R = {
+  REGULAR: "'Benton Sans', BentonSans, Arial, Helvetica, sans-serif",
+  SERIF: "'Tiempos', 'Tiempos Text', Times New Roman, serif",
+  COLOR: "#fff",
+  WEIGHT_DEFAULT: "500"
+}, a = Object.keys(_).reduce((e, E) => {
+  const N = _[E];
+  return `
+    ${e}
+    --color-${E.toLowerCase().replaceAll("_", "-")}: ${N};
+  `;
+}, ""), r = `
+  ${a}
+  --font-family: ${R.REGULAR};
+  --font-regular: ${R.REGULAR};
+  --font-color: ${R.COLOR};
+  --font-serif: ${R.SERIF};
+  --font-weight-default: ${R.WEIGHT_DEFAULT};
+
+  --header-offset: 0px;
+  --header-height: 68px;
+  --watch-live-header: 0px;
+  --animation-duration: 0.5s;
+  --animation-function: ease;
+  --container-padding: 16px;
+  --border-radius: 8px;
+  --pill-offset: 0px;
+  --max-width: 600px;
+  --max-notifications-width: 400px;
+
+  ${A.down("xl")`
+    --header-offset: 56px;
+    --watch-live-header: 46px;
+  `}
+
+  ${A.intermediate("xl", "lg")`
+    --header-offset: 76px;
+  `}
+`, G = "m1ojpy2l";
+export {
+  S as MASTERS_COLORS,
+  G as mastersTheme,
+  r as mastersThemeStr
+};

package/lib/ui/theme/masters.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+export declare const StreamLayerMastersThemeProvider: React.FC<{
+    children: React.ReactNode;
+    style?: React.CSSProperties;
+}>;

package/lib/ui/theme/masters.js

@@ -0,0 +1,6 @@
+import { jsx as e } from "react/jsx-runtime";
+import { mastersTheme as a } from "./masters-theme.js";
+const o = ({ children: r, style: m }) => /* @__PURE__ */ e("div", { className: "StreamLayerSDKTheme", children: /* @__PURE__ */ e("div", { className: a, style: m, children: r }) });
+export {
+  o as StreamLayerMastersThemeProvider
+};

package/lib/ui/theme/theme.js

@@ -10,7 +10,7 @@ const l = `
   --font-weight-default: ${t.WEIGHT_DEFAULT};
 
   --header-offset: 0px;
-  --header-height: 68px;
+  --header-height: 0px;
   --watch-live-header: 0px;
   --animation-duration: 0.5s;
   --animation-function: ease;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "0.100.5",
+  "version": "1.0.0",
   "type": "module",
   "main": "./src/index.js",
   "typings": "./lib/index.d.ts",
@@ -11,14 +11,19 @@
       "types": "./lib/index.d.ts"
     },
     "./masters": {
-      "import": "./lib/ui/app/masters.js",
-      "default": "./lib/ui/app/masters.js",
-      "types": "./lib/ui/app/masters.d.ts"
+      "import": "./lib/ui/app/masters/masters.js",
+      "default": "./lib/ui/app/masters/masters.js",
+      "types": "./lib/ui/app/masters/masters.d.ts"
+    },
+    "./mastersPoints": {
+      "import": "./lib/ui/app/masters/Points/index.js",
+      "default": "./lib/ui/app/masters/Points/index.js",
+      "types": "./lib/ui/app/masters/Points/index.d.ts"
     },
     "./points": {
-      "import": "./lib/ui/app/Points/index.js",
-      "default": "./lib/ui/app/Points/index.js",
-      "types": "./lib/ui/app/Points/index.d.ts"
+      "import": "./lib/ui/app/app/Points/index.js",
+      "default": "./lib/ui/app/app/Points/index.js",
+      "types": "./lib/ui/app/app/Points/index.d.ts"
     },
     "./*": {
       "import": "./lib/*/index.js",
@@ -44,18 +49,18 @@
     "react-virtualized-auto-sizer": "^1.0.24",
     "react-window": "^1.8.10",
     "react-window-infinite-loader": "^1.0.9",
-    "@streamlayer/feature-gamification": "^0.41.3",
-    "@streamlayer/sdk-web": "^0.33.7",
-    "@streamlayer/sdk-web-analytics": "^0.2.3",
-    "@streamlayer/sdk-web-anonymous-auth": "^0.11.49",
-    "@streamlayer/sdk-web-api": "^0.25.2",
-    "@streamlayer/sdk-web-core": "^0.23.2",
-    "@streamlayer/sdk-web-features": "^0.11.31",
-    "@streamlayer/sdk-web-interfaces": "^0.22.2",
-    "@streamlayer/sdk-web-logger": "^0.5.22",
-    "@streamlayer/sdk-web-notifications": "^0.16.2",
-    "@streamlayer/sdk-web-storage": "^0.4.9",
-    "@streamlayer/sdk-web-types": "^0.23.4"
+    "@streamlayer/feature-gamification": "^1.0.0",
+    "@streamlayer/sdk-web-analytics": "^1.0.0",
+    "@streamlayer/sdk-web": "^1.0.0",
+    "@streamlayer/sdk-web-api": "^1.0.0",
+    "@streamlayer/sdk-web-core": "^1.0.0",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.0.0",
+    "@streamlayer/sdk-web-features": "^1.0.0",
+    "@streamlayer/sdk-web-interfaces": "^1.0.0",
+    "@streamlayer/sdk-web-logger": "^1.0.0",
+    "@streamlayer/sdk-web-notifications": "^1.0.0",
+    "@streamlayer/sdk-web-storage": "^1.0.0",
+    "@streamlayer/sdk-web-types": "^1.0.0"
   },
   "nx": {
     "implicitDependencies": [
@@ -95,6 +100,6 @@
     "vite-plugin-svgr": "^4.2.0",
     "vite-svg-loader": "^5.1.0",
     "vite-tsconfig-paths": "^4.3.2",
-    "@streamlayer/react": "^0.41.10"
+    "@streamlayer/react": "^1.0.0"
   }
 }