@zohodesk/dot 1.0.0-beta.253 → 1.0.0-beta.254

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 (50) hide show
  1. package/README.md +5 -0
  2. package/assets/Appearance/dark/mode/dotDarkMode.module.css +293 -303
  3. package/assets/Appearance/dark/themes/blue/blueDarkDotTheme.module.css +9 -9
  4. package/assets/Appearance/dark/themes/green/greenDarkDotTheme.module.css +9 -9
  5. package/assets/Appearance/dark/themes/orange/orangeDarkDotTheme.module.css +9 -9
  6. package/assets/Appearance/dark/themes/red/redDarkDotTheme.module.css +9 -9
  7. package/assets/Appearance/dark/themes/yellow/yellowDarkDotTheme.module.css +9 -9
  8. package/assets/Appearance/default/mode/dotDefaultMode.module.css +288 -298
  9. package/assets/Appearance/default/themes/blue/blueDefaultDotTheme.module.css +9 -9
  10. package/assets/Appearance/default/themes/green/greenDefaultDotTheme.module.css +9 -9
  11. package/assets/Appearance/default/themes/orange/orangeDefaultDotTheme.module.css +9 -9
  12. package/assets/Appearance/default/themes/red/redDefaultDotTheme.module.css +9 -9
  13. package/assets/Appearance/default/themes/yellow/yellowDefaultDotTheme.module.css +9 -9
  14. package/assets/Appearance/pureDark/mode/dotPureDarkMode.module.css +296 -306
  15. package/assets/Appearance/pureDark/themes/blue/bluePureDarkDotTheme.module.css +9 -9
  16. package/assets/Appearance/pureDark/themes/green/greenPureDarkDotTheme.module.css +9 -9
  17. package/assets/Appearance/pureDark/themes/orange/orangePureDarkDotTheme.module.css +9 -9
  18. package/assets/Appearance/pureDark/themes/red/redPureDarkDotTheme.module.css +9 -9
  19. package/assets/Appearance/pureDark/themes/yellow/yellowPureDarkDotTheme.module.css +9 -9
  20. package/es/AttachmentViewer/AttachmentViewer.module.css +4 -5
  21. package/es/Drawer/Drawer.module.css +42 -3
  22. package/es/FreezeLayer/props/propTypes.js +2 -1
  23. package/es/Message/Message.module.css +1 -1
  24. package/es/PlusIcon/PlusIcon.module.css +5 -2
  25. package/es/ToastMessage/ToastMessage.module.css +7 -6
  26. package/es/common/dot_boxShadow.module.css +38 -0
  27. package/es/common/dot_docStyle.module.css +35 -0
  28. package/es/form/fields/TextEditor/TextEditor.module.css +161 -63
  29. package/es/layout/SubtabLayout/SubtabLayout.module.css +21 -2
  30. package/es/list/DotNew/DotNew.module.css +8 -5
  31. package/es/list/TagNew/TagNew.module.css +4 -2
  32. package/es/lookup/Section/LookupSection.module.css +2 -2
  33. package/es/version2/GlobalNotification/GlobalNotification.module.css +4 -1
  34. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +23 -2
  35. package/lib/AttachmentViewer/AttachmentViewer.module.css +4 -5
  36. package/lib/Drawer/Drawer.module.css +42 -3
  37. package/lib/FreezeLayer/props/propTypes.js +4 -2
  38. package/lib/Message/Message.module.css +1 -1
  39. package/lib/PlusIcon/PlusIcon.module.css +5 -2
  40. package/lib/ToastMessage/ToastMessage.module.css +7 -6
  41. package/lib/common/dot_boxShadow.module.css +38 -0
  42. package/lib/common/dot_docStyle.module.css +35 -0
  43. package/lib/form/fields/TextEditor/TextEditor.module.css +161 -63
  44. package/lib/layout/SubtabLayout/SubtabLayout.module.css +21 -2
  45. package/lib/list/DotNew/DotNew.module.css +8 -5
  46. package/lib/list/TagNew/TagNew.module.css +4 -2
  47. package/lib/lookup/Section/LookupSection.module.css +2 -2
  48. package/lib/version2/GlobalNotification/GlobalNotification.module.css +4 -1
  49. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +23 -2
  50. package/package.json +9 -17
package/lib/common/dot_docStyle.module.css ADDED
@@ -0,0 +1,35 @@
1
+ [data-mode='default']:global(.zd-contrast) {
2
+ color: #000;
3
+ background: #fff;
4
+ border-color: #000;
5
+ }
6
+
7
+ [data-mode='dark']:global(.zd-contrast) {
8
+ color: #fff;
9
+ background-color: #101319;
10
+ border-color: #fff;
11
+ }
12
+
13
+ [data-mode='pureDark']:global(.zd-contrast) {
14
+ color: #fff;
15
+ background-color: #080808;
16
+ border-color: #fff;
17
+ }
18
+
19
+ :global(.zd-contrast) {
20
+ --zd_bs_contrast_outline: 0 0 2px var(--zdt_contrast_shadow);
21
+ --zd_bs_contrast_none: 0 0 0 transparent;
22
+ --zd_lightmode_grey_bg: -0%;
23
+ }
24
+
25
+ :global(.zd-contrast-level1) {
26
+ --zd_contrastLevel: 10;
27
+ }
28
+
29
+ :global(.zd-contrast-level2) {
30
+ --zd_contrastLevel: 20;
31
+ }
32
+
33
+ :global(.zd-contrast-level3) {
34
+ --zd_contrastLevel: 40;
35
+ }