@streamlayer/react-ui 1.12.1 → 1.13.1

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

@@ -1,6 +1,6 @@
 import { breakpoints as i } from "./breakpoints.js";
 import { FONT as t } from "./constants.js";
-const E = {
+const r = {
   // eslint-disable-next-line @typescript-eslint/ban-ts-comment
   // @ts-expect-error
   BG_TRANSPARENT: "rgba(0,0,0, .8)",
@@ -32,11 +32,11 @@ const E = {
   SERIF: "'Tiempos', 'Tiempos Text', Times New Roman, serif",
   COLOR: "#fff",
   WEIGHT_DEFAULT: "500"
-}, R = Object.entries(E).reduce((n, [a, o]) => `
+}, E = Object.entries(r).reduce((n, [o, a]) => `
     ${n}
-    --color-${a.toLowerCase().replaceAll("_", "-")}: ${o};
-  `, ""), r = `
-  ${R}
+    --color-${o.toLowerCase().replaceAll("_", "-")}: ${a};
+  `, ""), R = `
+  ${E}
   --font-family: ${e.REGULAR};
   --font-regular: ${e.REGULAR};
   --font-color: ${e.COLOR};
@@ -51,6 +51,11 @@ const E = {
   --line-height-default: ${t.LINE_HEIGHT};
   --margin-title-default: ${t.MARGIN_TITLE_DEFAULT};
   --font-header-title: 0.75rem;
+  --color-vote-btn-border: transparent;
+  --color-vote-btn-not-selected-bg-unset: #fff;
+  --color-voted-answer-bg: #1D7BFF;
+  --color-voted-btn-rct-bg: #fff;
+  --color-prediction-bg-lines-correct: #095CD1;
 
   --header-offset: 0px;
   --header-height: 68px;
@@ -73,7 +78,8 @@ const E = {
   --insight-image-display: inline;
   --web-link-align-items: center;
   --web-link-column-gap: 10px;
-
+  --welcome-screen-graphic-size: 80px;
+  --welcome-screen-graphic-size-xl: 125px;
   --insight-image-ratio: 16/9;
 
   ${i.down("xl")`
@@ -84,9 +90,9 @@ const E = {
   ${i.intermediate("xl", "lg")`
     --header-offset: 76px;
   `}
-`, s = "m1ojpy2l";
+`, T = "m1ojpy2l";
 export {
-  E as MASTERS_COLORS,
-  s as mastersTheme,
-  r as mastersThemeStr
+  r as MASTERS_COLORS,
+  T as mastersTheme,
+  R as mastersThemeStr
 };

package/lib/ui/theme/theme.js

@@ -17,13 +17,14 @@ const l = `
   --font-size-small: ${e.SIZE_DEFAULT2};
   --line-height-default: ${e.LINE_HEIGHT};
   --margin-title-default: ${e.MARGIN_TITLE_DEFAULT};
-  --font-header-title: 0.75rem;
+  --font-header-title: 1.125rem;
 
   --header-offset: 0px;
   --header-height: 68px;
   --animation-duration: 0.5s;
   --animation-function: ease;
   --container-padding: 16px;
+  --tabs-padding-top: 16px;
   --summary-container-padding-bottom: 16px;
   --max-tabs-width: 100%;
   --border-radius: 8px;
@@ -35,6 +36,7 @@ const l = `
   --padding-web-link-btn: 11px 16px;
   --insight-content-padding: 0px;
   --close-icon-size: 12px;
+  --close-icon-size: 1.125rem;
   --close-icon-stroke-width: 1.5;
   --padding-title-default: 0px;
   --insight-image-display: inline;
@@ -42,8 +44,8 @@ const l = `
   --web-link-column-gap: 10px;
   --nav-border: 1px solid var(--color-neutrals-gray3);
   --card-border: 1px solid var(--color-card-border);
-  --welcome-screen-graphic-size: 80px;
-  --welcome-screen-graphic-size-xl: 125px;
+  --welcome-screen-graphic-size: 144px;
+  --welcome-screen-graphic-size-xl: 144px;
 
   --row-gap-default: 12px;
   --row-gap-default1: 12px;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@streamlayer/react-ui",
-  "version": "1.12.1",
+  "version": "1.13.1",
   "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/sdk-web": "^1.5.6",
-    "@streamlayer/sdk-web-analytics": "^1.4.7",
-    "@streamlayer/sdk-web-anonymous-auth": "^1.1.7",
-    "@streamlayer/feature-gamification": "^1.9.1",
-    "@streamlayer/sdk-web-api": "^1.6.7",
-    "@streamlayer/sdk-web-core": "^1.6.6",
-    "@streamlayer/sdk-web-features": "^1.0.28",
-    "@streamlayer/sdk-web-logger": "^1.0.28",
-    "@streamlayer/sdk-web-interfaces": "^1.2.7",
-    "@streamlayer/sdk-web-notifications": "^1.2.7",
-    "@streamlayer/sdk-web-storage": "^1.0.28",
-    "@streamlayer/sdk-web-types": "^1.8.1"
+    "@streamlayer/feature-gamification": "^1.10.0",
+    "@streamlayer/sdk-web": "^1.6.1",
+    "@streamlayer/sdk-web-analytics": "^1.4.9",
+    "@streamlayer/sdk-web-anonymous-auth": "^1.1.9",
+    "@streamlayer/sdk-web-api": "^1.6.9",
+    "@streamlayer/sdk-web-core": "^1.7.1",
+    "@streamlayer/sdk-web-features": "^1.0.30",
+    "@streamlayer/sdk-web-interfaces": "^1.2.9",
+    "@streamlayer/sdk-web-logger": "^1.0.30",
+    "@streamlayer/sdk-web-notifications": "^1.2.9",
+    "@streamlayer/sdk-web-storage": "^1.0.30",
+    "@streamlayer/sdk-web-types": "^1.8.3"
   },
   "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.8.6"
+    "@streamlayer/react": "^1.9.1"
   }
 }