@zohodesk/dot 1.0.0-temp-225 → 1.0.0-temp-226

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 (110) hide show
  1. package/README.md +5 -0
  2. package/es/AttachmentViewer/AttachmentViewer.js +3 -9
  3. package/es/AttachmentViewer/props/defaultProps.js +1 -2
  4. package/es/AttachmentViewer/props/propTypes.js +1 -3
  5. package/es/DotProvider/hooks/useDotProvider.js +3 -3
  6. package/es/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +1 -0
  7. package/es/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +1 -0
  8. package/es/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +1 -0
  9. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -2
  10. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -2
  11. package/es/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -2
  12. package/es/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -2
  13. package/es/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -2
  14. package/es/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -2
  15. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -2
  16. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -2
  17. package/es/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -2
  18. package/es/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -2
  19. package/es/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -2
  20. package/es/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -2
  21. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -2
  22. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -2
  23. package/es/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -2
  24. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +2 -0
  25. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +2 -0
  26. package/es/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +2 -0
  27. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +2 -0
  28. package/es/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +2 -0
  29. package/es/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +2 -0
  30. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +2 -0
  31. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +2 -0
  32. package/es/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +2 -0
  33. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +2 -0
  34. package/es/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +2 -0
  35. package/es/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +2 -0
  36. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +2 -0
  37. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +2 -0
  38. package/es/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +2 -0
  39. package/es/DotProvider/utils/constants.js +2 -1
  40. package/es/DotProvider/utils/themeAppearanceAssetsConfig.js +15 -1
  41. package/es/DotProvider/utils/themeColorAssetsConfig.js +73 -1
  42. package/es/list/Comment/Comment.module.css +29 -29
  43. package/es/list/DepartmentDropDown/DepartmentDropDown.js +4 -3
  44. package/es/list/DepartmentDropDown/props/propTypes.js +2 -1
  45. package/es/list/Dot/Dot.module.css +15 -15
  46. package/es/list/ListLayout/ListLayout.module.css +79 -79
  47. package/lib/AttachmentViewer/AttachmentViewer.js +3 -9
  48. package/lib/AttachmentViewer/props/defaultProps.js +1 -2
  49. package/lib/AttachmentViewer/props/propTypes.js +1 -3
  50. package/lib/DotProvider/hooks/useDotProvider.js +3 -3
  51. package/lib/DotProvider/libraryChunks/appearance/variables/Dark_Variables.js +3 -0
  52. package/lib/DotProvider/libraryChunks/appearance/variables/Light_Variables.js +3 -0
  53. package/lib/DotProvider/libraryChunks/appearance/variables/PureDark_Variables.js +3 -0
  54. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Dark_Component.js +0 -4
  55. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_Light_Component.js +0 -4
  56. package/lib/DotProvider/libraryChunks/themes/component/blue/Blue_PureDark_Component.js +0 -4
  57. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Dark_Component.js +0 -4
  58. package/lib/DotProvider/libraryChunks/themes/component/green/Green_Light_Component.js +0 -4
  59. package/lib/DotProvider/libraryChunks/themes/component/green/Green_PureDark_Component.js +0 -4
  60. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Dark_Component.js +0 -4
  61. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_Light_Component.js +0 -4
  62. package/lib/DotProvider/libraryChunks/themes/component/orange/Orange_PureDark_Component.js +0 -4
  63. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Dark_Component.js +0 -4
  64. package/lib/DotProvider/libraryChunks/themes/component/red/Red_Light_Component.js +0 -4
  65. package/lib/DotProvider/libraryChunks/themes/component/red/Red_PureDark_Component.js +0 -4
  66. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Dark_Component.js +0 -4
  67. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_Light_Component.js +0 -4
  68. package/lib/DotProvider/libraryChunks/themes/component/yellow/Yellow_PureDark_Component.js +0 -4
  69. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Dark_Variables.js +5 -0
  70. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_Light_Variables.js +5 -0
  71. package/lib/DotProvider/libraryChunks/themes/variables/blue/Blue_PureDark_Variables.js +5 -0
  72. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Dark_Variables.js +5 -0
  73. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_Light_Variables.js +5 -0
  74. package/lib/DotProvider/libraryChunks/themes/variables/green/Green_PureDark_Variables.js +5 -0
  75. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Dark_Variables.js +5 -0
  76. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_Light_Variables.js +5 -0
  77. package/lib/DotProvider/libraryChunks/themes/variables/orange/Orange_PureDark_Variables.js +5 -0
  78. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Dark_Variables.js +5 -0
  79. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_Light_Variables.js +5 -0
  80. package/lib/DotProvider/libraryChunks/themes/variables/red/Red_PureDark_Variables.js +5 -0
  81. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Dark_Variables.js +5 -0
  82. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_Light_Variables.js +5 -0
  83. package/lib/DotProvider/libraryChunks/themes/variables/yellow/Yellow_PureDark_Variables.js +5 -0
  84. package/lib/DotProvider/utils/constants.js +4 -2
  85. package/lib/DotProvider/utils/themeAppearanceAssetsConfig.js +17 -2
  86. package/lib/DotProvider/utils/themeColorAssetsConfig.js +77 -2
  87. package/lib/list/Comment/Comment.module.css +29 -29
  88. package/lib/list/DepartmentDropDown/DepartmentDropDown.js +5 -3
  89. package/lib/list/DepartmentDropDown/props/propTypes.js +2 -1
  90. package/lib/list/Dot/Dot.module.css +15 -15
  91. package/lib/list/ListLayout/ListLayout.module.css +79 -79
  92. package/package.json +10 -10
  93. package/assets/Appearance/dark/mode/Dot_DarkMode.module.css +0 -593
  94. package/assets/Appearance/dark/themes/blue/blue_DotTheme_DarkTheme.module.css +0 -26
  95. package/assets/Appearance/dark/themes/green/green_DotTheme_DarkTheme.module.css +0 -26
  96. package/assets/Appearance/dark/themes/orange/orange_DotTheme_DarkTheme.module.css +0 -26
  97. package/assets/Appearance/dark/themes/red/red_DotTheme_DarkTheme.module.css +0 -26
  98. package/assets/Appearance/dark/themes/yellow/yellow_DotTheme_DarkTheme.module.css +0 -26
  99. package/assets/Appearance/light/mode/Dot_LightMode.module.css +0 -593
  100. package/assets/Appearance/light/themes/blue/blue_DotTheme_LightTheme.module.css +0 -26
  101. package/assets/Appearance/light/themes/green/green_DotTheme_LightTheme.module.css +0 -26
  102. package/assets/Appearance/light/themes/orange/orange_DotTheme_LightTheme.module.css +0 -26
  103. package/assets/Appearance/light/themes/red/red_DotTheme_LightTheme.module.css +0 -26
  104. package/assets/Appearance/light/themes/yellow/yellow_DotTheme_LightTheme.module.css +0 -26
  105. package/assets/Appearance/pureDark/mode/Dot_PureDarkMode.module.css +0 -593
  106. package/assets/Appearance/pureDark/themes/blue/blue_DotTheme_PureDarkTheme.module.css +0 -26
  107. package/assets/Appearance/pureDark/themes/green/green_DotTheme_PureDarkTheme.module.css +0 -26
  108. package/assets/Appearance/pureDark/themes/orange/orange_DotTheme_PureDarkTheme.module.css +0 -26
  109. package/assets/Appearance/pureDark/themes/red/red_DotTheme_PureDarkTheme.module.css +0 -26
  110. package/assets/Appearance/pureDark/themes/yellow/yellow_DotTheme_PureDarkTheme.module.css +0 -26
@@ -1,593 +0,0 @@
1
- [data-mode='dark'], :global(.zd-blueDarkTheme) [data-theme="blue"]{
2
- /* action button */
3
- --zdt_actionButton_primaryFilled_bg:var(--zdt_cta_primary_bg);
4
- --zdt_actionButton_primaryFilled_hover_bg:var(--zdt_cta_primary_hover_bg);
5
- --zdt_actionButton_primary_border:var(--zdt_cta_primary_border);
6
- --zdt_actionButton_primary_hover_border:var(--zdt_cta_primary_hover_border);
7
- --zdt_actionButton_separator_border:var(--zdtm_cta_secondary_border_darker_low);
8
- --zdt_actionButton_separator_hover_border:var(--zdt_cta_primary_border);
9
- --zdt_actionButton_primaryFilled_text:var(--zdt_cta_secondary_text);
10
- --zdt_actionButton_primary_text:var(--zdt_cta_primary_text);
11
- --zdt_actionButton_primary_hover_text:var(--zdt_cta_primary_text);
12
-
13
- /* alert header */
14
- --zdt_alertheader_default_bg:hsla(216, calc(var(--zd-saturation, 1) * 29.41%), calc(96.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
15
- --zdt_alertheader_default_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
16
- --zdt_alertheader_primary_bg:hsla(191, calc(var(--zd-saturation, 1) * 89.47%), calc(96.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
17
- --zdt_alertheader_primary_text:hsla(204, calc(var(--zd-saturation, 1) * 72.24%), calc(51.96% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
18
- --zdt_alertheader_danger_bg:hsla(0, calc(var(--zd-saturation, 1) * 89.47%), calc(96.27% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
19
- --zdt_alertheader_danger_text:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
20
-
21
- /* alert lookup */
22
- --zdt_alertlookup_innersection_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
23
-
24
- /* alphabetic list */
25
- --zdt_alphabeticList_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
26
- --zdt_alphabeticList_hover_text:var(--zdt_cta_primary_text);
27
-
28
- /* attachment */
29
- --zdt_attachment_default_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
30
- --zdt_attachment_default_border:var(--zdtm_cta_grey_40_border_default_inverse_medium);
31
- --zdt_attachment_default_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
32
- --zdt_attachment_default_hover_border:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
33
- --zdt_attachment_download_bg:var(--zdt_cta_grey_10_bg);
34
- --zdt_attachment_download_hover_bg:var(--zdt_cta_grey_35_bg);
35
- --zdt_avataruser_delete_text:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
36
-
37
- /* audio player */
38
- --zdt_audioplayer_default_bg:var(--zdt_cta_grey_15_bg);
39
- --zdt_audioplayer_line_text:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
40
- --zdt_audioplayer_input_bg:var(--zdt_cta_grey_35_bg);
41
- --zdt_audioplayer_pauseicon_text:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
42
- --zdt_audioplayer_loading_bg:var(--zdtm_cta_primary_bg_default_inverse_lower);
43
-
44
- /* timer */
45
- --zdt_timer_default_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
46
-
47
- /* avatar close */
48
- --zdt_avatarclose_pop_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
49
- --zdt_avatarclose_pop_text:hsla(30, calc(var(--zd-saturation, 1) * 1.64%), calc(76.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
50
-
51
- /* avatar collision */
52
- --zdt_avatarcollision_on_border:var(--zdt_cta_primary_border);
53
- --zdt_avatarcollision_off_border:var(--zdt_cta_grey_35_border);
54
- --zdt_avatarcollision_off_after_border:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
55
- --zdt_avatarcollision_off_after_bg:var(--zdt_cta_grey_35_bg);
56
- --zdt_avatarcollision_pop_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
57
- --zdt_avatarcollision_pop_text:hsla(30, calc(var(--zd-saturation, 1) * 1.64%), calc(76.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
58
- --zdt_avatarcollision_icon_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
59
-
60
- /* avatar with team */
61
- --zdt_avatarwithteam_default_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
62
-
63
- /* avatar icon */
64
- --zdt_avatarIcon_dark_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
65
- --zdt_avatarIcon_danger_icon:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
66
- --zdt_avatarIcon_primary_icon:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
67
- --zdt_avatarIcon_grey_icon:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
68
- --zdt_avatarIcon_success_icon:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
69
- --zdt_avatarIcon_smoke_icon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
70
- --zdt_avatarIcon_default_border:var(--zdtm_cta_grey_40_border_default_inverse_medium);
71
- --zdt_avatarIcon_default_hover_border:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
72
- --zdt_avatarIcon_primary_border:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
73
- --zdt_avatarIcon_primary_hover_border:hsla(213, calc(var(--zd-saturation, 1) * 85.45%), calc(43.14% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
74
- --zdt_avatarIcon_secondary_border:hsla(201, calc(var(--zd-saturation, 1) * 100.00%), calc(49.80% + var(--zdc_default_inverse_medium)), calc( 0.3 + var(--zdc_alpha_low)));
75
- --zdt_avatarIcon_secondary_hover_border:hsla(201, calc(var(--zd-saturation, 1) * 100.00%), calc(49.80% + var(--zdc_default_inverse_medium)), calc( 0.3 + var(--zdc_alpha_low)));
76
- --zdt_avatarIcon_success_border:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
77
- --zdt_avatarIcon_success_hover_border:hsla(134, calc(var(--zd-saturation, 1) * 67.66%), calc(32.75% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
78
- --zdt_avatarIcon_danger_border:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
79
- --zdt_avatarIcon_danger_hover_border:hsla(1, calc(var(--zd-saturation, 1) * 63.86%), calc(48.82% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
80
-
81
- /* avatar status */
82
- --zdt_avatarstatus_size_border:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
83
- --zdt_avatarstatus_online_bg:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
84
- --zdt_avatarstatus_offline_bg:hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
85
- --zdt_avatarstatus_idle_bg:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
86
-
87
- /* avatar thread */
88
- --zdt_avatarthread_bg:hsla(217, calc(var(--zd-saturation, 1) * 22.81%), calc(11.18% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
89
- --zdt_avatarthread_default_border:var(--zdt_cta_grey_35_border);
90
- --zdt_avatarthread_default_text:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
91
- --zdt_avatarthread_primary_border:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
92
- --zdt_avatarthread_primary_text:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
93
- --zdt_avatarthread_success_border:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
94
- --zdt_avatarthread_success_text:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
95
- --zdt_avatarthread_danger_border:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
96
- --zdt_avatarthread_danger_text:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
97
- --zdt_avatarthread_orange_border:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
98
- --zdt_avatarthread_orange_text:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
99
-
100
- /* avatar user */
101
- --zdt_avataruser_default_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
102
- --zdt_avataruser_delete_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default)), calc( 0.75 + var(--zdc_alpha_high)));
103
- --zdt_avataruser_delete_text:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
104
-
105
- /* avatar with team */
106
- --zdt_avatarteam_default_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
107
-
108
- /* channel icon */
109
- --zdt_channelIcon_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
110
- --zdt_channelIcon_topIcon_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
111
- --zdt_channelIcon_topIcon_iconGreen:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
112
- --zdt_channelIcon_topIcon_iconYellow:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
113
- --zdt_channelIcon_topIcon_border:var(--zdt_cta_grey_35_border);
114
-
115
- /* drawer */
116
- --zdt_drawer_default_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.4);
117
- --zdt_drawer_default_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
118
- --zdt_drawer_header_bg:var(--zdtm_cta_grey_10_bg_default_inverse_low);
119
- --zdt_drawer_header_border:var(--zdtm_cta_grey_35_border_default_inverse_medium);
120
- --zdt_drawer_title_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
121
-
122
- /* toggle dropdown */
123
- --zdt_toggledropdown_line_border:var(--zdt_cta_grey_15_border);
124
-
125
- /* common empty state */
126
- --zdt_commonEmptyState_default_title:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
127
- --zdt_commonEmptyState_default_description:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
128
- --zdt_commonEmptyState_default_link:var(--zdt_cta_primary_text);
129
- --zdt_commonEmptyState_default_link_hover:var(--zdt_cta_primary_hover_text);
130
-
131
- /* edition page */
132
- --zdt_editionpage_footer_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(93.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
133
- --zdt_editionpage_primary_text:var(--zdt_cta_primary_text);
134
-
135
- /* error state empty */
136
- --zdt_emptystate_default_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
137
- --zdt_emptystate_title_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
138
-
139
- /* link text */
140
- --zdt_linktext_default_text:var(--zdt_cta_primary_text);
141
-
142
- /* permission play */
143
- --zdt_permissionplay_title_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(14.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
144
-
145
- /* will back */
146
- --zdt_willback_title_text:hsla(220, calc(var(--zd-saturation, 1) * 1.82%), calc(67.65% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
147
-
148
- /* flip card */
149
- --zdt_flipcard_default_bg:var(--dot_mirror);
150
- --zdt_flipcard_default_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(46.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
151
-
152
- /* form fields */
153
- --zdt_radiofield_box_border:hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
154
- --zdt_radiofield_box_active_border:var(--zdt_cta_primary_border);
155
- --zdt_radiofield_box_active_bg:var(--zdtm_cta_primary_light_bg_default_inverse_low);
156
- --zdt_fields_phoneicon_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
157
- --zdt_fields_phoneicon_hover_icon:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
158
- --zdt_fields_lockicon_icon:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
159
- --zdt_fields_lockicon_hover_icon:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
160
- --zdt_fields_phitag_text:hsla(134, calc(var(--zd-saturation, 1) * 67.66%), calc(32.75% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
161
- --zdt_fields_phitag_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
162
- --zdt_fields_phitag_border:hsla(133, calc(var(--zd-saturation, 1) * 63.29%), calc(40.59% + var(--zdc_default_inverse_low)), calc( 0.2 + var(--zdc_alpha_low)));
163
- --zdt_fields_newtabicon_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
164
- --zdt_fields_newtabicon_hover_icon:var(--zdt_cta_primary_text);
165
-
166
- /* form action */
167
- --zdt_formAction_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
168
- --zdt_formAction_border:hsla(223, calc(var(--zd-saturation, 1) * 21.68%), calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
169
-
170
- /* freezelayer */
171
- --zdt_freezelayer_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.8);
172
- --zdt_freezelayer_dark_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.8);
173
- --zdt_freezelayer_plain_bg:var(--dot_mirror);
174
- --zdt_freezelayer_snow_bg:hsla(227, calc(var(--zd-saturation, 1) * 27.27%), 23.73%, 0.75);
175
-
176
- /* icon button */
177
- --zdt_iconButton_icon_black:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
178
- --zdt_iconButton_icon_primary:var(--zdt_cta_alpha_text);
179
- --zdt_iconButton_icon_primaryHover:var(--zdt_cta_alpha_hover_text);
180
- --zdt_iconButton_icon_primaryActive:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
181
-
182
- /* important notes */
183
- --zdt_importantnotes_bg:hsla(28, calc(var(--zd-saturation, 1) * 93.75%), calc(56.08% + var(--zdc_darker_low)), calc( 0.1 + var(--zdc_alpha_low)));
184
- --zdt_importantnotes_title_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
185
- --zdt_importantnotes_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
186
-
187
- /* setup detail layout */
188
- --zdt_setupdetail_header_border:hsla(200, calc(var(--zd-saturation, 1) * 7.32%), calc(91.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
189
- --zdt_setupdetail_backicon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(20.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
190
- --zdt_setupdetail_hover_backicon_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(97.25% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
191
- --zdt_setupdetail_helpinfo:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(88.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
192
- --zdt_setupdetail_helpinfo_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
193
- --zdt_setupdetail_popup_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(91.37% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
194
- --zdt_setupdetail_popup_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
195
- --zdt_setupdetail_infoheader_bg:hsla(206, calc(var(--zd-saturation, 1) * 88.89%), calc(45.88% + var(--zdc_default)), calc( 0.1 + var(--zdc_alpha_high)));
196
- --zdt_setupdetail_infoheader_text:hsla(206, calc(var(--zd-saturation, 1) * 88.89%), calc(45.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
197
- --zdt_setupdetail_infoicon_border:hsla(206, calc(var(--zd-saturation, 1) * 88.89%), calc(45.88% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
198
- --zdt_setupdetail_infoclose:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(53.33% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
199
-
200
- /* subtab layout */
201
- --zdt_subtablayout_border:var(--zdt_cta_grey_15_border);
202
- --zdt_subtablayout_tabhead_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
203
- --zdt_subtablayout_plusicon_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(91.76% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
204
- --zdt_subtablayout_primary_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(93.33% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
205
- --zdt_subtablayout_shadowstyle_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.15);
206
- --zdt_subtablayout_title_text:var(--zdt_cta_primary_text);
207
- --zdt_subtablayout_label_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
208
-
209
- /* avatar flip */
210
- --zdt_avatarflip_default_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
211
-
212
- /* comment icon */
213
- --zdt_comment_iconText:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
214
- --zdt_comment_hover_iconText:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
215
-
216
- /* department dropdown */
217
- --zdt_departmentdropdown_default_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
218
- --zdt_departmentdropdown_default_hover_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
219
-
220
- /* dot */
221
- --zdt_dot_text:var(--zdt_cta_grey_40_text);
222
-
223
- /* dot new */
224
- --zdt_dotnew_default_bg:var(--zdtm_cta_primary_bg_default);
225
- --zdt_dotnew_default_box_shadow:hsla(212, calc(var(--zd-saturation, 1) * 91.84%), 48.04%, 0.6);
226
- --zdt_dotnew_animate_box_shadow:var(--dot_mirror);
227
- --zdt_dotnew_animate_to_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 0);
228
-
229
- /* grid stencils */
230
- --zdt_gridstencils_default_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
231
- --zdt_gridstencils_default_border:hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
232
- --zdt_gridstencils_after_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
233
- --zdt_gridstencils_listbar_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
234
-
235
- /* icons */
236
- --zdt_icons_default:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
237
- --zdt_icons_hover_blue:var(--zdt_cta_primary_text);
238
- --zdt_icons_hover_red:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
239
-
240
- /* list layout */
241
- --zdt_listLayout_border:var(--zdt_cta_grey_15_border);
242
- --zdt_listLayout_hover_bg:var(--dot_listItemHover);
243
- --zdt_listLayout_active_bg:var(--dot_listItemActive);
244
- --zdt_listLayout_active_border:var(--zdt_cta_primary_border);
245
- --zdt_listLayout_keyboard_active_border:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
246
-
247
- /* list stencils */
248
- --zdt_liststencils_innercontainer_border:var(--zdt_cta_grey_15_border);
249
-
250
- /* secondary text */
251
- --zdt_secondaryText_gray_text:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
252
- --zdt_secondaryText_orage_text:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
253
- --zdt_secondaryText_green_text:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
254
- --zdt_secondaryText_red_text:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
255
- --zdt_secondaryText_blue_text:var(--zdtm_cta_primary_text_default_inverse_low);
256
- --zdt_secondaryText_blue_hover_text:var(--zdt_cta_primary_hover_text);
257
- --zdt_secondaryText_black_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
258
- --zdt_secondaryText_secondaryText_text:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
259
-
260
- /* status dropdown */
261
- --zdt_statusdropdown_line_border:var(--zdt_cta_grey_15_border);
262
-
263
- /* status listitem */
264
- --zdt_statuslistitem_list_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
265
- --zdt_statuslistitem_default_border:var(--dot_mirror);
266
- --zdt_statuslistitem_default_active_border:var(--zdt_cta_primary_border);
267
- --zdt_statuslistitem_default_effect_bg:hsla(213, calc(var(--zd-saturation, 1) * 27.27%), calc(23.73% + var(--zdc_default_inverse_low)), calc( 0.45 + var(--zdc_alpha_low)));
268
- --zdt_statuslistitem_primary_efffect_bg:var(--dot_listItemActive);
269
- --zdt_statuslistitem_secondary_effect_bg:var(--zdtm_cta_primary_bg_default);
270
- --zdt_statuslistitem_secondary_effect_text:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
271
- --zdt_statuslistitem_tickicon:var(--zdt_cta_primary_text);
272
- --zdt_statuslistitem_black_bg:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
273
- --zdt_statuslistitem_orange_bg:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
274
- --zdt_statuslistitem_green_bg:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
275
-
276
- /* subject */
277
- --zdt_subject_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
278
-
279
- /* tag new */
280
- --zdt_tagnew_default_bg:var(--zdtm_cta_primary_bg_default);
281
- --zdt_tagnew_default_box_shadow:var(--zdt_cta_primary_box_shadow);
282
- --zdt_tagnew_default_text:var(--zdtm_cta_secondary_text_lighter);
283
-
284
- /* thread */
285
- --zdt_thread_iconText:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
286
- --zdt_thread_hover_iconText:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
287
-
288
- /* lookup header common */
289
- --zdt_lookupheader_default_bg:var(--zdt_cta_grey_10_bg);
290
- --zdt_lookupheader_white_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
291
- --zdt_lookupheader_default_border:var(--zdtm_cta_grey_35_border_default_inverse_medium);
292
- --zdt_lookupheader_white_border:hsla(223, calc(var(--zd-saturation, 1) * 21.68%), calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
293
- --zdt_lookupheader_para_text:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
294
- --zdt_lookupheader_input_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(89.80% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
295
-
296
- /* lookup close */
297
- --zdt_lookupclose_default_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
298
- --zdt_lookupclose_default_hover_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(93.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
299
- --zdt_lookupclose_default_hover_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
300
-
301
- /* lookup search */
302
- --zdt_lookupsearch_boxstyle_border:var(--zdt_cta_grey_35_border);
303
- --zdt_lookupsearch_boxstyle_hover_border:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
304
- --zdt_lookupsearch_boxstyle_activer_border:var(--dot_inputLineFocus);
305
-
306
- /* lookup ticket header */
307
- --zdt_lookupticketheader_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(89.80% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
308
-
309
- /* lookup title */
310
- --zdt_lookuptitle_default_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
311
- --zdt_lookuptitle_primary_text:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
312
- --zdt_lookuptitle_danger_text:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
313
-
314
- /* view dropdown */
315
- --zdt_viewdropdown_empty_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
316
- --zdt_viewdropdown_label_text:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
317
- --zdt_viewdropdown_hover_label_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
318
-
319
- /* lookup section */
320
- --zdt_lookupsection_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
321
- --zdt_lookupsection_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.4);
322
-
323
- /* message */
324
- --zdt_message_default_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.15);
325
- --zdt_message_default_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
326
- --zdt_message_success_bg:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
327
- --zdt_message_alert_bg:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
328
- --zdt_message_info_bg:hsla(187, calc(var(--zd-saturation, 1) * 100.00%), calc(42.75% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
329
- --zdt_message_tickicon:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
330
- --zdt_message_close_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
331
-
332
- /* new star */
333
- --zdt_newstar_green_text:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
334
- --zdt_newstar_yellow_text:hsla(50, calc(var(--zd-saturation, 1) * 89.92%), calc(46.67% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
335
- --zdt_newstar_blue_text:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
336
-
337
- /* plus icon */
338
- --zdt_plusicon_box_shadow:var(--zdt_cta_primary_box_shadow);
339
- --zdt_plusicon_bg:var(--zdtm_cta_primary_light_bg_default);
340
- --zdt_plusicon_border:var(--zdt_cta_primary_light_border);
341
- --zdt_plusicon_hover_border:var(--zdt_cta_primary_light_border);
342
- --zdt_plusicon_text:var(--zdt_cta_primary_text);
343
-
344
- /* header link */
345
- --zdt_headerlink_text:var(--zdt_cta_primary_text);
346
- --zdt_headerlink_hover_text:var(--zdtm_cta_primary_border_default_inverse);
347
-
348
- /* search */
349
- --zdt_search_input_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
350
- --zdt_search_input_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(20.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
351
- --zdt_search_input_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
352
- --zdt_search_input_focus_border:var(--zdt_cta_primary_border);
353
- --zdt_search_icon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
354
- --zdt_search_hover_icon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
355
- --zdt_search_placeholder_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(79.22% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
356
-
357
- /* views */
358
- --zdt_views_icon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
359
- --zdt_views_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(88.24% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
360
- --zdt_views_hover_icon:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
361
- --zdt_views_active_icon:var(--zdt_cta_primary_text);
362
- --zdt_message_info_bg:hsla(187, calc(var(--zd-saturation, 1) * 100.00%), calc(42.75% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
363
- --zdt_message_tickicon:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
364
- --zdt_message_close_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(60.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
365
-
366
- /* message banner */
367
- --zdt_messagebanner_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
368
- --zdt_messagebanner_link_text:var(--zdt_cta_primary_text);
369
- --zdt_messagebanner_close_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
370
- --zdt_messagebanner_close_hover_bg:hsla(60, calc(var(--zd-saturation, 1) * 50.00%), calc(85.10% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
371
- --zdt_messagebanner_close_hover_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(15.29% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
372
- --zdt_messagebanner_default_bg:hsla(62, calc(var(--zd-saturation, 1) * 100.00%), calc(93.33% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
373
- --zdt_messagebanner_blue_bg:hsla(210, calc(var(--zd-saturation, 1) * 90.91%), calc(95.69% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
374
- --zdt_messagebanner_white_text:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
375
-
376
- /* help tips description */
377
- --zdt_helptips_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
378
-
379
- /* help tips link */
380
- --zdt_helptipslink_text:var(--zdt_cta_primary_text);
381
-
382
- /* list group */
383
- --zdt_listgroup_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
384
-
385
- /* help tips title */
386
- --zdt_helptipstitle_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(20.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
387
-
388
- /* setup table head */
389
- --zdt_setuptablehead_border:hsla(200, calc(var(--zd-saturation, 1) * 7.32%), calc(91.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
390
-
391
- /* setup table row */
392
- --zdt_setuptablerow_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(98.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
393
- --zdt_setuptablerow_hover_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(98.82% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
394
-
395
- /* table text */
396
- --zdt_tabletext_primary_text:var(--zdt_cta_primary_text);
397
- --zdt_tabletext_default_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
398
- --zdt_tabletext_green_text:hsla(107, calc(var(--zd-saturation, 1) * 100.00%), calc(36.47% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
399
- --zdt_tabletext_danger_text:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
400
- --zdt_tabletext_heading_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
401
-
402
- /* toast message */
403
- --zdt_toastmessage_default_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.3);
404
- --zdt_toastmessage_default_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
405
- --zdt_toastmessage_alert_border:hsla(223, calc(var(--zd-saturation, 1) * 21.68%), calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
406
- --zdt_toastmessage_alert_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
407
- --zdt_toastmessage_alerttitle_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
408
- --zdt_toastmessage_popbutton_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
409
- --zdt_toastmessage_submit_border:hsla(223, calc(var(--zd-saturation, 1) * 21.68%), calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
410
- --zdt_toastmessage_primary_text:var(--zdt_cta_primary_text);
411
- --zdt_toastmessage_primary_hover_bg:var(--zdtm_cta_primary_bg_default);
412
- --zdt_toastmessage_primary_hover_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
413
- --zdt_toastmessage_danger_text:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
414
- --zdt_toastmessage_danger_hover_bg:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
415
- --zdt_toastmessage_danger_text_shadow:hsla(359, calc(var(--zd-saturation, 1) * 73.21%), calc(59.02% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
416
- --zdt_toastmessage_success_text:hsla(142, calc(var(--zd-saturation, 1) * 55.36%), calc(45.69% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
417
- --zdt_toastmessage_success_hover_bg:hsla(142, calc(var(--zd-saturation, 1) * 55.36%), calc(45.69% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
418
- --zdt_toastmessage_successfill_bg:hsla(141, calc(var(--zd-saturation, 1) * 53.73%), calc(50.00% + var(--zdc_darker_low)), calc(1 + var(--zdc_alpha_low)));
419
- --zdt_toastmessage_successplain_text:hsla(141, calc(var(--zd-saturation, 1) * 53.73%), calc(50.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
420
- --zdt_toastmessage_cancel_hover_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
421
- --zdt_toastmessage_closeicon:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
422
- --zdt_toastmessage_closeicon_hover_bg:var(--zdtm_cta_primary_hover_bg_default);
423
- --zdt_toastmessage_closeicon_hover_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
424
- --zdt_toastmessage_dropdown_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
425
- --zdt_toastmessage_dropdown_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(40.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
426
- --zdt_toastmessage_message_border:hsla(223, calc(var(--zd-saturation, 1) * 21.68%), calc(28.04% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
427
-
428
- /* upload */
429
- --zdt_upload_default_bg:hsla(216, calc(var(--zd-saturation, 1) * 38.46%), calc(97.45% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
430
- --zdt_upload_overlay_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default)), calc( 0.2 + var(--zdc_alpha_high)));
431
- --zdt_upload_loader_default_bg:hsla(223, calc(var(--zd-saturation, 1) * 9.09%), calc(30.20% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
432
- --zdt_upload_attachsize_default_text:hsla(218, calc(var(--zd-saturation, 1) * 9.76%), calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
433
- --zdt_upload_uploadclose_default_bg:hsla(218, calc(var(--zd-saturation, 1) * 9.76%), calc(51.76% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
434
- --zdt_upload_uploadclose_default_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
435
- --zdt_upload_uploadclose_default_hover_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc( 0.7 + var(--zdc_alpha_high)));
436
- --zdt_upload_night_bg:hsla(223, calc(var(--zd-saturation, 1) * 21.68%), calc(28.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
437
- --zdt_upload_loader_night_bg:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
438
- --zdt_upload_attachsize_night_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
439
- --zdt_upload_uploadclose_night_bg:hsla(223, calc(var(--zd-saturation, 1) * 21.68%), calc(28.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
440
- --zdt_upload_uploadclose_night_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
441
- --zdt_upload_uploadclose_night_hover_text:hsla(201, calc(var(--zd-saturation, 1) * 22.33%), calc(20.20% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
442
-
443
- /* common alerts */
444
- --zdt_commonalert_default_border:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
445
- --zdt_commonalert_success_border:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
446
- --zdt_commonalert_info_border:var(--zdt_cta_primary_border);
447
- --zdt_commonalert_primary_border:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
448
- --zdt_commonalert_danger_border:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
449
- --zdt_commonalert_warning_border:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
450
- --zdt_commonalert_close_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
451
- --zdt_commonalert_close_light_icon:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
452
- --zdt_commonalert_close_hover_bg:hsla(338, calc(var(--zd-saturation, 1) * 20.55%), calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
453
- --zdt_commonalert_success_hover_bg:hsla(159, calc(var(--zd-saturation, 1) * 27.87%), calc(23.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
454
- --zdt_commonalert_info_hover_bg:var(--zdt_cta_primary_light_bg);
455
- --zdt_commonalert_primary_hover_bg:hsla(213, calc(var(--zd-saturation, 1) * 27.27%), calc(23.73% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
456
- --zdt_commonalert_plaininfo_hover_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
457
- --zdt_commonalert_danger_hover_bg:hsla(338, calc(var(--zd-saturation, 1) * 20.55%), calc(28.63% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
458
- --zdt_commonalert_warning_hover_bg:hsla(22, calc(var(--zd-saturation, 1) * 33.33%), calc(25.88% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
459
- --zdt_commonalert_light_hover_bg:hsla(223, calc(var(--zd-saturation, 1) * 21.68%), calc(28.04% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
460
- --zdt_commonalert_secondlayer_bg:hsla(216, calc(var(--zd-saturation, 1) * 17.86%), 21.96%, 1);
461
- --zdt_commonalert_default_icon:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
462
- --zdt_commonalert_success_icon:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
463
- --zdt_commonalert_info_icon:var(--zdt_cta_primary_border);
464
- --zdt_commonalert_primary_icon:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
465
- --zdt_commonalert_danger_icon:hsla(0, calc(var(--zd-saturation, 1) * 100.00%), calc(70.98% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
466
- --zdt_commonalert_warning_icon:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse_lower)), calc(1 + var(--zdc_alpha_low)));
467
-
468
- /* alert icons */
469
- --zdt_alerticons_green_fill:hsla(133, calc(var(--zd-saturation, 1) * 48.36%), calc(52.16% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
470
- --zdt_alerticons_primary_fill:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
471
- --zdt_alerticons_orange_fill:hsla(26, calc(var(--zd-saturation, 1) * 100.00%), calc(56.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
472
-
473
- /* global notification */
474
- --zdt_globalnotification_default_bg:hsla(236, calc(var(--zd-saturation, 1) * 12.50%), calc(21.96% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
475
- --zdt_globalnotification_default_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
476
- --zdt_globalnotification_success_bg:hsla(201, calc(var(--zd-saturation, 1) * 22.33%), calc(20.20% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
477
- --zdt_globalnotification_success_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
478
- --zdt_globalnotification_info_bg:var(--zdtm_cta_primary_light_bg_darker_lowest);
479
- --zdt_globalnotification_primary_bg:hsla(213, calc(var(--zd-saturation, 1) * 27.27%), calc(23.73% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
480
- --zdt_globalnotification_info_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
481
- --zdt_globalnotification_primary_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
482
- --zdt_globalnotification_danger_bg:hsla(236, calc(var(--zd-saturation, 1) * 12.50%), calc(21.96% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
483
- --zdt_globalnotification_danger_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
484
- --zdt_globalnotification_warning_bg:hsla(229, calc(var(--zd-saturation, 1) * 10.09%), calc(21.37% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
485
- --zdt_globalnotification_warning_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
486
-
487
- /* alert lookup */
488
- --zdt_alertlookup_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
489
- --zdt_alertlookup_border:var(--zdt_cta_grey_15_border);
490
- --zdt_alertlookuop_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
491
-
492
- /* alert lookup new */
493
- --zdt_alertlookupnew_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
494
-
495
- /* tagsmultiselect */
496
- --zdt_tagsmultiselect_labelt_text:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
497
- --zdt_tagsmultiselect_default_border:var(--dot_inputLine);
498
- --zdt_tagsmultiselect_transparent_border:var(--dot_mirror);
499
- --zdt_tagsmultiselect_dark_border:hsla(228, calc(var(--zd-saturation, 1) * 16.20%), calc(35.10% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
500
- --zdt_tagsmultiselect_default_hover_border:var(--dot_inputLineHover);
501
- --zdt_tagsmultiselect_transparent_hover_border:var(--dot_inputLineHover);
502
- --zdt_tagsmultiselect_dark_hover_border:hsla(229, calc(var(--zd-saturation, 1) * 8.25%), calc(61.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
503
- --zdt_tagsmultiselect_default_active_border:var(--dot_inputLineFocus);
504
- --zdt_tagsmultiselect_transparent_active_border:var(--dot_inputLineFocus);
505
- --zdt_tagsmultiselect_dark_active_border:hsla(229, calc(var(--zd-saturation, 1) * 8.25%), calc(61.96% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
506
- --zdt_tagsmultiselect_more_text:var(--zdt_cta_primary_text);
507
- --zdt_tagsmultiselect_more_hover_text:var(--zdt_cta_primary_hover_text);
508
-
509
- /* text editor */
510
- --zdt_texteditor_menu_bg:hsla(216, calc(var(--zd-saturation, 1) * 38.46%), calc(97.45% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
511
- --zdt_texteditor_default_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 1);
512
- --zdt_texteditor_default_border:hsla(213, calc(var(--zd-saturation, 1) * 27.27%), calc(87.06% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
513
- --zdt_texteditor_menu_li_bg:hsla(217, calc(var(--zd-saturation, 1) * 37.14%), calc(93.14% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
514
- --zdt_texteditor_default_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(0.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
515
- --zdt_texteditor_more_icon_fill:hsla(218, calc(var(--zd-saturation, 1) * 9.76%), calc(51.76% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
516
- --zdt_texteditor_menu_after_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.08);
517
- --zdt_texteditor_menu_after_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
518
- --zdt_texteditor_input_placeholder_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(80.78% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
519
- --zdt_texteditor_dropdown_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.2);
520
- --zdt_texteditor_night_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
521
- --zdt_texteditor_night_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
522
-
523
- /* desktop notification */
524
- --zdt_desktopnotification_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.23%), calc(19.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
525
- --zdt_desktopnotification_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
526
- --zdt_desktopnotification_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.4);
527
- --zdt_desktopnotification_message_hover_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(98.04% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
528
- --zdt_desktopnotification_message_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(66.67% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
529
- --zdt_desktopnotification_message_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(96.08% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
530
-
531
- /* tagsmultiselect field */
532
- --zdt_tagsmultiselectField_count_text:hsla(217, calc(var(--zd-saturation, 1) * 13.73%), calc(70.00% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
533
-
534
- /* attachment viewer */
535
- --zdt_attachmentviewer_title_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
536
- --zdt_attachmentviewer_button_border:hsla(218, calc(var(--zd-saturation, 1) * 23.08%), calc(22.94% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
537
- --zdt_attachmentviewer_hover_border:var(--zdtm_cta_grey_40_border_default_inverse_medium);
538
- --zdt_attachmentviewer_selected_border:var(--zdt_cta_primary_border);
539
- --zdt_attachmentviewer_selected_after_bg:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
540
- --zdt_attachmentviewer_selected_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.34);
541
- --zdt_attachmentviewer_loader_border:hsla(223, calc(var(--zd-saturation, 1) * 14.29%), calc(19.22% + var(--zdc_default_inverse_medium)), calc(1 + var(--zdc_alpha_low)));
542
- --zdt_attachmentviewer_loader_border_top:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(95.29% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
543
- --zdt_attachmentviewer_alt_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_lighter)), calc(1 + var(--zdc_alpha_high)));
544
-
545
- /* separator */
546
- --zdt_separator_default_text:hsla(216, calc(var(--zd-saturation, 1) * 22.98%), calc(31.57% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
547
- --zdt_separator_primary_text:var(--zdt_cta_primary_text);
548
- --zdt_separator_secondary_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
549
-
550
- /* tag with icon */
551
- --zdt_tagWithIconGrey_bg:hsla(218, calc(var(--zd-saturation, 1) * 22.86%), calc(13.73% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
552
- --zdt_tagWithIconGrey_border:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(100.00% + var(--zdc_default_inverse_medium)), calc( 0.2 + var(--zdc_alpha_low)));
553
- --zdt_tagWithIconGrey_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
554
- --zdt_tagWithIconBlue_bg:hsla(215, calc(var(--zd-saturation, 1) * 28.16%), calc(20.20% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
555
- --zdt_tagWithIconBlue_border:hsla(213, calc(var(--zd-saturation, 1) * 40.00%), calc(29.41% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
556
- --zdt_tagWithIconBlue_text:hsla(212, calc(var(--zd-saturation, 1) * 100.00%), calc(63.92% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
557
- --zdt_tagWithIconYellow_bg:hsla(215, calc(var(--zd-saturation, 1) * 11.76%), calc(20.00% + var(--zdc_darker_lowest)), calc(1 + var(--zdc_alpha_high)));
558
- --zdt_tagWithIconYellow_border:hsla(35, calc(var(--zd-saturation, 1) * 17.57%), calc(29.02% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
559
- --zdt_tagWithIconYellow_text:hsla(37, calc(var(--zd-saturation, 1) * 90.95%), calc(60.98% + var(--zdc_default_inverse_low)), calc(1 + var(--zdc_alpha_low)));
560
-
561
- /* onboarding */
562
- --zdt_onboarding_primary_bg:var(--zdtm_cta_primary_bg_default);
563
- --zdt_onboarding_header_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
564
- --zdt_onboarding_header_border:var(--zdtm_cta_secondary_light_border_default);
565
- --zdt_onboarding_description_text:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
566
- --zdt_onboarding_close_icon_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
567
- --zdt_onboarding_close_icon_hover_bg:var(--zdtm_cta_primary_light_bg_default_inverse_lower);
568
- --zdt_onboarding_close_icon_text:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
569
- --zdt_onboarding_play_icon_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
570
- --zdt_onboarding_play_icon_border:var(--zdt_cta_primary_bg);
571
- --zdt_onboarding_play_icon_text:var(--zdt_cta_primary_bg);
572
- --zdt_onboarding_ribbon_bg:var(--zdt_cta_primary_bg);
573
- --zdt_onboarding_ribbon_text:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 100.00%, 1);
574
- --zdt_onboarding_ribbon_primary_border:var(--zdt_cta_primary_bg);
575
- --zdt_onboarding_ribbon_secondary_border:var(--zdt_cta_primary_hover_border);
576
- --zdt_onboarding_learnmore_bg:var(--zdt_cta_alpha_bg);
577
- --zdt_onboarding_learnmore_border:var(--zdt_cta_alpha_border);
578
- --zdt_onboarding_learnmore_text:var(--zdt_cta_alpha_text);
579
- --zdt_onboarding_learnmore_hover_border:var(--zdt_cta_alpha_hover_border);
580
- --zdt_onboarding_learnmore_hover_text:var(--zdt_cta_alpha_text);
581
- --zdt_onboarding_bg_box_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), 0.00%, 0.14);
582
- --zdt_onboarding_collision_unread_shadow:hsla(0, calc(var(--zd-saturation, 1) * 0.00%), calc(88.24% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
583
- --zdt_onboarding_light_gradient_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), 17.84%, 1);
584
-
585
- /* video lookup */
586
- --zdt_videolookup_close:hsla(217, calc(var(--zd-saturation, 1) * 7.76%), calc(54.51% + var(--zdc_default_inverse)), calc(1 + var(--zdc_alpha_high)));
587
- --zdt_videolookup_close_hover_bg:hsla(217, calc(var(--zd-saturation, 1) * 23.08%), calc(17.84% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
588
- --zdt_videolookup_close_hover:hsla(210, calc(var(--zd-saturation, 1) * 7.41%), calc(89.41% + var(--zdc_default)), calc(1 + var(--zdc_alpha_high)));
589
- }[dir=ltr] [data-mode='dark'], [dir=ltr] :global(.zd-blueDarkTheme) [data-theme="blue"]{
590
- --zdt_gridstencils_listbar_gradient_bg:var(--zd-gradient-saturation, linear-gradient(to left, #383f55 0, #414961 20%, #414961 40%, #383f55 100%));
591
- }[dir=rtl] [data-mode='dark'], [dir=rtl] :global(.zd-blueDarkTheme) [data-theme="blue"]{
592
- --zdt_gridstencils_listbar_gradient_bg:var(--zd-gradient-saturation, linear-gradient(to right, #383f55 0, #414961 20%, #414961 40%, #383f55 100%));
593
- }