@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-rCustomize.module.css CHANGED
@@ -1,9 +1,13 @@
1
- @font-face{
2
- font-family:"zdf-rCustomize_10";
3
- src:url('../fonts/zd-rCustomize.woff2') format('woff2'), url('../fonts/zd-rCustomize.woff') format('woff'), url('../fonts/zd-rCustomize.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-rCustomize";
3
+ src:
4
+ url('../fonts/zd-rCustomize.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-rCustomize.woff') format('woff'),
7
+ url('../fonts/zd-rCustomize.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,179 +15,179 @@
11
15
 
12
16
 
13
17
  .icon-callStatus,.icon-callTransfer,.icon-currency,.icon-dateTimePicker,.icon-decimal,.icon-doller,.icon-integer,.icon-layout,.icon-lookUp,.icon-multiselect,.icon-percentage,.icon-removefield,.icon-replace,.icon-selectLine,.icon-text,.icon-textArea,.icon-textType,.icon-customAction,.icon-formula,.icon-ticketID,.icon-happinessLevel3,.icon-happinessLevel2,.icon-happinessLevel1,.icon-happinessLevel5,.icon-happinessLevel4,.icon-happinessLevel6,.icon-happinessLevel7,.icon-happinessLevel10,.icon-happinessLevel9,.icon-happinessLevel8,.icon-npsOk,.icon-npsGud,.icon-npsBad,.icon-cesGud,.icon-cesOk,.icon-cesBad,.icon-primaryField,.icon-terminate,.icon-modules,.icon-regEx,.icon-clrSinglePick,.icon-clrMultiPick,.icon-function,.icon-operater,.icon-formulaField{
14
- font-family:"zdf-rCustomize_10" !important;
18
+ font-family:"zdfonts-rCustomize" !important;
15
19
  }
16
20
 
17
- .icon-callStatus:before{
18
- content:"\b7000";
21
+ .icon-callStatus:before {
22
+ content: "\b7000";
19
23
  }
20
- .icon-callTransfer:before{
21
- content:"\b7001";
24
+ .icon-callTransfer:before {
25
+ content: "\b7001";
22
26
  }
23
- .icon-currency:before{
24
- content:"\b7002";
27
+ .icon-currency:before {
28
+ content: "\b7002";
25
29
  }
26
- .icon-dateTimePicker:before{
27
- content:"\b7003";
30
+ .icon-dateTimePicker:before {
31
+ content: "\b7003";
28
32
  }
29
- .icon-decimal:before{
30
- content:"\b7004";
33
+ .icon-decimal:before {
34
+ content: "\b7004";
31
35
  }
32
- .icon-doller:before{
33
- content:"\b7005";
36
+ .icon-doller:before {
37
+ content: "\b7005";
34
38
  }
35
- .icon-integer:before{
36
- content:"\b7006";
39
+ .icon-integer:before {
40
+ content: "\b7006";
37
41
  }
38
- .icon-layout:before{
39
- content:"\b7007";
42
+ .icon-layout:before {
43
+ content: "\b7007";
40
44
  }
41
- .icon-lookUp:before{
42
- content:"\b7008";
45
+ .icon-lookUp:before {
46
+ content: "\b7008";
43
47
  }
44
- .icon-multiselect:before{
45
- content:"\b7009";
48
+ .icon-multiselect:before {
49
+ content: "\b7009";
46
50
  }
47
- .icon-percentage:before{
48
- content:"\b700a";
51
+ .icon-percentage:before {
52
+ content: "\b700a";
49
53
  }
50
- .icon-removefield:before{
51
- content:"\b700b";
54
+ .icon-removefield:before {
55
+ content: "\b700b";
52
56
  }
53
- .icon-replace:before{
54
- content:"\b700c";
57
+ .icon-replace:before {
58
+ content: "\b700c";
55
59
  }
56
- .icon-selectLine:before{
57
- content:"\b700d";
60
+ .icon-selectLine:before {
61
+ content: "\b700d";
58
62
  }
59
- .icon-text:before{
60
- content:"\b700e";
63
+ .icon-text:before {
64
+ content: "\b700e";
61
65
  }
62
- .icon-textArea:before{
63
- content:"\b700f";
66
+ .icon-textArea:before {
67
+ content: "\b700f";
64
68
  }
65
- .icon-textType:before{
66
- content:"\b7010";
69
+ .icon-textType:before {
70
+ content: "\b7010";
67
71
  }
68
- .icon-customAction:before{
69
- content:"\b7011";
72
+ .icon-customAction:before {
73
+ content: "\b7011";
70
74
  }
71
- .icon-formula:before{
72
- content:"\b7012";
75
+ .icon-formula:before {
76
+ content: "\b7012";
73
77
  }
74
- .icon-ticketID:before{
75
- content:"\b7013";
78
+ .icon-ticketID:before {
79
+ content: "\b7013";
76
80
  }
77
- .icon-happinessLevel3:before{
78
- content:"\b7014";
81
+ .icon-happinessLevel3:before {
82
+ content: "\b7014";
79
83
  }
80
- .icon-happinessLevel2:before{
81
- content:"\b7015";
84
+ .icon-happinessLevel2:before {
85
+ content: "\b7015";
82
86
  }
83
- .icon-happinessLevel1:before{
84
- content:"\b7016";
87
+ .icon-happinessLevel1:before {
88
+ content: "\b7016";
85
89
  }
86
- .icon-happinessLevel5:before{
87
- content:"\b7017";
90
+ .icon-happinessLevel5:before {
91
+ content: "\b7017";
88
92
  }
89
- .icon-happinessLevel4:before{
90
- content:"\b7018";
93
+ .icon-happinessLevel4:before {
94
+ content: "\b7018";
91
95
  }
92
- .icon-happinessLevel6:before{
93
- content:"\b7019";
96
+ .icon-happinessLevel6:before {
97
+ content: "\b7019";
94
98
  }
95
- .icon-happinessLevel7:before{
96
- content:"\b701a";
99
+ .icon-happinessLevel7:before {
100
+ content: "\b701a";
97
101
  }
98
- .icon-happinessLevel10:before{
99
- content:"\b701b";
102
+ .icon-happinessLevel10:before {
103
+ content: "\b701b";
100
104
  }
101
- .icon-happinessLevel9:before{
102
- content:"\b701c";
105
+ .icon-happinessLevel9:before {
106
+ content: "\b701c";
103
107
  }
104
- .icon-happinessLevel8:before{
105
- content:"\b701d";
108
+ .icon-happinessLevel8:before {
109
+ content: "\b701d";
106
110
  }
107
- .icon-npsOk .path1:before{
108
- content:"\b701e";
109
- color:rgb(144, 144, 144);
111
+ .icon-npsOk .path1:before {
112
+ content: "\b701e";
113
+ color: rgb(144, 144, 144);
110
114
  }
111
- .icon-npsOk .path2:before{
112
- content:"\b701f";
113
- margin-left:-1em;
114
- color:rgb(0, 0, 0);
115
+ .icon-npsOk .path2:before {
116
+ content: "\b701f";
117
+ margin-left: -1em;
118
+ color: rgb(0, 0, 0);
115
119
  }
116
- .icon-npsGud .path1:before{
117
- content:"\b7020";
118
- color:rgb(144, 144, 144);
120
+ .icon-npsGud .path1:before {
121
+ content: "\b7020";
122
+ color: rgb(144, 144, 144);
119
123
  }
120
- .icon-npsGud .path2:before{
121
- content:"\b7021";
122
- margin-left:-1em;
123
- color:rgb(0, 0, 0);
124
+ .icon-npsGud .path2:before {
125
+ content: "\b7021";
126
+ margin-left: -1em;
127
+ color: rgb(0, 0, 0);
124
128
  }
125
- .icon-npsBad .path1:before{
126
- content:"\b7022";
127
- color:rgb(144, 144, 144);
129
+ .icon-npsBad .path1:before {
130
+ content: "\b7022";
131
+ color: rgb(144, 144, 144);
128
132
  }
129
- .icon-npsBad .path2:before{
130
- content:"\b7023";
131
- margin-left:-1em;
132
- color:rgb(0, 0, 0);
133
+ .icon-npsBad .path2:before {
134
+ content: "\b7023";
135
+ margin-left: -1em;
136
+ color: rgb(0, 0, 0);
133
137
  }
134
- .icon-cesGud .path1:before{
135
- content:"\b7024";
136
- color:rgb(0, 0, 0);
138
+ .icon-cesGud .path1:before {
139
+ content: "\b7024";
140
+ color: rgb(0, 0, 0);
137
141
  }
138
- .icon-cesGud .path2:before{
139
- content:"\b7025";
140
- margin-left:-1em;
141
- color:rgb(144, 144, 144);
142
+ .icon-cesGud .path2:before {
143
+ content: "\b7025";
144
+ margin-left: -1em;
145
+ color: rgb(144, 144, 144);
142
146
  }
143
- .icon-cesOk .path1:before{
144
- content:"\b7026";
145
- color:rgb(0, 0, 0);
147
+ .icon-cesOk .path1:before {
148
+ content: "\b7026";
149
+ color: rgb(0, 0, 0);
146
150
  }
147
- .icon-cesOk .path2:before{
148
- content:"\b7027";
149
- margin-left:-1em;
150
- color:rgb(144, 144, 144);
151
+ .icon-cesOk .path2:before {
152
+ content: "\b7027";
153
+ margin-left: -1em;
154
+ color: rgb(144, 144, 144);
151
155
  }
152
- .icon-cesBad .path1:before{
153
- content:"\b7028";
154
- color:rgb(0, 0, 0);
156
+ .icon-cesBad .path1:before {
157
+ content: "\b7028";
158
+ color: rgb(0, 0, 0);
155
159
  }
156
- .icon-cesBad .path2:before{
157
- content:"\b7029";
158
- margin-left:-1em;
159
- color:rgb(144, 144, 144);
160
+ .icon-cesBad .path2:before {
161
+ content: "\b7029";
162
+ margin-left: -1em;
163
+ color: rgb(144, 144, 144);
160
164
  }
161
- .icon-primaryField:before{
162
- content:"\b702a";
163
- color:#f4a400;
165
+ .icon-primaryField:before {
166
+ content: "\b702a";
167
+ color: #f4a400;
164
168
  }
165
- .icon-terminate:before{
166
- content:"\b702b";
169
+ .icon-terminate:before {
170
+ content: "\b702b";
167
171
  }
168
- .icon-modules:before{
169
- content:"\b702c";
172
+ .icon-modules:before {
173
+ content: "\b702c";
170
174
  }
171
- .icon-regEx:before{
172
- content:"\b702d";
175
+ .icon-regEx:before {
176
+ content: "\b702d";
173
177
  }
174
- .icon-clrSinglePick:before{
175
- content:"\b702e";
178
+ .icon-clrSinglePick:before {
179
+ content: "\b702e";
176
180
  }
177
- .icon-clrMultiPick:before{
178
- content:"\b702f";
181
+ .icon-clrMultiPick:before {
182
+ content: "\b702f";
179
183
  }
180
- .icon-function:before{
181
- content:"\b7030";
184
+ .icon-function:before {
185
+ content: "\b7030";
182
186
  }
183
- .icon-operater:before{
184
- content:"\b7031";
187
+ .icon-operater:before {
188
+ content: "\b7031";
185
189
  }
186
- .icon-formulaField:before{
187
- content:"\b7032";
190
+ .icon-formulaField:before {
191
+ content: "\b7032";
188
192
  }
189
193
  }
package/assets/react/zd-font-rDeveloperSpace.module.css CHANGED
@@ -1,9 +1,13 @@
1
- @font-face{
2
- font-family:"zdf-rDeveloperSpace_1";
3
- src:url('../fonts/zd-rDeveloperSpace.woff2') format('woff2'), url('../fonts/zd-rDeveloperSpace.woff') format('woff'), url('../fonts/zd-rDeveloperSpace.svg#zdfonts') format('svg');
4
- font-weight:normal;
5
- font-style:normal;
6
- font-display:block;
1
+ @font-face {
2
+ font-family:"zdfonts-rDeveloperSpace";
3
+ src:
4
+ url('../fonts/zd-rDeveloperSpace.woff2') format('woff2'),
5
+
6
+ url('../fonts/zd-rDeveloperSpace.woff') format('woff'),
7
+ url('../fonts/zd-rDeveloperSpace.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,10 +15,10 @@
11
15
 
12
16
 
13
17
  .icon-customMobileApp{
14
- font-family:"zdf-rDeveloperSpace_1" !important;
18
+ font-family:"zdfonts-rDeveloperSpace" !important;
15
19
  }
16
20
 
17
- .icon-customMobileApp:before{
18
- content:"\c9000";
21
+ .icon-customMobileApp:before {
22
+ content: "\c9000";
19
23
  }
20
24
  }