@zohodesk/dot 1.7.26 → 1.8.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 (66) hide show
  1. package/README.md +4 -0
  2. package/es/ActionButton/ActionButton.module.css +1 -1
  3. package/es/AlphabeticList/AlphabeticList.module.css +1 -1
  4. package/es/AudioPlayer/AudioPlayer.module.css +1 -1
  5. package/es/DotProvider/hooks/useDotProvider.js +1 -0
  6. package/es/Drawer/Drawer.module.css +1 -1
  7. package/es/emptystate/CommonEmptyState/CommonEmptyState.module.css +1 -1
  8. package/es/emptystate/EditionPage/EditionPage.css +2 -2
  9. package/es/errorstate/PermissionPlay/PermissionPlay.module.css +1 -1
  10. package/es/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +1 -6
  11. package/es/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +1 -6
  12. package/es/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +1 -3
  13. package/es/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +1 -6
  14. package/es/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +1 -6
  15. package/es/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +1 -3
  16. package/es/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +1 -3
  17. package/es/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +1 -6
  18. package/es/form/fields/TextEditor/TextEditor.js +2 -1
  19. package/es/form/fields/TextEditor/TextEditor.module.css +2 -2
  20. package/es/layout/SetupDetailLayout/SetupDetailLayout.module.css +1 -1
  21. package/es/list/SecondaryText/SecondaryText.module.css +6 -6
  22. package/es/list/Subject/Subject.module.css +3 -3
  23. package/es/lookup/EmptyPage/LookupEmptyPage.module.css +4 -2
  24. package/es/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +6 -18
  25. package/es/lookup/header/Title/LookupTitle.module.css +7 -3
  26. package/es/lookup/header/ViewDropDown/ViewDropDown.module.css +13 -2
  27. package/es/setup/header/Search/Search.module.css +1 -1
  28. package/es/v1/form/fields/TextEditor/TextEditor.js +2 -1
  29. package/es/version2/GlobalNotification/GlobalNotification.module.css +3 -2
  30. package/es/version2/errorstate/V2_ErrorStates.module.css +1 -1
  31. package/es/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +9 -3
  32. package/es/version2/lookup/alertLookupCommonNew.module.css +1 -1
  33. package/es/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -3
  34. package/lib/ActionButton/ActionButton.module.css +1 -1
  35. package/lib/AlphabeticList/AlphabeticList.module.css +1 -1
  36. package/lib/AudioPlayer/AudioPlayer.module.css +1 -1
  37. package/lib/DotProvider/hooks/useDotProvider.js +2 -0
  38. package/lib/Drawer/Drawer.module.css +1 -1
  39. package/lib/emptystate/CommonEmptyState/CommonEmptyState.module.css +1 -1
  40. package/lib/emptystate/EditionPage/EditionPage.css +2 -2
  41. package/lib/errorstate/PermissionPlay/PermissionPlay.module.css +1 -1
  42. package/lib/form/fields/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap +1 -6
  43. package/lib/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap +1 -6
  44. package/lib/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap +1 -3
  45. package/lib/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap +1 -6
  46. package/lib/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap +1 -6
  47. package/lib/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap +1 -3
  48. package/lib/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap +1 -3
  49. package/lib/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap +1 -6
  50. package/lib/form/fields/TextEditor/TextEditor.js +1 -1
  51. package/lib/form/fields/TextEditor/TextEditor.module.css +2 -2
  52. package/lib/layout/SetupDetailLayout/SetupDetailLayout.module.css +1 -1
  53. package/lib/list/SecondaryText/SecondaryText.module.css +6 -6
  54. package/lib/list/Subject/Subject.module.css +3 -3
  55. package/lib/lookup/EmptyPage/LookupEmptyPage.module.css +4 -2
  56. package/lib/lookup/header/Search/__tests__/__snapshots__/Search.spec.js.snap +6 -18
  57. package/lib/lookup/header/Title/LookupTitle.module.css +7 -3
  58. package/lib/lookup/header/ViewDropDown/ViewDropDown.module.css +13 -2
  59. package/lib/setup/header/Search/Search.module.css +1 -1
  60. package/lib/v1/form/fields/TextEditor/TextEditor.js +1 -1
  61. package/lib/version2/GlobalNotification/GlobalNotification.module.css +3 -2
  62. package/lib/version2/errorstate/V2_ErrorStates.module.css +1 -1
  63. package/lib/version2/lookup/AlertHeader/css/AlertHeaderNew.module.css +9 -3
  64. package/lib/version2/lookup/alertLookupCommonNew.module.css +1 -1
  65. package/lib/version2/notification/DesktopNotification/DesktopNotification.module.css +4 -3
  66. package/package.json +9 -9
package/README.md CHANGED
@@ -2,6 +2,10 @@
2
2
 
3
3
  In this Library, we Provide Some Basic Components to Build Your Application
4
4
 
5
+ # 1.8.1
6
+
7
+ - Font Family Migrated to Font-weight across all css (Impacted)
8
+
5
9
  # 1.7.26
6
10
 
7
11
  - `list/SecondaryText/PhoneNumber.js`
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/AudioPlayer/AudioPlayer.module.css CHANGED
@@ -74,7 +74,7 @@
74
74
  .line {
75
75
  color: var(--zdt_audioplayer_line_text);
76
76
  font-size: var(--zd_font_size13) ;
77
- font-family: var(--zd_semibold);
77
+ font-weight: var(--zd-fw-semibold);
78
78
  }
79
79
 
80
80
  .disable {
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/CurrencyField/__tests__/__snapshots__/CurrencyField.spec.js.snap CHANGED
@@ -10,10 +10,8 @@ exports[`CurrencyField rendering the defult props 1`] = `
10
10
  class="fieldContainer "
11
11
  >
12
12
  <div
13
- class="container effect flex rowdir"
14
- data-id="containerComponent"
13
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
15
14
  data-selector-id="textBoxIcon"
16
- data-test-id="containerComponent"
17
15
  >
18
16
  <div
19
17
  class="grow basis shrinkOff"
@@ -45,9 +43,6 @@ exports[`CurrencyField rendering the defult props 1`] = `
45
43
  data-test-id="containerComponent"
46
44
  />
47
45
  </div>
48
- <div
49
- class="line borderColor_default "
50
- />
51
46
  </div>
52
47
  </div>
53
48
  </div>
package/es/form/fields/DateField/__tests__/__snapshots__/DateField.spec.js.snap CHANGED
@@ -18,10 +18,8 @@ exports[`DateField rendering the defult props 1`] = `
18
18
  data-test-id="dateField(formatted_undefined)_widget"
19
19
  >
20
20
  <div
21
- class="container effect placeHolder flex rowdir"
22
- data-id="containerComponent"
21
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container placeHolder flex rowdir"
23
22
  data-selector-id="textBoxIcon"
24
- data-test-id="containerComponent"
25
23
  >
26
24
  <div
27
25
  class="grow basis shrinkOff"
@@ -77,9 +75,6 @@ exports[`DateField rendering the defult props 1`] = `
77
75
  </div>
78
76
  </div>
79
77
  </div>
80
- <div
81
- class="line borderColor_default "
82
- />
83
78
  </div>
84
79
  </div>
85
80
  </div>
package/es/form/fields/MultiSelectField/__tests__/__snapshots__/MultiSelectField.spec.js.snap CHANGED
@@ -29,10 +29,8 @@ exports[`MultiSelectField rendering the defult props 1`] = `
29
29
  "
30
30
  />
31
31
  <div
32
- class="container effect custmInputWrapper flex rowdir"
33
- data-id="containerComponent"
32
+ class="varClass customContainer effect container custmInputWrapper flex rowdir"
34
33
  data-selector-id="textBoxIcon"
35
- data-test-id="containerComponent"
36
34
  >
37
35
  <div
38
36
  class="grow basis shrinkOff"
package/es/form/fields/PhoneField/__tests__/__snapshots__/PhoneField.spec.js.snap CHANGED
@@ -22,10 +22,8 @@ exports[`PhoneField rendering the defult props 1`] = `
22
22
  class="fieldContainer "
23
23
  >
24
24
  <div
25
- class="container effect flex rowdir"
26
- data-id="containerComponent"
25
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
27
26
  data-selector-id="textBoxIcon"
28
- data-test-id="containerComponent"
29
27
  >
30
28
  <div
31
29
  class="grow basis shrinkOff"
@@ -57,9 +55,6 @@ exports[`PhoneField rendering the defult props 1`] = `
57
55
  data-test-id="containerComponent"
58
56
  />
59
57
  </div>
60
- <div
61
- class="line borderColor_default "
62
- />
63
58
  </div>
64
59
  </div>
65
60
  </div>
package/es/form/fields/SelectField/__tests__/__snapshots__/SelectField.spec.js.snap CHANGED
@@ -19,10 +19,8 @@ exports[`SelectField rendering the defult props 1`] = `
19
19
  data-test-id="selectComponent"
20
20
  >
21
21
  <div
22
- class="container effect input flex rowdir"
23
- data-id="containerComponent"
22
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container input flex rowdir"
24
23
  data-selector-id="textBoxIcon"
25
- data-test-id="containerComponent"
26
24
  >
27
25
  <div
28
26
  class="grow basis shrinkOff"
@@ -96,9 +94,6 @@ exports[`SelectField rendering the defult props 1`] = `
96
94
  </div>
97
95
  </div>
98
96
  </div>
99
- <div
100
- class="line borderColor_default "
101
- />
102
97
  </div>
103
98
  </div>
104
99
  </div>
package/es/form/fields/TagsMultiSelect/__tests__/__snapshots__/TagsMultiSelect.spec.js.snap CHANGED
@@ -25,10 +25,8 @@ exports[`TagsMultiSelect rendering the defult props 1`] = `
25
25
  class="custmSpan"
26
26
  />
27
27
  <div
28
- class="container effect custmInp flex rowdir"
29
- data-id="containerComponent"
28
+ class="varClass customContainer effect container custmInp flex rowdir"
30
29
  data-selector-id="textBoxIcon"
31
- data-test-id="containerComponent"
32
30
  >
33
31
  <div
34
32
  class="grow basis shrinkOff"
package/es/form/fields/TagsMultiSelectField/__tests__/__snapshots__/TagsMultiSelectField.spec.js.snap CHANGED
@@ -31,10 +31,8 @@ exports[`TagsMultiSelectField rendering the defult props 1`] = `
31
31
  class="custmSpan"
32
32
  />
33
33
  <div
34
- class="container effect custmInp flex rowdir"
35
- data-id="containerComponent"
34
+ class="varClass customContainer effect container custmInp flex rowdir"
36
35
  data-selector-id="textBoxIcon"
37
- data-test-id="containerComponent"
38
36
  >
39
37
  <div
40
38
  class="grow basis shrinkOff"
package/es/form/fields/TextBoxField/__tests__/__snapshots__/TextBoxField.spec.js.snap CHANGED
@@ -10,10 +10,8 @@ exports[`TextBoxField rendering the defult props 1`] = `
10
10
  class="fieldContainer "
11
11
  >
12
12
  <div
13
- class="container effect flex rowdir"
14
- data-id="containerComponent"
13
+ class="varClass customContainer border_bottom effect borderColor_default hasBorder container flex rowdir"
15
14
  data-selector-id="textBoxIcon"
16
- data-test-id="containerComponent"
17
15
  >
18
16
  <div
19
17
  class="grow basis shrinkOff"
@@ -45,9 +43,6 @@ exports[`TextBoxField rendering the defult props 1`] = `
45
43
  data-test-id="containerComponent"
46
44
  />
47
45
  </div>
48
- <div
49
- class="line borderColor_default "
50
- />
51
46
  </div>
52
47
  </div>
53
48
  </div>
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
21
  .textStyle, .link{
22
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 @@
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 @@
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/Search/__tests__/__snapshots__/Search.spec.js.snap CHANGED
@@ -18,10 +18,8 @@ exports[`Search rendering the customized style search 1`] = `
18
18
  data-test-id="boxComponent"
19
19
  >
20
20
  <div
21
- class="container effect flex rowdir"
22
- data-id="containerComponent"
21
+ class="varClass customContainer effect container flex rowdir"
23
22
  data-selector-id="textBoxIcon"
24
- data-test-id="containerComponent"
25
23
  >
26
24
  <div
27
25
  class="grow basis shrinkOff"
@@ -77,10 +75,8 @@ exports[`Search rendering the defult props 1`] = `
77
75
  data-test-id="boxComponent"
78
76
  >
79
77
  <div
80
- class="container effect flex rowdir"
81
- data-id="containerComponent"
78
+ class="varClass customContainer effect container flex rowdir"
82
79
  data-selector-id="textBoxIcon"
83
- data-test-id="containerComponent"
84
80
  >
85
81
  <div
86
82
  class="grow basis shrinkOff"
@@ -136,10 +132,8 @@ exports[`Search rendering the prop hasSeparator is false 1`] = `
136
132
  data-test-id="boxComponent"
137
133
  >
138
134
  <div
139
- class="container effect flex rowdir"
140
- data-id="containerComponent"
135
+ class="varClass customContainer effect container flex rowdir"
141
136
  data-selector-id="textBoxIcon"
142
- data-test-id="containerComponent"
143
137
  >
144
138
  <div
145
139
  class="grow basis shrinkOff"
@@ -198,10 +192,8 @@ exports[`Search rendering the prop hasSeparator is true 1`] = `
198
192
  data-test-id="boxComponent"
199
193
  >
200
194
  <div
201
- class="container effect flex rowdir"
202
- data-id="containerComponent"
195
+ class="varClass customContainer effect container flex rowdir"
203
196
  data-selector-id="textBoxIcon"
204
- data-test-id="containerComponent"
205
197
  >
206
198
  <div
207
199
  class="grow basis shrinkOff"
@@ -270,10 +262,8 @@ exports[`Search rendering the renderChildren props via function 1`] = `
270
262
  data-test-id="boxComponent"
271
263
  >
272
264
  <div
273
- class="container effect flex rowdir"
274
- data-id="containerComponent"
265
+ class="varClass customContainer effect container flex rowdir"
275
266
  data-selector-id="textBoxIcon"
276
- data-test-id="containerComponent"
277
267
  >
278
268
  <div
279
269
  class="grow basis shrinkOff"
@@ -331,10 +321,8 @@ exports[`Search rendering the search active 1`] = `
331
321
  data-test-id="boxComponent"
332
322
  >
333
323
  <div
334
- class="container effect effectFocused flex rowdir"
335
- data-id="containerComponent"
324
+ class="varClass customContainer effect active container flex rowdir"
336
325
  data-selector-id="textBoxIcon"
337
- data-test-id="containerComponent"
338
326
  >
339
327
  <div
340
328
  class="grow basis shrinkOff"
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