@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-rCallBar.module.css CHANGED
@@ -1,9 +1,13 @@
1
- @font-face{
2
- font-family:"zdf-rCallBar_1";
3
- src:url('../fonts/zd-rCallBar.woff2') format('woff2'), url('../fonts/zd-rCallBar.woff') format('woff'), url('../fonts/zd-rCallBar.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-rCallBar";
3
+ src:
4
+ url('../fonts/zd-rCallBar.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-rCallBar.woff') format('woff'),
7
+ url('../fonts/zd-rCallBar.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,43 +15,43 @@
11
15
 
12
16
 
13
17
  .icon-associatedDept,.icon-callBack,.icon-dialpad,.icon-ivr,.icon-microphone,.icon-mute,.icon-onHold,.icon-pause,.icon-unassociatedDept,.icon-voiceMail,.icon-contactInformation,.icon-listening{
14
- font-family:"zdf-rCallBar_1" !important;
18
+ font-family:"zdfonts-rCallBar" !important;
15
19
  }
16
20
 
17
- .icon-associatedDept:before{
18
- content:"\c2000";
21
+ .icon-associatedDept:before {
22
+ content: "\c2000";
19
23
  }
20
- .icon-callBack:before{
21
- content:"\c2001";
24
+ .icon-callBack:before {
25
+ content: "\c2001";
22
26
  }
23
- .icon-dialpad:before{
24
- content:"\c2002";
27
+ .icon-dialpad:before {
28
+ content: "\c2002";
25
29
  }
26
- .icon-ivr:before{
27
- content:"\c2003";
30
+ .icon-ivr:before {
31
+ content: "\c2003";
28
32
  }
29
- .icon-microphone:before{
30
- content:"\c2004";
33
+ .icon-microphone:before {
34
+ content: "\c2004";
31
35
  }
32
- .icon-mute:before{
33
- content:"\c2005";
36
+ .icon-mute:before {
37
+ content: "\c2005";
34
38
  }
35
- .icon-onHold:before{
36
- content:"\c2006";
39
+ .icon-onHold:before {
40
+ content: "\c2006";
37
41
  }
38
- .icon-pause:before{
39
- content:"\c2007";
42
+ .icon-pause:before {
43
+ content: "\c2007";
40
44
  }
41
- .icon-unassociatedDept:before{
42
- content:"\c2008";
45
+ .icon-unassociatedDept:before {
46
+ content: "\c2008";
43
47
  }
44
- .icon-voiceMail:before{
45
- content:"\c2009";
48
+ .icon-voiceMail:before {
49
+ content: "\c2009";
46
50
  }
47
- .icon-contactInformation:before{
48
- content:"\c200a";
51
+ .icon-contactInformation:before {
52
+ content: "\c200a";
49
53
  }
50
- .icon-listening:before{
51
- content:"\c200b";
54
+ .icon-listening:before {
55
+ content: "\c200b";
52
56
  }
53
57
  }
package/assets/react/zd-font-rChannels.module.css CHANGED
@@ -1,9 +1,13 @@
1
- @font-face{
2
- font-family:"zdf-rChannels_4";
3
- src:url('../fonts/zd-rChannels.woff2') format('woff2'), url('../fonts/zd-rChannels.woff') format('woff'), url('../fonts/zd-rChannels.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-rChannels";
3
+ src:
4
+ url('../fonts/zd-rChannels.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-rChannels.woff') format('woff'),
7
+ url('../fonts/zd-rChannels.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,205 +15,205 @@
11
15
 
12
16
 
13
17
  .icon-chCall,.icon-chChat,.icon-chChatIn,.icon-chChatOut,.icon-chFacebook,.icon-chFacebookIn,.icon-chFacebookOut,.icon-chFeedbackWidget,.icon-chForum,.icon-chForumIn,.icon-chForumOut,.icon-chMail,.icon-chMailIn,.icon-chMailOut,.icon-chTwitter,.icon-chTwitterIn,.icon-chTwitterOut,.icon-chWeb,.icon-chWebIn,.icon-chWebOut,.icon-directFacebook,.icon-chDraft,.icon-chForwardDraft,.icon-chHappiness,.icon-chHappinessIn,.icon-chEmailForward,.icon-chCallOut,.icon-chCallIn,.icon-fbMessenger,.icon-telegram{
14
- font-family:"zdf-rChannels_4" !important;
18
+ font-family:"zdfonts-rChannels" !important;
15
19
  }
16
20
 
17
- .icon-chCall:before{
18
- content:"\b9000";
21
+ .icon-chCall:before {
22
+ content: "\b9000";
19
23
  }
20
- .icon-chChat:before{
21
- content:"\b9001";
24
+ .icon-chChat:before {
25
+ content: "\b9001";
22
26
  }
23
- .icon-chChatIn .path1:before{
24
- content:"\b9002";
25
- color:rgb(0, 0, 0);
26
- }
27
- .icon-chChatIn .path2:before{
28
- content:"\b9003";
29
- margin-left:-1em;
30
- color:rgb(51, 51, 51);
27
+ .icon-chChatIn .path1:before {
28
+ content: "\b9002";
29
+ color: rgb(0, 0, 0);
30
+ }
31
+ .icon-chChatIn .path2:before {
32
+ content: "\b9003";
33
+ margin-left: -1em;
34
+ color: rgb(51, 51, 51);
31
35
  }
32
- .icon-chChatOut .path1:before{
33
- content:"\b9004";
34
- color:rgb(0, 0, 0);
36
+ .icon-chChatOut .path1:before {
37
+ content: "\b9004";
38
+ color: rgb(0, 0, 0);
35
39
  }
36
- .icon-chChatOut .path2:before{
37
- content:"\b9005";
38
- margin-left:-1em;
39
- color:rgb(51, 51, 51);
40
- }
41
- .icon-chFacebook:before{
42
- content:"\b9006";
40
+ .icon-chChatOut .path2:before {
41
+ content: "\b9005";
42
+ margin-left: -1em;
43
+ color: rgb(51, 51, 51);
44
+ }
45
+ .icon-chFacebook:before {
46
+ content: "\b9006";
43
47
  }
44
- .icon-chFacebookIn .path1:before{
45
- content:"\b9007";
46
- color:rgb(0, 0, 0);
47
- }
48
- .icon-chFacebookIn .path2:before{
49
- content:"\b9008";
50
- margin-left:-1em;
51
- color:rgb(51, 51, 51);
52
- }
53
- .icon-chFacebookOut .path1:before{
54
- content:"\b9009";
55
- color:rgb(0, 0, 0);
56
- }
57
- .icon-chFacebookOut .path2:before{
58
- content:"\b900a";
59
- margin-left:-1em;
60
- color:rgb(51, 51, 51);
61
- }
62
- .icon-chFeedbackWidget:before{
63
- content:"\b900b";
64
- }
65
- .icon-chForum:before{
66
- content:"\b900c";
67
- }
68
- .icon-chForumIn .path1:before{
69
- content:"\b900d";
70
- color:rgb(0, 0, 0);
71
- }
72
- .icon-chForumIn .path2:before{
73
- content:"\b900e";
74
- margin-left:-1em;
75
- color:rgb(51, 51, 51);
76
- }
77
- .icon-chForumOut .path1:before{
78
- content:"\b900f";
79
- color:rgb(0, 0, 0);
80
- }
81
- .icon-chForumOut .path2:before{
82
- content:"\b9010";
83
- margin-left:-1em;
84
- color:rgb(51, 51, 51);
85
- }
86
- .icon-chMail:before{
87
- content:"\b9011";
88
- }
89
- .icon-chMailIn .path1:before{
90
- content:"\b9012";
91
- color:rgb(0, 0, 0);
92
- }
93
- .icon-chMailIn .path2:before{
94
- content:"\b9013";
95
- margin-left:-1em;
96
- color:rgb(51, 51, 51);
97
- }
98
- .icon-chMailOut .path1:before{
99
- content:"\b9014";
100
- color:rgb(0, 0, 0);
101
- }
102
- .icon-chMailOut .path2:before{
103
- content:"\b9015";
104
- margin-left:-1em;
105
- color:rgb(51, 51, 51);
106
- }
107
- .icon-chTwitter:before{
108
- content:"\b9016";
109
- }
110
- .icon-chTwitterIn .path1:before{
111
- content:"\b9017";
112
- color:rgb(0, 0, 0);
113
- }
114
- .icon-chTwitterIn .path2:before{
115
- content:"\b9018";
116
- margin-left:-1em;
117
- color:rgb(51, 51, 51);
118
- }
119
- .icon-chTwitterOut .path1:before{
120
- content:"\b9019";
121
- color:rgb(0, 0, 0);
122
- }
123
- .icon-chTwitterOut .path2:before{
124
- content:"\b901a";
125
- margin-left:-1em;
126
- color:rgb(51, 51, 51);
127
- }
128
- .icon-chWeb:before{
129
- content:"\b901b";
130
- }
131
- .icon-chWebIn .path1:before{
132
- content:"\b901c";
133
- color:rgb(0, 0, 0);
134
- }
135
- .icon-chWebIn .path2:before{
136
- content:"\b901d";
137
- margin-left:-1em;
138
- color:rgb(51, 51, 51);
139
- }
140
- .icon-chWebOut .path1:before{
141
- content:"\b901e";
142
- color:rgb(0, 0, 0);
143
- }
144
- .icon-chWebOut .path2:before{
145
- content:"\b901f";
146
- margin-left:-1em;
147
- color:rgb(51, 51, 51);
148
- }
149
- .icon-directFacebook .path1:before{
150
- content:"\b9020";
151
- color:rgb(0, 0, 0);
152
- }
153
- .icon-directFacebook .path2:before{
154
- content:"\b9021";
155
- margin-left:-1em;
156
- color:rgb(103, 103, 103);
157
- }
158
- .icon-chDraft:before{
159
- content:"\b9022";
160
- }
161
- .icon-chForwardDraft .path1:before{
162
- content:"\b9023";
163
- color:rgb(1, 1, 1);
164
- }
165
- .icon-chForwardDraft .path2:before{
166
- content:"\b9024";
167
- margin-left:-1em;
168
- color:rgb(51, 51, 51);
169
- }
170
- .icon-chHappiness:before{
171
- content:"\b9025";
172
- }
173
- .icon-chHappinessIn .path1:before{
174
- content:"\b9026";
175
- color:rgb(1, 1, 1);
176
- }
177
- .icon-chHappinessIn .path2:before{
178
- content:"\b9027";
179
- margin-left:-1em;
180
- color:rgb(51, 51, 51);
181
- }
182
- .icon-chEmailForward .path1:before{
183
- content:"\b9028";
184
- color:rgb(0, 0, 0);
185
- }
186
- .icon-chEmailForward .path2:before{
187
- content:"\b9029";
188
- margin-left:-1em;
189
- color:rgb(51, 51, 51);
190
- }
191
- .icon-chCallOut .path1:before{
192
- content:"\b902a";
193
- color:rgb(1, 1, 1);
194
- }
195
- .icon-chCallOut .path2:before{
196
- content:"\b902b";
197
- margin-left:-1em;
198
- color:rgb(51, 51, 51);
199
- }
200
- .icon-chCallIn .path1:before{
201
- content:"\b902c";
202
- color:rgb(1, 1, 1);
203
- }
204
- .icon-chCallIn .path2:before{
205
- content:"\b902d";
206
- margin-left:-1em;
207
- color:rgb(51, 51, 51);
208
- }
209
- .icon-fbMessenger:before{
210
- content:"\b902e";
211
- }
212
- .icon-telegram:before{
213
- content:"\b902f";
48
+ .icon-chFacebookIn .path1:before {
49
+ content: "\b9007";
50
+ color: rgb(0, 0, 0);
51
+ }
52
+ .icon-chFacebookIn .path2:before {
53
+ content: "\b9008";
54
+ margin-left: -1em;
55
+ color: rgb(51, 51, 51);
56
+ }
57
+ .icon-chFacebookOut .path1:before {
58
+ content: "\b9009";
59
+ color: rgb(0, 0, 0);
60
+ }
61
+ .icon-chFacebookOut .path2:before {
62
+ content: "\b900a";
63
+ margin-left: -1em;
64
+ color: rgb(51, 51, 51);
65
+ }
66
+ .icon-chFeedbackWidget:before {
67
+ content: "\b900b";
68
+ }
69
+ .icon-chForum:before {
70
+ content: "\b900c";
71
+ }
72
+ .icon-chForumIn .path1:before {
73
+ content: "\b900d";
74
+ color: rgb(0, 0, 0);
75
+ }
76
+ .icon-chForumIn .path2:before {
77
+ content: "\b900e";
78
+ margin-left: -1em;
79
+ color: rgb(51, 51, 51);
80
+ }
81
+ .icon-chForumOut .path1:before {
82
+ content: "\b900f";
83
+ color: rgb(0, 0, 0);
84
+ }
85
+ .icon-chForumOut .path2:before {
86
+ content: "\b9010";
87
+ margin-left: -1em;
88
+ color: rgb(51, 51, 51);
89
+ }
90
+ .icon-chMail:before {
91
+ content: "\b9011";
92
+ }
93
+ .icon-chMailIn .path1:before {
94
+ content: "\b9012";
95
+ color: rgb(0, 0, 0);
96
+ }
97
+ .icon-chMailIn .path2:before {
98
+ content: "\b9013";
99
+ margin-left: -1em;
100
+ color: rgb(51, 51, 51);
101
+ }
102
+ .icon-chMailOut .path1:before {
103
+ content: "\b9014";
104
+ color: rgb(0, 0, 0);
105
+ }
106
+ .icon-chMailOut .path2:before {
107
+ content: "\b9015";
108
+ margin-left: -1em;
109
+ color: rgb(51, 51, 51);
110
+ }
111
+ .icon-chTwitter:before {
112
+ content: "\b9016";
113
+ }
114
+ .icon-chTwitterIn .path1:before {
115
+ content: "\b9017";
116
+ color: rgb(0, 0, 0);
117
+ }
118
+ .icon-chTwitterIn .path2:before {
119
+ content: "\b9018";
120
+ margin-left: -1em;
121
+ color: rgb(51, 51, 51);
122
+ }
123
+ .icon-chTwitterOut .path1:before {
124
+ content: "\b9019";
125
+ color: rgb(0, 0, 0);
126
+ }
127
+ .icon-chTwitterOut .path2:before {
128
+ content: "\b901a";
129
+ margin-left: -1em;
130
+ color: rgb(51, 51, 51);
131
+ }
132
+ .icon-chWeb:before {
133
+ content: "\b901b";
134
+ }
135
+ .icon-chWebIn .path1:before {
136
+ content: "\b901c";
137
+ color: rgb(0, 0, 0);
138
+ }
139
+ .icon-chWebIn .path2:before {
140
+ content: "\b901d";
141
+ margin-left: -1em;
142
+ color: rgb(51, 51, 51);
143
+ }
144
+ .icon-chWebOut .path1:before {
145
+ content: "\b901e";
146
+ color: rgb(0, 0, 0);
147
+ }
148
+ .icon-chWebOut .path2:before {
149
+ content: "\b901f";
150
+ margin-left: -1em;
151
+ color: rgb(51, 51, 51);
152
+ }
153
+ .icon-directFacebook .path1:before {
154
+ content: "\b9020";
155
+ color: rgb(0, 0, 0);
156
+ }
157
+ .icon-directFacebook .path2:before {
158
+ content: "\b9021";
159
+ margin-left: -1em;
160
+ color: rgb(103, 103, 103);
161
+ }
162
+ .icon-chDraft:before {
163
+ content: "\b9022";
164
+ }
165
+ .icon-chForwardDraft .path1:before {
166
+ content: "\b9023";
167
+ color: rgb(1, 1, 1);
168
+ }
169
+ .icon-chForwardDraft .path2:before {
170
+ content: "\b9024";
171
+ margin-left: -1em;
172
+ color: rgb(51, 51, 51);
173
+ }
174
+ .icon-chHappiness:before {
175
+ content: "\b9025";
176
+ }
177
+ .icon-chHappinessIn .path1:before {
178
+ content: "\b9026";
179
+ color: rgb(1, 1, 1);
180
+ }
181
+ .icon-chHappinessIn .path2:before {
182
+ content: "\b9027";
183
+ margin-left: -1em;
184
+ color: rgb(51, 51, 51);
185
+ }
186
+ .icon-chEmailForward .path1:before {
187
+ content: "\b9028";
188
+ color: rgb(0, 0, 0);
189
+ }
190
+ .icon-chEmailForward .path2:before {
191
+ content: "\b9029";
192
+ margin-left: -1em;
193
+ color: rgb(51, 51, 51);
194
+ }
195
+ .icon-chCallOut .path1:before {
196
+ content: "\b902a";
197
+ color: rgb(1, 1, 1);
198
+ }
199
+ .icon-chCallOut .path2:before {
200
+ content: "\b902b";
201
+ margin-left: -1em;
202
+ color: rgb(51, 51, 51);
203
+ }
204
+ .icon-chCallIn .path1:before {
205
+ content: "\b902c";
206
+ color: rgb(1, 1, 1);
207
+ }
208
+ .icon-chCallIn .path2:before {
209
+ content: "\b902d";
210
+ margin-left: -1em;
211
+ color: rgb(51, 51, 51);
212
+ }
213
+ .icon-fbMessenger:before {
214
+ content: "\b902e";
215
+ }
216
+ .icon-telegram:before {
217
+ content: "\b902f";
214
218
  }
215
219
  }