@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-community.module.css CHANGED
@@ -1,9 +1,13 @@
1
- @font-face{
2
- font-family:"zdf-react-community_1";
3
- src:url('../fonts/zd-community.woff2') format('woff2'), url('../fonts/zd-community.woff') format('woff'), url('../fonts/zd-community.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-react-community";
3
+ src:
4
+ url('../fonts/zd-community.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-community.woff') format('woff'),
7
+ url('../fonts/zd-community.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,237 +15,237 @@
11
15
 
12
16
 
13
17
  .icon-Announcement,.icon-arrow-shuffle,.icon-attention,.icon-bubble,.icon-bulb_new,.icon-caution-o,.icon-circle-plus,.icon-compose,.icon-discussions,.icon-inapp-close,.icon-kb_view_icon,.icon-lights-thick,.icon-locked,.icon-megaphone,.icon-megaphone2,.icon-menu57,.icon-moderation-new,.icon-move-mp,.icon-page-not-found,.icon-question-mark,.icon-sorting-dis,.icon-sorting-disnew,.icon-sorting2,.icon-Sticky,.icon-twitter4,.icon-Unassociated,.icon-url-not-found,.icon-zsbell,.icon-moderater-tick{
14
- font-family:"zdf-react-community_1" !important;
18
+ font-family:"zdfonts-react-community" !important;
15
19
  }
16
20
 
17
- .icon-Announcement:before{
18
- content:"\e400";
21
+ .icon-Announcement:before {
22
+ content: "\e400";
19
23
  }
20
- .icon-arrow-shuffle:before{
21
- content:"\e401";
24
+ .icon-arrow-shuffle:before {
25
+ content: "\e401";
22
26
  }
23
- .icon-attention:before{
24
- content:"\e402";
27
+ .icon-attention:before {
28
+ content: "\e402";
25
29
  }
26
- .icon-bubble:before{
27
- content:"\e403";
30
+ .icon-bubble:before {
31
+ content: "\e403";
28
32
  }
29
- .icon-bulb_new .path1:before{
30
- content:"\e404";
31
- color:rgb(253, 237, 177);
33
+ .icon-bulb_new .path1:before {
34
+ content: "\e404";
35
+ color: rgb(253, 237, 177);
32
36
  }
33
- .icon-bulb_new .path2:before{
34
- content:"\e405";
35
- margin-left:-1.03125em;
36
- color:rgb(255, 255, 255);
37
+ .icon-bulb_new .path2:before {
38
+ content: "\e405";
39
+ margin-left: -1.03125em;
40
+ color: rgb(255, 255, 255);
37
41
  }
38
- .icon-caution-o:before{
39
- content:"\e406";
42
+ .icon-caution-o:before {
43
+ content: "\e406";
40
44
  }
41
- .icon-circle-plus:before{
42
- content:"\e407";
45
+ .icon-circle-plus:before {
46
+ content: "\e407";
43
47
  }
44
- .icon-compose:before{
45
- content:"\e408";
48
+ .icon-compose:before {
49
+ content: "\e408";
46
50
  }
47
- .icon-discussions:before{
48
- content:"\e409";
49
- color:#1188de;
51
+ .icon-discussions:before {
52
+ content: "\e409";
53
+ color: #1188de;
50
54
  }
51
- .icon-inapp-close:before{
52
- content:"\e40a";
55
+ .icon-inapp-close:before {
56
+ content: "\e40a";
53
57
  }
54
- .icon-kb_view_icon:before{
55
- content:"\e40b";
58
+ .icon-kb_view_icon:before {
59
+ content: "\e40b";
56
60
  }
57
- .icon-lights-thick:before{
58
- content:"\e40c";
61
+ .icon-lights-thick:before {
62
+ content: "\e40c";
59
63
  }
60
- .icon-locked:before{
61
- content:"\e40d";
64
+ .icon-locked:before {
65
+ content: "\e40d";
62
66
  }
63
- .icon-megaphone:before{
64
- content:"\e40e";
67
+ .icon-megaphone:before {
68
+ content: "\e40e";
65
69
  }
66
- .icon-megaphone2 .path1:before{
67
- content:"\e40f";
68
- color:rgb(235, 121, 55);
70
+ .icon-megaphone2 .path1:before {
71
+ content: "\e40f";
72
+ color: rgb(235, 121, 55);
69
73
  }
70
- .icon-megaphone2 .path2:before{
71
- content:"\e410";
72
- margin-left:-1em;
73
- color:rgb(235, 186, 22);
74
+ .icon-megaphone2 .path2:before {
75
+ content: "\e410";
76
+ margin-left: -1em;
77
+ color: rgb(235, 186, 22);
74
78
  }
75
- .icon-megaphone2 .path3:before{
76
- content:"\e411";
77
- margin-left:-1em;
78
- color:rgb(199, 202, 199);
79
+ .icon-megaphone2 .path3:before {
80
+ content: "\e411";
81
+ margin-left: -1em;
82
+ color: rgb(199, 202, 199);
79
83
  }
80
- .icon-megaphone2 .path4:before{
81
- content:"\e412";
82
- margin-left:-1em;
83
- color:rgb(66, 74, 96);
84
+ .icon-megaphone2 .path4:before {
85
+ content: "\e412";
86
+ margin-left: -1em;
87
+ color: rgb(66, 74, 96);
84
88
  }
85
- .icon-menu57:before{
86
- content:"\e413";
89
+ .icon-menu57:before {
90
+ content: "\e413";
87
91
  }
88
- .icon-moderation-new:before{
89
- content:"\e414";
92
+ .icon-moderation-new:before {
93
+ content: "\e414";
90
94
  }
91
- .icon-move-mp:before{
92
- content:"\e415";
95
+ .icon-move-mp:before {
96
+ content: "\e415";
93
97
  }
94
- .icon-page-not-found .path1:before{
95
- content:"\e416";
96
- color:rgb(214, 234, 242);
98
+ .icon-page-not-found .path1:before {
99
+ content: "\e416";
100
+ color: rgb(214, 234, 242);
97
101
  }
98
- .icon-page-not-found .path2:before{
99
- content:"\e417";
100
- margin-left:-1em;
101
- color:rgb(232, 244, 247);
102
+ .icon-page-not-found .path2:before {
103
+ content: "\e417";
104
+ margin-left: -1em;
105
+ color: rgb(232, 244, 247);
102
106
  }
103
- .icon-page-not-found .path3:before{
104
- content:"\e418";
105
- margin-left:-1em;
106
- color:rgb(0, 77, 136);
107
+ .icon-page-not-found .path3:before {
108
+ content: "\e418";
109
+ margin-left: -1em;
110
+ color: rgb(0, 77, 136);
107
111
  }
108
- .icon-page-not-found .path4:before{
109
- content:"\e419";
110
- margin-left:-1em;
111
- color:rgb(232, 244, 247);
112
- }
113
- .icon-page-not-found .path5:before{
114
- content:"\e41a";
115
- margin-left:-1em;
116
- color:rgb(0, 77, 136);
117
- }
118
- .icon-page-not-found .path6:before{
119
- content:"\e41b";
120
- margin-left:-1em;
121
- color:rgb(255, 207, 115);
122
- }
123
- .icon-page-not-found .path7:before{
124
- content:"\e41c";
125
- margin-left:-1em;
126
- color:none;
127
- }
128
- .icon-page-not-found .path8:before{
129
- content:"\e41d";
130
- margin-left:-1em;
131
- color:rgb(232, 244, 247);
132
- }
133
- .icon-page-not-found .path9:before{
134
- content:"\e41e";
135
- margin-left:-1em;
136
- color:rgb(214, 234, 242);
137
- }
138
- .icon-page-not-found .path10:before{
139
- content:"\e41f";
140
- margin-left:-1em;
141
- color:rgb(0, 77, 136);
142
- }
143
- .icon-question-mark:before{
144
- content:"\e420";
145
- }
146
- .icon-sorting-dis .path1:before{
147
- content:"\e421";
148
- color:rgb(19, 168, 223);
149
- }
150
- .icon-sorting-dis .path2:before{
151
- content:"\e422";
152
- margin-left:-1em;
153
- color:rgb(0, 0, 0);
154
- }
155
- .icon-sorting-disnew .path1:before{
156
- content:"\e423";
157
- color:rgb(30, 168, 224);
158
- }
159
- .icon-sorting-disnew .path2:before{
160
- content:"\e424";
161
- margin-left:-0.84375em;
162
- color:rgb(0, 1, 0);
163
- }
164
- .icon-sorting2 .path1:before{
165
- content:"\e425";
166
- color:rgb(171, 171, 171);
167
- }
168
- .icon-sorting2 .path2:before{
169
- content:"\e426";
170
- margin-left:-1em;
171
- color:rgb(0, 0, 0);
172
- }
173
- .icon-Sticky:before{
174
- content:"\e427";
175
- }
176
- .icon-twitter4:before{
177
- content:"\e428";
178
- }
179
- .icon-Unassociated:before{
180
- content:"\e429";
181
- }
182
- .icon-url-not-found .path1:before{
183
- content:"\e42a";
184
- color:rgb(255, 207, 115);
185
- }
186
- .icon-url-not-found .path2:before{
187
- content:"\e42b";
188
- margin-left:-1em;
189
- color:rgb(214, 234, 242);
190
- }
191
- .icon-url-not-found .path3:before{
192
- content:"\e42c";
193
- margin-left:-1em;
194
- color:rgb(232, 244, 247);
195
- }
196
- .icon-url-not-found .path4:before{
197
- content:"\e42d";
198
- margin-left:-1em;
199
- color:rgb(232, 244, 247);
200
- }
201
- .icon-url-not-found .path5:before{
202
- content:"\e42e";
203
- margin-left:-1em;
204
- color:rgb(0, 77, 136);
205
- }
206
- .icon-url-not-found .path6:before{
207
- content:"\e42f";
208
- margin-left:-1em;
209
- color:rgb(214, 234, 242);
210
- }
211
- .icon-url-not-found .path7:before{
212
- content:"\e430";
213
- margin-left:-1em;
214
- color:rgb(232, 244, 247);
215
- }
216
- .icon-url-not-found .path8:before{
217
- content:"\e431";
218
- margin-left:-1em;
219
- color:rgb(0, 77, 136);
220
- }
221
- .icon-url-not-found .path9:before{
222
- content:"\e432";
223
- margin-left:-1em;
224
- color:rgb(228, 111, 127);
225
- }
226
- .icon-url-not-found .path10:before{
227
- content:"\e433";
228
- margin-left:-1em;
229
- color:rgb(109, 173, 59);
230
- }
231
- .icon-url-not-found .path11:before{
232
- content:"\e434";
233
- margin-left:-1em;
234
- color:rgb(236, 80, 99);
235
- }
236
- .icon-url-not-found .path12:before{
237
- content:"\e435";
238
- margin-left:-1em;
239
- color:rgb(242, 193, 87);
240
- }
241
- .icon-zsbell:before{
242
- content:"\e436";
243
- }
244
- .icon-moderater-tick:before{
245
- content:"\e437";
112
+ .icon-page-not-found .path4:before {
113
+ content: "\e419";
114
+ margin-left: -1em;
115
+ color: rgb(232, 244, 247);
116
+ }
117
+ .icon-page-not-found .path5:before {
118
+ content: "\e41a";
119
+ margin-left: -1em;
120
+ color: rgb(0, 77, 136);
121
+ }
122
+ .icon-page-not-found .path6:before {
123
+ content: "\e41b";
124
+ margin-left: -1em;
125
+ color: rgb(255, 207, 115);
126
+ }
127
+ .icon-page-not-found .path7:before {
128
+ content: "\e41c";
129
+ margin-left: -1em;
130
+ color: none;
131
+ }
132
+ .icon-page-not-found .path8:before {
133
+ content: "\e41d";
134
+ margin-left: -1em;
135
+ color: rgb(232, 244, 247);
136
+ }
137
+ .icon-page-not-found .path9:before {
138
+ content: "\e41e";
139
+ margin-left: -1em;
140
+ color: rgb(214, 234, 242);
141
+ }
142
+ .icon-page-not-found .path10:before {
143
+ content: "\e41f";
144
+ margin-left: -1em;
145
+ color: rgb(0, 77, 136);
146
+ }
147
+ .icon-question-mark:before {
148
+ content: "\e420";
149
+ }
150
+ .icon-sorting-dis .path1:before {
151
+ content: "\e421";
152
+ color: rgb(19, 168, 223);
153
+ }
154
+ .icon-sorting-dis .path2:before {
155
+ content: "\e422";
156
+ margin-left: -1em;
157
+ color: rgb(0, 0, 0);
158
+ }
159
+ .icon-sorting-disnew .path1:before {
160
+ content: "\e423";
161
+ color: rgb(30, 168, 224);
162
+ }
163
+ .icon-sorting-disnew .path2:before {
164
+ content: "\e424";
165
+ margin-left: -0.84375em;
166
+ color: rgb(0, 1, 0);
167
+ }
168
+ .icon-sorting2 .path1:before {
169
+ content: "\e425";
170
+ color: rgb(171, 171, 171);
171
+ }
172
+ .icon-sorting2 .path2:before {
173
+ content: "\e426";
174
+ margin-left: -1em;
175
+ color: rgb(0, 0, 0);
176
+ }
177
+ .icon-Sticky:before {
178
+ content: "\e427";
179
+ }
180
+ .icon-twitter4:before {
181
+ content: "\e428";
182
+ }
183
+ .icon-Unassociated:before {
184
+ content: "\e429";
185
+ }
186
+ .icon-url-not-found .path1:before {
187
+ content: "\e42a";
188
+ color: rgb(255, 207, 115);
189
+ }
190
+ .icon-url-not-found .path2:before {
191
+ content: "\e42b";
192
+ margin-left: -1em;
193
+ color: rgb(214, 234, 242);
194
+ }
195
+ .icon-url-not-found .path3:before {
196
+ content: "\e42c";
197
+ margin-left: -1em;
198
+ color: rgb(232, 244, 247);
199
+ }
200
+ .icon-url-not-found .path4:before {
201
+ content: "\e42d";
202
+ margin-left: -1em;
203
+ color: rgb(232, 244, 247);
204
+ }
205
+ .icon-url-not-found .path5:before {
206
+ content: "\e42e";
207
+ margin-left: -1em;
208
+ color: rgb(0, 77, 136);
209
+ }
210
+ .icon-url-not-found .path6:before {
211
+ content: "\e42f";
212
+ margin-left: -1em;
213
+ color: rgb(214, 234, 242);
214
+ }
215
+ .icon-url-not-found .path7:before {
216
+ content: "\e430";
217
+ margin-left: -1em;
218
+ color: rgb(232, 244, 247);
219
+ }
220
+ .icon-url-not-found .path8:before {
221
+ content: "\e431";
222
+ margin-left: -1em;
223
+ color: rgb(0, 77, 136);
224
+ }
225
+ .icon-url-not-found .path9:before {
226
+ content: "\e432";
227
+ margin-left: -1em;
228
+ color: rgb(228, 111, 127);
229
+ }
230
+ .icon-url-not-found .path10:before {
231
+ content: "\e433";
232
+ margin-left: -1em;
233
+ color: rgb(109, 173, 59);
234
+ }
235
+ .icon-url-not-found .path11:before {
236
+ content: "\e434";
237
+ margin-left: -1em;
238
+ color: rgb(236, 80, 99);
239
+ }
240
+ .icon-url-not-found .path12:before {
241
+ content: "\e435";
242
+ margin-left: -1em;
243
+ color: rgb(242, 193, 87);
244
+ }
245
+ .icon-zsbell:before {
246
+ content: "\e436";
247
+ }
248
+ .icon-moderater-tick:before {
249
+ content: "\e437";
246
250
  }
247
251
  }
package/assets/react/zd-font-react-customers.module.css CHANGED
@@ -1,9 +1,13 @@
1
- @font-face{
2
- font-family:"zdf-react-customers_1";
3
- src:url('../fonts/zd-customers.woff2') format('woff2'), url('../fonts/zd-customers.woff') format('woff'), url('../fonts/zd-customers.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-react-customers";
3
+ src:
4
+ url('../fonts/zd-customers.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-customers.woff') format('woff'),
7
+ url('../fonts/zd-customers.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,22 +15,22 @@
11
15
 
12
16
 
13
17
  .icon-checkmark-o,.icon-circle-check,.icon-contract,.icon-globe,.icon-globe1{
14
- font-family:"zdf-react-customers_1" !important;
18
+ font-family:"zdfonts-react-customers" !important;
15
19
  }
16
20
 
17
- .icon-checkmark-o:before{
18
- content:"\e500";
21
+ .icon-checkmark-o:before {
22
+ content: "\e500";
19
23
  }
20
- .icon-circle-check:before{
21
- content:"\e501";
24
+ .icon-circle-check:before {
25
+ content: "\e501";
22
26
  }
23
- .icon-contract:before{
24
- content:"\e502";
27
+ .icon-contract:before {
28
+ content: "\e502";
25
29
  }
26
- .icon-globe:before{
27
- content:"\e503";
30
+ .icon-globe:before {
31
+ content: "\e503";
28
32
  }
29
- .icon-globe1:before{
30
- content:"\e504";
33
+ .icon-globe1:before {
34
+ content: "\e504";
31
35
  }
32
36
  }