@zohodesk/components 1.4.10 → 1.4.11-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 (55) hide show
  1. package/.cli/propValidation_report.html +1 -1
  2. package/README.md +10 -0
  3. package/es/AppContainer/AppContainer.js +1 -0
  4. package/es/AppContainer/AppContainer.module.css +3 -2
  5. package/es/Button/css/Button.module.css +13 -4
  6. package/es/DateTime/DateTime.module.css +12 -9
  7. package/es/DateTime/YearView.module.css +1 -1
  8. package/es/Heading/Heading.module.css +1 -1
  9. package/es/Label/Label.module.css +8 -8
  10. package/es/MultiSelect/MultiSelect.js +36 -12
  11. package/es/MultiSelect/MultiSelect.module.css +1 -1
  12. package/es/MultiSelect/Suggestions.js +171 -100
  13. package/es/MultiSelect/props/defaultProps.js +2 -0
  14. package/es/MultiSelect/props/propTypes.js +4 -0
  15. package/es/Select/Select.js +38 -9
  16. package/es/Select/props/defaultProps.js +1 -0
  17. package/es/Select/props/propTypes.js +1 -0
  18. package/es/Tab/Tabs.module.css +1 -1
  19. package/es/TextBox/TextBox.module.css +4 -4
  20. package/es/Textarea/Textarea.module.css +1 -1
  21. package/es/Tooltip/Tooltip.module.css +1 -1
  22. package/es/Typography/css/Typography.module.css +4 -4
  23. package/es/common/basic.module.css +39 -6
  24. package/es/common/basicReset.module.css +2 -2
  25. package/es/common/common.module.css +5 -5
  26. package/es/utils/Common.js +2 -1
  27. package/es/v1/Tab/v1Tabs.module.css +1 -1
  28. package/es/v1/Typography/css/v1_Typography.module.css +4 -4
  29. package/lib/AppContainer/AppContainer.js +2 -0
  30. package/lib/AppContainer/AppContainer.module.css +3 -2
  31. package/lib/Button/css/Button.module.css +13 -4
  32. package/lib/DateTime/DateTime.module.css +12 -9
  33. package/lib/DateTime/YearView.module.css +1 -1
  34. package/lib/Heading/Heading.module.css +1 -1
  35. package/lib/Label/Label.module.css +8 -8
  36. package/lib/MultiSelect/MultiSelect.js +36 -10
  37. package/lib/MultiSelect/MultiSelect.module.css +1 -1
  38. package/lib/MultiSelect/Suggestions.js +174 -104
  39. package/lib/MultiSelect/props/defaultProps.js +2 -0
  40. package/lib/MultiSelect/props/propTypes.js +4 -0
  41. package/lib/Select/Select.js +38 -7
  42. package/lib/Select/props/defaultProps.js +1 -0
  43. package/lib/Select/props/propTypes.js +1 -0
  44. package/lib/Tab/Tabs.module.css +1 -1
  45. package/lib/TextBox/TextBox.module.css +4 -4
  46. package/lib/Textarea/Textarea.module.css +1 -1
  47. package/lib/Tooltip/Tooltip.module.css +1 -1
  48. package/lib/Typography/css/Typography.module.css +4 -4
  49. package/lib/common/basic.module.css +39 -6
  50. package/lib/common/basicReset.module.css +2 -2
  51. package/lib/common/common.module.css +5 -5
  52. package/lib/utils/Common.js +4 -2
  53. package/lib/v1/Tab/v1Tabs.module.css +1 -1
  54. package/lib/v1/Typography/css/v1_Typography.module.css +4 -4
  55. package/package.json +3 -3
@@ -14,7 +14,7 @@
14
14
  .tooltipcont {
15
15
  color: var(--zdt_tooltip_default_text);
16
16
  font-size: var(--zd_font_size13) ;
17
- font-family: var(--zd_semibold);
17
+ font-weight: var(--zd-fw-semibold);
18
18
  word-break: break-word;
19
19
  max-width: var(--zd_size420) ;
20
20
  line-height: 1.5385;
@@ -25,20 +25,20 @@
25
25
  }
26
26
 
27
27
  .font_regular {
28
- font-family: var(--zd_regular);
28
+ font-weight: var(--zd-fw-normal);
29
29
  }
30
30
 
31
31
  .font_light {
32
- font-family: var(--zd_light);
32
+ font-weight: var(--zd-fw-light);
33
33
  }
34
34
 
35
35
  .font_semibold {
36
- font-family: var(--zd_semibold);
36
+ font-weight: var(--zd-fw-semibold);
37
37
  composes: ftsmooth from '../../common/common.module.css';
38
38
  }
39
39
 
40
40
  .font_bold {
41
- font-family: var(--zd_bold);
41
+ font-weight: var(--zd-fw-bold);
42
42
  composes: ftsmooth from '../../common/common.module.css';
43
43
  }
44
44
 
@@ -1,15 +1,15 @@
1
1
  @font-face {
2
- font-family: Regular;
3
- src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');
4
- font-weight: 400;
2
+ font-family: Light;
3
+ src: url('https://static.zohocdn.com/webfonts/lato2light/font.woff2') format('woff2');
4
+ font-weight: 300;
5
5
  font-style: normal;
6
6
  font-display: swap;
7
7
  }
8
8
 
9
9
  @font-face {
10
- font-family: Light;
11
- src: url('https://static.zohocdn.com/webfonts/lato2light/font.woff2') format('woff2');
12
- font-weight: 300;
10
+ font-family: Regular;
11
+ src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');
12
+ font-weight: 400;
13
13
  font-style: normal;
14
14
  font-display: swap;
15
15
  }
@@ -29,3 +29,36 @@
29
29
  font-style: normal;
30
30
  font-display: swap;
31
31
  }
32
+
33
+
34
+ @font-face {
35
+ font-family: ZDLato;
36
+ src: url('https://static.zohocdn.com/webfonts/lato2light/font.woff2') format('woff2');
37
+ font-weight: 100 300;
38
+ font-style: normal;
39
+ font-display: swap;
40
+ }
41
+
42
+ @font-face {
43
+ font-family: ZDLato;
44
+ src: url('https://static.zohocdn.com/webfonts/lato2regular/font.woff2') format('woff2');
45
+ font-weight: 400;
46
+ font-style: normal;
47
+ font-display: swap;
48
+ }
49
+
50
+ @font-face {
51
+ font-family: ZDLato;
52
+ src: url('https://static.zohocdn.com/webfonts/lato2semibold/font.woff2') format('woff2');
53
+ font-weight: 500 600;
54
+ font-style: normal;
55
+ font-display: swap;
56
+ }
57
+
58
+ @font-face {
59
+ font-family: ZDLato;
60
+ src: url('https://static.zohocdn.com/webfonts/lato2bold/font.woff2') format('woff2');
61
+ font-weight: 700 900;
62
+ font-style: normal;
63
+ font-display: swap;
64
+ }
@@ -27,7 +27,7 @@ html {
27
27
  }
28
28
 
29
29
  textarea {
30
- font-family: var(--zd_regular);
30
+ font-weight: var(--zd-fw-normal);
31
31
  }
32
32
 
33
33
  label, input[type='button'], input[type='submit'], input[type='file'], button {
@@ -37,4 +37,4 @@ label, input[type='button'], input[type='submit'], input[type='file'], button {
37
37
  /*Moz Required Box shadow Isssue*/
38
38
  input[required]:-moz-ui-invalid {
39
39
  box-shadow: none;
40
- }
40
+ }
@@ -303,22 +303,22 @@
303
303
  resize: vertical;
304
304
  }
305
305
 
306
- /*font-family*/
306
+ /*font-weight*/
307
307
  .regular {
308
- font-family: var(--zd_regular, Regular);
308
+ font-weight: var(--zd-fw-normal);
309
309
  }
310
310
 
311
311
  .light {
312
- font-family: var(--zd_light, Light);
312
+ font-weight: var(--zd-fw-light);
313
313
  }
314
314
 
315
315
  .semibold {
316
- font-family: var(--zd_semibold, Semibold);
316
+ font-weight: var(--zd-fw-semibold);
317
317
  composes: ftsmooth;
318
318
  }
319
319
 
320
320
  .bold {
321
- font-family: var(--zd_bold, Bold);
321
+ font-weight: var(--zd-fw-bold);
322
322
  composes: ftsmooth;
323
323
  }
324
324
 
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, "__esModule", {
4
4
  value: true
5
5
  });
6
- exports.DUMMY_OBJECT = void 0;
6
+ exports.DUMMY_OBJECT = exports.DUMMY_ARRAY = void 0;
7
7
  exports.bind = bind;
8
8
  exports.bytesToSize = bytesToSize;
9
9
  exports.cancelBubblingEffect = cancelBubblingEffect;
@@ -516,4 +516,6 @@ function isTextSelected() {
516
516
  }
517
517
 
518
518
  var DUMMY_OBJECT = {};
519
- exports.DUMMY_OBJECT = DUMMY_OBJECT;
519
+ exports.DUMMY_OBJECT = DUMMY_OBJECT;
520
+ var DUMMY_ARRAY = [];
521
+ exports.DUMMY_ARRAY = DUMMY_ARRAY;
@@ -145,7 +145,7 @@
145
145
  }
146
146
 
147
147
  .emptyStateTitle {
148
- font-family: var(--zd_semibold);
148
+ font-weight: var(--zd-fw-semibold);
149
149
  word-wrap: break-word;
150
150
  font-size: var(--zd_font_size16) ;
151
151
  max-width: var(--zd_size430) ;
@@ -19,17 +19,17 @@
19
19
  display: initial;
20
20
  }
21
21
  .font_regular {
22
- font-family: var(--zd_regular);
22
+ font-weight: var(--zd-fw-normal);
23
23
  }
24
24
  .font_light {
25
- font-family: var(--zd_light);
25
+ font-weight: var(--zd-fw-light);
26
26
  }
27
27
  .font_semibold {
28
- font-family: var(--zd_semibold);
28
+ font-weight: var(--zd-fw-semibold);
29
29
  composes: ftsmooth from '../../../common/common.module.css';
30
30
  }
31
31
  .font_bold {
32
- font-family: var(--zd_bold);
32
+ font-weight: var(--zd-fw-bold);
33
33
  composes: ftsmooth from '../../../common/common.module.css';
34
34
  }
35
35
  .fontStyles_normal{
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zohodesk/components",
3
- "version": "1.4.10",
3
+ "version": "1.4.11-exp.1",
4
4
  "main": "es/index.js",
5
5
  "module": "es/index.js",
6
6
  "private": false,
@@ -86,7 +86,7 @@
86
86
  "@zohodesk/svg": "1.2.2",
87
87
  "@zohodesk/utils": "1.3.14",
88
88
  "@zohodesk/variables": "1.1.0",
89
- "@zohodesk/virtualizer": "1.0.3",
89
+ "@zohodesk/virtualizer": "1.0.13",
90
90
  "react-sortable-hoc": "^0.8.3",
91
91
  "velocity-react": "1.4.3",
92
92
  "@zohodesk/react-cli": "1.1.27"
@@ -101,7 +101,7 @@
101
101
  "@zohodesk/icons": "1.1.0",
102
102
  "@zohodesk/variables": "1.1.0",
103
103
  "@zohodesk/svg": "1.2.2",
104
- "@zohodesk/virtualizer": "1.0.3",
104
+ "@zohodesk/virtualizer": "1.0.13",
105
105
  "velocity-react": "1.4.3",
106
106
  "react-sortable-hoc": "^0.8.3",
107
107
  "@zohodesk/hooks": "2.0.5",