@zohodesk/dot 1.7.19 → 1.7.20-exp.1

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 (45) hide show
  1. package/es/ActionButton/ActionButton.module.css +1 -1
  2. package/es/AlphabeticList/AlphabeticList.module.css +1 -1
  3. package/es/DotProvider/hooks/useDotProvider.js +1 -0
  4. package/es/Drawer/Drawer.module.css +1 -1
  5. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +1 -1
  6. package/es/emptystate/EditionPage/EditionPage.css +2 -2
  7. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +1 -1
  8. package/es/form/fields/TextEditor/TextEditor.js +2 -1
  9. package/es/form/fields/TextEditor/TextEditor.module.css +2 -2
  10. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +1 -1
  11. package/es/list/SecondaryText/SecondaryText.module.css +8 -8
  12. package/es/list/Subject/Subject.module.css +3 -3
  13. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +4 -2
  14. package/es/lookup/header/Title/LookupTitle.module.css +7 -3
  15. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +13 -2
  16. package/es/setup/header/Search/Search.module.css +1 -1
  17. package/es/v1/form/fields/TextEditor/TextEditor.js +2 -1
  18. package/es/version2/GlobalNotification/GlobalNotification.module.css +3 -2
  19. package/es/version2/errorstate/V2_ErrorStates.module.css +1 -1
  20. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +9 -3
  21. package/es/version2/lookup/alertLookupCommonNew.module.css +1 -1
  22. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -3
  23. package/lib/ActionButton/ActionButton.module.css +1 -1
  24. package/lib/AlphabeticList/AlphabeticList.module.css +1 -1
  25. package/lib/DotProvider/hooks/useDotProvider.js +2 -0
  26. package/lib/Drawer/Drawer.module.css +1 -1
  27. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +1 -1
  28. package/lib/emptystate/EditionPage/EditionPage.css +2 -2
  29. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +1 -1
  30. package/lib/form/fields/TextEditor/TextEditor.js +1 -1
  31. package/lib/form/fields/TextEditor/TextEditor.module.css +2 -2
  32. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +1 -1
  33. package/lib/list/SecondaryText/SecondaryText.module.css +8 -8
  34. package/lib/list/Subject/Subject.module.css +3 -3
  35. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +4 -2
  36. package/lib/lookup/header/Title/LookupTitle.module.css +7 -3
  37. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +13 -2
  38. package/lib/setup/header/Search/Search.module.css +1 -1
  39. package/lib/v1/form/fields/TextEditor/TextEditor.js +1 -1
  40. package/lib/version2/GlobalNotification/GlobalNotification.module.css +3 -2
  41. package/lib/version2/errorstate/V2_ErrorStates.module.css +1 -1
  42. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +9 -3
  43. package/lib/version2/lookup/alertLookupCommonNew.module.css +1 -1
  44. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -3
  45. package/package.json +2 -2
package/es/ActionButton/ActionButton.module.css CHANGED
@@ -98,7 +98,7 @@
98
98
 
99
99
  .txt {
100
100
  font-size: var(--zd_font_size13) ;
101
- font-family: var(--zd_semibold);
101
+ font-weight: var(--zd-fw-semibold);
102
102
  text-transform: capitalize;
103
103
  }
104
104
 
package/es/AlphabeticList/AlphabeticList.module.css CHANGED
@@ -53,5 +53,5 @@
53
53
  }
54
54
  .title {
55
55
  font-size: var(--zd_font_size11) ;
56
- font-family: var(--zd_semibold);
56
+ font-weight: var(--zd-fw-semibold);
57
57
  }
package/es/DotProvider/hooks/useDotProvider.js CHANGED
@@ -7,6 +7,7 @@ import '@zohodesk/variables/assets/colorVariables.module.css';
7
7
  import '@zohodesk/variables/assets/dotVariables.module.css';
8
8
  import '@zohodesk/components/es/common/basic.module.css';
9
9
  import '@zohodesk/variables/es/fontFamilyVariables.module.css';
10
+ import '@zohodesk/variables/es/fontWeightVariables.module.css';
10
11
  import '@zohodesk/components/es/common/boxShadow.module.css';
11
12
  import "../../common/dot_boxShadow.module.css";
12
13
 
package/es/Drawer/Drawer.module.css CHANGED
@@ -109,7 +109,7 @@
109
109
 
110
110
  .title {
111
111
  color: var(--zdt_drawer_title_text);
112
- font-family: var(--zd_semibold);
112
+ font-weight: var(--zd-fw-semibold);
113
113
  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
114
114
  font-size: var(--zd_font_size16) ;
115
115
  }
package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css CHANGED
@@ -20,7 +20,7 @@
20
20
  max-width: var(--zd_size430) ;
21
21
  }
22
22
  .title {
23
- font-family: var(--zd_semibold);
23
+ font-weight: var(--zd-fw-semibold);
24
24
  color: var(--titleColor);
25
25
  word-wrap: break-word;
26
26
  }
package/es/emptystate/EditionPage/EditionPage.css CHANGED
@@ -6,12 +6,12 @@
6
6
  }
7
7
  .header {
8
8
  font-size: var(--zd_font_size20) ;
9
- font-family: var(--zd_semibold);
9
+ font-weight: var(--zd-fw-semibold);
10
10
  margin-top: var(--zd_size16) ;
11
11
  }
12
12
  .description {
13
13
  font-size: var(--zd_font_size15) ;
14
- font-family: var(--zd_semibold);
14
+ font-weight: var(--zd-fw-semibold);
15
15
  margin: var(--zd_size20) 0 ;
16
16
  }
17
17
  .content {
package/es/errorstate/PermissionPlay/PermissionPlay.module.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .headtingText {
2
- font-family: var(--zd_semibold);
2
+ font-weight: var(--zd-fw-semibold);
3
3
  font-size: var(--zd_font_size50) ;
4
4
  letter-spacing: var(--zd_size1);
5
5
  margin-bottom: var(--zd_size5) ;
package/es/form/fields/TextEditor/TextEditor.js CHANGED
@@ -243,7 +243,8 @@ export default class TextEditor extends Component {
243
243
  let customStyleTag = document.createElement('style');
244
244
  customStyleTag.type = 'text/css';
245
245
  const customizedCSS = `pre {white-space: pre-wrap} ${customCSS}`;
246
- const fontCSS = `@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swa;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;
246
+ const fontCSS = `@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: 400;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swap;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}
247
+ @font-face {font-family: 'ZohoPuvi';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: 400;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: ZDLato;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'Roboto';font-weight: 400;font-style: normal;font-display: swap;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;
247
248
  customStyleTag.textContent = `${customizedCSS} ${fontCSS}`;
248
249
  iframeHead.appendChild(customStyleTag);
249
250
  }
package/es/form/fields/TextEditor/TextEditor.module.css CHANGED
@@ -32,7 +32,7 @@
32
32
  .textEditor * {
33
33
  box-sizing: initial;
34
34
  line-height: initial;
35
- font-family: var(--zd_regular);
35
+ font-weight: var(--zd-fw-normal);
36
36
  }
37
37
 
38
38
  .textEditor {
@@ -717,7 +717,7 @@
717
717
  }
718
718
 
719
719
  :global .KB_Editor textarea.ze_area {
720
- font-family: var(--zd_regular) !important;
720
+ font-weight: var(--zd-fw-normal) !important;
721
721
  font-size: var(--zd_font_size14) !important;
722
722
  padding: var(--zd_size15) var(--zd_size20) !important;
723
723
  }
package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css CHANGED
@@ -30,7 +30,7 @@
30
30
  .title {
31
31
  font-size: var(--zd_font_size16) ;
32
32
  line-height: 1;
33
- font-family: var(--zd_semibold);
33
+ font-weight: var(--zd-fw-semibold);
34
34
  color: var(--zdt_setupdetail_backicon);
35
35
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
36
36
  }
package/es/list/SecondaryText/SecondaryText.module.css CHANGED
@@ -15,14 +15,14 @@
15
15
  cursor: not-allowed;
16
16
  }
17
17
  .textBold {
18
- font-family: var(--zd_bold);
18
+ font-weight: var(--zd-fw-bold);
19
19
  color: var(--zdt_secondaryText_black_text);
20
20
  }
21
- .textStyle, .link{
22
- display: block
21
+ .textStyle,.link{
22
+ display: block
23
23
  }
24
24
  .textStyle.textBold {
25
- font-family: var(--zd_bold);
25
+ font-weight: var(--zd-fw-bold);
26
26
  color: var(--zdt_secondaryText_black_text);
27
27
  }
28
28
  .ticketId,
@@ -64,7 +64,7 @@ display: block
64
64
  .ticketIdLink {
65
65
  cursor: pointer;
66
66
  }
67
- .ticketIdLink:hover, .ticketIdLink:focus {
67
+ .ticketIdLink:hover,.ticketIdLink:focus {
68
68
  color: var(--zdt_secondaryText_blue_hover_text);
69
69
  }
70
70
  .primaryAccountNameCnt {
@@ -72,13 +72,13 @@ display: block
72
72
  }
73
73
  /* status */
74
74
  .font_regular {
75
- font-family: var(--zd_regular);
75
+ font-weight: var(--zd-fw-normal);
76
76
  }
77
77
  .font_semibold {
78
- font-family: var(--zd_semibold);
78
+ font-weight: var(--zd-fw-semibold);
79
79
  }
80
80
  .font_bold {
81
- font-family: var(--zd_bold);
81
+ font-weight: var(--zd-fw-bold);
82
82
  }
83
83
  .font_semibold,
84
84
  .font_bold,
package/es/list/Subject/Subject.module.css CHANGED
@@ -14,15 +14,15 @@
14
14
  }
15
15
 
16
16
  .font_regular {
17
- font-family: var(--zd_regular);
17
+ font-weight: var(--zd-fw-normal);
18
18
  }
19
19
 
20
20
  .font_semibold {
21
- font-family: var(--zd_semibold);
21
+ font-weight: var(--zd-fw-semibold);
22
22
  }
23
23
 
24
24
  .font_bold {
25
- font-family: var(--zd_bold);
25
+ font-weight: var(--zd-fw-bold);
26
26
  }
27
27
 
28
28
  .font_semibold,
package/es/lookup/EmptyPage/LookupEmptyPage.module.css CHANGED
@@ -1,12 +1,14 @@
1
1
  .container {
2
2
  text-align: center;
3
3
  }
4
+
4
5
  .image {
5
6
  margin: var(--zd_size20) auto ;
6
7
  }
8
+
7
9
  .contentDiv {
8
10
  font-size: var(--zd_font_size20) ;
9
- font-family: var(--zd_semibold);
11
+ font-weight: var(--zd-fw-semibold);
10
12
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
11
13
  margin-top: var(--zd_size15) ;
12
- }
14
+ }
package/es/lookup/header/Title/LookupTitle.module.css CHANGED
@@ -1,21 +1,25 @@
1
1
  .title {
2
2
  font-size: var(--zd_font_size16) ;
3
- font-family: var(--zd_semibold);
3
+ font-weight: var(--zd-fw-semibold);
4
4
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
5
5
  vertical-align: middle;
6
6
  word-break: break-all;
7
7
  cursor: initial;
8
8
  }
9
+
9
10
  .bold {
10
- font-family: var(--zd_semibold);
11
+ font-weight: var(--zd-fw-semibold);
11
12
  }
13
+
12
14
  /* Palette */
13
15
  .default {
14
16
  color: var(--zdt_lookuptitle_default_text);
15
17
  }
18
+
16
19
  .primary {
17
20
  color: var(--zdt_lookuptitle_primary_text);
18
21
  }
22
+
19
23
  .danger {
20
24
  color: var(--zdt_lookuptitle_danger_text);
21
- }
25
+ }
package/es/lookup/header/ViewDropDown/ViewDropDown.module.css CHANGED
@@ -1,28 +1,35 @@
1
1
  .small {
2
2
  max-height: var(--zd_size200) ;
3
3
  }
4
+
4
5
  .medium {
5
6
  max-height: var(--zd_size348) ;
6
7
  }
8
+
7
9
  .large {
8
10
  max-height: var(--zd_size400) ;
9
11
  }
12
+
10
13
  .emptyState {
11
14
  font-size: var(--zd_font_size14) ;
12
15
  color: var(--zdt_viewdropdown_empty_text);
13
- font-family: var(--zd_semibold);
16
+ font-weight: var(--zd-fw-semibold);
14
17
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
15
18
  padding: var(--zd_size12) var(--zd_size15) ;
16
19
  }
20
+
17
21
  .hide {
18
22
  composes: vishidden from '~@zohodesk/components/es/common/common.module.css';
19
23
  }
24
+
20
25
  .container {
21
26
  position: relative;
22
27
  }
28
+
23
29
  .listItemContainer {
24
30
  padding: var(--zd_size10) 0 ;
25
31
  }
32
+
26
33
  /* Label Style */
27
34
  .labelCnt {
28
35
  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
@@ -30,21 +37,25 @@
30
37
  color: var(--zdt_viewdropdown_label_text);
31
38
  cursor: pointer;
32
39
  }
40
+
33
41
  .labelText {
34
42
  font-size: var(--zd_font_size12) ;
35
43
  max-width: var(--zd_size180) ;
36
44
  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
37
45
  }
46
+
38
47
  [dir=ltr] .labelText {
39
48
  margin-right: var(--zd_size5) ;
40
49
  }
50
+
41
51
  [dir=rtl] .labelText {
42
52
  margin-left: var(--zd_size5) ;
43
53
  }
54
+
44
55
  .labelCnt:hover .arrowIcon {
45
56
  color: var(--zdt_viewdropdown_hover_label_text);
46
57
  }
47
58
 
48
59
  .loader {
49
60
  padding: var(--zd_size12) var(--zd_size15) ;
50
- }
61
+ }
package/es/setup/header/Search/Search.module.css CHANGED
@@ -38,7 +38,7 @@
38
38
  letter-spacing: 0.2px;
39
39
  transition: all var(--zd_transition3) ease;
40
40
  color: var(--zdt_search_input_text);
41
- font-family: var(--zd_regular);
41
+ font-weight: var(--zd-fw-normal);
42
42
  -webkit-appearance: none;
43
43
  -moz-appearance: none;
44
44
  appearance: none;
package/es/v1/form/fields/TextEditor/TextEditor.js CHANGED
@@ -243,7 +243,8 @@ export default class TextEditor extends Component {
243
243
  let customStyleTag = document.createElement('style');
244
244
  customStyleTag.type = 'text/css';
245
245
  const customizedCSS = `pre {white-space: pre-wrap} ${customCSS}`;
246
- const fontCSS = `@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swa;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;
246
+ const fontCSS = `@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: 400;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swap;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}
247
+ @font-face {font-family: 'ZohoPuvi';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: 400;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: ZDLato;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'Roboto';font-weight: 400;font-style: normal;font-display: swap;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}`;
247
248
  customStyleTag.textContent = `${customizedCSS} ${fontCSS}`;
248
249
  iframeHead.appendChild(customStyleTag);
249
250
  }
package/es/version2/GlobalNotification/GlobalNotification.module.css CHANGED
@@ -126,7 +126,8 @@
126
126
  --globalnotification_text_color: var(--zdt_globalnotification_info_text);
127
127
  }
128
128
 
129
- .danger,.error {
129
+ .danger,
130
+ .error {
130
131
  --commonalert_border_color: var(--zdt_commonalert_danger_border);
131
132
  --globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
132
133
  --globalnotification_text_color: var(--zdt_globalnotification_danger_text);
@@ -148,7 +149,7 @@
148
149
 
149
150
  .text {
150
151
  font-size: var(--zd_font_size14) ;
151
- font-family: var(--zd_semibold);
152
+ font-weight: var(--zd-fw-semibold);
152
153
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
153
154
  line-height: 1.4286;
154
155
  overflow: hidden;
package/es/version2/errorstate/V2_ErrorStates.module.css CHANGED
@@ -5,7 +5,7 @@
5
5
  margin-top: var(--zd_size15) ;
6
6
  }
7
7
  .title {
8
- font-family: var(--zd_bold);
8
+ font-weight: var(--zd-fw-bold);
9
9
  }
10
10
  .desc {
11
11
  line-height: 1.5714;
package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .varClass {
2
2
  --commonalert_border_color: var(--zdt_commonalert_default_border);
3
3
  }
4
+
4
5
  .container {
5
6
  composes: varClass;
6
7
  position: relative;
@@ -9,12 +10,15 @@
9
10
  border-color: var(--commonalert_border_color);
10
11
  border-width: 2px 0 0 0;
11
12
  }
13
+
12
14
  .headerLayout {
13
15
  min-height: var(--zd_size54) ;
14
16
  }
17
+
15
18
  [dir=ltr] .headerLayout {
16
19
  padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
17
20
  }
21
+
18
22
  [dir=rtl] .headerLayout {
19
23
  padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
20
24
  }
@@ -23,11 +27,13 @@
23
27
  --commonalert_border_color: var(--zdt_commonalert_success_border);
24
28
  }
25
29
 
26
- .info,.notification {
30
+ .info,
31
+ .notification {
27
32
  --commonalert_border_color: var(--zdt_commonalert_info_border);
28
33
  }
29
34
 
30
- .danger,.error {
35
+ .danger,
36
+ .error {
31
37
  --commonalert_border_color: var(--zdt_commonalert_danger_border);
32
38
  }
33
39
 
@@ -52,7 +58,7 @@
52
58
  color: var(--zdt_alertlookupnew_text);
53
59
  font-size: var(--zd_font_size18) ;
54
60
  line-height: 1.2222;
55
- font-family: var(--zd_bold);
61
+ font-weight: var(--zd-fw-bold);
56
62
  composes: ftsmooth wbreak from '~@zohodesk/components/es/common/common.module.css';
57
63
  vertical-align: middle;
58
64
  cursor: default;
package/es/version2/lookup/alertLookupCommonNew.module.css CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  .noteTitle {
16
16
  font-size: var(--zd_font_size13) ;
17
- font-family: var(--zd_semibold);
17
+ font-weight: var(--zd-fw-semibold);
18
18
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
19
19
  }
20
20
 
package/es/version2/notification/DesktopNotification/DesktopNotification.module.css CHANGED
@@ -36,7 +36,8 @@
36
36
  .large {
37
37
  width: var(--zd_size580) ;
38
38
  }
39
- .tapWidth{
39
+
40
+ .tapWidth {
40
41
  max-width: 100% ;
41
42
  min-width: 100% ;
42
43
  }
@@ -109,7 +110,7 @@
109
110
  .subTitle {
110
111
  font-size: var(--zd_font_size15) ;
111
112
  line-height: 1.3333;
112
- font-family: var(--zd_semibold);
113
+ font-weight: var(--zd-fw-semibold);
113
114
  composes: ftsmooth wbreak from '~@zohodesk/components/es/common/common.module.css';
114
115
  }
115
116
 
@@ -130,4 +131,4 @@
130
131
  .footer {
131
132
  overflow: hidden;
132
133
  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
133
- }
134
+ }
package/lib/ActionButton/ActionButton.module.css CHANGED
@@ -98,7 +98,7 @@
98
98
 
99
99
  .txt {
100
100
  font-size: var(--zd_font_size13) ;
101
- font-family: var(--zd_semibold);
101
+ font-weight: var(--zd-fw-semibold);
102
102
  text-transform: capitalize;
103
103
  }
104
104
 
package/lib/AlphabeticList/AlphabeticList.module.css CHANGED
@@ -53,5 +53,5 @@
53
53
  }
54
54
  .title {
55
55
  font-size: var(--zd_font_size11) ;
56
- font-family: var(--zd_semibold);
56
+ font-weight: var(--zd-fw-semibold);
57
57
  }
package/lib/DotProvider/hooks/useDotProvider.js CHANGED
@@ -23,6 +23,8 @@ require("@zohodesk/components/es/common/basic.module.css");
23
23
 
24
24
  require("@zohodesk/variables/es/fontFamilyVariables.module.css");
25
25
 
26
+ require("@zohodesk/variables/es/fontWeightVariables.module.css");
27
+
26
28
  require("@zohodesk/components/es/common/boxShadow.module.css");
27
29
 
28
30
  require("../../common/dot_boxShadow.module.css");
package/lib/Drawer/Drawer.module.css CHANGED
@@ -109,7 +109,7 @@
109
109
 
110
110
  .title {
111
111
  color: var(--zdt_drawer_title_text);
112
- font-family: var(--zd_semibold);
112
+ font-weight: var(--zd-fw-semibold);
113
113
  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
114
114
  font-size: var(--zd_font_size16) ;
115
115
  }
package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css CHANGED
@@ -20,7 +20,7 @@
20
20
  max-width: var(--zd_size430) ;
21
21
  }
22
22
  .title {
23
- font-family: var(--zd_semibold);
23
+ font-weight: var(--zd-fw-semibold);
24
24
  color: var(--titleColor);
25
25
  word-wrap: break-word;
26
26
  }
package/lib/emptystate/EditionPage/EditionPage.css CHANGED
@@ -6,12 +6,12 @@
6
6
  }
7
7
  .header {
8
8
  font-size: var(--zd_font_size20) ;
9
- font-family: var(--zd_semibold);
9
+ font-weight: var(--zd-fw-semibold);
10
10
  margin-top: var(--zd_size16) ;
11
11
  }
12
12
  .description {
13
13
  font-size: var(--zd_font_size15) ;
14
- font-family: var(--zd_semibold);
14
+ font-weight: var(--zd-fw-semibold);
15
15
  margin: var(--zd_size20) 0 ;
16
16
  }
17
17
  .content {
package/lib/errorstate/PermissionPlay/PermissionPlay.module.css CHANGED
@@ -1,5 +1,5 @@
1
1
  .headtingText {
2
- font-family: var(--zd_semibold);
2
+ font-weight: var(--zd-fw-semibold);
3
3
  font-size: var(--zd_font_size50) ;
4
4
  letter-spacing: var(--zd_size1);
5
5
  margin-bottom: var(--zd_size5) ;
package/lib/form/fields/TextEditor/TextEditor.js CHANGED
@@ -290,7 +290,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
290
290
  var customStyleTag = document.createElement('style');
291
291
  customStyleTag.type = 'text/css';
292
292
  var customizedCSS = "pre {white-space: pre-wrap} ".concat(customCSS);
293
- var fontCSS = "@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swa;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}";
293
+ var fontCSS = "@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: 400;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swap;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}\n @font-face {font-family: 'ZohoPuvi';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: 400;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: ZDLato;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'Roboto';font-weight: 400;font-style: normal;font-display: swap;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}";
294
294
  customStyleTag.textContent = "".concat(customizedCSS, " ").concat(fontCSS);
295
295
  iframeHead.appendChild(customStyleTag);
296
296
  }
package/lib/form/fields/TextEditor/TextEditor.module.css CHANGED
@@ -32,7 +32,7 @@
32
32
  .textEditor * {
33
33
  box-sizing: initial;
34
34
  line-height: initial;
35
- font-family: var(--zd_regular);
35
+ font-weight: var(--zd-fw-normal);
36
36
  }
37
37
 
38
38
  .textEditor {
@@ -717,7 +717,7 @@
717
717
  }
718
718
 
719
719
  :global .KB_Editor textarea.ze_area {
720
- font-family: var(--zd_regular) !important;
720
+ font-weight: var(--zd-fw-normal) !important;
721
721
  font-size: var(--zd_font_size14) !important;
722
722
  padding: var(--zd_size15) var(--zd_size20) !important;
723
723
  }
package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css CHANGED
@@ -30,7 +30,7 @@
30
30
  .title {
31
31
  font-size: var(--zd_font_size16) ;
32
32
  line-height: 1;
33
- font-family: var(--zd_semibold);
33
+ font-weight: var(--zd-fw-semibold);
34
34
  color: var(--zdt_setupdetail_backicon);
35
35
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
36
36
  }
package/lib/list/SecondaryText/SecondaryText.module.css CHANGED
@@ -15,14 +15,14 @@
15
15
  cursor: not-allowed;
16
16
  }
17
17
  .textBold {
18
- font-family: var(--zd_bold);
18
+ font-weight: var(--zd-fw-bold);
19
19
  color: var(--zdt_secondaryText_black_text);
20
20
  }
21
- .textStyle, .link{
22
- display: block
21
+ .textStyle,.link{
22
+ display: block
23
23
  }
24
24
  .textStyle.textBold {
25
- font-family: var(--zd_bold);
25
+ font-weight: var(--zd-fw-bold);
26
26
  color: var(--zdt_secondaryText_black_text);
27
27
  }
28
28
  .ticketId,
@@ -64,7 +64,7 @@ display: block
64
64
  .ticketIdLink {
65
65
  cursor: pointer;
66
66
  }
67
- .ticketIdLink:hover, .ticketIdLink:focus {
67
+ .ticketIdLink:hover,.ticketIdLink:focus {
68
68
  color: var(--zdt_secondaryText_blue_hover_text);
69
69
  }
70
70
  .primaryAccountNameCnt {
@@ -72,13 +72,13 @@ display: block
72
72
  }
73
73
  /* status */
74
74
  .font_regular {
75
- font-family: var(--zd_regular);
75
+ font-weight: var(--zd-fw-normal);
76
76
  }
77
77
  .font_semibold {
78
- font-family: var(--zd_semibold);
78
+ font-weight: var(--zd-fw-semibold);
79
79
  }
80
80
  .font_bold {
81
- font-family: var(--zd_bold);
81
+ font-weight: var(--zd-fw-bold);
82
82
  }
83
83
  .font_semibold,
84
84
  .font_bold,
package/lib/list/Subject/Subject.module.css CHANGED
@@ -14,15 +14,15 @@
14
14
  }
15
15
 
16
16
  .font_regular {
17
- font-family: var(--zd_regular);
17
+ font-weight: var(--zd-fw-normal);
18
18
  }
19
19
 
20
20
  .font_semibold {
21
- font-family: var(--zd_semibold);
21
+ font-weight: var(--zd-fw-semibold);
22
22
  }
23
23
 
24
24
  .font_bold {
25
- font-family: var(--zd_bold);
25
+ font-weight: var(--zd-fw-bold);
26
26
  }
27
27
 
28
28
  .font_semibold,
package/lib/lookup/EmptyPage/LookupEmptyPage.module.css CHANGED
@@ -1,12 +1,14 @@
1
1
  .container {
2
2
  text-align: center;
3
3
  }
4
+
4
5
  .image {
5
6
  margin: var(--zd_size20) auto ;
6
7
  }
8
+
7
9
  .contentDiv {
8
10
  font-size: var(--zd_font_size20) ;
9
- font-family: var(--zd_semibold);
11
+ font-weight: var(--zd-fw-semibold);
10
12
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
11
13
  margin-top: var(--zd_size15) ;
12
- }
14
+ }
package/lib/lookup/header/Title/LookupTitle.module.css CHANGED
@@ -1,21 +1,25 @@
1
1
  .title {
2
2
  font-size: var(--zd_font_size16) ;
3
- font-family: var(--zd_semibold);
3
+ font-weight: var(--zd-fw-semibold);
4
4
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
5
5
  vertical-align: middle;
6
6
  word-break: break-all;
7
7
  cursor: initial;
8
8
  }
9
+
9
10
  .bold {
10
- font-family: var(--zd_semibold);
11
+ font-weight: var(--zd-fw-semibold);
11
12
  }
13
+
12
14
  /* Palette */
13
15
  .default {
14
16
  color: var(--zdt_lookuptitle_default_text);
15
17
  }
18
+
16
19
  .primary {
17
20
  color: var(--zdt_lookuptitle_primary_text);
18
21
  }
22
+
19
23
  .danger {
20
24
  color: var(--zdt_lookuptitle_danger_text);
21
- }
25
+ }
package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css CHANGED
@@ -1,28 +1,35 @@
1
1
  .small {
2
2
  max-height: var(--zd_size200) ;
3
3
  }
4
+
4
5
  .medium {
5
6
  max-height: var(--zd_size348) ;
6
7
  }
8
+
7
9
  .large {
8
10
  max-height: var(--zd_size400) ;
9
11
  }
12
+
10
13
  .emptyState {
11
14
  font-size: var(--zd_font_size14) ;
12
15
  color: var(--zdt_viewdropdown_empty_text);
13
- font-family: var(--zd_semibold);
16
+ font-weight: var(--zd-fw-semibold);
14
17
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
15
18
  padding: var(--zd_size12) var(--zd_size15) ;
16
19
  }
20
+
17
21
  .hide {
18
22
  composes: vishidden from '~@zohodesk/components/es/common/common.module.css';
19
23
  }
24
+
20
25
  .container {
21
26
  position: relative;
22
27
  }
28
+
23
29
  .listItemContainer {
24
30
  padding: var(--zd_size10) 0 ;
25
31
  }
32
+
26
33
  /* Label Style */
27
34
  .labelCnt {
28
35
  composes: dInflex alignVertical from '~@zohodesk/components/es/common/common.module.css';
@@ -30,21 +37,25 @@
30
37
  color: var(--zdt_viewdropdown_label_text);
31
38
  cursor: pointer;
32
39
  }
40
+
33
41
  .labelText {
34
42
  font-size: var(--zd_font_size12) ;
35
43
  max-width: var(--zd_size180) ;
36
44
  composes: dotted from '~@zohodesk/components/es/common/common.module.css';
37
45
  }
46
+
38
47
  [dir=ltr] .labelText {
39
48
  margin-right: var(--zd_size5) ;
40
49
  }
50
+
41
51
  [dir=rtl] .labelText {
42
52
  margin-left: var(--zd_size5) ;
43
53
  }
54
+
44
55
  .labelCnt:hover .arrowIcon {
45
56
  color: var(--zdt_viewdropdown_hover_label_text);
46
57
  }
47
58
 
48
59
  .loader {
49
60
  padding: var(--zd_size12) var(--zd_size15) ;
50
- }
61
+ }
package/lib/setup/header/Search/Search.module.css CHANGED
@@ -38,7 +38,7 @@
38
38
  letter-spacing: 0.2px;
39
39
  transition: all var(--zd_transition3) ease;
40
40
  color: var(--zdt_search_input_text);
41
- font-family: var(--zd_regular);
41
+ font-weight: var(--zd-fw-normal);
42
42
  -webkit-appearance: none;
43
43
  -moz-appearance: none;
44
44
  appearance: none;
package/lib/v1/form/fields/TextEditor/TextEditor.js CHANGED
@@ -290,7 +290,7 @@ var TextEditor = /*#__PURE__*/function (_Component) {
290
290
  var customStyleTag = document.createElement('style');
291
291
  customStyleTag.type = 'text/css';
292
292
  var customizedCSS = "pre {white-space: pre-wrap} ".concat(customCSS);
293
- var fontCSS = "@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: normal;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swa;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}";
293
+ var fontCSS = "@font-face {font-family: 'ZohoPuviRegular';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: 400;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: Regular;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'RobotoRegular';font-weight: 400;font-style: normal;font-display: swap;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}\n @font-face {font-family: 'ZohoPuvi';src: url('https://static.zohocdn.com/zohofonts/zohopuvi/4.0/Zoho_Puvi_Regular.woff2') format('woff2');font-style: normal;font-weight: 400;text-rendering: optimizeLegibility;font-display: swap}@font-face {font-family: ZDLato;src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');font-weight: 400;font-style: normal;font-display: swap}@font-face {font-family: 'Roboto';font-weight: 400;font-style: normal;font-display: swap;src: url('https://static.zohocdn.com/webfonts/robotoregular/font.woff2')}";
294
294
  customStyleTag.textContent = "".concat(customizedCSS, " ").concat(fontCSS);
295
295
  iframeHead.appendChild(customStyleTag);
296
296
  }
package/lib/version2/GlobalNotification/GlobalNotification.module.css CHANGED
@@ -126,7 +126,8 @@
126
126
  --globalnotification_text_color: var(--zdt_globalnotification_info_text);
127
127
  }
128
128
 
129
- .danger,.error {
129
+ .danger,
130
+ .error {
130
131
  --commonalert_border_color: var(--zdt_commonalert_danger_border);
131
132
  --globalnotification_bg_color: var(--zdt_globalnotification_danger_bg);
132
133
  --globalnotification_text_color: var(--zdt_globalnotification_danger_text);
@@ -148,7 +149,7 @@
148
149
 
149
150
  .text {
150
151
  font-size: var(--zd_font_size14) ;
151
- font-family: var(--zd_semibold);
152
+ font-weight: var(--zd-fw-semibold);
152
153
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
153
154
  line-height: 1.4286;
154
155
  overflow: hidden;
package/lib/version2/errorstate/V2_ErrorStates.module.css CHANGED
@@ -5,7 +5,7 @@
5
5
  margin-top: var(--zd_size15) ;
6
6
  }
7
7
  .title {
8
- font-family: var(--zd_bold);
8
+ font-weight: var(--zd-fw-bold);
9
9
  }
10
10
  .desc {
11
11
  line-height: 1.5714;
package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css CHANGED
@@ -1,6 +1,7 @@
1
1
  .varClass {
2
2
  --commonalert_border_color: var(--zdt_commonalert_default_border);
3
3
  }
4
+
4
5
  .container {
5
6
  composes: varClass;
6
7
  position: relative;
@@ -9,12 +10,15 @@
9
10
  border-color: var(--commonalert_border_color);
10
11
  border-width: 2px 0 0 0;
11
12
  }
13
+
12
14
  .headerLayout {
13
15
  min-height: var(--zd_size54) ;
14
16
  }
17
+
15
18
  [dir=ltr] .headerLayout {
16
19
  padding: var(--zd_size15) var(--zd_size45) 0 var(--zd_size20) ;
17
20
  }
21
+
18
22
  [dir=rtl] .headerLayout {
19
23
  padding: var(--zd_size15) var(--zd_size20) 0 var(--zd_size45) ;
20
24
  }
@@ -23,11 +27,13 @@
23
27
  --commonalert_border_color: var(--zdt_commonalert_success_border);
24
28
  }
25
29
 
26
- .info,.notification {
30
+ .info,
31
+ .notification {
27
32
  --commonalert_border_color: var(--zdt_commonalert_info_border);
28
33
  }
29
34
 
30
- .danger,.error {
35
+ .danger,
36
+ .error {
31
37
  --commonalert_border_color: var(--zdt_commonalert_danger_border);
32
38
  }
33
39
 
@@ -52,7 +58,7 @@
52
58
  color: var(--zdt_alertlookupnew_text);
53
59
  font-size: var(--zd_font_size18) ;
54
60
  line-height: 1.2222;
55
- font-family: var(--zd_bold);
61
+ font-weight: var(--zd-fw-bold);
56
62
  composes: ftsmooth wbreak from '~@zohodesk/components/es/common/common.module.css';
57
63
  vertical-align: middle;
58
64
  cursor: default;
package/lib/version2/lookup/alertLookupCommonNew.module.css CHANGED
@@ -14,7 +14,7 @@
14
14
 
15
15
  .noteTitle {
16
16
  font-size: var(--zd_font_size13) ;
17
- font-family: var(--zd_semibold);
17
+ font-weight: var(--zd-fw-semibold);
18
18
  composes: ftsmooth from '~@zohodesk/components/es/common/common.module.css';
19
19
  }
20
20
 
package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css CHANGED
@@ -36,7 +36,8 @@
36
36
  .large {
37
37
  width: var(--zd_size580) ;
38
38
  }
39
- .tapWidth{
39
+
40
+ .tapWidth {
40
41
  max-width: 100% ;
41
42
  min-width: 100% ;
42
43
  }
@@ -109,7 +110,7 @@
109
110
  .subTitle {
110
111
  font-size: var(--zd_font_size15) ;
111
112
  line-height: 1.3333;
112
- font-family: var(--zd_semibold);
113
+ font-weight: var(--zd-fw-semibold);
113
114
  composes: ftsmooth wbreak from '~@zohodesk/components/es/common/common.module.css';
114
115
  }
115
116
 
@@ -130,4 +131,4 @@
130
131
  .footer {
131
132
  overflow: hidden;
132
133
  border-radius: 0 0 var(--zd_size10) var(--zd_size10);
133
- }
134
+ }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/dot",
3
- "version": "1.7.19",
3
+ "version": "1.7.20-exp.1",
4
4
  "main": "lib/index",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -38,7 +38,7 @@
38
38
  "sstest": "react-cli sstest",
39
39
  "common_package_build": "cd ../common && npm run build && cd ../dot",
40
40
  "docs": "npm run css:review && review:props && react-cli docs",
41
- "prepublishOnly": "node prePublish.js && npm run download && npm run _test && npm run css:review && npm run review:props",
41
+ "prepublishOnly": "node prePublish.js && npm run download && npm run test && npm run css:review && npm run review:props",
42
42
  "postpublish": "node postPublish.js",
43
43
  "test-clean": "react-cli clean ./coverage && react-cli clean ./unittest react-cli clean ./es && react-cli clean ./lib && react-cli clean ./package-lock.json && react-cli clean ./result.json",
44
44
  "download": "react-cli clean ./node_modules ./package-lock.json && npm install && cd ../ && npm run download",