@zohoim/chat-components 1.2.3-beta-3 → 1.2.3-beta-5

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.
Files changed (6) hide show
  1. package/assets/Appearance/dark/mode/General_DarkMode.module.css +2 -1
  2. package/assets/Appearance/light/mode/General_LightMode.module.css +2 -1
  3. package/assets/Appearance/pureDark/mode/General_PureDarkMode.module.css +2 -1
  4. package/es/im/IMMessageMeta/css/IMMessageMeta.module.css +5 -0
  5. package/lib/im/IMMessageMeta/css/IMMessageMeta.module.css +5 -0
  6. package/package.json +1 -1
package/assets/Appearance/dark/mode/General_DarkMode.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --imlib_chat_components_imIntegrationIcon_instagram_color: linear-gradient(221.05deg,#933ab9 11.59%,#d12f8c 50.45%,#fdbb59 85.46%);
13
13
  --imlib_chat_components_imIntegrationIcon_asap_color: linear-gradient(180deg, #A375FF 0%, #7732FF 100%);
14
14
  --imlib_chat_components_imIntegrationIcon_fb_color: hsla(215, 100.00%, calc(50.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
15
- --imlib_chat_components_imIntegrationIcon_weCom_color: hsla(215, 48.12%, calc(53.14% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
15
+ --imlib_chat_components_imIntegrationIcon_weCom_color: hsla(214, 48.62%, calc(50.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
16
16
 
17
17
  /* two tone icon colors */
18
18
  --imlib_chat_components_imTtIcon_path0_color: rgba(255, 255, 255, 0.25);
@@ -36,6 +36,7 @@
36
36
  --imlib_chat_components_articleBubble_summary_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
37
37
  --imlib_chat_components_imMessageContent_text_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
38
38
  --imlib_chat_components_imMessageMeta_time_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
39
+ --imlib_chat_components_imMessageMeta_icon_color: hsla(218, 6.90%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
39
40
  --imlib_chat_components_imAutoMessageInfo_text_color: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
40
41
  --imlib_chat_components_messageBubble_messageBox_footer_text_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
41
42
  --imlib_chat_components_messageStatus_send_color: hsla(228, 11.42%, calc(42.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/light/mode/General_LightMode.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --imlib_chat_components_imIntegrationIcon_instagram_color: linear-gradient(221.05deg,#933ab9 11.59%,#d12f8c 50.45%,#fdbb59 85.46%);
13
13
  --imlib_chat_components_imIntegrationIcon_asap_color: linear-gradient(180deg, #A375FF 0%, #7732FF 100%);
14
14
  --imlib_chat_components_imIntegrationIcon_fb_color: hsla(215, 100.00%, calc(50.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
15
- --imlib_chat_components_imIntegrationIcon_weCom_color: hsla(215, 48.12%, calc(53.14% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
15
+ --imlib_chat_components_imIntegrationIcon_weCom_color: hsla(214, 48.62%, calc(50.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
16
16
 
17
17
  /* two tone icon colors */
18
18
  --imlib_chat_components_imTtIcon_path0_color: rgba(200,203,220,0.7);
@@ -36,6 +36,7 @@
36
36
  --imlib_chat_components_articleBubble_summary_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
37
37
  --imlib_chat_components_imMessageContent_text_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
38
38
  --imlib_chat_components_imMessageMeta_time_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
39
+ --imlib_chat_components_imMessageMeta_icon_color: hsla(240, 1.29%, calc(45.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
39
40
  --imlib_chat_components_imAutoMessageInfo_text_color: hsla(240, 1.29%, calc(45.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
40
41
  --imlib_chat_components_messageBubble_messageBox_footer_text_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
41
42
  --imlib_chat_components_messageStatus_send_color: hsla(228, 11.42%, calc(42.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/assets/Appearance/pureDark/mode/General_PureDarkMode.module.css CHANGED
@@ -12,7 +12,7 @@
12
12
  --imlib_chat_components_imIntegrationIcon_instagram_color: linear-gradient(221.05deg,#933ab9 11.59%,#d12f8c 50.45%,#fdbb59 85.46%);
13
13
  --imlib_chat_components_imIntegrationIcon_asap_color: linear-gradient(180deg, #A375FF 0%, #7732FF 100%);
14
14
  --imlib_chat_components_imIntegrationIcon_fb_color: hsla(215, 100.00%, calc(50.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
15
- --imlib_chat_components_imIntegrationIcon_weCom_color: hsla(215, 48.12%, calc(53.14% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
15
+ --imlib_chat_components_imIntegrationIcon_weCom_color: hsla(214, 48.62%, calc(50.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
16
16
 
17
17
  /* two tone icon colors */
18
18
  --imlib_chat_components_imTtIcon_path0_color: rgba(255, 255, 255, 0.25);
@@ -36,6 +36,7 @@
36
36
  --imlib_chat_components_articleBubble_summary_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
37
37
  --imlib_chat_components_imMessageContent_text_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
38
38
  --imlib_chat_components_imMessageMeta_time_color: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
39
+ --imlib_chat_components_imMessageMeta_icon_color: hsla(0, 0.00%, calc(59.22% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
39
40
  --imlib_chat_components_imAutoMessageInfo_text_color: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
40
41
  --imlib_chat_components_messageBubble_messageBox_footer_text_color: hsla(220, 10.45%, calc(39.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
41
42
  --imlib_chat_components_messageStatus_send_color: hsla(228, 11.42%, calc(42.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
package/es/im/IMMessageMeta/css/IMMessageMeta.module.css CHANGED
@@ -48,6 +48,11 @@
48
48
  height: var(--zd_size14) ;
49
49
  }
50
50
 
51
+ .iconWrapper{
52
+ display: flex;
53
+ color: var(--imlib_chat_components_imMessageMeta_icon_color);
54
+ }
55
+
51
56
  [dir=ltr] .iconWrapper{
52
57
  margin-right: var(--zd_size4) ;
53
58
  }
package/lib/im/IMMessageMeta/css/IMMessageMeta.module.css CHANGED
@@ -48,6 +48,11 @@
48
48
  height: var(--zd_size14) ;
49
49
  }
50
50
 
51
+ .iconWrapper{
52
+ display: flex;
53
+ color: var(--imlib_chat_components_imMessageMeta_icon_color);
54
+ }
55
+
51
56
  [dir=ltr] .iconWrapper{
52
57
  margin-right: var(--zd_size4) ;
53
58
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohoim/chat-components",
3
- "version": "1.2.3-beta-3",
3
+ "version": "1.2.3-beta-5",
4
4
  "description": "Chat Components",
5
5
  "main": "lib/index.js",
6
6
  "module": "es/index.js",