@zohodesk/icons 1.3.11 → 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 (71) hide show
  1. package/README.md +5 -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-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 +1475 -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 +1 -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 +1 -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-rIM.module.css CHANGED
@@ -1,48 +1,62 @@
1
- @font-face{
2
- font-family:"zdf-rIM_2";
3
- src:url('../fonts/zd-rIM.woff2') format('woff2'), url('../fonts/zd-rIM.woff') format('woff'), url('../fonts/zd-rIM.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-rIM";
3
+ src:
4
+ url('../fonts/zd-rIM.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-rIM.woff') format('woff'),
7
+ url('../fonts/zd-rIM.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 {
10
14
  /*$Id$*/
11
15
 
12
16
 
13
- .icon-endChat,.icon-incomingMissed,.icon-outgoingMissed{
14
- font-family:"zdf-rIM_2" !important;
17
+ .icon-endChat,.icon-incomingMissed,.icon-outgoingMissed,.icon-arattai{
18
+ font-family:"zdfonts-rIM" !important;
15
19
  }
16
20
 
17
- .icon-endChat:before{
18
- content:"\c7500";
19
- }
20
- .icon-incomingMissed .path1:before{
21
- content:"\c7501";
22
- color:rgb(36, 169, 74);
23
- }
24
- .icon-incomingMissed .path2:before{
25
- content:"\c7502";
26
- margin-left:-1em;
27
- color:rgb(36, 169, 74);
28
- }
29
- .icon-incomingMissed .path3:before{
30
- content:"\c7503";
31
- margin-left:-1em;
32
- color:rgb(222, 54, 52);
33
- }
34
- .icon-outgoingMissed .path1:before{
35
- content:"\c7504";
36
- color:rgb(61, 112, 183);
37
- }
38
- .icon-outgoingMissed .path2:before{
39
- content:"\c7505";
40
- margin-left:-1em;
41
- color:rgb(61, 112, 183);
42
- }
43
- .icon-outgoingMissed .path3:before{
44
- content:"\c7506";
45
- margin-left:-1em;
46
- color:rgb(222, 54, 52);
21
+ .icon-endChat:before {
22
+ content: "\c7500";
23
+ }
24
+ .icon-incomingMissed .path1:before {
25
+ content: "\c7501";
26
+ color: rgb(36, 169, 74);
27
+ }
28
+ .icon-incomingMissed .path2:before {
29
+ content: "\c7502";
30
+ margin-left: -1em;
31
+ color: rgb(36, 169, 74);
32
+ }
33
+ .icon-incomingMissed .path3:before {
34
+ content: "\c7503";
35
+ margin-left: -1em;
36
+ color: rgb(222, 54, 52);
37
+ }
38
+ .icon-outgoingMissed .path1:before {
39
+ content: "\c7504";
40
+ color: rgb(61, 112, 183);
41
+ }
42
+ .icon-outgoingMissed .path2:before {
43
+ content: "\c7505";
44
+ margin-left: -1em;
45
+ color: rgb(61, 112, 183);
46
+ }
47
+ .icon-outgoingMissed .path3:before {
48
+ content: "\c7506";
49
+ margin-left: -1em;
50
+ color: rgb(222, 54, 52);
51
+ }
52
+ .icon-arattai .path1:before {
53
+ content: "\c7507";
54
+ color: rgb(102, 103, 103);
55
+ opacity: 0.3;
56
+ }
57
+ .icon-arattai .path2:before {
58
+ content: "\c7508";
59
+ margin-left: -1.197265625em;
60
+ color: rgb(1, 1, 1);
47
61
  }
48
62
  }
package/assets/react/zd-font-rIntegrations.module.css CHANGED
@@ -1,9 +1,13 @@
1
- @font-face{
2
- font-family:"zdf-rIntegrations_5";
3
- src:url('../fonts/zd-rIntegrations.woff2') format('woff2'), url('../fonts/zd-rIntegrations.woff') format('woff'), url('../fonts/zd-rIntegrations.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-rIntegrations";
3
+ src:
4
+ url('../fonts/zd-rIntegrations.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-rIntegrations.woff') format('woff'),
7
+ url('../fonts/zd-rIntegrations.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,208 +15,208 @@
11
15
 
12
16
 
13
17
  .icon-intAnalytics,.icon-intBigin,.icon-intBooks,.icon-intBugTracker,.icon-intClick,.icon-intInventry,.icon-intJira,.icon-intOffice365,.icon-intOrchestly,.icon-intProject,.icon-intSalesforce,.icon-intSkydesk,.icon-intSlack,.icon-intSprints,.icon-intTwilio,.icon-zia,.icon-intInvoice,.icon-intSubscription,.icon-searchZoho,.icon-inSalesIQ,.icon-intBilling,.icon-agentStudio{
14
- font-family:"zdf-rIntegrations_5" !important;
18
+ font-family:"zdfonts-rIntegrations" !important;
15
19
  }
16
20
 
17
- .icon-intAnalytics:before{
18
- content:"\b3000";
19
- color:#e32829;
20
- }
21
- .icon-intBigin:before{
22
- content:"\b3001";
23
- color:#039949;
24
- }
25
- .icon-intBooks:before{
26
- content:"\b3002";
27
- color:#246fb3;
28
- }
29
- .icon-intBugTracker .path1:before{
30
- content:"\b3003";
31
- color:rgb(36, 110, 179);
32
- opacity:0.9;
33
- }
34
- .icon-intBugTracker .path2:before{
35
- content:"\b3004";
36
- margin-left:-1em;
37
- color:rgb(226, 39, 41);
38
- opacity:0.9;
39
- }
40
- .icon-intClick .path1:before{
41
- content:"\b3005";
42
- color:rgb(35, 110, 180);
43
- }
44
- .icon-intClick .path2:before{
45
- content:"\b3006";
46
- margin-left:-1em;
47
- color:rgb(235, 60, 57);
48
- }
49
- .icon-intClick .path3:before{
50
- content:"\b3007";
51
- margin-left:-1em;
52
- color:rgb(235, 60, 57);
53
- }
54
- .icon-intClick .path4:before{
55
- content:"\b3008";
56
- margin-left:-1em;
57
- color:rgb(235, 60, 57);
58
- }
59
- .icon-intInventry .path1:before{
60
- content:"\b3009";
61
- color:rgb(247, 178, 28);
62
- }
63
- .icon-intInventry .path2:before{
64
- content:"\b300a";
65
- margin-left:-1em;
66
- color:rgb(227, 40, 40);
67
- }
68
- .icon-intJira .path1:before{
69
- content:"\b300b";
70
- color:rgb(75, 123, 190);
71
- }
72
- .icon-intJira .path2:before{
73
- content:"\b300c";
74
- margin-left:-1em;
75
- color:rgb(0, 0, 0);
76
- }
77
- .icon-intJira .path3:before{
78
- content:"\b300d";
79
- margin-left:-1em;
80
- color:rgb(0, 0, 0);
81
- }
82
- .icon-intOffice365:before{
83
- content:"\b300e";
84
- color:#c75d28;
85
- }
86
- .icon-intOrchestly .path1:before{
87
- content:"\b300f";
88
- color:rgb(39, 111, 180);
89
- opacity:0.9;
90
- }
91
- .icon-intOrchestly .path2:before{
92
- content:"\b3010";
93
- margin-left:-1em;
94
- color:rgb(228, 41, 42);
95
- opacity:0.9;
96
- }
97
- .icon-intProject .path1:before{
98
- content:"\b3011";
99
- color:rgb(226, 46, 43);
100
- }
101
- .icon-intProject .path2:before{
102
- content:"\b3012";
103
- margin-left:-1em;
104
- color:rgb(245, 130, 32);
105
- }
106
- .icon-intProject .path3:before{
107
- content:"\b3013";
108
- margin-left:-1em;
109
- color:rgb(44, 124, 73);
110
- }
111
- .icon-intProject .path4:before{
112
- content:"\b3014";
113
- margin-left:-1em;
114
- color:rgb(57, 89, 163);
115
- }
116
- .icon-intSalesforce:before{
117
- content:"\b3015";
118
- color:#17a0db;
119
- }
120
- .icon-intSkydesk .path1:before{
121
- content:"\b3016";
122
- color:rgb(45, 149, 210);
123
- }
124
- .icon-intSkydesk .path2:before{
125
- content:"\b3017";
126
- margin-left:-1em;
127
- color:rgb(116, 116, 116);
128
- }
129
- .icon-intSlack .path1:before{
130
- content:"\b3018";
131
- color:rgb(224, 34, 91);
132
- }
133
- .icon-intSlack .path2:before{
134
- content:"\b3019";
135
- margin-left:-1em;
136
- color:rgb(224, 34, 91);
137
- }
138
- .icon-intSlack .path3:before{
139
- content:"\b301a";
140
- margin-left:-1em;
141
- color:rgb(57, 197, 239);
142
- }
143
- .icon-intSlack .path4:before{
144
- content:"\b301b";
145
- margin-left:-1em;
146
- color:rgb(57, 197, 239);
147
- }
148
- .icon-intSlack .path5:before{
149
- content:"\b301c";
150
- margin-left:-1em;
151
- color:rgb(47, 183, 126);
152
- }
153
- .icon-intSlack .path6:before{
154
- content:"\b301d";
155
- margin-left:-1em;
156
- color:rgb(47, 183, 126);
157
- }
158
- .icon-intSlack .path7:before{
159
- content:"\b301e";
160
- margin-left:-1em;
161
- color:rgb(235, 178, 45);
162
- }
163
- .icon-intSlack .path8:before{
164
- content:"\b301f";
165
- margin-left:-1em;
166
- color:rgb(235, 178, 45);
167
- }
168
- .icon-intSprints .path1:before{
169
- content:"\b3020";
170
- color:rgb(5, 152, 73);
171
- opacity:0.9;
172
- }
173
- .icon-intSprints .path2:before{
174
- content:"\b3021";
175
- margin-left:-1em;
176
- color:rgb(246, 177, 26);
177
- }
178
- .icon-intTwilio:before{
179
- content:"\b3022";
180
- color:#ee3347;
181
- }
182
- .icon-zia:before{
183
- content:"\b3023";
184
- }
185
- .icon-intInvoice:before{
186
- content:"\b3024";
187
- color:#236eb4;
188
- }
189
- .icon-intSubscription:before{
190
- content:"\b3025";
191
- color:#236eb4;
192
- }
193
- .icon-searchZoho:before{
194
- content:"\b3026";
195
- color:#236eb4;
196
- }
197
- .icon-inSalesIQ:before{
198
- content:"\b3027";
199
- }
200
- .icon-intBilling:before{
201
- content:"\b3028";
202
- color:#089949;
203
- }
204
- .icon-agentStudio .path1:before{
205
- content:"\b3029";
206
- color:rgb(11, 153, 73);
207
- }
208
- .icon-agentStudio .path2:before{
209
- content:"\b302a";
210
- margin-left:-1em;
211
- color:rgb(227, 40, 40);
212
- }
213
- .icon-agentStudio .path3:before{
214
- content:"\b302b";
215
- margin-left:-1em;
216
- color:rgb(35, 110, 180);
21
+ .icon-intAnalytics:before {
22
+ content: "\b3000";
23
+ color: #e32829;
24
+ }
25
+ .icon-intBigin:before {
26
+ content: "\b3001";
27
+ color: #039949;
28
+ }
29
+ .icon-intBooks:before {
30
+ content: "\b3002";
31
+ color: #246fb3;
32
+ }
33
+ .icon-intBugTracker .path1:before {
34
+ content: "\b3003";
35
+ color: rgb(36, 110, 179);
36
+ opacity: 0.9;
37
+ }
38
+ .icon-intBugTracker .path2:before {
39
+ content: "\b3004";
40
+ margin-left: -1em;
41
+ color: rgb(226, 39, 41);
42
+ opacity: 0.9;
43
+ }
44
+ .icon-intClick .path1:before {
45
+ content: "\b3005";
46
+ color: rgb(35, 110, 180);
47
+ }
48
+ .icon-intClick .path2:before {
49
+ content: "\b3006";
50
+ margin-left: -1em;
51
+ color: rgb(235, 60, 57);
52
+ }
53
+ .icon-intClick .path3:before {
54
+ content: "\b3007";
55
+ margin-left: -1em;
56
+ color: rgb(235, 60, 57);
57
+ }
58
+ .icon-intClick .path4:before {
59
+ content: "\b3008";
60
+ margin-left: -1em;
61
+ color: rgb(235, 60, 57);
62
+ }
63
+ .icon-intInventry .path1:before {
64
+ content: "\b3009";
65
+ color: rgb(247, 178, 28);
66
+ }
67
+ .icon-intInventry .path2:before {
68
+ content: "\b300a";
69
+ margin-left: -1em;
70
+ color: rgb(227, 40, 40);
71
+ }
72
+ .icon-intJira .path1:before {
73
+ content: "\b300b";
74
+ color: rgb(75, 123, 190);
75
+ }
76
+ .icon-intJira .path2:before {
77
+ content: "\b300c";
78
+ margin-left: -1em;
79
+ color: rgb(0, 0, 0);
80
+ }
81
+ .icon-intJira .path3:before {
82
+ content: "\b300d";
83
+ margin-left: -1em;
84
+ color: rgb(0, 0, 0);
85
+ }
86
+ .icon-intOffice365:before {
87
+ content: "\b300e";
88
+ color: #c75d28;
89
+ }
90
+ .icon-intOrchestly .path1:before {
91
+ content: "\b300f";
92
+ color: rgb(39, 111, 180);
93
+ opacity: 0.9;
94
+ }
95
+ .icon-intOrchestly .path2:before {
96
+ content: "\b3010";
97
+ margin-left: -1em;
98
+ color: rgb(228, 41, 42);
99
+ opacity: 0.9;
100
+ }
101
+ .icon-intProject .path1:before {
102
+ content: "\b3011";
103
+ color: rgb(226, 46, 43);
104
+ }
105
+ .icon-intProject .path2:before {
106
+ content: "\b3012";
107
+ margin-left: -1em;
108
+ color: rgb(245, 130, 32);
109
+ }
110
+ .icon-intProject .path3:before {
111
+ content: "\b3013";
112
+ margin-left: -1em;
113
+ color: rgb(44, 124, 73);
114
+ }
115
+ .icon-intProject .path4:before {
116
+ content: "\b3014";
117
+ margin-left: -1em;
118
+ color: rgb(57, 89, 163);
119
+ }
120
+ .icon-intSalesforce:before {
121
+ content: "\b3015";
122
+ color: #17a0db;
123
+ }
124
+ .icon-intSkydesk .path1:before {
125
+ content: "\b3016";
126
+ color: rgb(45, 149, 210);
127
+ }
128
+ .icon-intSkydesk .path2:before {
129
+ content: "\b3017";
130
+ margin-left: -1em;
131
+ color: rgb(116, 116, 116);
132
+ }
133
+ .icon-intSlack .path1:before {
134
+ content: "\b3018";
135
+ color: rgb(224, 34, 91);
136
+ }
137
+ .icon-intSlack .path2:before {
138
+ content: "\b3019";
139
+ margin-left: -1em;
140
+ color: rgb(224, 34, 91);
141
+ }
142
+ .icon-intSlack .path3:before {
143
+ content: "\b301a";
144
+ margin-left: -1em;
145
+ color: rgb(57, 197, 239);
146
+ }
147
+ .icon-intSlack .path4:before {
148
+ content: "\b301b";
149
+ margin-left: -1em;
150
+ color: rgb(57, 197, 239);
151
+ }
152
+ .icon-intSlack .path5:before {
153
+ content: "\b301c";
154
+ margin-left: -1em;
155
+ color: rgb(47, 183, 126);
156
+ }
157
+ .icon-intSlack .path6:before {
158
+ content: "\b301d";
159
+ margin-left: -1em;
160
+ color: rgb(47, 183, 126);
161
+ }
162
+ .icon-intSlack .path7:before {
163
+ content: "\b301e";
164
+ margin-left: -1em;
165
+ color: rgb(235, 178, 45);
166
+ }
167
+ .icon-intSlack .path8:before {
168
+ content: "\b301f";
169
+ margin-left: -1em;
170
+ color: rgb(235, 178, 45);
171
+ }
172
+ .icon-intSprints .path1:before {
173
+ content: "\b3020";
174
+ color: rgb(5, 152, 73);
175
+ opacity: 0.9;
176
+ }
177
+ .icon-intSprints .path2:before {
178
+ content: "\b3021";
179
+ margin-left: -1em;
180
+ color: rgb(246, 177, 26);
181
+ }
182
+ .icon-intTwilio:before {
183
+ content: "\b3022";
184
+ color: #ee3347;
185
+ }
186
+ .icon-zia:before {
187
+ content: "\b3023";
188
+ }
189
+ .icon-intInvoice:before {
190
+ content: "\b3024";
191
+ color: #236eb4;
192
+ }
193
+ .icon-intSubscription:before {
194
+ content: "\b3025";
195
+ color: #236eb4;
196
+ }
197
+ .icon-searchZoho:before {
198
+ content: "\b3026";
199
+ color: #236eb4;
200
+ }
201
+ .icon-inSalesIQ:before {
202
+ content: "\b3027";
203
+ }
204
+ .icon-intBilling:before {
205
+ content: "\b3028";
206
+ color: #089949;
207
+ }
208
+ .icon-agentStudio .path1:before {
209
+ content: "\b3029";
210
+ color: rgb(11, 153, 73);
211
+ }
212
+ .icon-agentStudio .path2:before {
213
+ content: "\b302a";
214
+ margin-left: -1em;
215
+ color: rgb(227, 40, 40);
216
+ }
217
+ .icon-agentStudio .path3:before {
218
+ content: "\b302b";
219
+ margin-left: -1em;
220
+ color: rgb(35, 110, 180);
217
221
  }
218
222
  }