@zohoim/chat-components 1.0.11-beta.1 → 1.1.0

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 (154) hide show
  1. package/README.md +8 -0
  2. package/es/AttachmentHandler/AttachmentHandler.js +84 -0
  3. package/es/AttachmentHandler/css/AttachmentHandler.module.css +27 -0
  4. package/es/AttachmentHandler/index.js +1 -0
  5. package/es/AttachmentHandler/props/defaultProps.js +10 -0
  6. package/es/AttachmentHandler/props/propTypes.js +17 -0
  7. package/es/AttachmentPreview/AttachmentPreview.js +121 -0
  8. package/es/AttachmentPreview/css/AttachmentPreview.module.css +39 -0
  9. package/es/AttachmentPreview/index.js +1 -0
  10. package/es/AttachmentPreview/props/defaultProps.js +9 -0
  11. package/es/AttachmentPreview/props/propTypes.js +33 -0
  12. package/es/AttachmentPreviewBody/AttachmentPreviewBody.js +97 -0
  13. package/es/AttachmentPreviewBody/css/AttachmentPreviewBody.module.css +75 -0
  14. package/es/AttachmentPreviewBody/index.js +1 -0
  15. package/es/AttachmentPreviewBody/props/defaultProps.js +7 -0
  16. package/es/AttachmentPreviewBody/props/propTypes.js +20 -0
  17. package/es/AttachmentPreviewHeader/AttachmentPreviewHeader.js +84 -0
  18. package/es/AttachmentPreviewHeader/css/AttachmentPreviewHeader.module.css +47 -0
  19. package/es/AttachmentPreviewHeader/index.js +1 -0
  20. package/es/AttachmentPreviewHeader/props/defaultProps.js +7 -0
  21. package/es/AttachmentPreviewHeader/props/propTypes.js +16 -0
  22. package/es/Emoji/Emoji.js +72 -0
  23. package/es/Emoji/css/Emoji.module.css +48 -0
  24. package/es/Emoji/css/cssJSLogic.js +18 -0
  25. package/es/Emoji/index.js +1 -0
  26. package/es/Emoji/props/defaultProps.js +8 -0
  27. package/es/Emoji/props/propTypes.js +16 -0
  28. package/es/EmojiPopup/EmojiPopup.js +115 -0
  29. package/es/EmojiPopup/css/EmojiPopup.module.css +55 -0
  30. package/es/EmojiPopup/index.js +1 -0
  31. package/es/EmojiPopup/props/defaultProps.js +11 -0
  32. package/es/EmojiPopup/props/propTypes.js +21 -0
  33. package/es/Emojis/Emojis.js +81 -0
  34. package/es/Emojis/index.js +1 -0
  35. package/es/Emojis/props/defaultProps.js +10 -0
  36. package/es/Emojis/props/propTypes.js +20 -0
  37. package/es/EmojisEmptyState/EmojisEmptyState.js +50 -0
  38. package/es/EmojisEmptyState/css/EmojisEmptyState.module.css +18 -0
  39. package/es/EmojisEmptyState/index.js +1 -0
  40. package/es/EmojisEmptyState/props/defaultProps.js +9 -0
  41. package/es/EmojisEmptyState/props/propTypes.js +8 -0
  42. package/es/EmojisFooter/EmojisFooter.js +71 -0
  43. package/es/EmojisFooter/css/EmojisFooter.module.css +40 -0
  44. package/es/EmojisFooter/index.js +1 -0
  45. package/es/EmojisFooter/props/defaultProps.js +7 -0
  46. package/es/EmojisFooter/props/propTypes.js +12 -0
  47. package/es/EmojisHeader/EmojisHeader.js +65 -0
  48. package/es/EmojisHeader/css/EmojisHeader.module.css +36 -0
  49. package/es/EmojisHeader/index.js +1 -0
  50. package/es/EmojisHeader/props/defaultProps.js +8 -0
  51. package/es/EmojisHeader/props/propTypes.js +13 -0
  52. package/es/EmojisList/EmojisList.js +130 -0
  53. package/es/EmojisList/css/EmojisList.module.css +50 -0
  54. package/es/EmojisList/css/cssJSLogic.js +25 -0
  55. package/es/EmojisList/index.js +1 -0
  56. package/es/EmojisList/props/defaultProps.js +10 -0
  57. package/es/EmojisList/props/propTypes.js +20 -0
  58. package/es/MessageActionsMore/MessageActionsMore.js +2 -2
  59. package/es/MessageActionsMore/props/propTypes.js +5 -2
  60. package/es/MessageActionsWrapper/MessageActionsWrapper.js +1 -1
  61. package/es/Theme/ThemeAssets.js +2 -20
  62. package/es/Theme/ThemeWrapper.js +25 -14
  63. package/es/Theme/TooltipWrapper.js +1 -1
  64. package/es/Theme/props/defaultProps.js +2 -1
  65. package/es/Theme/props/propTypes.js +2 -1
  66. package/es/Theme/themeVariables/commonThemeColorVariable.js +17 -0
  67. package/es/Theme/themeVariables/dark/blueTheme.js +133 -0
  68. package/es/Theme/themeVariables/dark/commonColorVariable.js +35 -0
  69. package/es/Theme/themeVariables/dark/greenTheme.js +132 -0
  70. package/es/Theme/themeVariables/dark/orangeTheme.js +132 -0
  71. package/es/Theme/themeVariables/dark/redTheme.js +132 -0
  72. package/es/Theme/themeVariables/dark/yellowTheme.js +132 -0
  73. package/es/Theme/themeVariables/light/blueTheme.js +135 -0
  74. package/es/Theme/themeVariables/light/commonColorVariable.js +54 -0
  75. package/es/Theme/themeVariables/light/greenTheme.js +131 -0
  76. package/es/Theme/themeVariables/light/orangeTheme.js +131 -0
  77. package/es/Theme/themeVariables/light/redTheme.js +131 -0
  78. package/es/Theme/themeVariables/light/yellowTheme.js +131 -0
  79. package/es/Theme/themeVariables/pureDark/blueTheme.js +132 -0
  80. package/es/Theme/themeVariables/pureDark/commonColorVariable.js +37 -0
  81. package/es/Theme/themeVariables/pureDark/greenTheme.js +132 -0
  82. package/es/Theme/themeVariables/pureDark/orangeTheme.js +132 -0
  83. package/es/Theme/themeVariables/pureDark/redTheme.js +132 -0
  84. package/es/Theme/themeVariables/pureDark/yellowTheme.js +132 -0
  85. package/es/Theme/utils/getThemeConfigurations.js +56 -2
  86. package/es/constants/index.js +8 -1
  87. package/es/constants/propConstants/editorPropConstants.js +3 -0
  88. package/es/constants/propConstants/popupPropConstants.js +2 -0
  89. package/es/im/IMAttachmentHandler/IMAttachmentHandler.js +50 -0
  90. package/es/im/IMAttachmentHandler/index.js +1 -0
  91. package/es/im/IMAttachmentHandler/props/defaultProps.js +10 -0
  92. package/es/im/IMAttachmentHandler/props/propTypes.js +28 -0
  93. package/es/im/IMIntegrationIcon/css/IMIntegrationIcon.module.css +2 -2
  94. package/es/im/ReplyComposer/ReplyComposer.js +153 -0
  95. package/es/im/ReplyComposer/css/ReplyComposer.module.css +10 -0
  96. package/es/im/ReplyComposer/css/cssJSLogic.js +13 -0
  97. package/es/im/ReplyComposer/index.js +1 -0
  98. package/es/im/ReplyComposer/props/defaultProps.js +7 -0
  99. package/es/im/ReplyComposer/props/propTypes.js +60 -0
  100. package/es/im/ReplyComposerFooter/ReplyComposerFooter.js +41 -0
  101. package/es/im/ReplyComposerFooter/css/ReplyComposerFooter.module.css +10 -0
  102. package/es/im/ReplyComposerFooter/index.js +1 -0
  103. package/es/im/ReplyComposerFooter/props/defaultProps.js +8 -0
  104. package/es/im/ReplyComposerFooter/props/propTypes.js +17 -0
  105. package/es/im/ReplyEditor/ReplyEditor.js +103 -0
  106. package/es/im/ReplyEditor/css/ReplyEditor.module.css +50 -0
  107. package/es/im/ReplyEditor/css/cssJSLogic.js +10 -0
  108. package/es/im/ReplyEditor/index.js +1 -0
  109. package/es/im/ReplyEditor/props/defaultProps.js +8 -0
  110. package/es/im/ReplyEditor/props/propTypes.js +27 -0
  111. package/es/im/ReplyEditorExtensions/ReplyEditorExtensions.js +149 -0
  112. package/es/im/ReplyEditorExtensions/css/ReplyEditorExtensions.module.css +5 -0
  113. package/es/im/ReplyEditorExtensions/index.js +1 -0
  114. package/es/im/ReplyEditorExtensions/props/defaultProps.js +6 -0
  115. package/es/im/ReplyEditorExtensions/props/propTypes.js +16 -0
  116. package/es/im/ReplyEditorSuggestions/ReplyEditorSuggestions.js +95 -0
  117. package/es/im/ReplyEditorSuggestions/css/ReplyEditorSuggestions.module.css +8 -0
  118. package/es/im/ReplyEditorSuggestions/index.js +1 -0
  119. package/es/im/ReplyEditorSuggestions/props/defaultProps.js +6 -0
  120. package/es/im/ReplyEditorSuggestions/props/propTypes.js +21 -0
  121. package/es/im/ReplyEditorSuggestionsPopup/ReplyEditorSuggestionsPopup.js +93 -0
  122. package/es/im/ReplyEditorSuggestionsPopup/css/ReplyEditorSuggestionsPopup.module.css +7 -0
  123. package/es/im/ReplyEditorSuggestionsPopup/index.js +1 -0
  124. package/es/im/ReplyEditorSuggestionsPopup/props/defaultProps.js +10 -0
  125. package/es/im/ReplyEditorSuggestionsPopup/props/propTypes.js +21 -0
  126. package/es/im/index.js +8 -1
  127. package/es/index.js +13 -2
  128. package/es/rte/Editor/Editor.js +80 -0
  129. package/es/rte/Editor/css/Editor.module.css +17 -0
  130. package/es/rte/Editor/index.js +1 -0
  131. package/es/rte/Editor/props/defaultProps.js +21 -0
  132. package/es/rte/Editor/props/propTypes.js +52 -0
  133. package/es/rte/index.js +1 -0
  134. package/package.json +14 -21
  135. package/assets/Appearance/dark/mode/General_DarkMode.module.css +0 -71
  136. package/assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css +0 -35
  137. package/assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css +0 -35
  138. package/assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css +0 -35
  139. package/assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css +0 -35
  140. package/assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css +0 -35
  141. package/assets/Appearance/light/mode/General_LightMode.module.css +0 -71
  142. package/assets/Appearance/light/themes/blue/blue_General_LightTheme.module.css +0 -35
  143. package/assets/Appearance/light/themes/green/green_General_LightTheme.module.css +0 -35
  144. package/assets/Appearance/light/themes/orange/orange_General_LightTheme.module.css +0 -35
  145. package/assets/Appearance/light/themes/red/red_General_LightTheme.module.css +0 -35
  146. package/assets/Appearance/light/themes/yellow/yellow_General_LightTheme.module.css +0 -35
  147. package/assets/Appearance/pureDark/mode/General_PureDarkMode.module.css +0 -71
  148. package/assets/Appearance/pureDark/themes/blue/blue_General_PureDarkTheme.module.css +0 -35
  149. package/assets/Appearance/pureDark/themes/green/green_General_PureDarkTheme.module.css +0 -35
  150. package/assets/Appearance/pureDark/themes/orange/orange_General_PureDarkTheme.module.css +0 -35
  151. package/assets/Appearance/pureDark/themes/red/red_General_PureDarkTheme.module.css +0 -35
  152. package/assets/Appearance/pureDark/themes/yellow/yellow_General_PureDarkTheme.module.css +0 -35
  153. package/es/Theme/constants/index.js +0 -41
  154. package/lib/index.js +0 -382
package/assets/Appearance/pureDark/mode/General_PureDarkMode.module.css DELETED
@@ -1,71 +0,0 @@
1
- [data-zohoim-mode='pureDark'] {
2
- /* integration colors */
3
- --imlib_chat_components_imIntegrationIcon_whatsapp_color: hsla(143, 70.85%, calc(48.43% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_imIntegrationIcon_telegram_color: hsla(201, 63.72%, calc(57.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
5
- --imlib_chat_components_imIntegrationIcon_wechat_color: hsla(106, 100.00%, calc(37.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
6
- --imlib_chat_components_imIntegrationIcon_line_color: hsla(120, 98.92%, calc(36.47% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_imIntegrationIcon_twillio_color: hsla(353, 88.24%, calc(56.67% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
8
- --imlib_chat_components_imIntegrationIcon_instagram_color: linear-gradient(221.05deg,#933ab9 11.59%,#d12f8c 50.45%,#fdbb59 85.46%);
9
- --imlib_chat_components_imIntegrationIcon_asap_color: linear-gradient(180deg, #A375FF 0%, #7732FF 100%);
10
- --imlib_chat_components_imIntegrationIcon_fb_color: hsla(215, 100.00%, calc(50.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
11
-
12
- /* two tone icon colors */
13
- --imlib_chat_components_imTtIcon_path0_color: rgba(255, 255, 255, 0.25);
14
- --imlib_chat_components_imTtIcon_path1_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
15
- --imlib_chat_components_imIntegrationIcon_path0_color: rgba(255, 255, 255, 0.25);
16
- --imlib_chat_components_imIntegrationIcon_path1_color: rgb(255,255,255);
17
-
18
- /* text / icon colors */
19
- --imlib_chat_components_actionIconWrapper_color: rgb(226,228,230);
20
- --imlib_chat_components_messageBox_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_replyBubbleContent_line_color: hsla(217, 58.73%, calc(87.65% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
- --imlib_chat_components_replyBubbleContent_sender_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
23
- --imlib_chat_components_attachmentBubbleInfo_fileName_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
24
- --imlib_chat_components_attachmentBubbleInfo_fileSize_color: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
25
- --imlib_chat_components_replyBubbleContent_content_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
26
- --imlib_chat_components_replyBubbleHeader_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
27
- --imlib_chat_components_replyBubbleHeader_time_color: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
28
- --imlib_chat_components_textBubble_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
29
- --imlib_chat_components_articleBubble_title_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
30
- --imlib_chat_components_articleBubble_summary_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
31
- --imlib_chat_components_imMessageContent_text_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_imMessageMeta_time_color: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --imlib_chat_components_imAutoMessageInfo_text_color: hsla(0, 0.00%, calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
34
- --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)));
35
- --imlib_chat_components_messageStatus_send_color: hsla(228, 11.42%, calc(42.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
36
- --imlib_chat_components_imageBubble_alt_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
37
-
38
- /* text / icon failed colors */
39
- --imlib_chat_components_messageBox_failed_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
40
- --imlib_chat_components_replyBubbleHeader_text_color_failed: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
41
- --imlib_chat_components_textBubble_text_color_failed: hsla(210, 7.41%, calc(89.41% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
42
- --imlib_chat_components_imageBubble_alt_text_color_failed: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
43
- --imlib_chat_components_articleBubble_summary_color_failed: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
44
- --imlib_chat_components_replyBubbleContent_line_color_failed: hsla(0, 100.00%, calc(8.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
45
- --imlib_chat_components_replyBubbleContent_sender_color_failed: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
46
- --imlib_chat_components_attachmentBubbleInfo_fileName_color_failed: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
47
- --imlib_chat_components_attachmentBubbleInfo_fileSize_color_failed: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
48
- --imlib_chat_components_replyBubbleContent_content_color_failed: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
49
- --imlib_chat_components_replyBubbleHeader_time_color_failed: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
50
- --imlib_chat_components_articleBubble_title_color_failed: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
51
-
52
- /* bg colors */
53
- --imlib_chat_components_messageBox_bg_color: hsla(212, 86.67%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
54
-
55
- /* bg failed colors */
56
- --imlib_chat_components_messageBox_failed_bg_color: hsla(346, 36.31%, calc(30.78% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
57
- --imlib_chat_components_imageBubble_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
58
- --imlib_chat_components_attachmentBubble_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
59
- --imlib_chat_components_articleBubble_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
60
- --imlib_chat_components_locationBubble_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
61
- --imlib_chat_components_replyBubbleContent_bg_color_failed: hsla(321, 18.68%, calc(17.84% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
62
-
63
- /* border failed colors */
64
- --imlib_chat_components_attachmentBubble_border_color_failed: hsla(0, 100.00%, calc(8.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
65
- --imlib_chat_components_imageBubble_border_color_failed: hsla(0, 100.00%, calc(8.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
66
- --imlib_chat_components_locationBubble_border_color_failed: hsla(0, 100.00%, calc(8.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
67
- --imlib_chat_components_replyBubble_border_color_failed: hsla(0, 100.00%, calc(8.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
68
- --imlib_chat_components_videoBubble_border_color_failed: hsla(0, 100.00%, calc(8.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
69
- --imlib_chat_components_articleBubble_border_color_failed: hsla(0, 100.00%, calc(8.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
70
- --imlib_chat_components_replyBubbleContent_border_color_failed: hsla(0, 100.00%, calc(8.04% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
71
- }
package/assets/Appearance/pureDark/themes/blue/blue_General_PureDarkTheme.module.css DELETED
@@ -1,35 +0,0 @@
1
- [data-zohoim-mode='pureDark'][data-zohoim-theme='blue'] {
2
- /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(213, 19.57%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
- --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
- --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
-
13
- /* border colors */
14
- --imlib_chat_components_actionIconWrapper_border_color: hsla(212, 38.89%, calc(28.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
- --imlib_chat_components_attachmentBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
- --imlib_chat_components_articleBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
- --imlib_chat_components_imageBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
- --imlib_chat_components_locationBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
- --imlib_chat_components_replyBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
20
- --imlib_chat_components_replyBubbleContent_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_videoBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
-
23
- /* url / themes / primary colors */
24
- --imlib_chat_components_locationBubble_url_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --imlib_chat_components_imPermaLink_url_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
26
- --imlib_chat_components_textBubble_see_more_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
27
- --imlib_chat_components_textBubble_url_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
28
- --imlib_chat_components_messageStatus_read_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
29
-
30
- /* failed colors */
31
- --imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_locationBubble_url_color_failed: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --imlib_chat_components_textBubble_see_more_color_failed: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
34
- --imlib_chat_components_textBubble_url_color_failed: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
- }
package/assets/Appearance/pureDark/themes/green/green_General_PureDarkTheme.module.css DELETED
@@ -1,35 +0,0 @@
1
- [data-zohoim-mode='pureDark'][data-zohoim-theme='green'] {
2
- /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(133, 10.84%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
- --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
- --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
-
13
- /* border colors */
14
- --imlib_chat_components_actionIconWrapper_border_color: hsla(133, 23.48%, calc(22.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
- --imlib_chat_components_attachmentBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
- --imlib_chat_components_articleBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
- --imlib_chat_components_imageBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
- --imlib_chat_components_locationBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
- --imlib_chat_components_replyBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
20
- --imlib_chat_components_replyBubbleContent_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_videoBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
-
23
- /* url / themes / primary colors */
24
- --imlib_chat_components_locationBubble_url_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --imlib_chat_components_imPermaLink_url_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
26
- --imlib_chat_components_textBubble_see_more_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
27
- --imlib_chat_components_textBubble_url_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
28
- --imlib_chat_components_messageStatus_read_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
29
-
30
- /* failed colors */
31
- --imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_locationBubble_url_color_failed: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --imlib_chat_components_textBubble_see_more_color_failed: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
34
- --imlib_chat_components_textBubble_url_color_failed: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
- }
package/assets/Appearance/pureDark/themes/orange/orange_General_PureDarkTheme.module.css DELETED
@@ -1,35 +0,0 @@
1
- [data-zohoim-mode='pureDark'][data-zohoim-theme='orange'] {
2
- /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(26, 19.51%, calc(16.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
- --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
- --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
-
13
- /* border colors */
14
- --imlib_chat_components_actionIconWrapper_border_color: hsla(26, 40.00%, calc(21.57% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
- --imlib_chat_components_attachmentBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
- --imlib_chat_components_articleBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
- --imlib_chat_components_imageBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
- --imlib_chat_components_locationBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
- --imlib_chat_components_replyBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
20
- --imlib_chat_components_replyBubbleContent_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_videoBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
-
23
- /* url / themes / primary colors */
24
- --imlib_chat_components_locationBubble_url_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --imlib_chat_components_imPermaLink_url_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
26
- --imlib_chat_components_textBubble_see_more_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
27
- --imlib_chat_components_textBubble_url_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
28
- --imlib_chat_components_messageStatus_read_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
29
-
30
- /* failed colors */
31
- --imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_locationBubble_url_color_failed: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --imlib_chat_components_textBubble_see_more_color_failed: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
34
- --imlib_chat_components_textBubble_url_color_failed: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
- }
package/assets/Appearance/pureDark/themes/red/red_General_PureDarkTheme.module.css DELETED
@@ -1,35 +0,0 @@
1
- [data-zohoim-mode='pureDark'][data-zohoim-theme='red'] {
2
- /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(0, 13.25%, calc(16.27% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
- --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
- --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
-
13
- /* border colors */
14
- --imlib_chat_components_actionIconWrapper_border_color: hsla(2, 28.07%, calc(22.35% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
- --imlib_chat_components_attachmentBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
- --imlib_chat_components_articleBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
- --imlib_chat_components_imageBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
- --imlib_chat_components_locationBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
- --imlib_chat_components_replyBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
20
- --imlib_chat_components_replyBubbleContent_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_videoBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
-
23
- /* url / themes / primary colors */
24
- --imlib_chat_components_locationBubble_url_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --imlib_chat_components_imPermaLink_url_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
26
- --imlib_chat_components_textBubble_see_more_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
27
- --imlib_chat_components_textBubble_url_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
28
- --imlib_chat_components_messageStatus_read_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
29
-
30
- /* failed colors */
31
- --imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_locationBubble_url_color_failed: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --imlib_chat_components_textBubble_see_more_color_failed: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
34
- --imlib_chat_components_textBubble_url_color_failed: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
- }
package/assets/Appearance/pureDark/themes/yellow/yellow_General_PureDarkTheme.module.css DELETED
@@ -1,35 +0,0 @@
1
- [data-zohoim-mode='pureDark'][data-zohoim-theme='yellow'] {
2
- /* bg colors */
3
- --imlib_chat_components_actionIconWrapper_bg_color: hsla(35, 15.00%, calc(15.69% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
4
- --imlib_chat_components_attachmentBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
5
- --imlib_chat_components_articleBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
6
- --imlib_chat_components_imageBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
7
- --imlib_chat_components_locationBubble_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
8
- --imlib_chat_components_messageBox_incoming_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
9
- --imlib_chat_components_messageBox_outgoing_bg_color: hsla(0, 0.00%, calc(18.04% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
10
- --imlib_chat_components_messageBubble_active_bg_color: hsla(128, 11.11%, calc(14.12% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
11
- --imlib_chat_components_replyBubbleContent_bg_color: hsla(0, 0.00%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
12
-
13
- /* border colors */
14
- --imlib_chat_components_actionIconWrapper_border_color: hsla(38, 30.19%, calc(20.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
- --imlib_chat_components_attachmentBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
- --imlib_chat_components_articleBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
- --imlib_chat_components_imageBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
- --imlib_chat_components_locationBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
- --imlib_chat_components_replyBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
20
- --imlib_chat_components_replyBubbleContent_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
21
- --imlib_chat_components_videoBubble_border_color: hsla(0, 2.33%, calc(8.43% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
22
-
23
- /* url / themes / primary colors */
24
- --imlib_chat_components_locationBubble_url_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
25
- --imlib_chat_components_imPermaLink_url_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
26
- --imlib_chat_components_textBubble_see_more_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
27
- --imlib_chat_components_textBubble_url_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
28
- --imlib_chat_components_messageStatus_read_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
29
-
30
- /* failed colors */
31
- --imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
32
- --imlib_chat_components_locationBubble_url_color_failed: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
33
- --imlib_chat_components_textBubble_see_more_color_failed: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
34
- --imlib_chat_components_textBubble_url_color_failed: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
35
- }
package/es/Theme/constants/index.js DELETED
@@ -1,41 +0,0 @@
1
- export const styleTagId = 'im-chat-components';
2
- export const baseUnitLimit = {
3
- size: {
4
- base: 16,
5
- unit: '1rem',
6
- limit: 500
7
- },
8
- fontSize: {
9
- base: 1,
10
- unit: '1px',
11
- limit: 20
12
- },
13
- transition: {
14
- base: 1,
15
- unit: 's',
16
- limit: 20
17
- },
18
- motionTransition: {
19
- base: 1,
20
- unit: 'ms',
21
- limit: 20
22
- }
23
- };
24
- export const modeConstants = {
25
- LIGHT: 'LIGHT',
26
- DARK: 'DARK',
27
- PURE_DARK: 'PURE_DARK'
28
- };
29
- export const themeConstants = {
30
- BLUE: 'BLUE',
31
- GREEN: 'GREEN',
32
- ORANGE: 'ORANGE',
33
- RED: 'RED',
34
- YELLOW: 'YELLOW',
35
- BLUE_FAN: 'BLUE_FAN',
36
- DARK_BLUE: 'DARK_BLUE',
37
- DARK_GREY: 'DARK_GREY',
38
- PINK: 'PINK',
39
- WHITE: 'WHITE',
40
- TEAL: 'TEAL'
41
- };