stream-chat-angular 4.66.2 → 5.0.0-v5.10

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 (315) hide show
  1. package/assets/version.d.ts +1 -1
  2. package/{esm2015/assets/version.js → esm2020/assets/version.mjs} +2 -2
  3. package/esm2020/lib/attachment-configuration.service.mjs +185 -0
  4. package/esm2020/lib/attachment-list/attachment-list.component.mjs +203 -0
  5. package/esm2020/lib/attachment-preview-list/attachment-preview-list.component.mjs +42 -0
  6. package/esm2020/lib/attachment.service.mjs +262 -0
  7. package/esm2020/lib/avatar/avatar.component.mjs +163 -0
  8. package/esm2020/lib/avatar-placeholder/avatar-placeholder.component.mjs +74 -0
  9. package/esm2020/lib/channel/channel.component.mjs +46 -0
  10. package/esm2020/lib/channel-header/channel-header.component.mjs +72 -0
  11. package/esm2020/lib/channel-list/channel-list.component.mjs +51 -0
  12. package/esm2020/lib/channel-preview/channel-preview.component.mjs +155 -0
  13. package/esm2020/lib/channel.service.mjs +1454 -0
  14. package/esm2020/lib/chat-client.service.mjs +206 -0
  15. package/{esm2015/lib/custom-templates.service.js → esm2020/lib/custom-templates.service.mjs} +3 -3
  16. package/{esm2015/lib/date-parser.service.js → esm2020/lib/date-parser.service.mjs} +3 -3
  17. package/esm2020/lib/edit-message-form/edit-message-form.component.mjs +83 -0
  18. package/esm2020/lib/get-channel-display-text.mjs +14 -0
  19. package/esm2020/lib/get-message-translation.mjs +12 -0
  20. package/esm2020/lib/icon/icon.component.mjs +21 -0
  21. package/esm2020/lib/icon-placeholder/icon-placeholder.component.mjs +31 -0
  22. package/esm2020/lib/loading-indicator/loading-indicator.component.mjs +31 -0
  23. package/esm2020/lib/loading-indicator-placeholder/loading-indicator-placeholder.component.mjs +38 -0
  24. package/esm2020/lib/message/message.component.mjs +402 -0
  25. package/esm2020/lib/message-actions-box/message-actions-box.component.mjs +98 -0
  26. package/esm2020/lib/message-actions.service.mjs +119 -0
  27. package/esm2020/lib/message-bounce-prompt/message-bounce-prompt.component.mjs +71 -0
  28. package/esm2020/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.mjs +259 -0
  29. package/{esm2015/lib/message-input/emoji-input.service.js → esm2020/lib/message-input/emoji-input.service.mjs} +3 -3
  30. package/{esm2015/lib/message-input/message-input-config.service.js → esm2020/lib/message-input/message-input-config.service.mjs} +3 -3
  31. package/esm2020/lib/message-input/message-input.component.mjs +441 -0
  32. package/{esm2015/lib/message-input/textarea/textarea.component.js → esm2020/lib/message-input/textarea/textarea.component.mjs} +7 -13
  33. package/esm2020/lib/message-input/textarea.directive.mjs +89 -0
  34. package/esm2020/lib/message-list/group-styles.mjs +52 -0
  35. package/esm2020/lib/message-list/message-list.component.mjs +679 -0
  36. package/esm2020/lib/message-preview.mjs +21 -0
  37. package/esm2020/lib/message-reactions/message-reactions.component.mjs +247 -0
  38. package/esm2020/lib/message-reactions.service.mjs +44 -0
  39. package/{esm2015/lib/message.service.js → esm2020/lib/message.service.mjs} +4 -4
  40. package/esm2020/lib/modal/modal.component.mjs +69 -0
  41. package/esm2020/lib/notification/notification.component.mjs +20 -0
  42. package/esm2020/lib/notification-list/notification-list.component.mjs +36 -0
  43. package/esm2020/lib/notification.service.mjs +79 -0
  44. package/esm2020/lib/read-by.mjs +12 -0
  45. package/{esm2015/lib/stream-autocomplete-textarea.module.js → esm2020/lib/stream-autocomplete-textarea.module.mjs} +6 -6
  46. package/{esm2015/lib/stream-avatar.module.js → esm2020/lib/stream-avatar.module.mjs} +5 -5
  47. package/{esm2015/lib/stream-chat.module.js → esm2020/lib/stream-chat.module.mjs} +14 -16
  48. package/{esm2015/lib/stream-i18n.service.js → esm2020/lib/stream-i18n.service.mjs} +5 -5
  49. package/{esm2015/lib/stream-textarea.module.js → esm2020/lib/stream-textarea.module.mjs} +6 -6
  50. package/esm2020/lib/theme.service.mjs +23 -0
  51. package/esm2020/lib/thread/thread.component.mjs +51 -0
  52. package/{esm2015/lib/transliteration.service.js → esm2020/lib/transliteration.service.mjs} +3 -3
  53. package/esm2020/lib/types.mjs +2 -0
  54. package/esm2020/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.mjs +183 -0
  55. package/esm2020/lib/voice-recording/voice-recording.component.mjs +102 -0
  56. package/esm2020/public-api.mjs +64 -0
  57. package/fesm2015/{stream-chat-angular.js → stream-chat-angular.mjs} +354 -754
  58. package/fesm2015/stream-chat-angular.mjs.map +1 -0
  59. package/fesm2020/stream-chat-angular.mjs +6835 -0
  60. package/fesm2020/stream-chat-angular.mjs.map +1 -0
  61. package/lib/attachment-list/attachment-list.component.d.ts +4 -6
  62. package/lib/attachment-preview-list/attachment-preview-list.component.d.ts +2 -4
  63. package/lib/attachment.service.d.ts +0 -1
  64. package/lib/avatar/avatar.component.d.ts +1 -1
  65. package/lib/avatar-placeholder/avatar-placeholder.component.d.ts +1 -1
  66. package/lib/channel/channel.component.d.ts +1 -1
  67. package/lib/channel-header/channel-header.component.d.ts +2 -5
  68. package/lib/channel-list/channel-list.component.d.ts +4 -9
  69. package/lib/channel-preview/channel-preview.component.d.ts +1 -1
  70. package/lib/channel.service.d.ts +7 -14
  71. package/lib/chat-client.service.d.ts +1 -1
  72. package/lib/edit-message-form/edit-message-form.component.d.ts +1 -1
  73. package/lib/get-message-translation.d.ts +1 -1
  74. package/lib/icon/icon.component.d.ts +1 -1
  75. package/lib/icon-placeholder/icon-placeholder.component.d.ts +1 -1
  76. package/lib/loading-indicator/loading-indicator.component.d.ts +1 -1
  77. package/lib/loading-indicator-placeholder/loading-indicator-placeholder.component.d.ts +1 -1
  78. package/lib/message/message.component.d.ts +6 -19
  79. package/lib/message-actions-box/message-actions-box.component.d.ts +4 -32
  80. package/lib/message-actions.service.d.ts +0 -1
  81. package/lib/message-bounce-prompt/message-bounce-prompt.component.d.ts +1 -1
  82. package/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.d.ts +1 -2
  83. package/lib/message-input/message-input.component.d.ts +3 -5
  84. package/lib/message-input/textarea/textarea.component.d.ts +1 -1
  85. package/lib/message-input/textarea.directive.d.ts +1 -1
  86. package/lib/message-list/group-styles.d.ts +1 -1
  87. package/lib/message-list/message-list.component.d.ts +4 -12
  88. package/lib/message-reactions/message-reactions.component.d.ts +2 -7
  89. package/lib/message.service.d.ts +0 -1
  90. package/lib/modal/modal.component.d.ts +1 -1
  91. package/lib/notification/notification.component.d.ts +1 -1
  92. package/lib/notification-list/notification-list.component.d.ts +2 -3
  93. package/lib/notification.service.d.ts +2 -5
  94. package/lib/stream-chat.module.d.ts +3 -3
  95. package/lib/theme.service.d.ts +1 -44
  96. package/lib/thread/thread.component.d.ts +1 -1
  97. package/lib/types.d.ts +16 -33
  98. package/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.d.ts +2 -2
  99. package/lib/voice-recording/voice-recording.component.d.ts +1 -1
  100. package/package.json +31 -17
  101. package/public-api.d.ts +0 -2
  102. package/src/assets/styles/css/index.css +3 -1
  103. package/src/assets/styles/css/index.layout.css +3 -0
  104. package/src/assets/styles/{v2/scss → scss}/AttachmentList/AttachmentList-layout.scss +1 -1
  105. package/src/assets/styles/{v2/scss → scss}/Message/Message-layout.scss +2 -2
  106. package/src/assets/styles/scss/_base.scss +7 -198
  107. package/src/assets/styles/scss/index.scss +35 -48
  108. package/src/assets/version.ts +1 -1
  109. package/bundles/stream-chat-angular.umd.js +0 -8445
  110. package/bundles/stream-chat-angular.umd.js.map +0 -1
  111. package/esm2015/lib/attachment-configuration.service.js +0 -186
  112. package/esm2015/lib/attachment-list/attachment-list.component.js +0 -209
  113. package/esm2015/lib/attachment-preview-list/attachment-preview-list.component.js +0 -49
  114. package/esm2015/lib/attachment.service.js +0 -276
  115. package/esm2015/lib/avatar/avatar.component.js +0 -172
  116. package/esm2015/lib/avatar-placeholder/avatar-placeholder.component.js +0 -78
  117. package/esm2015/lib/channel/channel.component.js +0 -50
  118. package/esm2015/lib/channel-header/channel-header.component.js +0 -86
  119. package/esm2015/lib/channel-list/channel-list-toggle.service.js +0 -73
  120. package/esm2015/lib/channel-list/channel-list.component.js +0 -67
  121. package/esm2015/lib/channel-preview/channel-preview.component.js +0 -167
  122. package/esm2015/lib/channel.service.js +0 -1487
  123. package/esm2015/lib/chat-client.service.js +0 -211
  124. package/esm2015/lib/edit-message-form/edit-message-form.component.js +0 -87
  125. package/esm2015/lib/get-channel-display-text.js +0 -15
  126. package/esm2015/lib/get-message-translation.js +0 -13
  127. package/esm2015/lib/icon/icon.component.js +0 -25
  128. package/esm2015/lib/icon-placeholder/icon-placeholder.component.js +0 -35
  129. package/esm2015/lib/loading-indicator/loading-indicator.component.js +0 -35
  130. package/esm2015/lib/loading-indicator-placeholder/loading-indicator-placeholder.component.js +0 -42
  131. package/esm2015/lib/message/message.component.js +0 -436
  132. package/esm2015/lib/message-actions-box/message-actions-box.component.js +0 -137
  133. package/esm2015/lib/message-actions.service.js +0 -114
  134. package/esm2015/lib/message-bounce-prompt/message-bounce-prompt.component.js +0 -80
  135. package/esm2015/lib/message-input/autocomplete-textarea/autocomplete-textarea.component.js +0 -262
  136. package/esm2015/lib/message-input/message-input.component.js +0 -455
  137. package/esm2015/lib/message-input/textarea.directive.js +0 -90
  138. package/esm2015/lib/message-list/group-styles.js +0 -53
  139. package/esm2015/lib/message-list/image-load.service.js +0 -24
  140. package/esm2015/lib/message-list/message-list.component.js +0 -726
  141. package/esm2015/lib/message-preview.js +0 -7
  142. package/esm2015/lib/message-reactions/message-reactions.component.js +0 -266
  143. package/esm2015/lib/message-reactions.service.js +0 -45
  144. package/esm2015/lib/modal/modal.component.js +0 -74
  145. package/esm2015/lib/notification/notification.component.js +0 -24
  146. package/esm2015/lib/notification-list/notification-list.component.js +0 -38
  147. package/esm2015/lib/notification.service.js +0 -79
  148. package/esm2015/lib/read-by.js +0 -13
  149. package/esm2015/lib/theme.service.js +0 -122
  150. package/esm2015/lib/thread/thread.component.js +0 -55
  151. package/esm2015/lib/types.js +0 -2
  152. package/esm2015/lib/voice-recording/voice-recording-wavebar/voice-recording-wavebar.component.js +0 -192
  153. package/esm2015/lib/voice-recording/voice-recording.component.js +0 -115
  154. package/esm2015/public-api.js +0 -66
  155. package/fesm2015/stream-chat-angular.js.map +0 -1
  156. package/lib/channel-list/channel-list-toggle.service.d.ts +0 -40
  157. package/lib/message-list/image-load.service.d.ts +0 -15
  158. package/src/assets/EmojiOneColor.woff2 +0 -0
  159. package/src/assets/NotoColorEmoji-flags.woff2 +0 -0
  160. package/src/assets/Poweredby_100px-White_VertText.png +0 -0
  161. package/src/assets/str-chat__alert.svg +0 -1
  162. package/src/assets/str-chat__file-file.svg +0 -20
  163. package/src/assets/str-chat__icon-chevron-down.svg +0 -1
  164. package/src/assets/str-chat__icon-search.svg +0 -1
  165. package/src/assets/str-chat__icon-send.svg +0 -1
  166. package/src/assets/str-chat__icon-sprite.png +0 -0
  167. package/src/assets/str-chat__icon-sprite@1x.png +0 -0
  168. package/src/assets/str-chat__icon-sprite@2x.png +0 -0
  169. package/src/assets/str-chat__icon-sprite@3x.png +0 -0
  170. package/src/assets/str-chat__loading-indicator.svg +0 -23
  171. package/src/assets/str-chat__reaction-list-sprite@1x.png +0 -0
  172. package/src/assets/str-chat__reaction-list-sprite@2x.png +0 -0
  173. package/src/assets/str-chat__reaction-list-sprite@3x.png +0 -0
  174. package/src/assets/str-chat__reactions-sprite@1x.png +0 -0
  175. package/src/assets/str-chat__reactions-sprite@2x.png +0 -0
  176. package/src/assets/str-chat__reactions-sprite@3x.png +0 -0
  177. package/src/assets/styles/assets/EmojiOneColor.woff2 +0 -0
  178. package/src/assets/styles/assets/NotoColorEmoji-flags.woff2 +0 -0
  179. package/src/assets/styles/assets/Poweredby_100px-White_VertText.png +0 -0
  180. package/src/assets/styles/assets/str-chat__reaction-list-sprite@1x.png +0 -0
  181. package/src/assets/styles/assets/str-chat__reaction-list-sprite@2x.png +0 -0
  182. package/src/assets/styles/assets/str-chat__reaction-list-sprite@3x.png +0 -0
  183. package/src/assets/styles/scss/ActionsBox.scss +0 -56
  184. package/src/assets/styles/scss/Attachment.scss +0 -329
  185. package/src/assets/styles/scss/AttachmentActions.scss +0 -44
  186. package/src/assets/styles/scss/Audio.scss +0 -113
  187. package/src/assets/styles/scss/Avatar.scss +0 -79
  188. package/src/assets/styles/scss/Card.scss +0 -125
  189. package/src/assets/styles/scss/ChannelHeader.scss +0 -284
  190. package/src/assets/styles/scss/ChannelList.scss +0 -141
  191. package/src/assets/styles/scss/ChannelListMessenger.scss +0 -9
  192. package/src/assets/styles/scss/ChannelPreview.scss +0 -133
  193. package/src/assets/styles/scss/ChannelSearch.scss +0 -124
  194. package/src/assets/styles/scss/ChatDown.scss +0 -15
  195. package/src/assets/styles/scss/DateSeparator.scss +0 -51
  196. package/src/assets/styles/scss/EditMessageForm.scss +0 -112
  197. package/src/assets/styles/scss/EventComponent.scss +0 -48
  198. package/src/assets/styles/scss/Gallery.scss +0 -121
  199. package/src/assets/styles/scss/ImageCarousel.scss +0 -45
  200. package/src/assets/styles/scss/InfiniteScrollPaginator.scss +0 -6
  201. package/src/assets/styles/scss/LoadMoreButton.scss +0 -44
  202. package/src/assets/styles/scss/LoadingChannels.scss +0 -70
  203. package/src/assets/styles/scss/LoadingIndicator.scss +0 -38
  204. package/src/assets/styles/scss/Message.scss +0 -1283
  205. package/src/assets/styles/scss/MessageActions.scss +0 -137
  206. package/src/assets/styles/scss/MessageCommerce.scss +0 -608
  207. package/src/assets/styles/scss/MessageInput.scss +0 -398
  208. package/src/assets/styles/scss/MessageInputFlat.scss +0 -323
  209. package/src/assets/styles/scss/MessageList.scss +0 -244
  210. package/src/assets/styles/scss/MessageLivestream.scss +0 -338
  211. package/src/assets/styles/scss/MessageNotification.scss +0 -43
  212. package/src/assets/styles/scss/MessageRepliesCountButton.scss +0 -33
  213. package/src/assets/styles/scss/MessageTeam.scss +0 -644
  214. package/src/assets/styles/scss/Modal.scss +0 -78
  215. package/src/assets/styles/scss/ReactionList.scss +0 -197
  216. package/src/assets/styles/scss/ReactionSelector.scss +0 -218
  217. package/src/assets/styles/scss/SendButton.scss +0 -20
  218. package/src/assets/styles/scss/SimpleReactionsList.scss +0 -76
  219. package/src/assets/styles/scss/SmallMessageInput.scss +0 -171
  220. package/src/assets/styles/scss/Thread.scss +0 -381
  221. package/src/assets/styles/scss/Tooltip.scss +0 -41
  222. package/src/assets/styles/scss/TypingIndicator.scss +0 -80
  223. package/src/assets/styles/scss/VirtualMessage.scss +0 -288
  224. package/src/assets/styles/scss/_variables.scss +0 -161
  225. package/src/assets/styles/v2/css/index.css +0 -3
  226. package/src/assets/styles/v2/css/index.layout.css +0 -3
  227. package/src/assets/styles/v2/scss/_base.scss +0 -28
  228. package/src/assets/styles/v2/scss/index.scss +0 -37
  229. package/src/assets/styles/vendor/emoji-mart.scss +0 -514
  230. package/src/assets/styles/vendor/mml-react.scss +0 -2246
  231. package/src/assets/styles/vendor/react-file-utils.scss +0 -441
  232. package/src/assets/styles/vendor/react-image-gallery.scss +0 -237
  233. /package/{esm2015/assets/i18n/en.js → esm2020/assets/i18n/en.mjs} +0 -0
  234. /package/{esm2015/lib/injection-tokens.js → esm2020/lib/injection-tokens.mjs} +0 -0
  235. /package/{esm2015/lib/is-image-attachment.js → esm2020/lib/is-image-attachment.mjs} +0 -0
  236. /package/{esm2015/lib/is-image-file.js → esm2020/lib/is-image-file.mjs} +0 -0
  237. /package/{esm2015/lib/is-on-separate-date.js → esm2020/lib/is-on-separate-date.mjs} +0 -0
  238. /package/{esm2015/lib/list-users.js → esm2020/lib/list-users.mjs} +0 -0
  239. /package/{esm2015/lib/message-input/textarea.interface.js → esm2020/lib/message-input/textarea.interface.mjs} +0 -0
  240. /package/{esm2015/lib/parse-date.js → esm2020/lib/parse-date.mjs} +0 -0
  241. /package/{esm2015/stream-chat-angular.js → esm2020/stream-chat-angular.mjs} +0 -0
  242. /package/{stream-chat-angular.d.ts → index.d.ts} +0 -0
  243. /package/src/assets/styles/{v2/css → css}/emoji-mart.css +0 -0
  244. /package/src/assets/styles/{v2/css → css}/emoji-replacement.css +0 -0
  245. /package/src/assets/styles/{v2/scss → scss}/AttachmentList/AttachmentList-theme.scss +0 -0
  246. /package/src/assets/styles/{v2/scss → scss}/AttachmentPreviewList/AttachmentPreviewList-layout.scss +0 -0
  247. /package/src/assets/styles/{v2/scss → scss}/AttachmentPreviewList/AttachmentPreviewList-theme.scss +0 -0
  248. /package/src/assets/styles/{v2/scss → scss}/Autocomplete/Autocomplete-layout.scss +0 -0
  249. /package/src/assets/styles/{v2/scss → scss}/Autocomplete/Autocomplete-theme.scss +0 -0
  250. /package/src/assets/styles/{v2/scss → scss}/Avatar/Avatar-layout.scss +0 -0
  251. /package/src/assets/styles/{v2/scss → scss}/Avatar/Avatar-theme.scss +0 -0
  252. /package/src/assets/styles/{v2/scss → scss}/BaseImage/BaseImage-layout.scss +0 -0
  253. /package/src/assets/styles/{v2/scss → scss}/BaseImage/BaseImage-theme.scss +0 -0
  254. /package/src/assets/styles/{v2/scss → scss}/BaseImage/index.scss +0 -0
  255. /package/src/assets/styles/{v2/scss → scss}/Channel/Channel-layout.scss +0 -0
  256. /package/src/assets/styles/{v2/scss → scss}/Channel/Channel-theme.scss +0 -0
  257. /package/src/assets/styles/{v2/scss → scss}/ChannelHeader/ChannelHeader-layout.scss +0 -0
  258. /package/src/assets/styles/{v2/scss → scss}/ChannelHeader/ChannelHeader-theme.scss +0 -0
  259. /package/src/assets/styles/{v2/scss → scss}/ChannelList/ChannelList-layout.scss +0 -0
  260. /package/src/assets/styles/{v2/scss → scss}/ChannelList/ChannelList-theme.scss +0 -0
  261. /package/src/assets/styles/{v2/scss → scss}/ChannelPreview/ChannelPreview-layout.scss +0 -0
  262. /package/src/assets/styles/{v2/scss → scss}/ChannelPreview/ChannelPreview-theme.scss +0 -0
  263. /package/src/assets/styles/{v2/scss → scss}/ChannelSearch/ChannelSearch-layout.scss +0 -0
  264. /package/src/assets/styles/{v2/scss → scss}/ChannelSearch/ChannelSearch-theme.scss +0 -0
  265. /package/src/assets/styles/{v2/scss → scss}/EditMessageForm/EditMessageForm-layout.scss +0 -0
  266. /package/src/assets/styles/{v2/scss → scss}/EditMessageForm/EditMessageForm-theme.scss +0 -0
  267. /package/src/assets/styles/{v2/scss → scss}/ImageCarousel/ImageCarousel-layout.scss +0 -0
  268. /package/src/assets/styles/{v2/scss → scss}/ImageCarousel/ImageCarousel-theme.scss +0 -0
  269. /package/src/assets/styles/{v2/scss → scss}/LinkPreview/LinkPreview-layout.scss +0 -0
  270. /package/src/assets/styles/{v2/scss → scss}/LinkPreview/LinkPreview-theme.scss +0 -0
  271. /package/src/assets/styles/{v2/scss → scss}/LinkPreview/index.scss +0 -0
  272. /package/src/assets/styles/{v2/scss → scss}/LoadingIndicator/LoadingIndicator-layout.scss +0 -0
  273. /package/src/assets/styles/{v2/scss → scss}/LoadingIndicator/LoadingIndicator-theme.scss +0 -0
  274. /package/src/assets/styles/{v2/scss → scss}/Message/Message-theme.scss +0 -0
  275. /package/src/assets/styles/{v2/scss → scss}/MessageActionsBox/MessageActionsBox-layout.scss +0 -0
  276. /package/src/assets/styles/{v2/scss → scss}/MessageActionsBox/MessageActionsBox-theme.scss +0 -0
  277. /package/src/assets/styles/{v2/scss → scss}/MessageBouncePrompt/MessageBouncePrompt-layout.scss +0 -0
  278. /package/src/assets/styles/{v2/scss → scss}/MessageBouncePrompt/MessageBouncePrompt-theme.scss +0 -0
  279. /package/src/assets/styles/{v2/scss → scss}/MessageInput/MessageInput-layout.scss +0 -0
  280. /package/src/assets/styles/{v2/scss → scss}/MessageInput/MessageInput-theme.scss +0 -0
  281. /package/src/assets/styles/{v2/scss → scss}/MessageList/MessageList-layout.scss +0 -0
  282. /package/src/assets/styles/{v2/scss → scss}/MessageList/MessageList-theme.scss +0 -0
  283. /package/src/assets/styles/{v2/scss → scss}/MessageList/VirtualizedMessageList-layout.scss +0 -0
  284. /package/src/assets/styles/{v2/scss → scss}/MessageList/VirtualizedMessageList-theme.scss +0 -0
  285. /package/src/assets/styles/{v2/scss → scss}/MessageReactions/MessageReactions-layout.scss +0 -0
  286. /package/src/assets/styles/{v2/scss → scss}/MessageReactions/MessageReactions-theme.scss +0 -0
  287. /package/src/assets/styles/{v2/scss → scss}/MessageReactions/MessageReactionsSelector-layout.scss +0 -0
  288. /package/src/assets/styles/{v2/scss → scss}/MessageReactions/MessageReactionsSelector-theme.scss +0 -0
  289. /package/src/assets/styles/{v2/scss → scss}/Modal/Modal-layout.scss +0 -0
  290. /package/src/assets/styles/{v2/scss → scss}/Modal/Modal-theme.scss +0 -0
  291. /package/src/assets/styles/{v2/scss → scss}/Notification/MessageNotification-layout.scss +0 -0
  292. /package/src/assets/styles/{v2/scss → scss}/Notification/MessageNotification-theme.scss +0 -0
  293. /package/src/assets/styles/{v2/scss → scss}/Notification/Notification-layout.scss +0 -0
  294. /package/src/assets/styles/{v2/scss → scss}/Notification/Notification-theme.scss +0 -0
  295. /package/src/assets/styles/{v2/scss → scss}/Notification/NotificationList-layout.scss +0 -0
  296. /package/src/assets/styles/{v2/scss → scss}/Notification/NotificationList-theme.scss +0 -0
  297. /package/src/assets/styles/{v2/scss → scss}/Thread/Thread-layout.scss +0 -0
  298. /package/src/assets/styles/{v2/scss → scss}/Thread/Thread-theme.scss +0 -0
  299. /package/src/assets/styles/{v2/scss → scss}/Tooltip/Tooltip-layout.scss +0 -0
  300. /package/src/assets/styles/{v2/scss → scss}/Tooltip/Tooltip-theme.scss +0 -0
  301. /package/src/assets/styles/{v2/scss → scss}/TypingIndicator/TypingIndicator-layout.scss +0 -0
  302. /package/src/assets/styles/{v2/scss → scss}/TypingIndicator/TypingIndicator-theme.scss +0 -0
  303. /package/src/assets/styles/{v2/scss → scss}/_emoji-replacement.scss +0 -0
  304. /package/src/assets/styles/{v2/scss → scss}/_global-layout-variables.scss +0 -0
  305. /package/src/assets/styles/{v2/scss → scss}/_global-theme-variables.scss +0 -0
  306. /package/src/assets/styles/{v2/scss → scss}/_icons.scss +0 -0
  307. /package/src/assets/styles/{v2/scss → scss}/_palette-variables.scss +0 -0
  308. /package/src/assets/styles/{v2/scss → scss}/_utils.scss +0 -0
  309. /package/src/assets/styles/{v2/scss → scss}/common/CTAButton/CTAButton-layout.scss +0 -0
  310. /package/src/assets/styles/{v2/scss → scss}/common/CTAButton/CTAButton-theme.scss +0 -0
  311. /package/src/assets/styles/{v2/scss → scss}/common/CircleFAButton/CircleFAButton-layout.scss +0 -0
  312. /package/src/assets/styles/{v2/scss → scss}/common/CircleFAButton/CircleFAButton-theme.scss +0 -0
  313. /package/src/assets/styles/{v2/scss → scss}/index.layout.scss +0 -0
  314. /package/src/assets/styles/{v2/scss → scss}/vendor/emoji-mart.scss +0 -0
  315. /package/src/assets/styles/{v2/scss → scss}/vendor/react-image-gallery.scss +0 -0
@@ -1,2246 +0,0 @@
1
- @import url('https://fonts.googleapis.com/icon?family=Material+Icons');
2
-
3
- .mml-container {
4
- font-family: inherit;
5
- line-height: 1.26;
6
- font-size: 15px;
7
- }
8
-
9
- .mml-container * {
10
- box-sizing: border-box;
11
- }
12
-
13
- .mml-wrap {
14
- display: flex;
15
- flex-direction: column;
16
- max-width: 66.66%;
17
- }
18
-
19
- .mml-align-left .mml-wrap {
20
- margin-right: auto;
21
- }
22
-
23
- .mml-align-right .mml-wrap {
24
- margin-left: auto;
25
- }
26
-
27
- .mml-wrap > * {
28
- border-radius: 16px;
29
- }
30
-
31
- .mml-align-left .mml-wrap > * {
32
- margin-right: auto;
33
- }
34
-
35
- .mml-align-right .mml-wrap > * {
36
- margin-left: auto;
37
- }
38
-
39
- .mml-align-left .mml-wrap > :last-child:not(.mml-btn) {
40
- border-bottom-left-radius: 0;
41
- }
42
-
43
- .mml-align-right .mml-wrap > :last-child:not(.mml-btn) {
44
- border-bottom-right-radius: 0;
45
- }
46
-
47
- .mml-add-to-calendar > .mml-card-body:last-child {
48
- overflow: hidden;
49
- border-bottom: 1px solid #e5e5e6;
50
- }
51
-
52
- .base-dark .mml-add-to-calendar > .mml-card-body:last-child {
53
- border-bottom-color: #1b2d46;
54
- }
55
-
56
- .commerce-light .mml-add-to-calendar > .mml-card-body:last-child {
57
- border-bottom-color: #eaeaea;
58
- }
59
-
60
- .commerce-dark .mml-add-to-calendar > .mml-card-body:last-child {
61
- border-bottom-color: #004ccc;
62
- }
63
-
64
- .livestream-light .mml-add-to-calendar > .mml-card-body:last-child {
65
- border-bottom-color: #bed5e4;
66
- }
67
-
68
- .livestream-dark .mml-add-to-calendar > .mml-card-body:last-child {
69
- border-bottom-color: #081e58;
70
- }
71
-
72
- .messaging-light .mml-add-to-calendar > .mml-card-body:last-child {
73
- border-bottom-color: #d6d6d6;
74
- }
75
-
76
- .messaging-dark .mml-add-to-calendar > .mml-card-body:last-child {
77
- border-bottom-color: #252628;
78
- }
79
-
80
- .team-light .mml-add-to-calendar > .mml-card-body:last-child {
81
- border-bottom-color: #eaeaea;
82
- }
83
-
84
- .team-dark .mml-add-to-calendar > .mml-card-body:last-child {
85
- border-bottom-color: #4e00cc;
86
- }
87
-
88
- .mml-align-left .mml-add-to-calendar > .mml-card-body:last-child {
89
- border-bottom-right-radius: 16px;
90
- }
91
-
92
- .mml-align-right .mml-add-to-calendar > .mml-card-body:last-child {
93
- border-bottom-left-radius: 16px;
94
- }
95
-
96
- .mml-btn {
97
- display: inline-flex;
98
- align-items: center;
99
- justify-content: center;
100
- -webkit-user-select: none;
101
- -moz-user-select: none;
102
- -ms-user-select: none;
103
- user-select: none;
104
- text-decoration: none;
105
- -webkit-appearance: none;
106
- padding: 6px 16px;
107
- border-radius: 16px;
108
- border: 1px solid #f2f2f2;
109
- color: #006cff;
110
- background: #f2f2f2;
111
- font-family: inherit;
112
- font-weight: 700;
113
- font-size: 15px;
114
- margin: 0;
115
- }
116
-
117
- .base-dark .mml-btn {
118
- border-color: #1a232e;
119
- }
120
-
121
- .commerce-light .mml-btn {
122
- border-color: #d9e1e6;
123
- }
124
-
125
- .commerce-dark .mml-btn {
126
- border-color: #1c1f27;
127
- }
128
-
129
- .livestream-light .mml-btn {
130
- border-color: #d9e1e6;
131
- }
132
-
133
- .livestream-dark .mml-btn {
134
- border-color: #041b55;
135
- }
136
-
137
- .messaging-light .mml-btn {
138
- border-color: #ebebeb;
139
- }
140
-
141
- .messaging-dark .mml-btn {
142
- border-color: #242424;
143
- }
144
-
145
- .team-light .mml-btn {
146
- border-color: #ccc;
147
- }
148
-
149
- .team-dark .mml-btn {
150
- border-color: #201c27;
151
- }
152
-
153
- .base-dark .mml-btn {
154
- color: #006cff;
155
- }
156
-
157
- .commerce-light .mml-btn {
158
- color: #005fff;
159
- }
160
-
161
- .commerce-dark .mml-btn {
162
- color: #004ccc;
163
- }
164
-
165
- .livestream-light .mml-btn {
166
- color: #19a0ff;
167
- }
168
-
169
- .livestream-dark .mml-btn {
170
- color: #0d47d9;
171
- }
172
-
173
- .messaging-dark .mml-btn,
174
- .messaging-light .mml-btn {
175
- color: #0283ff;
176
- }
177
-
178
- .team-light .mml-btn {
179
- color: #4e1d9d;
180
- }
181
-
182
- .team-dark .mml-btn {
183
- color: #5d02f0;
184
- }
185
-
186
- .base-dark .mml-btn {
187
- background: #152438;
188
- }
189
-
190
- .commerce-light .mml-btn {
191
- background: #fff;
192
- }
193
-
194
- .commerce-dark .mml-btn {
195
- background: #1c1f27;
196
- }
197
-
198
- .livestream-light .mml-btn {
199
- background: #fff;
200
- }
201
-
202
- .livestream-dark .mml-btn {
203
- background: #010c29;
204
- }
205
-
206
- .messaging-light .mml-btn {
207
- background: #fff;
208
- }
209
-
210
- .messaging-dark .mml-btn {
211
- background: #3e4042;
212
- }
213
-
214
- .team-light .mml-btn {
215
- background: #fff;
216
- }
217
-
218
- .team-dark .mml-btn {
219
- background: #201c27;
220
- }
221
-
222
- .mml-btn:not([disabled]) {
223
- cursor: pointer;
224
- }
225
-
226
- .mml-btn:focus,
227
- .mml-btn:hover {
228
- border-color: #006cff;
229
- color: #fff;
230
- background: #006cff;
231
- }
232
-
233
- .base-dark .mml-btn:focus,
234
- .base-dark .mml-btn:hover {
235
- border-color: #006cff;
236
- }
237
-
238
- .commerce-light .mml-btn:focus,
239
- .commerce-light .mml-btn:hover {
240
- border-color: #005fff;
241
- }
242
-
243
- .commerce-dark .mml-btn:focus,
244
- .commerce-dark .mml-btn:hover {
245
- border-color: #004ccc;
246
- }
247
-
248
- .livestream-light .mml-btn:focus,
249
- .livestream-light .mml-btn:hover {
250
- border-color: #19a0ff;
251
- }
252
-
253
- .livestream-dark .mml-btn:focus,
254
- .livestream-dark .mml-btn:hover {
255
- border-color: #0d47d9;
256
- }
257
-
258
- .messaging-dark .mml-btn:focus,
259
- .messaging-dark .mml-btn:hover,
260
- .messaging-light .mml-btn:focus,
261
- .messaging-light .mml-btn:hover {
262
- border-color: #0283ff;
263
- }
264
-
265
- .team-light .mml-btn:focus,
266
- .team-light .mml-btn:hover {
267
- border-color: #4e1d9d;
268
- }
269
-
270
- .team-dark .mml-btn:focus,
271
- .team-dark .mml-btn:hover {
272
- border-color: #5d02f0;
273
- }
274
-
275
- .base-dark .mml-btn:focus,
276
- .base-dark .mml-btn:hover,
277
- .commerce-dark .mml-btn:focus,
278
- .commerce-dark .mml-btn:hover,
279
- .commerce-light .mml-btn:focus,
280
- .commerce-light .mml-btn:hover,
281
- .livestream-dark .mml-btn:focus,
282
- .livestream-dark .mml-btn:hover,
283
- .livestream-light .mml-btn:focus,
284
- .livestream-light .mml-btn:hover,
285
- .messaging-light .mml-btn:focus,
286
- .messaging-light .mml-btn:hover {
287
- color: #fff;
288
- }
289
-
290
- .messaging-dark .mml-btn:focus,
291
- .messaging-dark .mml-btn:hover {
292
- color: #e8e8e9;
293
- }
294
-
295
- .team-dark .mml-btn:focus,
296
- .team-dark .mml-btn:hover,
297
- .team-light .mml-btn:focus,
298
- .team-light .mml-btn:hover {
299
- color: #fff;
300
- }
301
-
302
- .base-dark .mml-btn:focus,
303
- .base-dark .mml-btn:hover {
304
- background: #006cff;
305
- }
306
-
307
- .commerce-light .mml-btn:focus,
308
- .commerce-light .mml-btn:hover {
309
- background: #005fff;
310
- }
311
-
312
- .commerce-dark .mml-btn:focus,
313
- .commerce-dark .mml-btn:hover {
314
- background: #004ccc;
315
- }
316
-
317
- .livestream-light .mml-btn:focus,
318
- .livestream-light .mml-btn:hover {
319
- background: #19a0ff;
320
- }
321
-
322
- .livestream-dark .mml-btn:focus,
323
- .livestream-dark .mml-btn:hover {
324
- background: #0d47d9;
325
- }
326
-
327
- .messaging-dark .mml-btn:focus,
328
- .messaging-dark .mml-btn:hover,
329
- .messaging-light .mml-btn:focus,
330
- .messaging-light .mml-btn:hover {
331
- background: #0283ff;
332
- }
333
-
334
- .team-light .mml-btn:focus,
335
- .team-light .mml-btn:hover {
336
- background: #4e1d9d;
337
- }
338
-
339
- .team-dark .mml-btn:focus,
340
- .team-dark .mml-btn:hover {
341
- background: #5d02f0;
342
- }
343
-
344
- .mml-btn[disabled] {
345
- border-color: #f2f2f2;
346
- color: #b2b1b5;
347
- background: #f2f2f2;
348
- }
349
-
350
- .base-dark .mml-btn[disabled] {
351
- border-color: #152438;
352
- }
353
-
354
- .commerce-light .mml-btn[disabled] {
355
- border-color: #fff;
356
- }
357
-
358
- .commerce-dark .mml-btn[disabled] {
359
- border-color: #1c1f27;
360
- }
361
-
362
- .livestream-light .mml-btn[disabled] {
363
- border-color: #fff;
364
- }
365
-
366
- .livestream-dark .mml-btn[disabled] {
367
- border-color: #010c29;
368
- }
369
-
370
- .messaging-light .mml-btn[disabled] {
371
- border-color: #fff;
372
- }
373
-
374
- .messaging-dark .mml-btn[disabled] {
375
- border-color: #3e4042;
376
- }
377
-
378
- .team-light .mml-btn[disabled] {
379
- border-color: #fff;
380
- }
381
-
382
- .team-dark .mml-btn[disabled] {
383
- border-color: #201c27;
384
- }
385
-
386
- .base-dark .mml-btn[disabled] {
387
- color: #57606b;
388
- }
389
-
390
- .commerce-light .mml-btn[disabled] {
391
- color: #b6bece;
392
- }
393
-
394
- .commerce-dark .mml-btn[disabled] {
395
- color: #43527c;
396
- }
397
-
398
- .livestream-light .mml-btn[disabled] {
399
- color: #85cdff;
400
- }
401
-
402
- .livestream-dark .mml-btn[disabled] {
403
- color: #48526a;
404
- }
405
-
406
- .messaging-light .mml-btn[disabled] {
407
- color: #b3b3b3;
408
- }
409
-
410
- .messaging-dark .mml-btn[disabled] {
411
- color: #626262;
412
- }
413
-
414
- .team-light .mml-btn[disabled] {
415
- color: #9f8bbf;
416
- }
417
-
418
- .team-dark .mml-btn[disabled] {
419
- color: #59437c;
420
- }
421
-
422
- .base-dark .mml-btn[disabled] {
423
- background: #152438;
424
- }
425
-
426
- .commerce-light .mml-btn[disabled] {
427
- background: #fff;
428
- }
429
-
430
- .commerce-dark .mml-btn[disabled] {
431
- background: #1c1f27;
432
- }
433
-
434
- .livestream-light .mml-btn[disabled] {
435
- background: #fff;
436
- }
437
-
438
- .livestream-dark .mml-btn[disabled] {
439
- background: #010c29;
440
- }
441
-
442
- .messaging-light .mml-btn[disabled] {
443
- background: #fff;
444
- }
445
-
446
- .messaging-dark .mml-btn[disabled] {
447
- background: #3e4042;
448
- }
449
-
450
- .team-light .mml-btn[disabled] {
451
- background: #fff;
452
- }
453
-
454
- .team-dark .mml-btn[disabled] {
455
- background: #201c27;
456
- }
457
-
458
- .mml-btn:focus {
459
- outline: none;
460
- }
461
-
462
- .mml-btn--floating {
463
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.15);
464
- }
465
-
466
- .base-dark .mml-btn--floating {
467
- box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
468
- }
469
-
470
- .commerce-light .mml-btn--floating {
471
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
472
- }
473
-
474
- .commerce-dark .mml-btn--floating {
475
- box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
476
- }
477
-
478
- .livestream-light .mml-btn--floating {
479
- box-shadow: 0 2px 5px rgba(190, 213, 228, 0.5);
480
- }
481
-
482
- .livestream-dark .mml-btn--floating {
483
- box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
484
- }
485
-
486
- .messaging-light .mml-btn--floating {
487
- box-shadow: 0 2px 5px rgba(0, 74, 174, 0.15);
488
- }
489
-
490
- .messaging-dark .mml-btn--floating {
491
- box-shadow: 0 4px 4px rgba(0, 0, 0, 0.1);
492
- }
493
-
494
- .team-light .mml-btn--floating {
495
- box-shadow: 0 2px 5px rgba(0, 0, 0, 0.08);
496
- }
497
-
498
- .team-dark .mml-btn--floating {
499
- box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);
500
- }
501
-
502
- .mml-btn--floating:focus {
503
- box-shadow: none !important;
504
- }
505
-
506
- .mml-btn--with-icon .mml-icon {
507
- margin-right: 0.4em;
508
- }
509
-
510
- .mml-btn--icon {
511
- padding: 5px;
512
- border-radius: 100%;
513
- }
514
-
515
- .mml-btnlist {
516
- display: flex;
517
- }
518
-
519
- .mml-btnlist--grounded {
520
- flex-direction: column;
521
- overflow: hidden;
522
- width: 100%;
523
- border: 1px solid #e5e5e6;
524
- background: #f2f2f2;
525
- }
526
-
527
- .base-dark .mml-btnlist--grounded {
528
- border-color: #1b2d46;
529
- }
530
-
531
- .commerce-light .mml-btnlist--grounded {
532
- border-color: #eaeaea;
533
- }
534
-
535
- .commerce-dark .mml-btnlist--grounded {
536
- border-color: #004ccc;
537
- }
538
-
539
- .livestream-light .mml-btnlist--grounded {
540
- border-color: #bed5e4;
541
- }
542
-
543
- .livestream-dark .mml-btnlist--grounded {
544
- border-color: #081e58;
545
- }
546
-
547
- .messaging-light .mml-btnlist--grounded {
548
- border-color: #d6d6d6;
549
- }
550
-
551
- .messaging-dark .mml-btnlist--grounded {
552
- border-color: #252628;
553
- }
554
-
555
- .team-light .mml-btnlist--grounded {
556
- border-color: #eaeaea;
557
- }
558
-
559
- .team-dark .mml-btnlist--grounded {
560
- border-color: #4e00cc;
561
- }
562
-
563
- .base-dark .mml-btnlist--grounded {
564
- background: #152438;
565
- }
566
-
567
- .commerce-light .mml-btnlist--grounded {
568
- background: #fff;
569
- }
570
-
571
- .commerce-dark .mml-btnlist--grounded {
572
- background: #1c1f27;
573
- }
574
-
575
- .livestream-light .mml-btnlist--grounded {
576
- background: #fff;
577
- }
578
-
579
- .livestream-dark .mml-btnlist--grounded {
580
- background: #010c29;
581
- }
582
-
583
- .messaging-light .mml-btnlist--grounded {
584
- background: #fff;
585
- }
586
-
587
- .messaging-dark .mml-btnlist--grounded {
588
- background: #3e4042;
589
- }
590
-
591
- .team-light .mml-btnlist--grounded {
592
- background: #fff;
593
- }
594
-
595
- .team-dark .mml-btnlist--grounded {
596
- background: #201c27;
597
- }
598
-
599
- .mml-btnlist--grounded .mml-btn {
600
- width: 100%;
601
- margin: 0;
602
- padding: 12px 16px;
603
- border-width: 0 0 1px;
604
- border-radius: 0;
605
- border-color: #e5e5e6;
606
- }
607
-
608
- .base-dark .mml-btnlist--grounded .mml-btn {
609
- border-color: #1b2d46;
610
- }
611
-
612
- .commerce-light .mml-btnlist--grounded .mml-btn {
613
- border-color: #eaeaea;
614
- }
615
-
616
- .commerce-dark .mml-btnlist--grounded .mml-btn {
617
- border-color: #004ccc;
618
- }
619
-
620
- .livestream-light .mml-btnlist--grounded .mml-btn {
621
- border-color: #bed5e4;
622
- }
623
-
624
- .livestream-dark .mml-btnlist--grounded .mml-btn {
625
- border-color: #081e58;
626
- }
627
-
628
- .messaging-light .mml-btnlist--grounded .mml-btn {
629
- border-color: #d6d6d6;
630
- }
631
-
632
- .messaging-dark .mml-btnlist--grounded .mml-btn {
633
- border-color: #252628;
634
- }
635
-
636
- .team-light .mml-btnlist--grounded .mml-btn {
637
- border-color: #eaeaea;
638
- }
639
-
640
- .team-dark .mml-btnlist--grounded .mml-btn {
641
- border-color: #4e00cc;
642
- }
643
-
644
- .mml-btnlist--grounded .mml-btn:not(:hover):not(:focus) {
645
- background: none;
646
- }
647
-
648
- .mml-btnlist--grounded .mml-btn:last-child {
649
- border-width: 0;
650
- }
651
-
652
- .mml-btnlist--grounded .mml-btn--with-icon {
653
- justify-content: flex-start;
654
- font-weight: 400;
655
- }
656
-
657
- .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus) {
658
- color: #0e1621;
659
- }
660
-
661
- .base-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus) {
662
- color: #fff;
663
- }
664
-
665
- .commerce-light .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus) {
666
- color: #202a3c;
667
- }
668
-
669
- .commerce-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus) {
670
- color: #e2e5e9;
671
- }
672
-
673
- .livestream-light .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus) {
674
- color: #2c2c30;
675
- }
676
-
677
- .livestream-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus) {
678
- color: #fff;
679
- }
680
-
681
- .messaging-light .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus) {
682
- color: #0e1621;
683
- }
684
-
685
- .messaging-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus) {
686
- color: #e8e8e9;
687
- }
688
-
689
- .team-light .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus) {
690
- color: #2e2c30;
691
- }
692
-
693
- .team-dark .mml-btnlist--grounded .mml-btn--with-icon:not(:hover):not(:focus) {
694
- color: #e5e2e9;
695
- }
696
-
697
- .mml-btnlist--floating {
698
- flex-direction: row;
699
- flex-wrap: wrap;
700
- justify-content: center;
701
- }
702
-
703
- .mml-align-right .mml-btnlist--floating {
704
- margin-left: calc(-50% - 8px);
705
- margin-right: -8px;
706
- }
707
-
708
- .mml-align-left .mml-btnlist--floating {
709
- margin-left: -8px;
710
- margin-right: calc(-50% - 8px);
711
- }
712
-
713
- .mml-btnlist--floating .mml-btn {
714
- margin: 8px;
715
- }
716
-
717
- .mml-align-right .mml-carousel {
718
- margin-left: -50%;
719
- }
720
-
721
- .mml-align-left .mml-carousel {
722
- margin-right: -50%;
723
- }
724
-
725
- .mml-carousel__track {
726
- display: flex;
727
- padding: 8px 0;
728
- overflow-x: scroll;
729
- scrollbar-width: none;
730
- -ms-scroll-snap-type: x mandatory;
731
- scroll-snap-type: x mandatory;
732
- scroll-behavior: smooth;
733
- -webkit-overflow-scrolling: touch;
734
- -ms-overflow-style: none;
735
- }
736
-
737
- .mml-carousel__track::-webkit-scrollbar {
738
- display: none;
739
- }
740
-
741
- .mml-carousel__slides {
742
- display: flex;
743
- flex-wrap: nowrap;
744
- min-width: 100%;
745
- }
746
-
747
- .mml-carousel__slide {
748
- scroll-snap-align: center;
749
- display: flex;
750
- flex-direction: column;
751
- margin-right: 8px;
752
- }
753
-
754
- .mml-align-right .mml-carousel__slide:first-child {
755
- margin-left: auto;
756
- }
757
-
758
- .mml-carousel__slide:last-child {
759
- margin-right: 0;
760
- }
761
-
762
- .mml-carousel-item > :not(:first-child):not(:last-child) {
763
- background: #fff;
764
- }
765
-
766
- .base-dark .mml-carousel-item > :not(:first-child):not(:last-child) {
767
- background: #0e1723;
768
- }
769
-
770
- .commerce-light .mml-carousel-item > :not(:first-child):not(:last-child) {
771
- background: #f5f9ff;
772
- }
773
-
774
- .commerce-dark .mml-carousel-item > :not(:first-child):not(:last-child) {
775
- background: #0c0e12;
776
- }
777
-
778
- .livestream-light .mml-carousel-item > :not(:first-child):not(:last-child) {
779
- background: #f1faff;
780
- }
781
-
782
- .livestream-dark .mml-carousel-item > :not(:first-child):not(:last-child) {
783
- background: #00091f;
784
- }
785
-
786
- .messaging-light .mml-carousel-item > :not(:first-child):not(:last-child) {
787
- background: #f7f7f8;
788
- }
789
-
790
- .messaging-dark .mml-carousel-item > :not(:first-child):not(:last-child) {
791
- background: #2d2e2f;
792
- }
793
-
794
- .team-light .mml-carousel-item > :not(:first-child):not(:last-child) {
795
- background: #f9f5ff;
796
- }
797
-
798
- .team-dark .mml-carousel-item > :not(:first-child):not(:last-child) {
799
- background: #0f0c12;
800
- }
801
-
802
- .mml-carousel-item > .mml-md,
803
- .mml-carousel-item > .mml-text {
804
- border-color: #e5e5e6;
805
- border-style: solid;
806
- border-width: 0 1px;
807
- padding: 0 8px 8px;
808
- }
809
-
810
- .base-dark .mml-carousel-item > .mml-md,
811
- .base-dark .mml-carousel-item > .mml-text {
812
- border-color: #1b2d46;
813
- }
814
-
815
- .commerce-light .mml-carousel-item > .mml-md,
816
- .commerce-light .mml-carousel-item > .mml-text {
817
- border-color: #eaeaea;
818
- }
819
-
820
- .commerce-dark .mml-carousel-item > .mml-md,
821
- .commerce-dark .mml-carousel-item > .mml-text {
822
- border-color: #004ccc;
823
- }
824
-
825
- .livestream-light .mml-carousel-item > .mml-md,
826
- .livestream-light .mml-carousel-item > .mml-text {
827
- border-color: #bed5e4;
828
- }
829
-
830
- .livestream-dark .mml-carousel-item > .mml-md,
831
- .livestream-dark .mml-carousel-item > .mml-text {
832
- border-color: #081e58;
833
- }
834
-
835
- .messaging-light .mml-carousel-item > .mml-md,
836
- .messaging-light .mml-carousel-item > .mml-text {
837
- border-color: #d6d6d6;
838
- }
839
-
840
- .messaging-dark .mml-carousel-item > .mml-md,
841
- .messaging-dark .mml-carousel-item > .mml-text {
842
- border-color: #252628;
843
- }
844
-
845
- .team-light .mml-carousel-item > .mml-md,
846
- .team-light .mml-carousel-item > .mml-text {
847
- border-color: #eaeaea;
848
- }
849
-
850
- .team-dark .mml-carousel-item > .mml-md,
851
- .team-dark .mml-carousel-item > .mml-text {
852
- border-color: #4e00cc;
853
- }
854
-
855
- .mml-carousel-item > .mml-md:first-of-type,
856
- .mml-carousel-item > .mml-text:first-of-type {
857
- padding-top: 8px;
858
- padding-bottom: 6px;
859
- }
860
-
861
- .mml-carousel-item > .mml-md:last-of-type,
862
- .mml-carousel-item > .mml-text:last-of-type {
863
- flex: 1;
864
- }
865
-
866
- .mml-carousel-item > .mml-text {
867
- font-size: 11px;
868
- color: #8a898e;
869
- }
870
-
871
- .base-dark .mml-carousel-item > .mml-text {
872
- color: #868b91;
873
- }
874
-
875
- .commerce-light .mml-carousel-item > .mml-text {
876
- color: #6c7a93;
877
- }
878
-
879
- .commerce-dark .mml-carousel-item > .mml-text {
880
- color: #afc0df;
881
- }
882
-
883
- .livestream-light .mml-carousel-item > .mml-text {
884
- color: #7ba0bb;
885
- }
886
-
887
- .livestream-dark .mml-carousel-item > .mml-text {
888
- color: #7889b6;
889
- }
890
-
891
- .messaging-light .mml-carousel-item > .mml-text {
892
- color: #8c8c8c;
893
- }
894
-
895
- .messaging-dark .mml-carousel-item > .mml-text {
896
- color: #898a8b;
897
- }
898
-
899
- .team-light .mml-carousel-item > .mml-text {
900
- color: #7c61a8;
901
- }
902
-
903
- .team-dark .mml-carousel-item > .mml-text {
904
- color: #c1afdf;
905
- }
906
-
907
- .mml-carousel-item .mml-btn {
908
- padding: 10px 16px;
909
- border-top-left-radius: 0;
910
- border-top-right-radius: 0;
911
- border: 1px solid #e5e5e6;
912
- }
913
-
914
- .base-dark .mml-carousel-item .mml-btn {
915
- border-color: #1b2d46;
916
- }
917
-
918
- .commerce-light .mml-carousel-item .mml-btn {
919
- border-color: #eaeaea;
920
- }
921
-
922
- .commerce-dark .mml-carousel-item .mml-btn {
923
- border-color: #004ccc;
924
- }
925
-
926
- .livestream-light .mml-carousel-item .mml-btn {
927
- border-color: #bed5e4;
928
- }
929
-
930
- .livestream-dark .mml-carousel-item .mml-btn {
931
- border-color: #081e58;
932
- }
933
-
934
- .messaging-light .mml-carousel-item .mml-btn {
935
- border-color: #d6d6d6;
936
- }
937
-
938
- .messaging-dark .mml-carousel-item .mml-btn {
939
- border-color: #252628;
940
- }
941
-
942
- .team-light .mml-carousel-item .mml-btn {
943
- border-color: #eaeaea;
944
- }
945
-
946
- .team-dark .mml-carousel-item .mml-btn {
947
- border-color: #4e00cc;
948
- }
949
-
950
- .mml-col-align-center {
951
- justify-content: center;
952
- }
953
-
954
- .mml-col-align-right {
955
- justify-content: flex-end;
956
- }
957
-
958
- .mml-col-1,
959
- .mml-col-2,
960
- .mml-col-3,
961
- .mml-col-4,
962
- .mml-col-5,
963
- .mml-col-6,
964
- .mml-col-7,
965
- .mml-col-8,
966
- .mml-col-9,
967
- .mml-col-10,
968
- .mml-col-11,
969
- .mml-col-12 {
970
- position: relative;
971
- width: 100%;
972
- padding-right: 4px;
973
- padding-left: 4px;
974
- }
975
-
976
- .mml-col-1 {
977
- flex: 0 0 8.33333%;
978
- max-width: 8.33333%;
979
- }
980
-
981
- .mml-col-2 {
982
- flex: 0 0 16.66667%;
983
- max-width: 16.66667%;
984
- }
985
-
986
- .mml-col-3 {
987
- flex: 0 0 25%;
988
- max-width: 25%;
989
- }
990
-
991
- .mml-col-4 {
992
- flex: 0 0 33.33333%;
993
- max-width: 33.33333%;
994
- }
995
-
996
- .mml-col-5 {
997
- flex: 0 0 41.66667%;
998
- max-width: 41.66667%;
999
- }
1000
-
1001
- .mml-col-6 {
1002
- flex: 0 0 50%;
1003
- max-width: 50%;
1004
- }
1005
-
1006
- .mml-col-7 {
1007
- flex: 0 0 58.33333%;
1008
- max-width: 58.33333%;
1009
- }
1010
-
1011
- .mml-col-8 {
1012
- flex: 0 0 66.66667%;
1013
- max-width: 66.66667%;
1014
- }
1015
-
1016
- .mml-col-9 {
1017
- flex: 0 0 75%;
1018
- max-width: 75%;
1019
- }
1020
-
1021
- .mml-col-10 {
1022
- flex: 0 0 83.33333%;
1023
- max-width: 83.33333%;
1024
- }
1025
-
1026
- .mml-col-11 {
1027
- flex: 0 0 91.66667%;
1028
- max-width: 91.66667%;
1029
- }
1030
-
1031
- .mml-col-12 {
1032
- flex: 0 0 100%;
1033
- max-width: 100%;
1034
- }
1035
-
1036
- .mml-col-auto {
1037
- flex: 0 0 auto;
1038
- width: auto;
1039
- max-width: 100%;
1040
- }
1041
-
1042
- .mml-offset-1 {
1043
- margin-left: 8.33333%;
1044
- }
1045
-
1046
- .mml-offset-2 {
1047
- margin-left: 16.66667%;
1048
- }
1049
-
1050
- .mml-offset-3 {
1051
- margin-left: 25%;
1052
- }
1053
-
1054
- .mml-offset-4 {
1055
- margin-left: 33.33333%;
1056
- }
1057
-
1058
- .mml-offset-5 {
1059
- margin-left: 41.66667%;
1060
- }
1061
-
1062
- .mml-offset-6 {
1063
- margin-left: 50%;
1064
- }
1065
-
1066
- .mml-offset-7 {
1067
- margin-left: 58.33333%;
1068
- }
1069
-
1070
- .mml-offset-8 {
1071
- margin-left: 66.66667%;
1072
- }
1073
-
1074
- .mml-offset-9 {
1075
- margin-left: 75%;
1076
- }
1077
-
1078
- .mml-offset-10 {
1079
- margin-left: 83.33333%;
1080
- }
1081
-
1082
- .mml-offset-11 {
1083
- margin-left: 91.66667%;
1084
- }
1085
-
1086
- .mml-error {
1087
- display: flex;
1088
- justify-content: center;
1089
- padding: 8px;
1090
- color: #bb5151;
1091
- font-size: 88%;
1092
- }
1093
-
1094
- .mml-icon {
1095
- font-family: Material Icons;
1096
- line-height: 16px;
1097
- font-size: 16px;
1098
- }
1099
-
1100
- .mml-icon__svg {
1101
- width: 1em;
1102
- height: 1em;
1103
- fill: currentColor;
1104
- }
1105
-
1106
- .mml-image {
1107
- display: block;
1108
- width: 100%;
1109
- height: auto;
1110
- margin: 0;
1111
- }
1112
-
1113
- .mml-input {
1114
- position: relative;
1115
- width: 100%;
1116
- padding: 12px 16px;
1117
- -webkit-appearance: none;
1118
- border: 1px solid #e5e5e6;
1119
- color: #8a898e;
1120
- }
1121
-
1122
- .base-dark .mml-input {
1123
- border-color: #1b2d46;
1124
- }
1125
-
1126
- .commerce-light .mml-input {
1127
- border-color: #eaeaea;
1128
- }
1129
-
1130
- .commerce-dark .mml-input {
1131
- border-color: #004ccc;
1132
- }
1133
-
1134
- .livestream-light .mml-input {
1135
- border-color: #bed5e4;
1136
- }
1137
-
1138
- .livestream-dark .mml-input {
1139
- border-color: #081e58;
1140
- }
1141
-
1142
- .messaging-light .mml-input {
1143
- border-color: #d6d6d6;
1144
- }
1145
-
1146
- .messaging-dark .mml-input {
1147
- border-color: #252628;
1148
- }
1149
-
1150
- .team-light .mml-input {
1151
- border-color: #eaeaea;
1152
- }
1153
-
1154
- .team-dark .mml-input {
1155
- border-color: #4e00cc;
1156
- }
1157
-
1158
- .base-dark .mml-input {
1159
- color: #868b91;
1160
- }
1161
-
1162
- .commerce-light .mml-input {
1163
- color: #6c7a93;
1164
- }
1165
-
1166
- .commerce-dark .mml-input {
1167
- color: #afc0df;
1168
- }
1169
-
1170
- .livestream-light .mml-input {
1171
- color: #7ba0bb;
1172
- }
1173
-
1174
- .livestream-dark .mml-input {
1175
- color: #7889b6;
1176
- }
1177
-
1178
- .messaging-light .mml-input {
1179
- color: #8c8c8c;
1180
- }
1181
-
1182
- .messaging-dark .mml-input {
1183
- color: #898a8b;
1184
- }
1185
-
1186
- .team-light .mml-input {
1187
- color: #7c61a8;
1188
- }
1189
-
1190
- .team-dark .mml-input {
1191
- color: #c1afdf;
1192
- }
1193
-
1194
- .mml-input:focus {
1195
- outline: none;
1196
- color: #0e1621;
1197
- }
1198
-
1199
- .base-dark .mml-input:focus {
1200
- color: #fff;
1201
- }
1202
-
1203
- .commerce-light .mml-input:focus {
1204
- color: #202a3c;
1205
- }
1206
-
1207
- .commerce-dark .mml-input:focus {
1208
- color: #e2e5e9;
1209
- }
1210
-
1211
- .livestream-light .mml-input:focus {
1212
- color: #2c2c30;
1213
- }
1214
-
1215
- .livestream-dark .mml-input:focus {
1216
- color: #fff;
1217
- }
1218
-
1219
- .messaging-light .mml-input:focus {
1220
- color: #0e1621;
1221
- }
1222
-
1223
- .messaging-dark .mml-input:focus {
1224
- color: #e8e8e9;
1225
- }
1226
-
1227
- .team-light .mml-input:focus {
1228
- color: #2e2c30;
1229
- }
1230
-
1231
- .team-dark .mml-input:focus {
1232
- color: #e5e2e9;
1233
- }
1234
-
1235
- .mml-card-header + .mml-input,
1236
- .mml-card .mml-input + .mml-btn {
1237
- border-top: 0;
1238
- }
1239
-
1240
- .mml-progress {
1241
- width: 1em;
1242
- color: #bbb;
1243
- -webkit-animation: mml-animation-dash 1.4s ease-in-out infinite;
1244
- animation: mml-animation-dash 1.4s ease-in-out infinite;
1245
- stroke-dasharray: 80px, 200px;
1246
- stroke-dashoffset: 0;
1247
- }
1248
-
1249
- .mml-progress__svg {
1250
- display: block;
1251
- }
1252
-
1253
- .mml-progress__circle {
1254
- stroke: currentColor;
1255
- }
1256
- @-webkit-keyframes mml-animation-dash {
1257
- 0% {
1258
- stroke-dasharray: 1px, 200px;
1259
- stroke-dashoffset: 0;
1260
- }
1261
-
1262
- 50% {
1263
- stroke-dasharray: 100px, 200px;
1264
- stroke-dashoffset: -15px;
1265
- }
1266
-
1267
- to {
1268
- stroke-dasharray: 100px, 200px;
1269
- stroke-dashoffset: -125px;
1270
- }
1271
- }
1272
- @keyframes mml-animation-dash {
1273
- 0% {
1274
- stroke-dasharray: 1px, 200px;
1275
- stroke-dashoffset: 0;
1276
- }
1277
-
1278
- 50% {
1279
- stroke-dasharray: 100px, 200px;
1280
- stroke-dashoffset: -15px;
1281
- }
1282
-
1283
- to {
1284
- stroke-dasharray: 100px, 200px;
1285
- stroke-dashoffset: -125px;
1286
- }
1287
- }
1288
-
1289
- .mml-loading {
1290
- display: flex;
1291
- align-items: center;
1292
- justify-content: center;
1293
- padding: 8px;
1294
- font-size: 88%;
1295
- }
1296
-
1297
- .mml-loading__text {
1298
- padding-left: 8px;
1299
- }
1300
-
1301
- .mml-md {
1302
- padding: 2px 0;
1303
- color: #0e1621;
1304
- }
1305
-
1306
- .base-dark .mml-md {
1307
- color: #fff;
1308
- }
1309
-
1310
- .commerce-light .mml-md {
1311
- color: #202a3c;
1312
- }
1313
-
1314
- .commerce-dark .mml-md {
1315
- color: #e2e5e9;
1316
- }
1317
-
1318
- .livestream-light .mml-md {
1319
- color: #2c2c30;
1320
- }
1321
-
1322
- .livestream-dark .mml-md {
1323
- color: #fff;
1324
- }
1325
-
1326
- .messaging-light .mml-md {
1327
- color: #0e1621;
1328
- }
1329
-
1330
- .messaging-dark .mml-md {
1331
- color: #e8e8e9;
1332
- }
1333
-
1334
- .team-light .mml-md {
1335
- color: #2e2c30;
1336
- }
1337
-
1338
- .team-dark .mml-md {
1339
- color: #e5e2e9;
1340
- }
1341
-
1342
- .mml-md blockquote {
1343
- padding: 0 1em;
1344
- margin: 1em 0;
1345
- border: solid #f2f2f2;
1346
- border-width: 0 0 0 3px;
1347
- }
1348
-
1349
- .base-dark .mml-md blockquote {
1350
- border-color: #152438;
1351
- }
1352
-
1353
- .commerce-light .mml-md blockquote {
1354
- border-color: #fff;
1355
- }
1356
-
1357
- .commerce-dark .mml-md blockquote {
1358
- border-color: #1c1f27;
1359
- }
1360
-
1361
- .livestream-light .mml-md blockquote {
1362
- border-color: #fff;
1363
- }
1364
-
1365
- .livestream-dark .mml-md blockquote {
1366
- border-color: #010c29;
1367
- }
1368
-
1369
- .messaging-light .mml-md blockquote {
1370
- border-color: #fff;
1371
- }
1372
-
1373
- .messaging-dark .mml-md blockquote {
1374
- border-color: #3e4042;
1375
- }
1376
-
1377
- .team-light .mml-md blockquote {
1378
- border-color: #fff;
1379
- }
1380
-
1381
- .team-dark .mml-md blockquote {
1382
- border-color: #201c27;
1383
- }
1384
-
1385
- .mml-md pre {
1386
- padding: 2px 4px;
1387
- margin: 0 0 1em;
1388
- white-space: normal;
1389
- background: #e5e5e6;
1390
- }
1391
-
1392
- .base-dark .mml-md pre {
1393
- background: #1b2d46;
1394
- }
1395
-
1396
- .commerce-light .mml-md pre {
1397
- background: #eaeaea;
1398
- }
1399
-
1400
- .commerce-dark .mml-md pre {
1401
- background: #004ccc;
1402
- }
1403
-
1404
- .livestream-light .mml-md pre {
1405
- background: #bed5e4;
1406
- }
1407
-
1408
- .livestream-dark .mml-md pre {
1409
- background: #081e58;
1410
- }
1411
-
1412
- .messaging-light .mml-md pre {
1413
- background: #d6d6d6;
1414
- }
1415
-
1416
- .messaging-dark .mml-md pre {
1417
- background: #252628;
1418
- }
1419
-
1420
- .team-light .mml-md pre {
1421
- background: #eaeaea;
1422
- }
1423
-
1424
- .team-dark .mml-md pre {
1425
- background: #4e00cc;
1426
- }
1427
-
1428
- .mml-md code {
1429
- color: #e83e8c;
1430
- font-size: 87.5%;
1431
- font-family: SFMono-Regular, Menlo, Monaco, Consolas, Liberation Mono, Courier New, monospace;
1432
- }
1433
-
1434
- .mml-md p {
1435
- margin: 0;
1436
- }
1437
-
1438
- .mml-md p:not(:first-child):not(:last-child) {
1439
- margin: 0 0 1em;
1440
- }
1441
-
1442
- .base-dark .mml-md a,
1443
- .mml-md a {
1444
- color: #006cff;
1445
- }
1446
-
1447
- .commerce-light .mml-md a {
1448
- color: #005fff;
1449
- }
1450
-
1451
- .commerce-dark .mml-md a {
1452
- color: #004ccc;
1453
- }
1454
-
1455
- .livestream-light .mml-md a {
1456
- color: #19a0ff;
1457
- }
1458
-
1459
- .livestream-dark .mml-md a {
1460
- color: #0d47d9;
1461
- }
1462
-
1463
- .messaging-dark .mml-md a,
1464
- .messaging-light .mml-md a {
1465
- color: #0283ff;
1466
- }
1467
-
1468
- .team-light .mml-md a {
1469
- color: #4e1d9d;
1470
- }
1471
-
1472
- .team-dark .mml-md a {
1473
- color: #5d02f0;
1474
- }
1475
-
1476
- .mml-number,
1477
- .mml-number__count {
1478
- flex: 1;
1479
- display: flex;
1480
- }
1481
-
1482
- .mml-number__count {
1483
- align-items: center;
1484
- justify-content: center;
1485
- margin: 0 8px;
1486
- font-weight: 700;
1487
- color: #0e1621;
1488
- }
1489
-
1490
- .base-dark .mml-number__count {
1491
- color: #fff;
1492
- }
1493
-
1494
- .commerce-light .mml-number__count {
1495
- color: #202a3c;
1496
- }
1497
-
1498
- .commerce-dark .mml-number__count {
1499
- color: #e2e5e9;
1500
- }
1501
-
1502
- .livestream-light .mml-number__count {
1503
- color: #2c2c30;
1504
- }
1505
-
1506
- .livestream-dark .mml-number__count {
1507
- color: #fff;
1508
- }
1509
-
1510
- .messaging-light .mml-number__count {
1511
- color: #0e1621;
1512
- }
1513
-
1514
- .messaging-dark .mml-number__count {
1515
- color: #e8e8e9;
1516
- }
1517
-
1518
- .team-light .mml-number__count {
1519
- color: #2e2c30;
1520
- }
1521
-
1522
- .team-dark .mml-number__count {
1523
- color: #e5e2e9;
1524
- }
1525
-
1526
- .mml-number .mml-btn {
1527
- margin: 8px;
1528
- }
1529
-
1530
- .mml-row {
1531
- display: flex;
1532
- flex-wrap: wrap;
1533
- margin-right: -4px;
1534
- margin-left: -4px;
1535
- min-width: 100%;
1536
- }
1537
-
1538
- .mml-card {
1539
- width: 100%;
1540
- }
1541
-
1542
- .mml-card .mml-btnlist {
1543
- font-size: 14px;
1544
- border: 0;
1545
- }
1546
-
1547
- .mml-card > :not(:first-child):not(:last-child) {
1548
- background: #fff;
1549
- }
1550
-
1551
- .base-dark .mml-card > :not(:first-child):not(:last-child) {
1552
- background: #0e1723;
1553
- }
1554
-
1555
- .commerce-light .mml-card > :not(:first-child):not(:last-child) {
1556
- background: #f5f9ff;
1557
- }
1558
-
1559
- .commerce-dark .mml-card > :not(:first-child):not(:last-child) {
1560
- background: #0c0e12;
1561
- }
1562
-
1563
- .livestream-light .mml-card > :not(:first-child):not(:last-child) {
1564
- background: #f1faff;
1565
- }
1566
-
1567
- .livestream-dark .mml-card > :not(:first-child):not(:last-child) {
1568
- background: #00091f;
1569
- }
1570
-
1571
- .messaging-light .mml-card > :not(:first-child):not(:last-child) {
1572
- background: #f7f7f8;
1573
- }
1574
-
1575
- .messaging-dark .mml-card > :not(:first-child):not(:last-child) {
1576
- background: #2d2e2f;
1577
- }
1578
-
1579
- .team-light .mml-card > :not(:first-child):not(:last-child) {
1580
- background: #f9f5ff;
1581
- }
1582
-
1583
- .team-dark .mml-card > :not(:first-child):not(:last-child) {
1584
- background: #0f0c12;
1585
- }
1586
-
1587
- .mml-card > .mml-number {
1588
- border-color: #e5e5e6;
1589
- border-style: solid;
1590
- border-width: 0 1px;
1591
- }
1592
-
1593
- .base-dark .mml-card > .mml-number {
1594
- border-color: #1b2d46;
1595
- }
1596
-
1597
- .commerce-light .mml-card > .mml-number {
1598
- border-color: #eaeaea;
1599
- }
1600
-
1601
- .commerce-dark .mml-card > .mml-number {
1602
- border-color: #004ccc;
1603
- }
1604
-
1605
- .livestream-light .mml-card > .mml-number {
1606
- border-color: #bed5e4;
1607
- }
1608
-
1609
- .livestream-dark .mml-card > .mml-number {
1610
- border-color: #081e58;
1611
- }
1612
-
1613
- .messaging-light .mml-card > .mml-number {
1614
- border-color: #d6d6d6;
1615
- }
1616
-
1617
- .messaging-dark .mml-card > .mml-number {
1618
- border-color: #252628;
1619
- }
1620
-
1621
- .team-light .mml-card > .mml-number {
1622
- border-color: #eaeaea;
1623
- }
1624
-
1625
- .team-dark .mml-card > .mml-number {
1626
- border-color: #4e00cc;
1627
- }
1628
-
1629
- .mml-card > .mml-btn {
1630
- min-width: 100%;
1631
- border: 1px solid #e5e5e6;
1632
- }
1633
-
1634
- .base-dark .mml-card > .mml-btn {
1635
- border-color: #1b2d46;
1636
- }
1637
-
1638
- .commerce-light .mml-card > .mml-btn {
1639
- border-color: #eaeaea;
1640
- }
1641
-
1642
- .commerce-dark .mml-card > .mml-btn {
1643
- border-color: #004ccc;
1644
- }
1645
-
1646
- .livestream-light .mml-card > .mml-btn {
1647
- border-color: #bed5e4;
1648
- }
1649
-
1650
- .livestream-dark .mml-card > .mml-btn {
1651
- border-color: #081e58;
1652
- }
1653
-
1654
- .messaging-light .mml-card > .mml-btn {
1655
- border-color: #d6d6d6;
1656
- }
1657
-
1658
- .messaging-dark .mml-card > .mml-btn {
1659
- border-color: #252628;
1660
- }
1661
-
1662
- .team-light .mml-card > .mml-btn {
1663
- border-color: #eaeaea;
1664
- }
1665
-
1666
- .team-dark .mml-card > .mml-btn {
1667
- border-color: #4e00cc;
1668
- }
1669
-
1670
- .mml-card > .mml-btn:last-child {
1671
- padding: 10px 16px;
1672
- border-radius: 0;
1673
- }
1674
-
1675
- .mml-align-left .mml-card > .mml-btn:last-child {
1676
- border-bottom-right-radius: 16px;
1677
- }
1678
-
1679
- .mml-align-right .mml-card > .mml-btn:last-child {
1680
- border-bottom-left-radius: 16px;
1681
- }
1682
-
1683
- .mml-card-body {
1684
- border-color: #e5e5e6;
1685
- border-style: solid;
1686
- border-width: 0 1px;
1687
- background: #fff;
1688
- color: #0e1621;
1689
- font-size: 14px;
1690
- }
1691
-
1692
- .base-dark .mml-card-body {
1693
- border-color: #1b2d46;
1694
- }
1695
-
1696
- .commerce-light .mml-card-body {
1697
- border-color: #eaeaea;
1698
- }
1699
-
1700
- .commerce-dark .mml-card-body {
1701
- border-color: #004ccc;
1702
- }
1703
-
1704
- .livestream-light .mml-card-body {
1705
- border-color: #bed5e4;
1706
- }
1707
-
1708
- .livestream-dark .mml-card-body {
1709
- border-color: #081e58;
1710
- }
1711
-
1712
- .messaging-light .mml-card-body {
1713
- border-color: #d6d6d6;
1714
- }
1715
-
1716
- .messaging-dark .mml-card-body {
1717
- border-color: #252628;
1718
- }
1719
-
1720
- .team-light .mml-card-body {
1721
- border-color: #eaeaea;
1722
- }
1723
-
1724
- .team-dark .mml-card-body {
1725
- border-color: #4e00cc;
1726
- }
1727
-
1728
- .base-dark .mml-card-body {
1729
- background: #0e1723;
1730
- }
1731
-
1732
- .commerce-light .mml-card-body {
1733
- background: #f5f9ff;
1734
- }
1735
-
1736
- .commerce-dark .mml-card-body {
1737
- background: #0c0e12;
1738
- }
1739
-
1740
- .livestream-light .mml-card-body {
1741
- background: #f1faff;
1742
- }
1743
-
1744
- .livestream-dark .mml-card-body {
1745
- background: #00091f;
1746
- }
1747
-
1748
- .messaging-light .mml-card-body {
1749
- background: #f7f7f8;
1750
- }
1751
-
1752
- .messaging-dark .mml-card-body {
1753
- background: #2d2e2f;
1754
- }
1755
-
1756
- .team-light .mml-card-body {
1757
- background: #f9f5ff;
1758
- }
1759
-
1760
- .team-dark .mml-card-body {
1761
- background: #0f0c12;
1762
- }
1763
-
1764
- .base-dark .mml-card-body {
1765
- color: #fff;
1766
- }
1767
-
1768
- .commerce-light .mml-card-body {
1769
- color: #202a3c;
1770
- }
1771
-
1772
- .commerce-dark .mml-card-body {
1773
- color: #e2e5e9;
1774
- }
1775
-
1776
- .livestream-light .mml-card-body {
1777
- color: #2c2c30;
1778
- }
1779
-
1780
- .livestream-dark .mml-card-body {
1781
- color: #fff;
1782
- }
1783
-
1784
- .messaging-light .mml-card-body {
1785
- color: #0e1621;
1786
- }
1787
-
1788
- .messaging-dark .mml-card-body {
1789
- color: #e8e8e9;
1790
- }
1791
-
1792
- .team-light .mml-card-body {
1793
- color: #2e2c30;
1794
- }
1795
-
1796
- .team-dark .mml-card-body {
1797
- color: #e5e2e9;
1798
- }
1799
-
1800
- .mml-card-body > .mml-md,
1801
- .mml-card-body > .mml-text {
1802
- padding: 0 8px 8px;
1803
- }
1804
-
1805
- .mml-card-body > .mml-md:first-of-type,
1806
- .mml-card-body > .mml-text:first-of-type {
1807
- padding-top: 8px;
1808
- }
1809
-
1810
- .mml-card-header {
1811
- display: flex;
1812
- align-items: center;
1813
- min-width: 100%;
1814
- padding: 15px 0;
1815
- font-size: 13px;
1816
- background: #f2f2f2;
1817
- color: #8a898e;
1818
- border-top-left-radius: 16px;
1819
- border-top-right-radius: 16px;
1820
- border: 1px solid #e5e5e6;
1821
- }
1822
-
1823
- .base-dark .mml-card-header {
1824
- background: #152438;
1825
- }
1826
-
1827
- .commerce-light .mml-card-header {
1828
- background: #fff;
1829
- }
1830
-
1831
- .commerce-dark .mml-card-header {
1832
- background: #1c1f27;
1833
- }
1834
-
1835
- .livestream-light .mml-card-header {
1836
- background: #fff;
1837
- }
1838
-
1839
- .livestream-dark .mml-card-header {
1840
- background: #010c29;
1841
- }
1842
-
1843
- .messaging-light .mml-card-header {
1844
- background: #fff;
1845
- }
1846
-
1847
- .messaging-dark .mml-card-header {
1848
- background: #3e4042;
1849
- }
1850
-
1851
- .team-light .mml-card-header {
1852
- background: #fff;
1853
- }
1854
-
1855
- .team-dark .mml-card-header {
1856
- background: #201c27;
1857
- }
1858
-
1859
- .base-dark .mml-card-header {
1860
- color: #868b91;
1861
- }
1862
-
1863
- .commerce-light .mml-card-header {
1864
- color: #6c7a93;
1865
- }
1866
-
1867
- .commerce-dark .mml-card-header {
1868
- color: #afc0df;
1869
- }
1870
-
1871
- .livestream-light .mml-card-header {
1872
- color: #7ba0bb;
1873
- }
1874
-
1875
- .livestream-dark .mml-card-header {
1876
- color: #7889b6;
1877
- }
1878
-
1879
- .messaging-light .mml-card-header {
1880
- color: #8c8c8c;
1881
- }
1882
-
1883
- .messaging-dark .mml-card-header {
1884
- color: #898a8b;
1885
- }
1886
-
1887
- .team-light .mml-card-header {
1888
- color: #7c61a8;
1889
- }
1890
-
1891
- .team-dark .mml-card-header {
1892
- color: #c1afdf;
1893
- }
1894
-
1895
- .base-dark .mml-card-header {
1896
- border-color: #1b2d46;
1897
- }
1898
-
1899
- .commerce-light .mml-card-header {
1900
- border-color: #eaeaea;
1901
- }
1902
-
1903
- .commerce-dark .mml-card-header {
1904
- border-color: #004ccc;
1905
- }
1906
-
1907
- .livestream-light .mml-card-header {
1908
- border-color: #bed5e4;
1909
- }
1910
-
1911
- .livestream-dark .mml-card-header {
1912
- border-color: #081e58;
1913
- }
1914
-
1915
- .messaging-light .mml-card-header {
1916
- border-color: #d6d6d6;
1917
- }
1918
-
1919
- .messaging-dark .mml-card-header {
1920
- border-color: #252628;
1921
- }
1922
-
1923
- .team-light .mml-card-header {
1924
- border-color: #eaeaea;
1925
- }
1926
-
1927
- .team-dark .mml-card-header {
1928
- border-color: #4e00cc;
1929
- }
1930
-
1931
- .mml-card-header .mml-icon {
1932
- padding-left: 16px;
1933
- margin-right: -8px;
1934
- }
1935
-
1936
- .mml-card-header__text {
1937
- padding: 0 16px;
1938
- font-weight: 700;
1939
- }
1940
-
1941
- .mml-datepicker {
1942
- flex: 1;
1943
- display: flex;
1944
- }
1945
-
1946
- .mml-datepicker__select {
1947
- flex: 1;
1948
- }
1949
-
1950
- .mml-datepicker__select > div {
1951
- overflow-y: scroll;
1952
- scrollbar-width: none;
1953
- overflow: -moz-scrollbars-none;
1954
- -ms-overflow-style: none;
1955
- }
1956
-
1957
- .mml-datepicker__select > div::-webkit-scrollbar {
1958
- display: none;
1959
- }
1960
-
1961
- .mml-datepicker__item {
1962
- padding: 4px 5px;
1963
- white-space: nowrap;
1964
- cursor: pointer;
1965
- -webkit-user-select: none;
1966
- -moz-user-select: none;
1967
- -ms-user-select: none;
1968
- user-select: none;
1969
- }
1970
-
1971
- .mml-datepicker__item--selected {
1972
- color: #006cff;
1973
- font-weight: 700;
1974
- }
1975
-
1976
- .base-dark .mml-datepicker__item--selected {
1977
- color: #006cff;
1978
- }
1979
-
1980
- .commerce-light .mml-datepicker__item--selected {
1981
- color: #005fff;
1982
- }
1983
-
1984
- .commerce-dark .mml-datepicker__item--selected {
1985
- color: #004ccc;
1986
- }
1987
-
1988
- .livestream-light .mml-datepicker__item--selected {
1989
- color: #19a0ff;
1990
- }
1991
-
1992
- .livestream-dark .mml-datepicker__item--selected {
1993
- color: #0d47d9;
1994
- }
1995
-
1996
- .messaging-dark .mml-datepicker__item--selected,
1997
- .messaging-light .mml-datepicker__item--selected {
1998
- color: #0283ff;
1999
- }
2000
-
2001
- .team-light .mml-datepicker__item--selected {
2002
- color: #4e1d9d;
2003
- }
2004
-
2005
- .team-dark .mml-datepicker__item--selected {
2006
- color: #5d02f0;
2007
- }
2008
-
2009
- .mml-datepicker--double .mml-datepicker__date {
2010
- text-align: right;
2011
- }
2012
-
2013
- .mml-datepicker--single .mml-datepicker__select {
2014
- text-align: center;
2015
- }
2016
-
2017
- .mml-scheduler .mml-datepicker {
2018
- height: 217px;
2019
- background: #fff;
2020
- }
2021
-
2022
- .base-dark .mml-scheduler .mml-datepicker {
2023
- background: #0e1723;
2024
- }
2025
-
2026
- .commerce-light .mml-scheduler .mml-datepicker {
2027
- background: #f5f9ff;
2028
- }
2029
-
2030
- .commerce-dark .mml-scheduler .mml-datepicker {
2031
- background: #0c0e12;
2032
- }
2033
-
2034
- .livestream-light .mml-scheduler .mml-datepicker {
2035
- background: #f1faff;
2036
- }
2037
-
2038
- .livestream-dark .mml-scheduler .mml-datepicker {
2039
- background: #00091f;
2040
- }
2041
-
2042
- .messaging-light .mml-scheduler .mml-datepicker {
2043
- background: #f7f7f8;
2044
- }
2045
-
2046
- .messaging-dark .mml-scheduler .mml-datepicker {
2047
- background: #2d2e2f;
2048
- }
2049
-
2050
- .team-light .mml-scheduler .mml-datepicker {
2051
- background: #f9f5ff;
2052
- }
2053
-
2054
- .team-dark .mml-scheduler .mml-datepicker {
2055
- background: #0f0c12;
2056
- }
2057
-
2058
- .mml-scheduler .mml-datepicker__select {
2059
- position: relative;
2060
- }
2061
-
2062
- .mml-scheduler .mml-datepicker__select::after,
2063
- .mml-scheduler .mml-datepicker__select::before {
2064
- content: '';
2065
- z-index: 1;
2066
- position: absolute;
2067
- left: 0;
2068
- right: 0;
2069
- height: 10%;
2070
- min-height: 60px;
2071
- pointer-events: none;
2072
- }
2073
-
2074
- .mml-scheduler .mml-datepicker__select::before {
2075
- top: 0;
2076
- background-image: linear-gradient(180deg, #fff, hsla(0, 0%, 100%, 0));
2077
- }
2078
-
2079
- .base-dark .mml-scheduler .mml-datepicker__select::before {
2080
- background-image: linear-gradient(180deg, #0e1723, hsla(0, 0%, 100%, 0));
2081
- }
2082
-
2083
- .commerce-light .mml-scheduler .mml-datepicker__select::before {
2084
- background-image: linear-gradient(180deg, #f5f9ff, hsla(0, 0%, 100%, 0));
2085
- }
2086
-
2087
- .commerce-dark .mml-scheduler .mml-datepicker__select::before {
2088
- background-image: linear-gradient(180deg, #0c0e12, hsla(0, 0%, 100%, 0));
2089
- }
2090
-
2091
- .livestream-light .mml-scheduler .mml-datepicker__select::before {
2092
- background-image: linear-gradient(180deg, #f1faff, hsla(0, 0%, 100%, 0));
2093
- }
2094
-
2095
- .livestream-dark .mml-scheduler .mml-datepicker__select::before {
2096
- background-image: linear-gradient(180deg, #00091f, hsla(0, 0%, 100%, 0));
2097
- }
2098
-
2099
- .messaging-light .mml-scheduler .mml-datepicker__select::before {
2100
- background-image: linear-gradient(180deg, #f7f7f8, hsla(0, 0%, 100%, 0));
2101
- }
2102
-
2103
- .messaging-dark .mml-scheduler .mml-datepicker__select::before {
2104
- background-image: linear-gradient(180deg, #2d2e2f, hsla(0, 0%, 100%, 0));
2105
- }
2106
-
2107
- .team-light .mml-scheduler .mml-datepicker__select::before {
2108
- background-image: linear-gradient(180deg, #f9f5ff, hsla(0, 0%, 100%, 0));
2109
- }
2110
-
2111
- .team-dark .mml-scheduler .mml-datepicker__select::before {
2112
- background-image: linear-gradient(180deg, #0f0c12, hsla(0, 0%, 100%, 0));
2113
- }
2114
-
2115
- .mml-scheduler .mml-datepicker__select::after {
2116
- bottom: 0;
2117
- background-image: linear-gradient(0deg, #fff, hsla(0, 0%, 100%, 0));
2118
- }
2119
-
2120
- .base-dark .mml-scheduler .mml-datepicker__select::after {
2121
- background-image: linear-gradient(0deg, #0e1723, hsla(0, 0%, 100%, 0));
2122
- }
2123
-
2124
- .commerce-light .mml-scheduler .mml-datepicker__select::after {
2125
- background-image: linear-gradient(0deg, #f5f9ff, hsla(0, 0%, 100%, 0));
2126
- }
2127
-
2128
- .commerce-dark .mml-scheduler .mml-datepicker__select::after {
2129
- background-image: linear-gradient(0deg, #0c0e12, hsla(0, 0%, 100%, 0));
2130
- }
2131
-
2132
- .livestream-light .mml-scheduler .mml-datepicker__select::after {
2133
- background-image: linear-gradient(0deg, #f1faff, hsla(0, 0%, 100%, 0));
2134
- }
2135
-
2136
- .livestream-dark .mml-scheduler .mml-datepicker__select::after {
2137
- background-image: linear-gradient(0deg, #00091f, hsla(0, 0%, 100%, 0));
2138
- }
2139
-
2140
- .messaging-light .mml-scheduler .mml-datepicker__select::after {
2141
- background-image: linear-gradient(0deg, #f7f7f8, hsla(0, 0%, 100%, 0));
2142
- }
2143
-
2144
- .messaging-dark .mml-scheduler .mml-datepicker__select::after {
2145
- background-image: linear-gradient(0deg, #2d2e2f, hsla(0, 0%, 100%, 0));
2146
- }
2147
-
2148
- .team-light .mml-scheduler .mml-datepicker__select::after {
2149
- background-image: linear-gradient(0deg, #f9f5ff, hsla(0, 0%, 100%, 0));
2150
- }
2151
-
2152
- .team-dark .mml-scheduler .mml-datepicker__select::after {
2153
- background-image: linear-gradient(0deg, #0f0c12, hsla(0, 0%, 100%, 0));
2154
- }
2155
-
2156
- .mml-success {
2157
- display: flex;
2158
- justify-content: center;
2159
- padding: 8px;
2160
- font-size: 88%;
2161
- }
2162
-
2163
- .base-dark .mml-success,
2164
- .mml-success {
2165
- color: #006cff;
2166
- }
2167
-
2168
- .commerce-light .mml-success {
2169
- color: #005fff;
2170
- }
2171
-
2172
- .commerce-dark .mml-success {
2173
- color: #004ccc;
2174
- }
2175
-
2176
- .livestream-light .mml-success {
2177
- color: #19a0ff;
2178
- }
2179
-
2180
- .livestream-dark .mml-success {
2181
- color: #0d47d9;
2182
- }
2183
-
2184
- .messaging-dark .mml-success,
2185
- .messaging-light .mml-success {
2186
- color: #0283ff;
2187
- }
2188
-
2189
- .team-light .mml-success {
2190
- color: #4e1d9d;
2191
- }
2192
-
2193
- .team-dark .mml-success {
2194
- color: #5d02f0;
2195
- }
2196
-
2197
- .mml-text {
2198
- padding: 2px 0;
2199
- color: #0e1621;
2200
- }
2201
-
2202
- .base-dark .mml-text {
2203
- color: #fff;
2204
- }
2205
-
2206
- .commerce-light .mml-text {
2207
- color: #202a3c;
2208
- }
2209
-
2210
- .commerce-dark .mml-text {
2211
- color: #e2e5e9;
2212
- }
2213
-
2214
- .livestream-light .mml-text {
2215
- color: #2c2c30;
2216
- }
2217
-
2218
- .livestream-dark .mml-text {
2219
- color: #fff;
2220
- }
2221
-
2222
- .messaging-light .mml-text {
2223
- color: #0e1621;
2224
- }
2225
-
2226
- .messaging-dark .mml-text {
2227
- color: #e8e8e9;
2228
- }
2229
-
2230
- .team-light .mml-text {
2231
- color: #2e2c30;
2232
- }
2233
-
2234
- .team-dark .mml-text {
2235
- color: #e5e2e9;
2236
- }
2237
-
2238
- .mml-text + .mml-md,
2239
- .mml-text + .mml-text {
2240
- padding-top: 2px;
2241
- }
2242
-
2243
- .mml-text + .mml-btnlist,
2244
- .mml-text + .mml-image {
2245
- margin-top: 4px;
2246
- }