@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-rReports.module.css CHANGED
@@ -1,9 +1,13 @@
1
- @font-face{
2
- font-family:"zdf-rReports_5";
3
- src:url('../fonts/zd-rReports.woff2') format('woff2'), url('../fonts/zd-rReports.woff') format('woff'), url('../fonts/zd-rReports.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-rReports";
3
+ src:
4
+ url('../fonts/zd-rReports.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-rReports.woff') format('woff'),
7
+ url('../fonts/zd-rReports.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,240 +15,240 @@
11
15
 
12
16
 
13
17
  .icon-addDashboard,.icon-area,.icon-barHorizantal,.icon-barLine,.icon-barVertical,.icon-clrBar,.icon-clrFunnel,.icon-clrLine,.icon-clrMultiline,.icon-clrPercentageBar,.icon-clrPie,.icon-clrStackedBar,.icon-clrTableAccount,.icon-clrTableContact,.icon-clrTableReport,.icon-clrTableTask,.icon-clrTableticket,.icon-dialMeter,.icon-lineGraph,.icon-matrixReport,.icon-multilineGraph,.icon-overviewFill,.icon-overviewLine,.icon-overviewMultiline,.icon-pieChart,.icon-report,.icon-summaryReport,.icon-tabularReport,.icon-wordCloud,.icon-reportRedirection,.icon-clrBulletChart,.icon-clrCompare,.icon-clrDialchart,.icon-clrMetricCards,.icon-KPICards{
14
- font-family:"zdf-rReports_5" !important;
18
+ font-family:"zdfonts-rReports" !important;
15
19
  }
16
20
 
17
- .icon-addDashboard:before{
18
- content:"\b8000";
19
- }
20
- .icon-area:before{
21
- content:"\b8001";
22
- }
23
- .icon-barHorizantal:before{
24
- content:"\b8002";
25
- }
26
- .icon-barLine:before{
27
- content:"\b8003";
28
- }
29
- .icon-barVertical:before{
30
- content:"\b8004";
31
- }
32
- .icon-clrBar .path1:before{
33
- content:"\b8005";
34
- color:rgb(10, 115, 235);
35
- }
36
- .icon-clrBar .path2:before{
37
- content:"\b8006";
38
- margin-left:-1em;
39
- color:rgb(38, 169, 66);
40
- }
41
- .icon-clrBar .path3:before{
42
- content:"\b8007";
43
- margin-left:-1em;
44
- color:rgb(255, 111, 0);
45
- }
46
- .icon-clrFunnel .path1:before{
47
- content:"\b8008";
48
- color:rgb(255, 111, 0);
49
- }
50
- .icon-clrFunnel .path2:before{
51
- content:"\b8009";
52
- margin-left:-1em;
53
- color:rgb(38, 169, 66);
54
- }
55
- .icon-clrFunnel .path3:before{
56
- content:"\b800a";
57
- margin-left:-1em;
58
- color:rgb(10, 115, 235);
59
- }
60
- .icon-clrLine:before{
61
- content:"\b800b";
62
- color:#0a73eb;
63
- }
64
- .icon-clrMultiline .path1:before{
65
- content:"\b800c";
66
- color:rgb(10, 115, 235);
67
- }
68
- .icon-clrMultiline .path2:before{
69
- content:"\b800d";
70
- margin-left:-1em;
71
- color:rgb(255, 111, 0);
72
- }
73
- .icon-clrPercentageBar .path1:before{
74
- content:"\b800e";
75
- color:rgb(10, 115, 235);
76
- }
77
- .icon-clrPercentageBar .path2:before{
78
- content:"\b800f";
79
- margin-left:-1em;
80
- color:rgb(255, 111, 0);
21
+ .icon-addDashboard:before {
22
+ content: "\b8000";
23
+ }
24
+ .icon-area:before {
25
+ content: "\b8001";
26
+ }
27
+ .icon-barHorizantal:before {
28
+ content: "\b8002";
29
+ }
30
+ .icon-barLine:before {
31
+ content: "\b8003";
32
+ }
33
+ .icon-barVertical:before {
34
+ content: "\b8004";
35
+ }
36
+ .icon-clrBar .path1:before {
37
+ content: "\b8005";
38
+ color: rgb(10, 115, 235);
39
+ }
40
+ .icon-clrBar .path2:before {
41
+ content: "\b8006";
42
+ margin-left: -1em;
43
+ color: rgb(38, 169, 66);
44
+ }
45
+ .icon-clrBar .path3:before {
46
+ content: "\b8007";
47
+ margin-left: -1em;
48
+ color: rgb(255, 111, 0);
49
+ }
50
+ .icon-clrFunnel .path1:before {
51
+ content: "\b8008";
52
+ color: rgb(255, 111, 0);
53
+ }
54
+ .icon-clrFunnel .path2:before {
55
+ content: "\b8009";
56
+ margin-left: -1em;
57
+ color: rgb(38, 169, 66);
58
+ }
59
+ .icon-clrFunnel .path3:before {
60
+ content: "\b800a";
61
+ margin-left: -1em;
62
+ color: rgb(10, 115, 235);
63
+ }
64
+ .icon-clrLine:before {
65
+ content: "\b800b";
66
+ color: #0a73eb;
67
+ }
68
+ .icon-clrMultiline .path1:before {
69
+ content: "\b800c";
70
+ color: rgb(10, 115, 235);
71
+ }
72
+ .icon-clrMultiline .path2:before {
73
+ content: "\b800d";
74
+ margin-left: -1em;
75
+ color: rgb(255, 111, 0);
76
+ }
77
+ .icon-clrPercentageBar .path1:before {
78
+ content: "\b800e";
79
+ color: rgb(10, 115, 235);
80
+ }
81
+ .icon-clrPercentageBar .path2:before {
82
+ content: "\b800f";
83
+ margin-left: -1em;
84
+ color: rgb(255, 111, 0);
81
85
  }
82
- .icon-clrPie .path1:before{
83
- content:"\b8010";
84
- color:rgb(255, 111, 0);
85
- }
86
- .icon-clrPie .path2:before{
87
- content:"\b8011";
88
- margin-left:-1em;
89
- color:rgb(38, 169, 66);
86
+ .icon-clrPie .path1:before {
87
+ content: "\b8010";
88
+ color: rgb(255, 111, 0);
89
+ }
90
+ .icon-clrPie .path2:before {
91
+ content: "\b8011";
92
+ margin-left: -1em;
93
+ color: rgb(38, 169, 66);
90
94
  }
91
- .icon-clrPie .path3:before{
92
- content:"\b8012";
93
- margin-left:-1em;
94
- color:rgb(10, 115, 235);
95
+ .icon-clrPie .path3:before {
96
+ content: "\b8012";
97
+ margin-left: -1em;
98
+ color: rgb(10, 115, 235);
95
99
  }
96
- .icon-clrStackedBar .path1:before{
97
- content:"\b8013";
98
- color:rgb(10, 115, 235);
100
+ .icon-clrStackedBar .path1:before {
101
+ content: "\b8013";
102
+ color: rgb(10, 115, 235);
99
103
  }
100
- .icon-clrStackedBar .path2:before{
101
- content:"\b8014";
102
- margin-left:-1em;
103
- color:rgb(255, 111, 0);
104
+ .icon-clrStackedBar .path2:before {
105
+ content: "\b8014";
106
+ margin-left: -1em;
107
+ color: rgb(255, 111, 0);
104
108
  }
105
- .icon-clrTableAccount .path1:before{
106
- content:"\b8015";
107
- color:rgb(10, 115, 235);
108
- }
109
- .icon-clrTableAccount .path2:before{
110
- content:"\b8016";
111
- margin-left:-1em;
112
- color:rgb(38, 169, 66);
109
+ .icon-clrTableAccount .path1:before {
110
+ content: "\b8015";
111
+ color: rgb(10, 115, 235);
112
+ }
113
+ .icon-clrTableAccount .path2:before {
114
+ content: "\b8016";
115
+ margin-left: -1em;
116
+ color: rgb(38, 169, 66);
113
117
  }
114
- .icon-clrTableContact .path1:before{
115
- content:"\b8017";
116
- color:rgb(10, 115, 235);
117
- }
118
- .icon-clrTableContact .path2:before{
119
- content:"\b8018";
120
- margin-left:-1em;
121
- color:rgb(38, 169, 66);
122
- }
123
- .icon-clrTableReport:before{
124
- content:"\b8019";
125
- color:#0a73eb;
126
- }
127
- .icon-clrTableTask .path1:before{
128
- content:"\b801a";
129
- color:rgb(10, 115, 235);
130
- }
131
- .icon-clrTableTask .path2:before{
132
- content:"\b801b";
133
- margin-left:-1em;
134
- color:rgb(38, 169, 66);
135
- }
136
- .icon-clrTableticket .path1:before{
137
- content:"\b801c";
138
- color:rgb(10, 115, 235);
139
- }
140
- .icon-clrTableticket .path2:before{
141
- content:"\b801d";
142
- margin-left:-1em;
143
- color:rgb(38, 169, 66);
144
- }
145
- .icon-dialMeter:before{
146
- content:"\b801e";
147
- }
148
- .icon-lineGraph:before{
149
- content:"\b801f";
150
- }
151
- .icon-matrixReport .path1:before{
152
- content:"\b8020";
153
- color:rgb(196, 196, 196);
154
- }
155
- .icon-matrixReport .path2:before{
156
- content:"\b8021";
157
- margin-left:-1em;
158
- color:rgb(1, 1, 1);
159
- }
160
- .icon-multilineGraph:before{
161
- content:"\b8022";
162
- }
163
- .icon-overviewFill:before{
164
- content:"\b8023";
165
- }
166
- .icon-overviewLine:before{
167
- content:"\b8024";
168
- }
169
- .icon-overviewMultiline:before{
170
- content:"\b8025";
171
- }
172
- .icon-pieChart:before{
173
- content:"\b8026";
174
- }
175
- .icon-report:before{
176
- content:"\b8027";
177
- }
178
- .icon-summaryReport .path1:before{
179
- content:"\b8028";
180
- color:rgb(196, 196, 196);
181
- }
182
- .icon-summaryReport .path2:before{
183
- content:"\b8029";
184
- margin-left:-1em;
185
- color:rgb(1, 1, 1);
186
- }
187
- .icon-tabularReport:before{
188
- content:"\b802a";
189
- }
190
- .icon-wordCloud:before{
191
- content:"\b802b";
192
- }
193
- .icon-reportRedirection:before{
194
- content:"\b802c";
118
+ .icon-clrTableContact .path1:before {
119
+ content: "\b8017";
120
+ color: rgb(10, 115, 235);
121
+ }
122
+ .icon-clrTableContact .path2:before {
123
+ content: "\b8018";
124
+ margin-left: -1em;
125
+ color: rgb(38, 169, 66);
126
+ }
127
+ .icon-clrTableReport:before {
128
+ content: "\b8019";
129
+ color: #0a73eb;
130
+ }
131
+ .icon-clrTableTask .path1:before {
132
+ content: "\b801a";
133
+ color: rgb(10, 115, 235);
134
+ }
135
+ .icon-clrTableTask .path2:before {
136
+ content: "\b801b";
137
+ margin-left: -1em;
138
+ color: rgb(38, 169, 66);
139
+ }
140
+ .icon-clrTableticket .path1:before {
141
+ content: "\b801c";
142
+ color: rgb(10, 115, 235);
143
+ }
144
+ .icon-clrTableticket .path2:before {
145
+ content: "\b801d";
146
+ margin-left: -1em;
147
+ color: rgb(38, 169, 66);
148
+ }
149
+ .icon-dialMeter:before {
150
+ content: "\b801e";
151
+ }
152
+ .icon-lineGraph:before {
153
+ content: "\b801f";
154
+ }
155
+ .icon-matrixReport .path1:before {
156
+ content: "\b8020";
157
+ color: rgb(196, 196, 196);
158
+ }
159
+ .icon-matrixReport .path2:before {
160
+ content: "\b8021";
161
+ margin-left: -1em;
162
+ color: rgb(1, 1, 1);
163
+ }
164
+ .icon-multilineGraph:before {
165
+ content: "\b8022";
166
+ }
167
+ .icon-overviewFill:before {
168
+ content: "\b8023";
169
+ }
170
+ .icon-overviewLine:before {
171
+ content: "\b8024";
172
+ }
173
+ .icon-overviewMultiline:before {
174
+ content: "\b8025";
175
+ }
176
+ .icon-pieChart:before {
177
+ content: "\b8026";
178
+ }
179
+ .icon-report:before {
180
+ content: "\b8027";
181
+ }
182
+ .icon-summaryReport .path1:before {
183
+ content: "\b8028";
184
+ color: rgb(196, 196, 196);
185
+ }
186
+ .icon-summaryReport .path2:before {
187
+ content: "\b8029";
188
+ margin-left: -1em;
189
+ color: rgb(1, 1, 1);
190
+ }
191
+ .icon-tabularReport:before {
192
+ content: "\b802a";
193
+ }
194
+ .icon-wordCloud:before {
195
+ content: "\b802b";
196
+ }
197
+ .icon-reportRedirection:before {
198
+ content: "\b802c";
195
199
  }
196
- .icon-clrBulletChart .path1:before{
197
- content:"\b802d";
198
- color:rgb(63, 112, 183);
200
+ .icon-clrBulletChart .path1:before {
201
+ content: "\b802d";
202
+ color: rgb(63, 112, 183);
199
203
  }
200
- .icon-clrBulletChart .path2:before{
201
- content:"\b802e";
202
- margin-left:-1em;
203
- color:rgb(38, 169, 74);
204
+ .icon-clrBulletChart .path2:before {
205
+ content: "\b802e";
206
+ margin-left: -1em;
207
+ color: rgb(38, 169, 74);
204
208
  }
205
- .icon-clrBulletChart .path3:before{
206
- content:"\b802f";
207
- margin-left:-1em;
208
- color:rgb(243, 113, 35);
209
- }
210
- .icon-clrCompare .path1:before{
211
- content:"\b8030";
212
- color:rgb(38, 169, 74);
209
+ .icon-clrBulletChart .path3:before {
210
+ content: "\b802f";
211
+ margin-left: -1em;
212
+ color: rgb(243, 113, 35);
213
+ }
214
+ .icon-clrCompare .path1:before {
215
+ content: "\b8030";
216
+ color: rgb(38, 169, 74);
213
217
  }
214
- .icon-clrCompare .path2:before{
215
- content:"\b8031";
216
- margin-left:-1em;
217
- color:rgb(63, 112, 183);
218
+ .icon-clrCompare .path2:before {
219
+ content: "\b8031";
220
+ margin-left: -1em;
221
+ color: rgb(63, 112, 183);
218
222
  }
219
- .icon-clrCompare .path3:before{
220
- content:"\b8032";
221
- margin-left:-1em;
222
- color:rgb(243, 112, 33);
223
+ .icon-clrCompare .path3:before {
224
+ content: "\b8032";
225
+ margin-left: -1em;
226
+ color: rgb(243, 112, 33);
223
227
  }
224
- .icon-clrDialchart .path1:before{
225
- content:"\b8033";
226
- color:rgb(38, 169, 74);
228
+ .icon-clrDialchart .path1:before {
229
+ content: "\b8033";
230
+ color: rgb(38, 169, 74);
227
231
  }
228
- .icon-clrDialchart .path2:before{
229
- content:"\b8034";
230
- margin-left:-1em;
231
- color:rgb(63, 112, 183);
232
+ .icon-clrDialchart .path2:before {
233
+ content: "\b8034";
234
+ margin-left: -1em;
235
+ color: rgb(63, 112, 183);
232
236
  }
233
- .icon-clrDialchart .path3:before{
234
- content:"\b8035";
235
- margin-left:-1em;
236
- color:rgb(243, 113, 35);
237
+ .icon-clrDialchart .path3:before {
238
+ content: "\b8035";
239
+ margin-left: -1em;
240
+ color: rgb(243, 113, 35);
237
241
  }
238
- .icon-clrMetricCards .path1:before{
239
- content:"\b8036";
240
- color:rgb(63, 112, 183);
242
+ .icon-clrMetricCards .path1:before {
243
+ content: "\b8036";
244
+ color: rgb(63, 112, 183);
241
245
  }
242
- .icon-clrMetricCards .path2:before{
243
- content:"\b8037";
244
- margin-left:-1em;
245
- color:rgb(243, 112, 33);
246
+ .icon-clrMetricCards .path2:before {
247
+ content: "\b8037";
248
+ margin-left: -1em;
249
+ color: rgb(243, 112, 33);
246
250
  }
247
- .icon-KPICards:before{
248
- content:"\b8038";
251
+ .icon-KPICards:before {
252
+ content: "\b8038";
249
253
  }
250
254
  }