@zohodesk/icons 1.3.10 → 1.3.12

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 (76) hide show
  1. package/README.md +9 -0
  2. package/assets/fonts/zd-gcFonts.svg +2 -0
  3. package/assets/fonts/zd-gcFonts.woff +0 -0
  4. package/assets/fonts/zd-gcFonts.woff2 +0 -0
  5. package/assets/fonts/zd-rGeneral.svg +1 -0
  6. package/assets/fonts/zd-rGeneral.woff +0 -0
  7. package/assets/fonts/zd-rGeneral.woff2 +0 -0
  8. package/assets/fonts/zd-rIM.svg +2 -0
  9. package/assets/fonts/zd-rIM.woff +0 -0
  10. package/assets/fonts/zd-rIM.woff2 +0 -0
  11. package/assets/react/zd-font-rAI.module.css +29 -25
  12. package/assets/react/zd-font-rAccessibility.module.css +46 -42
  13. package/assets/react/zd-font-rAnalyticsColor.module.css +199 -195
  14. package/assets/react/zd-font-rAutomation.module.css +322 -318
  15. package/assets/react/zd-font-rCallBar.module.css +35 -31
  16. package/assets/react/zd-font-rChannels.module.css +203 -199
  17. package/assets/react/zd-font-rCustomize.module.css +132 -128
  18. package/assets/react/zd-font-rDeveloperSpace.module.css +13 -9
  19. package/assets/react/zd-font-rExportFiles.module.css +731 -727
  20. package/assets/react/zd-font-rGeneral.module.css +630 -623
  21. package/assets/react/zd-font-rIM.module.css +52 -38
  22. package/assets/react/zd-font-rIntegrations.module.css +211 -207
  23. package/assets/react/zd-font-rLhs.module.css +380 -376
  24. package/assets/react/zd-font-rMarketplace.module.css +153 -149
  25. package/assets/react/zd-font-rReports.module.css +226 -222
  26. package/assets/react/zd-font-rSetup.module.css +151 -147
  27. package/assets/react/zd-font-rTickets.module.css +302 -298
  28. package/assets/react/zd-font-rTopband.module.css +122 -118
  29. package/assets/react/zd-font-rTwotone.module.css +1270 -1266
  30. package/assets/react/zd-font-rUpdates.module.css +17 -13
  31. package/assets/react/zd-font-react-addforms.module.css +439 -435
  32. package/assets/react/zd-font-react-automate.module.css +43 -39
  33. package/assets/react/zd-font-react-channels.module.css +433 -429
  34. package/assets/react/zd-font-react-channels.plain.css +433 -429
  35. package/assets/react/zd-font-react-common.module.css +771 -767
  36. package/assets/react/zd-font-react-common.plain.css +771 -767
  37. package/assets/react/zd-font-react-community.module.css +215 -211
  38. package/assets/react/zd-font-react-customers.module.css +21 -17
  39. package/assets/react/zd-font-react-customize.module.css +608 -604
  40. package/assets/react/zd-font-react-gamescope.module.css +85 -81
  41. package/assets/react/zd-font-react-gcFonts.module.css +1475 -1462
  42. package/assets/react/zd-font-react-gettingstarted.module.css +305 -301
  43. package/assets/react/zd-font-react-integrations.module.css +43 -39
  44. package/assets/react/zd-font-react-kb.module.css +4419 -4415
  45. package/assets/react/zd-font-react-logo.module.css +20 -16
  46. package/assets/react/zd-font-react-organization.module.css +51 -47
  47. package/assets/react/zd-font-react-organization.plain.css +51 -47
  48. package/assets/react/zd-font-react-others.module.css +281 -277
  49. package/assets/react/zd-font-react-reports.module.css +448 -444
  50. package/assets/react/zd-font-react-setup.module.css +785 -781
  51. package/assets/react/zd-font-react-setup.plain.css +785 -781
  52. package/assets/react/zd-font-react-social.module.css +456 -452
  53. package/assets/react/zd-font-react-ticket-channels.module.css +252 -248
  54. package/assets/react/zd-font-react-tickets.module.css +884 -880
  55. package/assets/react/zd-font-react-tickets.plain.css +884 -880
  56. package/assets/react/zd-font-react-topband.module.css +550 -546
  57. package/assets/react/zd-font-react-topband.plain.css +550 -546
  58. package/cbt.config.js +3 -3
  59. package/es/Context/__tests__/__snapshots__/IconContext.spec.js.snap +12 -12
  60. package/es/Icon/FontFactory.js +6 -3
  61. package/es/Icon/FontIcon.js +3 -2
  62. package/es/Icon/SvgIcon.js +2 -1
  63. package/es/Icon/__tests__/Icon.spec.js +15 -0
  64. package/es/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap +22 -22
  65. package/es/Icon/__tests__/__snapshots__/Icon.spec.js.snap +37876 -0
  66. package/es/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +13 -13
  67. package/lib/Context/__tests__/__snapshots__/IconContext.spec.js.snap +12 -12
  68. package/lib/Icon/FontFactory.js +4 -3
  69. package/lib/Icon/FontIcon.js +4 -2
  70. package/lib/Icon/SvgIcon.js +3 -1
  71. package/lib/Icon/__tests__/Icon.spec.js +38 -0
  72. package/lib/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap +22 -22
  73. package/lib/Icon/__tests__/__snapshots__/Icon.spec.js.snap +37876 -0
  74. package/lib/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +13 -13
  75. package/package.json +19 -12
  76. package/ut.config.js +106 -0
package/assets/react/zd-font-react-logo.module.css CHANGED
@@ -1,9 +1,13 @@
1
- @font-face{
2
- font-family:"zdf-react-logo_1";
3
- src:url('../fonts/zd-logo.woff2') format('woff2'), url('../fonts/zd-logo.woff') format('woff'), url('../fonts/zd-logo.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-react-logo";
3
+ src:
4
+ url('../fonts/zd-logo.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-logo.woff') format('woff'),
7
+ url('../fonts/zd-logo.svg#zdfonts') format('svg');
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ font-display: block;
7
11
  }
8
12
 
9
13
  @layer dot-icons.core {
@@ -11,19 +15,19 @@
11
15
 
12
16
 
13
17
  .icon-SkyDeskSupport,.icon-Zoho-Desk{
14
- font-family:"zdf-react-logo_1" !important;
18
+ font-family:"zdfonts-react-logo" !important;
15
19
  }
16
20
 
17
- .icon-SkyDeskSupport .path1:before{
18
- content:"\e800";
19
- color:rgb(40, 149, 213);
21
+ .icon-SkyDeskSupport .path1:before {
22
+ content: "\e800";
23
+ color: rgb(40, 149, 213);
20
24
  }
21
- .icon-SkyDeskSupport .path2:before{
22
- content:"\e801";
23
- margin-left:-3.1083984375em;
24
- color:rgb(115, 115, 115);
25
+ .icon-SkyDeskSupport .path2:before {
26
+ content: "\e801";
27
+ margin-left: -3.1083984375em;
28
+ color: rgb(115, 115, 115);
25
29
  }
26
- .icon-Zoho-Desk:before{
27
- content:"\e802";
30
+ .icon-Zoho-Desk:before {
31
+ content: "\e802";
28
32
  }
29
33
  }
package/assets/react/zd-font-react-organization.module.css CHANGED
@@ -1,9 +1,13 @@
1
- @font-face{
2
- font-family:"zdf-react-organization_1";
3
- src:url('../fonts/zd-organization.woff2') format('woff2'), url('../fonts/zd-organization.woff') format('woff'), url('../fonts/zd-organization.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-react-organization";
3
+ src:
4
+ url('../fonts/zd-organization.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-organization.woff') format('woff'),
7
+ url('../fonts/zd-organization.svg#zdfonts') format('svg');
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ font-display: block;
7
11
  }
8
12
 
9
13
  @layer dot-icons.core {
@@ -11,64 +15,64 @@
11
15
 
12
16
 
13
17
  .icon-add52,.icon-Addtick-inapp,.icon-book42,.icon-chat51,.icon-delete,.icon-file,.icon-mobile,.icon-multibrand-enb,.icon-newchatgreenicn,.icon-smily-bad-filled,.icon-smily-bad,.icon-smily-good-filled,.icon-smily-good,.icon-speechbubble56,.icon-team-assign{
14
- font-family:"zdf-react-organization_1" !important;
18
+ font-family:"zdfonts-react-organization" !important;
15
19
  }
16
20
 
17
- .icon-add52:before{
18
- content:"\e900";
21
+ .icon-add52:before {
22
+ content: "\e900";
19
23
  }
20
- .icon-Addtick-inapp:before{
21
- content:"\e901";
24
+ .icon-Addtick-inapp:before {
25
+ content: "\e901";
22
26
  }
23
- .icon-book42:before{
24
- content:"\e902";
27
+ .icon-book42:before {
28
+ content: "\e902";
25
29
  }
26
- .icon-chat51:before{
27
- content:"\e903";
30
+ .icon-chat51:before {
31
+ content: "\e903";
28
32
  }
29
- .icon-delete:before{
30
- content:"\e904";
33
+ .icon-delete:before {
34
+ content: "\e904";
31
35
  }
32
- .icon-file:before{
33
- content:"\e905";
36
+ .icon-file:before {
37
+ content: "\e905";
34
38
  }
35
- .icon-mobile:before{
36
- content:"\e906";
39
+ .icon-mobile:before {
40
+ content: "\e906";
37
41
  }
38
- .icon-multibrand-enb .path1:before{
39
- content:"\e907";
40
- color:rgb(187, 194, 202);
42
+ .icon-multibrand-enb .path1:before {
43
+ content: "\e907";
44
+ color: rgb(187, 194, 202);
41
45
  }
42
- .icon-multibrand-enb .path2:before{
43
- content:"\e908";
44
- margin-left:-1.25em;
45
- color:rgb(125, 185, 100);
46
+ .icon-multibrand-enb .path2:before {
47
+ content: "\e908";
48
+ margin-left: -1.25em;
49
+ color: rgb(125, 185, 100);
46
50
  }
47
- .icon-newchatgreenicn .path1:before{
48
- content:"\e909";
49
- color:rgb(255, 255, 255);
51
+ .icon-newchatgreenicn .path1:before {
52
+ content: "\e909";
53
+ color: rgb(255, 255, 255);
50
54
  }
51
- .icon-newchatgreenicn .path2:before{
52
- content:"\e90a";
53
- margin-left:-1.0625em;
54
- color:rgb(20, 180, 116);
55
+ .icon-newchatgreenicn .path2:before {
56
+ content: "\e90a";
57
+ margin-left: -1.0625em;
58
+ color: rgb(20, 180, 116);
55
59
  }
56
- .icon-smily-bad-filled:before{
57
- content:"\e90b";
60
+ .icon-smily-bad-filled:before {
61
+ content: "\e90b";
58
62
  }
59
- .icon-smily-bad:before{
60
- content:"\e90c";
63
+ .icon-smily-bad:before {
64
+ content: "\e90c";
61
65
  }
62
- .icon-smily-good-filled:before{
63
- content:"\e90d";
66
+ .icon-smily-good-filled:before {
67
+ content: "\e90d";
64
68
  }
65
- .icon-smily-good:before{
66
- content:"\e90e";
69
+ .icon-smily-good:before {
70
+ content: "\e90e";
67
71
  }
68
- .icon-speechbubble56:before{
69
- content:"\e90f";
72
+ .icon-speechbubble56:before {
73
+ content: "\e90f";
70
74
  }
71
- .icon-team-assign:before{
72
- content:"\e910";
75
+ .icon-team-assign:before {
76
+ content: "\e910";
73
77
  }
74
78
  }
package/assets/react/zd-font-react-organization.plain.css CHANGED
@@ -1,9 +1,13 @@
1
- @font-face{
2
- font-family:"zdf-react-organization_1";
3
- src:url('../fonts/zd-organization.woff2') format('woff2'), url('../fonts/zd-organization.woff') format('woff'), url('../fonts/zd-organization.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-react-organization";
3
+ src:
4
+ url('../fonts/zd-organization.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-organization.woff') format('woff'),
7
+ url('../fonts/zd-organization.svg#zdfonts') format('svg');
8
+ font-weight: normal;
9
+ font-style: normal;
10
+ font-display: block;
7
11
  }
8
12
 
9
13
  @layer dot-icons.core {
@@ -11,64 +15,64 @@
11
15
 
12
16
 
13
17
  .icon-add52,.icon-Addtick-inapp,.icon-book42,.icon-chat51,.icon-delete,.icon-file,.icon-mobile,.icon-multibrand-enb,.icon-newchatgreenicn,.icon-smily-bad-filled,.icon-smily-bad,.icon-smily-good-filled,.icon-smily-good,.icon-speechbubble56,.icon-team-assign{
14
- font-family:"zdf-react-organization_1" !important;
18
+ font-family:"zdfonts-react-organization" !important;
15
19
  }
16
20
 
17
- .icon-add52:before{
18
- content:"\e900";
21
+ .icon-add52:before {
22
+ content: "\e900";
19
23
  }
20
- .icon-Addtick-inapp:before{
21
- content:"\e901";
24
+ .icon-Addtick-inapp:before {
25
+ content: "\e901";
22
26
  }
23
- .icon-book42:before{
24
- content:"\e902";
27
+ .icon-book42:before {
28
+ content: "\e902";
25
29
  }
26
- .icon-chat51:before{
27
- content:"\e903";
30
+ .icon-chat51:before {
31
+ content: "\e903";
28
32
  }
29
- .icon-delete:before{
30
- content:"\e904";
33
+ .icon-delete:before {
34
+ content: "\e904";
31
35
  }
32
- .icon-file:before{
33
- content:"\e905";
36
+ .icon-file:before {
37
+ content: "\e905";
34
38
  }
35
- .icon-mobile:before{
36
- content:"\e906";
39
+ .icon-mobile:before {
40
+ content: "\e906";
37
41
  }
38
- .icon-multibrand-enb .path1:before{
39
- content:"\e907";
40
- color:rgb(187, 194, 202);
42
+ .icon-multibrand-enb .path1:before {
43
+ content: "\e907";
44
+ color: rgb(187, 194, 202);
41
45
  }
42
- .icon-multibrand-enb .path2:before{
43
- content:"\e908";
44
- margin-left:-1.25em;
45
- color:rgb(125, 185, 100);
46
+ .icon-multibrand-enb .path2:before {
47
+ content: "\e908";
48
+ margin-left: -1.25em;
49
+ color: rgb(125, 185, 100);
46
50
  }
47
- .icon-newchatgreenicn .path1:before{
48
- content:"\e909";
49
- color:rgb(255, 255, 255);
51
+ .icon-newchatgreenicn .path1:before {
52
+ content: "\e909";
53
+ color: rgb(255, 255, 255);
50
54
  }
51
- .icon-newchatgreenicn .path2:before{
52
- content:"\e90a";
53
- margin-left:-1.0625em;
54
- color:rgb(20, 180, 116);
55
+ .icon-newchatgreenicn .path2:before {
56
+ content: "\e90a";
57
+ margin-left: -1.0625em;
58
+ color: rgb(20, 180, 116);
55
59
  }
56
- .icon-smily-bad-filled:before{
57
- content:"\e90b";
60
+ .icon-smily-bad-filled:before {
61
+ content: "\e90b";
58
62
  }
59
- .icon-smily-bad:before{
60
- content:"\e90c";
63
+ .icon-smily-bad:before {
64
+ content: "\e90c";
61
65
  }
62
- .icon-smily-good-filled:before{
63
- content:"\e90d";
66
+ .icon-smily-good-filled:before {
67
+ content: "\e90d";
64
68
  }
65
- .icon-smily-good:before{
66
- content:"\e90e";
69
+ .icon-smily-good:before {
70
+ content: "\e90e";
67
71
  }
68
- .icon-speechbubble56:before{
69
- content:"\e90f";
72
+ .icon-speechbubble56:before {
73
+ content: "\e90f";
70
74
  }
71
- .icon-team-assign:before{
72
- content:"\e910";
75
+ .icon-team-assign:before {
76
+ content: "\e910";
73
77
  }
74
78
  }