ugcinc-render 1.8.196 → 1.8.197

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
package/dist/index.js CHANGED
@@ -3612,7 +3612,7 @@ var IG_THEME_COLORS = {
3612
3612
  footerBg: "#d3d3d3",
3613
3613
  inputBg: "#EFEFEF",
3614
3614
  textPrimary: "#000000",
3615
- textSecondary: "#8E8E8E",
3615
+ textSecondary: "#6a6e77",
3616
3616
  recipientBubble: "#f4f5f7",
3617
3617
  divider: "#ecedef",
3618
3618
  activeGreen: "#1CD14F",
@@ -4578,6 +4578,7 @@ function generateMessageElements(props, calculatedMessages) {
4578
4578
  var STORY_REPLY_INPUT_ID_PREFIX = "story-reply-";
4579
4579
  function generateStoryReplyElements(props, calculatedMessages) {
4580
4580
  const elements = [];
4581
+ const themeColors = getThemeColors(props.theme);
4581
4582
  const storyReplyImageWidth = props.storyReplyImageWidth ?? STORY_REPLY_DEFAULTS.storyReplyImageWidth;
4582
4583
  const storyReplyImageRight = props.storyReplyImageRight ?? STORY_REPLY_DEFAULTS.storyReplyImageRight;
4583
4584
  const storyReplyImageBorderRadius = props.storyReplyImageBorderRadius ?? STORY_REPLY_DEFAULTS.storyReplyImageBorderRadius;
@@ -4643,7 +4644,7 @@ function generateStoryReplyElements(props, calculatedMessages) {
4643
4644
  font: "apple",
4644
4645
  fontSize: storyReplyTextFontSize,
4645
4646
  fontWeight: "normal",
4646
- color: "#a3aab2",
4647
+ color: themeColors.textSecondary,
4647
4648
  letterSpacing: storyReplyTextLetterSpacing,
4648
4649
  textAlign: "left",
4649
4650
  verticalAlign: "middle"
package/dist/index.mjs CHANGED
@@ -2658,7 +2658,7 @@ var IG_THEME_COLORS = {
2658
2658
  footerBg: "#d3d3d3",
2659
2659
  inputBg: "#EFEFEF",
2660
2660
  textPrimary: "#000000",
2661
- textSecondary: "#8E8E8E",
2661
+ textSecondary: "#6a6e77",
2662
2662
  recipientBubble: "#f4f5f7",
2663
2663
  divider: "#ecedef",
2664
2664
  activeGreen: "#1CD14F",
@@ -3624,6 +3624,7 @@ function generateMessageElements(props, calculatedMessages) {
3624
3624
  var STORY_REPLY_INPUT_ID_PREFIX = "story-reply-";
3625
3625
  function generateStoryReplyElements(props, calculatedMessages) {
3626
3626
  const elements = [];
3627
+ const themeColors = getThemeColors(props.theme);
3627
3628
  const storyReplyImageWidth = props.storyReplyImageWidth ?? STORY_REPLY_DEFAULTS.storyReplyImageWidth;
3628
3629
  const storyReplyImageRight = props.storyReplyImageRight ?? STORY_REPLY_DEFAULTS.storyReplyImageRight;
3629
3630
  const storyReplyImageBorderRadius = props.storyReplyImageBorderRadius ?? STORY_REPLY_DEFAULTS.storyReplyImageBorderRadius;
@@ -3689,7 +3690,7 @@ function generateStoryReplyElements(props, calculatedMessages) {
3689
3690
  font: "apple",
3690
3691
  fontSize: storyReplyTextFontSize,
3691
3692
  fontWeight: "normal",
3692
- color: "#a3aab2",
3693
+ color: themeColors.textSecondary,
3693
3694
  letterSpacing: storyReplyTextLetterSpacing,
3694
3695
  textAlign: "left",
3695
3696
  verticalAlign: "middle"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "ugcinc-render",
3
- "version": "1.8.196",
3
+ "version": "1.8.197",
4
4
  "description": "Unified rendering package for UGC Inc - shared types, components, and compositions for pixel-perfect client/server rendering",
5
5
  "main": "dist/index.js",
6
6
  "module": "dist/index.mjs",