@zohodesk/icons 1.3.11 → 1.3.13

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 (71) hide show
  1. package/README.md +9 -0
  2. package/assets/fonts/zd-gcFonts.svg +1 -0
  3. package/assets/fonts/zd-gcFonts.woff +0 -0
  4. package/assets/fonts/zd-gcFonts.woff2 +0 -0
  5. package/assets/fonts/zd-rIM.svg +2 -0
  6. package/assets/fonts/zd-rIM.woff +0 -0
  7. package/assets/fonts/zd-rIM.woff2 +0 -0
  8. package/assets/react/zd-font-rAI.module.css +29 -25
  9. package/assets/react/zd-font-rAccessibility.module.css +46 -42
  10. package/assets/react/zd-font-rAnalyticsColor.module.css +199 -195
  11. package/assets/react/zd-font-rAutomation.module.css +322 -318
  12. package/assets/react/zd-font-rCallBar.module.css +35 -31
  13. package/assets/react/zd-font-rChannels.module.css +203 -199
  14. package/assets/react/zd-font-rCustomize.module.css +132 -128
  15. package/assets/react/zd-font-rDeveloperSpace.module.css +13 -9
  16. package/assets/react/zd-font-rExportFiles.module.css +731 -727
  17. package/assets/react/zd-font-rGeneral.module.css +628 -624
  18. package/assets/react/zd-font-rIM.module.css +52 -38
  19. package/assets/react/zd-font-rIntegrations.module.css +211 -207
  20. package/assets/react/zd-font-rLhs.module.css +380 -376
  21. package/assets/react/zd-font-rMarketplace.module.css +153 -149
  22. package/assets/react/zd-font-rReports.module.css +226 -222
  23. package/assets/react/zd-font-rSetup.module.css +151 -147
  24. package/assets/react/zd-font-rTickets.module.css +302 -298
  25. package/assets/react/zd-font-rTopband.module.css +122 -118
  26. package/assets/react/zd-font-rTwotone.module.css +1270 -1266
  27. package/assets/react/zd-font-rUpdates.module.css +17 -13
  28. package/assets/react/zd-font-react-addforms.module.css +439 -435
  29. package/assets/react/zd-font-react-automate.module.css +43 -39
  30. package/assets/react/zd-font-react-channels.module.css +433 -429
  31. package/assets/react/zd-font-react-channels.plain.css +433 -429
  32. package/assets/react/zd-font-react-common.module.css +771 -767
  33. package/assets/react/zd-font-react-common.plain.css +771 -767
  34. package/assets/react/zd-font-react-community.module.css +215 -211
  35. package/assets/react/zd-font-react-customers.module.css +21 -17
  36. package/assets/react/zd-font-react-customize.module.css +608 -604
  37. package/assets/react/zd-font-react-gamescope.module.css +85 -81
  38. package/assets/react/zd-font-react-gcFonts.module.css +1469 -1462
  39. package/assets/react/zd-font-react-gettingstarted.module.css +305 -301
  40. package/assets/react/zd-font-react-integrations.module.css +43 -39
  41. package/assets/react/zd-font-react-kb.module.css +4419 -4415
  42. package/assets/react/zd-font-react-logo.module.css +20 -16
  43. package/assets/react/zd-font-react-organization.module.css +51 -47
  44. package/assets/react/zd-font-react-organization.plain.css +51 -47
  45. package/assets/react/zd-font-react-others.module.css +281 -277
  46. package/assets/react/zd-font-react-reports.module.css +448 -444
  47. package/assets/react/zd-font-react-setup.module.css +785 -781
  48. package/assets/react/zd-font-react-setup.plain.css +785 -781
  49. package/assets/react/zd-font-react-social.module.css +456 -452
  50. package/assets/react/zd-font-react-ticket-channels.module.css +252 -248
  51. package/assets/react/zd-font-react-tickets.module.css +884 -880
  52. package/assets/react/zd-font-react-tickets.plain.css +884 -880
  53. package/assets/react/zd-font-react-topband.module.css +550 -546
  54. package/assets/react/zd-font-react-topband.plain.css +550 -546
  55. package/cbt.config.js +2 -2
  56. package/es/Context/__tests__/__snapshots__/IconContext.spec.js.snap +1 -1
  57. package/es/Icon/FontFactory.js +4 -2
  58. package/es/Icon/FontIcon.js +3 -2
  59. package/es/Icon/SvgIcon.js +2 -1
  60. package/es/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap +1 -1
  61. package/es/Icon/__tests__/__snapshots__/Icon.spec.js.snap +32 -1
  62. package/es/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +1 -1
  63. package/lib/Context/__tests__/__snapshots__/IconContext.spec.js.snap +1 -1
  64. package/lib/Icon/FontFactory.js +3 -2
  65. package/lib/Icon/FontIcon.js +4 -2
  66. package/lib/Icon/SvgIcon.js +3 -1
  67. package/lib/Icon/__tests__/__snapshots__/FontIcon.spec.js.snap +1 -1
  68. package/lib/Icon/__tests__/__snapshots__/Icon.spec.js.snap +32 -1
  69. package/lib/Icon/__tests__/__snapshots__/SvgIcon.spec.js.snap +1 -1
  70. package/package.json +18 -11
  71. package/ut.config.js +106 -0
package/assets/react/zd-font-react-ticket-channels.module.css CHANGED
@@ -1,9 +1,13 @@
1
- @font-face{
2
- font-family:"zdf-ticket-channels_3";
3
- src:url('../fonts/zd-ticket-channels.woff2') format('woff2'), url('../fonts/zd-ticket-channels.woff') format('woff'), url('../fonts/zd-ticket-channels.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-ticket-channels";
3
+ src:
4
+ url('../fonts/zd-ticket-channels.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-ticket-channels.woff') format('woff'),
7
+ url('../fonts/zd-ticket-channels.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,249 +15,249 @@
11
15
 
12
16
 
13
17
  .icon-happinessBad,.icon-happinessGood,.icon-happinessOk,.icon-chForwardDraft,.icon-chWidget,.icon-chWebOut,.icon-chMailForward,.icon-chDraftNew,.icon-chDirectFB,.icon-chPhoneOut,.icon-chPhoneIn,.icon-chChat,.icon-chChatIn,.icon-chChatOut,.icon-chDraft,.icon-chFacebook,.icon-chFacebookIn,.icon-chFacebookOut,.icon-chForum,.icon-chForumIn,.icon-chForumOut,.icon-chHappiness,.icon-chHappinessIn,.icon-chMail,.icon-chMailDraft,.icon-chMailIn,.icon-chMailOut,.icon-chPhone,.icon-chTwitter,.icon-chTwitterIn,.icon-chTwitterOut,.icon-chWeb,.icon-chWemIn,.icon-chWenOut{
14
- font-family:"zdf-ticket-channels_3" !important;
18
+ font-family:"zdfonts-ticket-channels" !important;
15
19
  }
16
20
 
17
- .icon-happinessBad:before{
18
- content:"\e1000";
19
- }
20
- .icon-happinessGood:before{
21
- content:"\e1001";
22
- }
23
- .icon-happinessOk:before{
24
- content:"\e1002";
25
- }
26
- .icon-chForwardDraft .path1:before{
27
- content:"\e1003";
28
- color:rgb(0, 0, 0);
29
- }
30
- .icon-chForwardDraft .path2:before{
31
- content:"\e1004";
32
- margin-left:-1em;
33
- color:rgb(0, 0, 0);
34
- }
35
- .icon-chForwardDraft .path3:before{
36
- content:"\e1005";
37
- margin-left:-1em;
38
- color:rgb(0, 0, 0);
39
- }
40
- .icon-chForwardDraft .path4:before{
41
- content:"\e1006";
42
- margin-left:-1em;
43
- color:rgb(0, 0, 0);
44
- }
45
- .icon-chForwardDraft .path5:before{
46
- content:"\e1007";
47
- margin-left:-1em;
48
- color:rgb(0, 0, 0);
49
- }
50
- .icon-chForwardDraft .path6:before{
51
- content:"\e1008";
52
- margin-left:-1em;
53
- color:rgb(51, 51, 51);
54
- }
55
- .icon-chWidget:before{
56
- content:"\e1009";
57
- }
58
- .icon-chWebOut .path1:before{
59
- content:"\e100a";
60
- color:rgb(0, 0, 0);
61
- }
62
- .icon-chWebOut .path2:before{
63
- content:"\e100b";
64
- margin-left:-1em;
65
- color:rgb(51, 51, 51);
66
- }
67
- .icon-chMailForward:before{
68
- content:"\e100c";
69
- }
70
- .icon-chDraftNew:before{
71
- content:"\e100d";
72
- }
73
- .icon-chDirectFB .path1:before{
74
- content:"\e100e";
75
- color:rgb(0, 0, 0);
76
- }
77
- .icon-chDirectFB .path2:before{
78
- content:"\e100f";
79
- margin-left:-1em;
80
- color:rgb(102, 102, 102);
81
- }
82
- .icon-chPhoneOut .path1:before{
83
- content:"\e1010";
84
- color:rgb(0, 0, 0);
85
- }
86
- .icon-chPhoneOut .path2:before{
87
- content:"\e1011";
88
- margin-left:-1em;
89
- color:rgb(51, 51, 51);
90
- }
91
- .icon-chPhoneIn .path1:before{
92
- content:"\e1012";
93
- color:rgb(0, 0, 0);
94
- }
95
- .icon-chPhoneIn .path2:before{
96
- content:"\e1013";
97
- margin-left:-1em;
98
- color:rgb(51, 51, 51);
99
- }
100
- .icon-chChat:before{
101
- content:"\e1014";
102
- }
103
- .icon-chChatIn .path1:before{
104
- content:"\e1015";
105
- color:rgb(0, 0, 0);
106
- }
107
- .icon-chChatIn .path2:before{
108
- content:"\e1016";
109
- margin-left:-1em;
110
- color:rgb(51, 51, 51);
111
- }
112
- .icon-chChatOut .path1:before{
113
- content:"\e1017";
114
- color:rgb(0, 0, 0);
115
- }
116
- .icon-chChatOut .path2:before{
117
- content:"\e1018";
118
- margin-left:-1em;
119
- color:rgb(51, 51, 51);
120
- }
121
- .icon-chDraft .path1:before{
122
- content:"\e1019";
123
- color:rgb(0, 0, 0);
124
- }
125
- .icon-chDraft .path2:before{
126
- content:"\e101a";
127
- margin-left:-1em;
128
- color:rgb(51, 51, 51);
129
- }
130
- .icon-chFacebook:before{
131
- content:"\e101b";
132
- }
133
- .icon-chFacebookIn .path1:before{
134
- content:"\e101c";
135
- color:rgb(0, 0, 0);
136
- }
137
- .icon-chFacebookIn .path2:before{
138
- content:"\e101d";
139
- margin-left:-1em;
140
- color:rgb(51, 51, 51);
141
- }
142
- .icon-chFacebookOut .path1:before{
143
- content:"\e101e";
144
- color:rgb(0, 0, 0);
145
- }
146
- .icon-chFacebookOut .path2:before{
147
- content:"\e101f";
148
- margin-left:-1em;
149
- color:rgb(51, 51, 51);
150
- }
151
- .icon-chForum:before{
152
- content:"\e1020";
153
- }
154
- .icon-chForumIn .path1:before{
155
- content:"\e1021";
156
- color:rgb(0, 0, 0);
157
- }
158
- .icon-chForumIn .path2:before{
159
- content:"\e1022";
160
- margin-left:-1em;
161
- color:rgb(51, 51, 51);
162
- }
163
- .icon-chForumOut .path1:before{
164
- content:"\e1023";
165
- color:rgb(0, 0, 0);
166
- }
167
- .icon-chForumOut .path2:before{
168
- content:"\e1024";
169
- margin-left:-1em;
170
- color:rgb(51, 51, 51);
171
- }
172
- .icon-chHappiness:before{
173
- content:"\e1025";
174
- }
175
- .icon-chHappinessIn .path1:before{
176
- content:"\e1026";
177
- color:rgb(0, 0, 0);
178
- }
179
- .icon-chHappinessIn .path2:before{
180
- content:"\e1027";
181
- margin-left:-1em;
182
- color:rgb(51, 51, 51);
183
- }
184
- .icon-chMail:before{
185
- content:"\e1028";
186
- }
187
- .icon-chMailDraft .path1:before{
188
- content:"\e1029";
189
- color:rgb(0, 0, 0);
190
- }
191
- .icon-chMailDraft .path2:before{
192
- content:"\e102a";
193
- margin-left:-1em;
194
- color:rgb(51, 51, 51);
195
- }
196
- .icon-chMailIn .path1:before{
197
- content:"\e102b";
198
- color:rgb(0, 0, 0);
199
- }
200
- .icon-chMailIn .path2:before{
201
- content:"\e102c";
202
- margin-left:-1em;
203
- color:rgb(51, 51, 51);
204
- }
205
- .icon-chMailOut .path1:before{
206
- content:"\e102d";
207
- color:rgb(0, 0, 0);
208
- }
209
- .icon-chMailOut .path2:before{
210
- content:"\e102e";
211
- margin-left:-1em;
212
- color:rgb(51, 51, 51);
213
- }
214
- .icon-chPhone:before{
215
- content:"\e102f";
216
- }
217
- .icon-chTwitter:before{
218
- content:"\e1030";
219
- }
220
- .icon-chTwitterIn .path1:before{
221
- content:"\e1031";
222
- color:rgb(0, 0, 0);
223
- }
224
- .icon-chTwitterIn .path2:before{
225
- content:"\e1032";
226
- margin-left:-1em;
227
- color:rgb(51, 51, 51);
228
- }
229
- .icon-chTwitterOut .path1:before{
230
- content:"\e1033";
231
- color:rgb(0, 0, 0);
232
- }
233
- .icon-chTwitterOut .path2:before{
234
- content:"\e1034";
235
- margin-left:-1em;
236
- color:rgb(51, 51, 51);
237
- }
238
- .icon-chWeb:before{
239
- content:"\e1035";
240
- }
241
- .icon-chWemIn .path1:before{
242
- content:"\e1036";
243
- color:rgb(0, 0, 0);
244
- }
245
- .icon-chWemIn .path2:before{
246
- content:"\e1037";
247
- margin-left:-1em;
248
- color:rgb(51, 51, 51);
249
- }
250
- .icon-chWenOut .path1:before{
251
- content:"\e1038";
252
- color:rgb(0, 0, 0);
253
- }
254
- .icon-chWenOut .path2:before{
255
- content:"\e1039";
256
- margin-left:-1em;
257
- color:rgb(51, 51, 51);
21
+ .icon-happinessBad:before {
22
+ content: "\e1000";
23
+ }
24
+ .icon-happinessGood:before {
25
+ content: "\e1001";
26
+ }
27
+ .icon-happinessOk:before {
28
+ content: "\e1002";
29
+ }
30
+ .icon-chForwardDraft .path1:before {
31
+ content: "\e1003";
32
+ color: rgb(0, 0, 0);
33
+ }
34
+ .icon-chForwardDraft .path2:before {
35
+ content: "\e1004";
36
+ margin-left: -1em;
37
+ color: rgb(0, 0, 0);
38
+ }
39
+ .icon-chForwardDraft .path3:before {
40
+ content: "\e1005";
41
+ margin-left: -1em;
42
+ color: rgb(0, 0, 0);
43
+ }
44
+ .icon-chForwardDraft .path4:before {
45
+ content: "\e1006";
46
+ margin-left: -1em;
47
+ color: rgb(0, 0, 0);
48
+ }
49
+ .icon-chForwardDraft .path5:before {
50
+ content: "\e1007";
51
+ margin-left: -1em;
52
+ color: rgb(0, 0, 0);
53
+ }
54
+ .icon-chForwardDraft .path6:before {
55
+ content: "\e1008";
56
+ margin-left: -1em;
57
+ color: rgb(51, 51, 51);
58
+ }
59
+ .icon-chWidget:before {
60
+ content: "\e1009";
61
+ }
62
+ .icon-chWebOut .path1:before {
63
+ content: "\e100a";
64
+ color: rgb(0, 0, 0);
65
+ }
66
+ .icon-chWebOut .path2:before {
67
+ content: "\e100b";
68
+ margin-left: -1em;
69
+ color: rgb(51, 51, 51);
70
+ }
71
+ .icon-chMailForward:before {
72
+ content: "\e100c";
73
+ }
74
+ .icon-chDraftNew:before {
75
+ content: "\e100d";
76
+ }
77
+ .icon-chDirectFB .path1:before {
78
+ content: "\e100e";
79
+ color: rgb(0, 0, 0);
80
+ }
81
+ .icon-chDirectFB .path2:before {
82
+ content: "\e100f";
83
+ margin-left: -1em;
84
+ color: rgb(102, 102, 102);
85
+ }
86
+ .icon-chPhoneOut .path1:before {
87
+ content: "\e1010";
88
+ color: rgb(0, 0, 0);
89
+ }
90
+ .icon-chPhoneOut .path2:before {
91
+ content: "\e1011";
92
+ margin-left: -1em;
93
+ color: rgb(51, 51, 51);
94
+ }
95
+ .icon-chPhoneIn .path1:before {
96
+ content: "\e1012";
97
+ color: rgb(0, 0, 0);
98
+ }
99
+ .icon-chPhoneIn .path2:before {
100
+ content: "\e1013";
101
+ margin-left: -1em;
102
+ color: rgb(51, 51, 51);
103
+ }
104
+ .icon-chChat:before {
105
+ content: "\e1014";
106
+ }
107
+ .icon-chChatIn .path1:before {
108
+ content: "\e1015";
109
+ color: rgb(0, 0, 0);
110
+ }
111
+ .icon-chChatIn .path2:before {
112
+ content: "\e1016";
113
+ margin-left: -1em;
114
+ color: rgb(51, 51, 51);
115
+ }
116
+ .icon-chChatOut .path1:before {
117
+ content: "\e1017";
118
+ color: rgb(0, 0, 0);
119
+ }
120
+ .icon-chChatOut .path2:before {
121
+ content: "\e1018";
122
+ margin-left: -1em;
123
+ color: rgb(51, 51, 51);
124
+ }
125
+ .icon-chDraft .path1:before {
126
+ content: "\e1019";
127
+ color: rgb(0, 0, 0);
128
+ }
129
+ .icon-chDraft .path2:before {
130
+ content: "\e101a";
131
+ margin-left: -1em;
132
+ color: rgb(51, 51, 51);
133
+ }
134
+ .icon-chFacebook:before {
135
+ content: "\e101b";
136
+ }
137
+ .icon-chFacebookIn .path1:before {
138
+ content: "\e101c";
139
+ color: rgb(0, 0, 0);
140
+ }
141
+ .icon-chFacebookIn .path2:before {
142
+ content: "\e101d";
143
+ margin-left: -1em;
144
+ color: rgb(51, 51, 51);
145
+ }
146
+ .icon-chFacebookOut .path1:before {
147
+ content: "\e101e";
148
+ color: rgb(0, 0, 0);
149
+ }
150
+ .icon-chFacebookOut .path2:before {
151
+ content: "\e101f";
152
+ margin-left: -1em;
153
+ color: rgb(51, 51, 51);
154
+ }
155
+ .icon-chForum:before {
156
+ content: "\e1020";
157
+ }
158
+ .icon-chForumIn .path1:before {
159
+ content: "\e1021";
160
+ color: rgb(0, 0, 0);
161
+ }
162
+ .icon-chForumIn .path2:before {
163
+ content: "\e1022";
164
+ margin-left: -1em;
165
+ color: rgb(51, 51, 51);
166
+ }
167
+ .icon-chForumOut .path1:before {
168
+ content: "\e1023";
169
+ color: rgb(0, 0, 0);
170
+ }
171
+ .icon-chForumOut .path2:before {
172
+ content: "\e1024";
173
+ margin-left: -1em;
174
+ color: rgb(51, 51, 51);
175
+ }
176
+ .icon-chHappiness:before {
177
+ content: "\e1025";
178
+ }
179
+ .icon-chHappinessIn .path1:before {
180
+ content: "\e1026";
181
+ color: rgb(0, 0, 0);
182
+ }
183
+ .icon-chHappinessIn .path2:before {
184
+ content: "\e1027";
185
+ margin-left: -1em;
186
+ color: rgb(51, 51, 51);
187
+ }
188
+ .icon-chMail:before {
189
+ content: "\e1028";
190
+ }
191
+ .icon-chMailDraft .path1:before {
192
+ content: "\e1029";
193
+ color: rgb(0, 0, 0);
194
+ }
195
+ .icon-chMailDraft .path2:before {
196
+ content: "\e102a";
197
+ margin-left: -1em;
198
+ color: rgb(51, 51, 51);
199
+ }
200
+ .icon-chMailIn .path1:before {
201
+ content: "\e102b";
202
+ color: rgb(0, 0, 0);
203
+ }
204
+ .icon-chMailIn .path2:before {
205
+ content: "\e102c";
206
+ margin-left: -1em;
207
+ color: rgb(51, 51, 51);
208
+ }
209
+ .icon-chMailOut .path1:before {
210
+ content: "\e102d";
211
+ color: rgb(0, 0, 0);
212
+ }
213
+ .icon-chMailOut .path2:before {
214
+ content: "\e102e";
215
+ margin-left: -1em;
216
+ color: rgb(51, 51, 51);
217
+ }
218
+ .icon-chPhone:before {
219
+ content: "\e102f";
220
+ }
221
+ .icon-chTwitter:before {
222
+ content: "\e1030";
223
+ }
224
+ .icon-chTwitterIn .path1:before {
225
+ content: "\e1031";
226
+ color: rgb(0, 0, 0);
227
+ }
228
+ .icon-chTwitterIn .path2:before {
229
+ content: "\e1032";
230
+ margin-left: -1em;
231
+ color: rgb(51, 51, 51);
232
+ }
233
+ .icon-chTwitterOut .path1:before {
234
+ content: "\e1033";
235
+ color: rgb(0, 0, 0);
236
+ }
237
+ .icon-chTwitterOut .path2:before {
238
+ content: "\e1034";
239
+ margin-left: -1em;
240
+ color: rgb(51, 51, 51);
241
+ }
242
+ .icon-chWeb:before {
243
+ content: "\e1035";
244
+ }
245
+ .icon-chWemIn .path1:before {
246
+ content: "\e1036";
247
+ color: rgb(0, 0, 0);
248
+ }
249
+ .icon-chWemIn .path2:before {
250
+ content: "\e1037";
251
+ margin-left: -1em;
252
+ color: rgb(51, 51, 51);
253
+ }
254
+ .icon-chWenOut .path1:before {
255
+ content: "\e1038";
256
+ color: rgb(0, 0, 0);
257
+ }
258
+ .icon-chWenOut .path2:before {
259
+ content: "\e1039";
260
+ margin-left: -1em;
261
+ color: rgb(51, 51, 51);
258
262
  }
259
263
  }