@zohoim/chat-components 1.0.9-alpha.0 → 1.0.9-beta.2

package/es/im/ReplyEditorSuggestionsPopup/css/ReplyEditorSuggestionsPopup.module.css

@@ -0,0 +1,7 @@
+/** ** Styles *** */
+.hiddenTarget {
+  height: var(--zd_size15) ;
+  width: var(--zd_size25) ;
+  visibility: hidden;
+  position: fixed;
+}

package/es/im/ReplyEditorSuggestionsPopup/index.js

@@ -0,0 +1 @@
+export { default as ReplyEditorSuggestionsPopup } from "./ReplyEditorSuggestionsPopup";

package/es/im/ReplyEditorSuggestionsPopup/props/defaultProps.js

@@ -0,0 +1,10 @@
+/** ** Constants *** */
+import { dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+const replyEditorSuggestionsPopupDefaultProps = {
+  customStyle: dummyObject,
+  popupSize: 'xxlarge',
+  defaultPosition: 'bottomCenterToRight',
+  needPositionUpdate: true,
+  customOrder: ['bottomCenterToRight', 'bottomLeftToRight', 'topLeftToRight', 'topCenterToRight', 'rightTopToBottom', 'rightCenterToBottom', 'rightBottomToTop', 'rightCenterToTop', 'rightBottom', 'bottomRight', 'topRight', 'rightTop', 'bottomRightToLeft', 'bottomCenterToLeft', 'topRightToLeft', 'topCenterToLeft', 'rightCenter', 'bottomLeft', 'topLeft', 'bottomCenter', 'topCenter', 'leftTopToBottom', 'leftCenterToBottom', 'leftCenter', 'leftBottomToTop', 'leftCenterToTop', 'leftBottom', 'leftTop']
+};
+export default replyEditorSuggestionsPopupDefaultProps;

package/es/im/ReplyEditorSuggestionsPopup/props/propTypes.js

@@ -0,0 +1,21 @@
+/** ** Libraries *** */
+import PropTypes from 'prop-types';
+/** ** Constants *** */
+
+import { popupSize, popupPosition } from "../../../constants/propConstants/popupPropConstants";
+const replyEditorSuggestionsPopupPropTypes = {
+  customStyle: PropTypes.object,
+  targetPosition: PropTypes.shape({
+    x: PropTypes.number,
+    y: PropTypes.number
+  }).isRequired,
+  onClose: PropTypes.func,
+  popupSize: PropTypes.oneOf(popupSize),
+  customProps: PropTypes.shape({
+    dropBoxProps: PropTypes.object
+  }),
+  suggestionElement: PropTypes.element.isRequired,
+  needPositionUpdate: PropTypes.bool,
+  defaultPosition: PropTypes.oneOf(popupPosition)
+};
+export default replyEditorSuggestionsPopupPropTypes;

package/es/im/index.js

@@ -6,4 +6,11 @@ export * from "./IMMessageMetaInfo";
 export * from "./IMMessageContent";
 export * from "./IMTextBubble";
 export * from "./IMReplyBubble";
-export * from "./ArticleBubble";
+export * from "./ArticleBubble";
+export * from "./IMAttachmentHandler";
+export * from "./ReplyComposer";
+export * from "./ReplyEditor";
+export * from "./ReplyEditorSuggestions";
+export * from "./ReplyEditorExtensions";
+export * from "./ReplyComposerFooter";
+export * from "./ReplyEditorSuggestionsPopup";

package/es/index.js

@@ -25,8 +25,19 @@ export * from "./ReplyBubbleHeader";
 export * from "./LazyLoadImage";
 export * from "./ReplyBubbleContent";
 export * from "./MessageStatus";
-export * from "./im"; // ... export other components
-
+export * from "./im";
+export * from "./Emojis";
+export * from "./EmojisList";
+export * from "./Emoji";
+export * from "./EmojiPopup";
+export * from "./EmojisHeader";
+export * from "./EmojisFooter";
+export * from "./EmojisEmptyState";
+export * from "./rte";
+export * from "./AttachmentHandler";
+export * from "./AttachmentPreview";
+export * from "./AttachmentPreviewHeader";
+export * from "./AttachmentPreviewBody";
 /** * CONSTANTS ** */
 
 export * from "./constants";

package/es/rte/Editor/Editor.js

@@ -0,0 +1,80 @@
+/** ** Libraries *** */
+import React from 'react';
+/** ** Hooks *** */
+
+import useMergeStyle from '@zohodesk/hooks/es/utils/useMergeStyle';
+import useEditor from '@zohoim/chat-components-hooks/es/rte/Editor/useEditor';
+/** ** Constants *** */
+
+import editorDefaultProps from "./props/defaultProps";
+import editorPropTypes from "./props/propTypes";
+import { defaultEditorURL } from "../../constants";
+/** ** Styles *** */
+
+import style from "./css/Editor.module.css";
+export default function Editor(props) {
+  const {
+    customStyle,
+    id,
+    EDITORURL = defaultEditorURL,
+    content,
+    placeHolder,
+    isHTMLContent,
+    menuBarProps,
+    formats,
+    features,
+    needAutoFocus,
+    isReadOnly,
+    insertContentDetails,
+    customOptions,
+    onReadyCallback,
+    onErrorCallback,
+    onChange,
+    onKeyDown,
+    onPaste,
+    langCode,
+    appearance,
+    isRTL,
+    handlers,
+    domId: propDomId
+  } = props;
+  /* External CSS Customization */
+
+  const newStyle = useMergeStyle(style, customStyle);
+  const {
+    domId
+  } = useEditor({
+    id,
+    EDITORURL,
+    content,
+    placeHolder,
+    isHTMLContent,
+    menuBarProps,
+    formats,
+    className: newStyle.editableDiv,
+    features,
+    needAutoFocus,
+    isReadOnly,
+    insertContentDetails,
+    customOptions,
+    onReadyCallback,
+    onErrorCallback,
+    onChange,
+    onKeyDown,
+    onPaste,
+    langCode,
+    appearance,
+    isRTL,
+    handlers,
+    domId: propDomId
+  });
+  return /*#__PURE__*/React.createElement("div", {
+    className: newStyle.editorWrapper
+  }, /*#__PURE__*/React.createElement("div", {
+    className: newStyle.editor,
+    id: domId
+  }));
+}
+Editor.propTypes = editorPropTypes;
+Editor.defaultProps = editorDefaultProps;
+Editor.displayName = 'Editor';

package/es/rte/Editor/css/Editor.module.css

@@ -0,0 +1,19 @@
+.editorWrapper {
+  /* Use this class for css customisation */
+  /* max-height: 160px !important; */
+  padding: var(--zd_size16) ;
+}
+
+.editor {
+  /* Use this class for css customisation */
+}
+
+.editableDiv {
+  /* Use this class for css customisation */
+  min-height: var(--zd_size120)  !important;
+  max-height: var(--zd_size120)  !important;
+  overflow: auto !important;
+  font-size: var(--zd_font_size14)  !important;
+  font-family: var(--zd_regular) !important;
+  padding: 0  !important;
+}

package/es/rte/Editor/index.js

@@ -0,0 +1 @@
+export { default as Editor } from "./Editor";

package/es/rte/Editor/props/defaultProps.js

@@ -0,0 +1,21 @@
+/** ** Constants *** */
+import { dummyArray, dummyObject } from '@zohoim/chat-components-utils/es/constants/emptyConstants';
+const editorDefaultProps = {
+  customStyle: dummyObject,
+  id: 'Editor',
+  placeHolder: ' ',
+  isHTMLContent: false,
+  needAutoFocus: true,
+  isReadOnly: false,
+  isRTL: false,
+  langCode: 'en_US',
+  menuBarProps: dummyObject,
+  appearance: dummyObject,
+  features: dummyArray,
+  formats: dummyArray,
+  handlers: {
+    needIDReRender: true,
+    needContentUpdate: true
+  }
+};
+export default editorDefaultProps;

package/es/rte/Editor/props/propTypes.js

@@ -0,0 +1,52 @@
+/** ** Libraries *** */
+import PropTypes from 'prop-types';
+/** ** Constants *** */
+
+import { modeConstants } from '@zohoim/chat-components-utils/es/constants/themeConstants';
+import { features, formats, langCode } from "../../../constants/propConstants/editorPropConstants";
+const editorPropTypes = {
+  id: PropTypes.string.isRequired,
+  domId: PropTypes.string,
+  content: PropTypes.string.isRequired,
+  EDITORURL: PropTypes.string.isRequired,
+  placeHolder: PropTypes.string,
+  customStyle: PropTypes.object,
+  isHTMLContent: PropTypes.bool,
+  appearance: PropTypes.shape({
+    mode: PropTypes.oneOf([modeConstants.LIGHT, modeConstants.DARK, modeConstants.PURE_DARK]).isRequired,
+    themeVariables: PropTypes.object
+  }),
+  // Editor Options - Refer the learn document (Override the options)
+  customOptions: PropTypes.object,
+  menuBarProps: PropTypes.shape({
+    isShow: PropTypes.bool.isRequired,
+    groupLength: PropTypes.number,
+    order: PropTypes.arrayOf(PropTypes.oneOf([...formats, ...features])),
+    position: PropTypes.oneOf(['top', 'bottom']),
+    responsive: PropTypes.bool,
+    tooltip: PropTypes.bool
+  }),
+  features: PropTypes.arrayOf(PropTypes.oneOf(features)),
+  formats: PropTypes.arrayOf(PropTypes.oneOf(formats)),
+  needAutoFocus: PropTypes.bool,
+  isReadOnly: PropTypes.bool,
+  isRTL: PropTypes.bool,
+  langCode: PropTypes.oneOf(langCode),
+  insertContentDetails: PropTypes.shape({
+    content: PropTypes.string.isRequired,
+    range: PropTypes.shape({
+      from: PropTypes.number,
+      to: PropTypes.number
+    })
+  }),
+  onChange: PropTypes.func,
+  onPaste: PropTypes.func,
+  onKeyDown: PropTypes.func,
+  onReadyCallback: PropTypes.func,
+  onErrorCallback: PropTypes.func,
+  handlers: PropTypes.shape({
+    needContentUpdate: PropTypes.bool,
+    needIDReRender: PropTypes.bool
+  })
+};
+export default editorPropTypes;

package/es/rte/index.js

@@ -0,0 +1 @@
+export * from "./Editor";

package/package.json

@@ -1,27 +1,22 @@
 {
   "name": "@zohoim/chat-components",
-  "version": "1.0.9-alpha.0",
+  "version": "1.0.9-beta.2",
   "description": "Chat Components",
-  "main": "lib/index.js",
+  "main": "es/index.js",
   "module": "es/index.js",
   "scripts": {
-    "build": "npm run build:lib && npm run build:es",
-    "build:lib": "react-cli build:component:cmjs",
-    "build:es": "react-cli build:library:es",
-    "build:local": " npm run build && npm run rtl && npm run cssVariableConvert ",
-    "build_watch": "npm run build:variables && npm run build && npm run build:es --module:mode=dev -- -w",
-    "clean": "react-cli clean unittest coverage es result.json && mkdir assets",
+    "build": "react-cli build:component:es",
+    "build_watch": "npm run build -- -w",
+    "clean": "react-cli clean unittest coverage es result.json",
     "rtl": "react-cli rtl ./src ./es",
-    "prepare": "react-cli clean assets && npm run init && npm run build && npm run rtl && npm run cssVariableConvert ",
+    "prepare": "npm run clean && npm run build && npm run rtl && npm run cssVariableConvert",
     "test": "react-cli test",
     "test:debug": "react-cli test --runInBand --watch",
     "create-icons": "node ./src/icons/create-icon-components --sourucePath=./factory --targetPath=./iconSrc",
-    "cssVariableConvert": "react-cli variableConverter ./lib ./lib && react-cli variableConverter ./es ./es",
+    "cssVariableConvert": "react-cli variableConverter ./es ./es",
     "variable:addignore": "node ../../node_modules/@zohodesk-private/css-variable-migrator/es/variableIgnore.js ./src",
     "variable:convert": "node ../../node_modules/@zohodesk-private/css-variable-migrator/es/pxParserPostcss.js ./src",
-    "variable:check": "node  ../../node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ../../node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json",
-    "build:variables": "react-cli clean ./assets && node ./preprocess/index",
-    "init": "npm run clean && npm run build:variables"
+    "variable:check": "node  ../../node_modules/@zohodesk-private/css-variable-migrator/es/variableErrorCheck.js ./src ../../node_modules/@zohodesk-private/css-variable-migrator/es/config/cssVariableReplacementOptions.json"
   },
   "author": "ZohoDesk - IM Team",
   "license": "ISC",
@@ -31,26 +26,24 @@
   },
   "files": [
     "es",
-    "assets",
     "!**/__tests__"
   ],
   "dependencies": {
     "@zohodesk/components": "1.2.43",
-    "@zohodesk/hooks": "2.0.2",
+    "@zohodesk/hooks": "2.0.4",
     "@zohodesk/icon": "1.3.15",
-    "@zohodesk/icons": "1.0.20",
+    "@zohodesk/icons": "1.0.43",
     "@zohodesk/utils": "1.3.13",
     "@zohodesk/variables": "1.0.0",
     "@zohodesk/virtualizer": "1.0.13",
-    "@zohoim/chat-components-hooks": "^1.0.4",
-    "@zohoim/chat-components-utils": "^1.0.4"
+    "@zohoim/chat-components-hooks": "^1.0.4-beta.1",
+    "@zohoim/chat-components-utils": "^1.0.4-beta.1"
   },
   "devDependencies": {
-    "@zohodesk-private/color-variable-preprocessor": "1.2.1",
     "@zohodesk-private/css-variable-migrator": "1.0.7",
     "html-to-react": "1.7.0 ",
     "jsdom": "23.0.0",
     "react-to-jsx": "1.3.2"
   },
-  "gitHead": "9cda3855c3440ea8439c75bcb7b9e2a2ad41bc5b"
+  "gitHead": "249c979f45728e88f3fc2f5db1fc2f55cb6548bf"
 }

package/assets/Appearance/dark/mode/General_DarkMode.module.css

@@ -1,71 +0,0 @@
-[data-zohoim-mode='dark'] {
-	/* integration colors */
-	--imlib_chat_components_imIntegrationIcon_whatsapp_color: hsla(143, 70.85%, calc(48.43% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imIntegrationIcon_telegram_color: hsla(201, 63.72%, calc(57.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imIntegrationIcon_wechat_color: hsla(106, 100.00%, calc(37.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imIntegrationIcon_line_color: hsla(120, 98.92%, calc(36.47% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imIntegrationIcon_twillio_color: hsla(353, 88.24%, calc(56.67% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imIntegrationIcon_instagram_color: linear-gradient(221.05deg,#933ab9 11.59%,#d12f8c 50.45%,#fdbb59 85.46%);
-	--imlib_chat_components_imIntegrationIcon_asap_color: linear-gradient(180deg, #A375FF 0%, #7732FF 100%);
-	--imlib_chat_components_imIntegrationIcon_fb_color: hsla(215, 100.00%, calc(50.00% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* two tone icon colors */
-	--imlib_chat_components_imTtIcon_path0_color: rgba(255, 255, 255, 0.25);
-	--imlib_chat_components_imTtIcon_path1_color: hsla(0, 0.00%, calc(100.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imIntegrationIcon_path0_color: rgba(255, 255, 255, 0.25);
-	--imlib_chat_components_imIntegrationIcon_path1_color: rgb(255,255,255);
-	
-	/* text / icon colors */
-	--imlib_chat_components_actionIconWrapper_color: rgb(226,228,230);
-	--imlib_chat_components_messageBox_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_line_color: hsla(217, 58.73%, calc(87.65% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_sender_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubbleInfo_fileName_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubbleInfo_fileSize_color: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_content_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleHeader_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleHeader_time_color: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_title_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_summary_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imMessageContent_text_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imMessageMeta_time_color: hsla(217, 13.73%, calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imAutoMessageInfo_text_color: hsla(217, 7.76%, calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--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)));
-	--imlib_chat_components_messageStatus_send_color: hsla(228, 11.42%, calc(42.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_alt_text_color: hsla(210, 7.41%, calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* text / icon failed colors */
-	--imlib_chat_components_messageBox_failed_text_color: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleHeader_text_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_text_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_lighter_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imageBubble_alt_text_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_summary_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_line_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_sender_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubbleInfo_fileName_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubbleInfo_fileSize_color_failed: hsla(218, 9.76%, calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_content_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleHeader_time_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_title_color_failed: hsla(0, 0.00%, calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* bg colors */
-	--imlib_chat_components_messageBox_bg_color: hsla(212, 86.67%, calc(97.06% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* bg failed colors */
-	--imlib_chat_components_messageBox_failed_bg_color: hsla(2, 75.51%, calc(90.39% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imageBubble_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubble_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_bg_color_failed: hsla(353, 59.09%, calc(91.37% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* border failed colors */
-	--imlib_chat_components_attachmentBubble_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imageBubble_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubble_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_videoBubble_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_articleBubble_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_border_color_failed: hsla(353, 65.81%, calc(77.06% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-}

package/assets/Appearance/dark/themes/blue/blue_General_DarkTheme.module.css

@@ -1,35 +0,0 @@
-[data-zohoim-mode='dark'][data-zohoim-theme='blue'] {
-	/* bg colors */
-	--imlib_chat_components_actionIconWrapper_bg_color: hsla(213, 27.27%, calc(23.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBox_outgoing_bg_color: hsla(213, 27.27%, calc(23.73% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* border colors */
-	--imlib_chat_components_actionIconWrapper_border_color: hsla(213, 25.88%, calc(33.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_videoBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* url / themes / primary colors */
-	--imlib_chat_components_locationBubble_url_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imPermaLink_url_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--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)));
-	--imlib_chat_components_textBubble_url_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageStatus_read_color: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* failed colors */
-	--imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_url_color_failed: hsla(212, 100.00%, calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_see_more_color_failed: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_textBubble_url_color_failed: hsla(212, 91.84%, calc(48.04% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/dark/themes/green/green_General_DarkTheme.module.css

@@ -1,35 +0,0 @@
-[data-zohoim-mode='dark'][data-zohoim-theme='green'] {
-	/* bg colors */
-	--imlib_chat_components_actionIconWrapper_bg_color: hsla(191, 21.65%, calc(19.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBox_outgoing_bg_color: hsla(191, 21.65%, calc(19.02% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_bg_color: hsla(189, 21.21%, calc(12.94% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* border colors */
-	--imlib_chat_components_actionIconWrapper_border_color: hsla(158, 26.83%, calc(24.12% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_videoBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* url / themes / primary colors */
-	--imlib_chat_components_locationBubble_url_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imPermaLink_url_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--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)));
-	--imlib_chat_components_textBubble_url_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageStatus_read_color: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* failed colors */
-	--imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_url_color_failed: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--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)));
-	--imlib_chat_components_textBubble_url_color_failed: hsla(133, 40.00%, calc(45.10% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/dark/themes/orange/orange_General_DarkTheme.module.css

@@ -1,35 +0,0 @@
-[data-zohoim-mode='dark'][data-zohoim-theme='orange'] {
-	/* bg colors */
-	--imlib_chat_components_actionIconWrapper_bg_color: hsla(252, 4.85%, calc(20.20% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBox_outgoing_bg_color: hsla(252, 4.85%, calc(20.20% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* border colors */
-	--imlib_chat_components_actionIconWrapper_border_color: hsla(19, 21.54%, calc(25.49% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_videoBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* url / themes / primary colors */
-	--imlib_chat_components_locationBubble_url_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imPermaLink_url_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--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)));
-	--imlib_chat_components_textBubble_url_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageStatus_read_color: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* failed colors */
-	--imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_url_color_failed: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--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)));
-	--imlib_chat_components_textBubble_url_color_failed: hsla(26, 100.00%, calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/dark/themes/red/red_General_DarkTheme.module.css

@@ -1,35 +0,0 @@
-[data-zohoim-mode='dark'][data-zohoim-theme='red'] {
-	/* bg colors */
-	--imlib_chat_components_actionIconWrapper_bg_color: hsla(258, 12.62%, calc(20.20% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_attachmentBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBox_outgoing_bg_color: hsla(258, 12.62%, calc(20.20% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_bg_color: hsla(256, 13.25%, calc(16.27% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* border colors */
-	--imlib_chat_components_actionIconWrapper_border_color: hsla(334, 20.00%, calc(24.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_videoBubble_border_color: hsla(256, 12.61%, calc(23.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* url / themes / primary colors */
-	--imlib_chat_components_locationBubble_url_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imPermaLink_url_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--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)));
-	--imlib_chat_components_textBubble_url_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageStatus_read_color: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* failed colors */
-	--imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_url_color_failed: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--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)));
-	--imlib_chat_components_textBubble_url_color_failed: hsla(0, 77.78%, calc(61.18% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-}

package/assets/Appearance/dark/themes/yellow/yellow_General_DarkTheme.module.css

@@ -1,35 +0,0 @@
-[data-zohoim-mode='dark'][data-zohoim-theme='yellow'] {
-	/* bg colors */
-	--imlib_chat_components_actionIconWrapper_bg_color: hsla(218, 7.69%, calc(20.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_attachmentBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_locationBubble_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_messageBox_incoming_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBox_outgoing_bg_color: hsla(218, 7.69%, calc(20.39% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageBubble_active_bg_color: hsla(193, 30.77%, calc(15.29% + var(--zdc_darker_lower)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_replyBubbleContent_bg_color: hsla(217, 23.08%, calc(17.84% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* border colors */
-	--imlib_chat_components_actionIconWrapper_border_color: hsla(37, 12.70%, calc(24.71% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_attachmentBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_articleBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_imageBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_replyBubbleContent_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_videoBubble_border_color: hsla(218, 23.08%, calc(22.94% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	
-	/* url / themes / primary colors */
-	--imlib_chat_components_locationBubble_url_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_imPermaLink_url_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--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)));
-	--imlib_chat_components_textBubble_url_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	--imlib_chat_components_messageStatus_read_color: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
-	
-	/* failed colors */
-	--imlib_chat_components_messageStatus_failed_color: hsla(0, 71.91%, calc(53.92% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
-	--imlib_chat_components_locationBubble_url_color_failed: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-	--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)));
-	--imlib_chat_components_textBubble_url_color_failed: hsla(37, 66.94%, calc(52.55% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
-}