@nyaruka/temba-components 0.26.9 → 0.27.0

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/CHANGELOG.md +23 -0
  2. package/dist/{d0cc86be.js → e7b04ba3.js} +686 -420
  3. package/dist/index.js +686 -420
  4. package/dist/static/icons/symbol-defs.svg +35 -4
  5. package/dist/sw.js +1 -1
  6. package/dist/sw.js.map +1 -1
  7. package/dist/templates/components-body.html +1 -1
  8. package/dist/templates/components-head.html +1 -1
  9. package/out-tsc/src/contacts/ContactBadges.js +97 -0
  10. package/out-tsc/src/contacts/ContactBadges.js.map +1 -0
  11. package/out-tsc/src/contacts/ContactFieldEditor.js +53 -41
  12. package/out-tsc/src/contacts/ContactFieldEditor.js.map +1 -1
  13. package/out-tsc/src/contacts/ContactFields.js +91 -33
  14. package/out-tsc/src/contacts/ContactFields.js.map +1 -1
  15. package/out-tsc/src/contacts/ContactPending.js +238 -0
  16. package/out-tsc/src/contacts/ContactPending.js.map +1 -0
  17. package/out-tsc/src/contacts/ContactStoreElement.js +3 -0
  18. package/out-tsc/src/contacts/ContactStoreElement.js.map +1 -1
  19. package/out-tsc/src/contacts/events.js +1 -1
  20. package/out-tsc/src/contacts/events.js.map +1 -1
  21. package/out-tsc/src/interfaces.js +12 -0
  22. package/out-tsc/src/interfaces.js.map +1 -1
  23. package/out-tsc/src/label/Label.js +25 -0
  24. package/out-tsc/src/label/Label.js.map +1 -1
  25. package/out-tsc/src/list/TembaMenu.js +8 -6
  26. package/out-tsc/src/list/TembaMenu.js.map +1 -1
  27. package/out-tsc/src/store/Store.js +79 -0
  28. package/out-tsc/src/store/Store.js.map +1 -1
  29. package/out-tsc/src/tabpane/Tab.js +14 -1
  30. package/out-tsc/src/tabpane/Tab.js.map +1 -1
  31. package/out-tsc/src/tabpane/TabPane.js +35 -0
  32. package/out-tsc/src/tabpane/TabPane.js.map +1 -1
  33. package/out-tsc/src/textinput/TextInput.js +2 -2
  34. package/out-tsc/src/textinput/TextInput.js.map +1 -1
  35. package/out-tsc/src/utils/index.js +3 -3
  36. package/out-tsc/src/utils/index.js.map +1 -1
  37. package/out-tsc/src/vectoricon/VectorIcon.js +13 -2
  38. package/out-tsc/src/vectoricon/VectorIcon.js.map +1 -1
  39. package/out-tsc/temba-modules.js +8 -6
  40. package/out-tsc/temba-modules.js.map +1 -1
  41. package/package.json +3 -1
  42. package/src/contacts/ContactBadges.ts +104 -0
  43. package/src/contacts/ContactFieldEditor.ts +55 -41
  44. package/src/contacts/ContactFields.ts +105 -36
  45. package/src/contacts/ContactPending.ts +236 -0
  46. package/src/contacts/ContactStoreElement.ts +4 -0
  47. package/src/contacts/events.ts +1 -1
  48. package/src/interfaces.ts +34 -1
  49. package/src/label/Label.ts +25 -0
  50. package/src/list/TembaMenu.ts +7 -5
  51. package/src/store/Store.ts +104 -1
  52. package/src/tabpane/Tab.ts +14 -1
  53. package/src/tabpane/TabPane.ts +36 -0
  54. package/src/textinput/TextInput.ts +2 -2
  55. package/src/utils/index.ts +10 -10
  56. package/src/vectoricon/VectorIcon.ts +15 -2
  57. package/static/css/temba-components.css +3 -0
  58. package/static/icons/Read Me.txt +1 -1
  59. package/static/icons/SVG/bookmark-filled.svg +5 -0
  60. package/static/icons/SVG/bookmark.svg +1 -1
  61. package/static/icons/SVG/external-link1.svg +5 -0
  62. package/static/icons/SVG/globe.svg +5 -0
  63. package/static/icons/SVG/language.svg +5 -0
  64. package/static/icons/SVG/search.svg +5 -0
  65. package/static/icons/demo-external-svg.html +218 -165
  66. package/static/icons/demo-files/demo.css +6 -3
  67. package/static/icons/demo.html +253 -169
  68. package/static/icons/selection.json +318 -184
  69. package/static/icons/style.css +4 -0
  70. package/static/icons/symbol-defs.svg +35 -4
  71. package/temba-modules.ts +9 -6
package/static/icons/demo-external-svg.html CHANGED
@@ -14,583 +14,611 @@
14
14
  </div>
15
15
  </header>
16
16
  <div class="clearfix mhl ptl">
17
- <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
17
+ <h1 class="mvm mtn fgc1">Grid Size: 20</h1>
18
18
  <div class="glyph fs1">
19
+ <div class="clearfix pbs">
20
+ <svg class="icon icon-language"><use xlink:href="symbol-defs.svg#icon-language"></use></svg><span class="name"> icon-language</span>
21
+ </div>
22
+ </div>
23
+ </div>
24
+ <div class="clearfix mhl ptl">
25
+ <h1 class="mvm mtn fgc1">Grid Size: 24</h1>
26
+ <div class="glyph fs2">
27
+ <div class="clearfix pbs">
28
+ <svg class="icon icon-bookmark-filled"><use xlink:href="symbol-defs.svg#icon-bookmark-filled"></use></svg><span class="name"> icon-bookmark-filled</span>
29
+ </div>
30
+ </div>
31
+ <div class="glyph fs2">
32
+ <div class="clearfix pbs">
33
+ <svg class="icon icon-bookmark"><use xlink:href="symbol-defs.svg#icon-bookmark"></use></svg><span class="name"> icon-bookmark</span>
34
+ </div>
35
+ </div>
36
+ <div class="glyph fs2">
19
37
  <div class="clearfix pbs">
20
38
  <svg class="icon icon-calendar"><use xlink:href="symbol-defs.svg#icon-calendar"></use></svg><span class="name"> icon-calendar</span>
21
39
  </div>
22
40
  </div>
23
- <div class="glyph fs1">
41
+ <div class="glyph fs2">
24
42
  <div class="clearfix pbs">
25
43
  <svg class="icon icon-corner-down-left"><use xlink:href="symbol-defs.svg#icon-corner-down-left"></use></svg><span class="name"> icon-corner-down-left</span>
26
44
  </div>
27
45
  </div>
28
- <div class="glyph fs1">
46
+ <div class="glyph fs2">
47
+ <div class="clearfix pbs">
48
+ <svg class="icon icon-external-link"><use xlink:href="symbol-defs.svg#icon-external-link"></use></svg><span class="name"> icon-external-link</span>
49
+ </div>
50
+ </div>
51
+ <div class="glyph fs2">
52
+ <div class="clearfix pbs">
53
+ <svg class="icon icon-globe"><use xlink:href="symbol-defs.svg#icon-globe"></use></svg><span class="name"> icon-globe</span>
54
+ </div>
55
+ </div>
56
+ <div class="glyph fs2">
29
57
  <div class="clearfix pbs">
30
58
  <svg class="icon icon-more-horizontal"><use xlink:href="symbol-defs.svg#icon-more-horizontal"></use></svg><span class="name"> icon-more-horizontal</span>
31
59
  </div>
32
60
  </div>
33
- <div class="glyph fs1">
61
+ <div class="glyph fs2">
34
62
  <div class="clearfix pbs">
35
63
  <svg class="icon icon-refresh-cw"><use xlink:href="symbol-defs.svg#icon-refresh-cw"></use></svg><span class="name"> icon-refresh-cw</span>
36
64
  </div>
37
65
  </div>
38
- <div class="glyph fs1">
66
+ <div class="glyph fs2">
67
+ <div class="clearfix pbs">
68
+ <svg class="icon icon-search"><use xlink:href="symbol-defs.svg#icon-search"></use></svg><span class="name"> icon-search</span>
69
+ </div>
70
+ </div>
71
+ <div class="glyph fs2">
39
72
  <div class="clearfix pbs">
40
73
  <svg class="icon icon-pause"><use xlink:href="symbol-defs.svg#icon-pause"></use></svg><span class="name"> icon-pause</span>
41
74
  </div>
42
75
  </div>
43
- <div class="glyph fs1">
76
+ <div class="glyph fs2">
44
77
  <div class="clearfix pbs">
45
78
  <svg class="icon icon-play"><use xlink:href="symbol-defs.svg#icon-play"></use></svg><span class="name"> icon-play</span>
46
79
  </div>
47
80
  </div>
48
- <div class="glyph fs1">
81
+ <div class="glyph fs2">
49
82
  <div class="clearfix pbs">
50
83
  <svg class="icon icon-user-x"><use xlink:href="symbol-defs.svg#icon-user-x"></use></svg><span class="name"> icon-user-x</span>
51
84
  </div>
52
85
  </div>
53
- <div class="glyph fs1">
86
+ <div class="glyph fs2">
54
87
  <div class="clearfix pbs">
55
88
  <svg class="icon icon-cloud"><use xlink:href="symbol-defs.svg#icon-cloud"></use></svg><span class="name"> icon-cloud</span>
56
89
  </div>
57
90
  </div>
58
- <div class="glyph fs1">
91
+ <div class="glyph fs2">
59
92
  <div class="clearfix pbs">
60
93
  <svg class="icon icon-codepen"><use xlink:href="symbol-defs.svg#icon-codepen"></use></svg><span class="name"> icon-codepen</span>
61
94
  </div>
62
95
  </div>
63
- <div class="glyph fs1">
96
+ <div class="glyph fs2">
64
97
  <div class="clearfix pbs">
65
98
  <svg class="icon icon-codesandbox"><use xlink:href="symbol-defs.svg#icon-codesandbox"></use></svg><span class="name"> icon-codesandbox</span>
66
99
  </div>
67
100
  </div>
68
- <div class="glyph fs1">
101
+ <div class="glyph fs2">
69
102
  <div class="clearfix pbs">
70
103
  <svg class="icon icon-git-pull-request"><use xlink:href="symbol-defs.svg#icon-git-pull-request"></use></svg><span class="name"> icon-git-pull-request</span>
71
104
  </div>
72
105
  </div>
73
- <div class="glyph fs1">
106
+ <div class="glyph fs2">
74
107
  <div class="clearfix pbs">
75
108
  <svg class="icon icon-grid"><use xlink:href="symbol-defs.svg#icon-grid"></use></svg><span class="name"> icon-grid</span>
76
109
  </div>
77
110
  </div>
78
- <div class="glyph fs1">
111
+ <div class="glyph fs2">
79
112
  <div class="clearfix pbs">
80
113
  <svg class="icon icon-hard-drive"><use xlink:href="symbol-defs.svg#icon-hard-drive"></use></svg><span class="name"> icon-hard-drive</span>
81
114
  </div>
82
115
  </div>
83
- <div class="glyph fs1">
116
+ <div class="glyph fs2">
84
117
  <div class="clearfix pbs">
85
118
  <svg class="icon icon-layout"><use xlink:href="symbol-defs.svg#icon-layout"></use></svg><span class="name"> icon-layout</span>
86
119
  </div>
87
120
  </div>
88
- <div class="glyph fs1">
121
+ <div class="glyph fs2">
89
122
  <div class="clearfix pbs">
90
123
  <svg class="icon icon-list"><use xlink:href="symbol-defs.svg#icon-list"></use></svg><span class="name"> icon-list</span>
91
124
  </div>
92
125
  </div>
93
- <div class="glyph fs1">
126
+ <div class="glyph fs2">
94
127
  <div class="clearfix pbs">
95
128
  <svg class="icon icon-map-pin"><use xlink:href="symbol-defs.svg#icon-map-pin"></use></svg><span class="name"> icon-map-pin</span>
96
129
  </div>
97
130
  </div>
98
- <div class="glyph fs1">
131
+ <div class="glyph fs2">
99
132
  <div class="clearfix pbs">
100
133
  <svg class="icon icon-package"><use xlink:href="symbol-defs.svg#icon-package"></use></svg><span class="name"> icon-package</span>
101
134
  </div>
102
135
  </div>
103
- <div class="glyph fs1">
136
+ <div class="glyph fs2">
104
137
  <div class="clearfix pbs">
105
138
  <svg class="icon icon-bell"><use xlink:href="symbol-defs.svg#icon-bell"></use></svg><span class="name"> icon-bell</span>
106
139
  </div>
107
140
  </div>
108
- <div class="glyph fs1">
141
+ <div class="glyph fs2">
109
142
  <div class="clearfix pbs">
110
143
  <svg class="icon icon-book-open"><use xlink:href="symbol-defs.svg#icon-book-open"></use></svg><span class="name"> icon-book-open</span>
111
144
  </div>
112
145
  </div>
113
- <div class="glyph fs1">
146
+ <div class="glyph fs2">
114
147
  <div class="clearfix pbs">
115
148
  <svg class="icon icon-box"><use xlink:href="symbol-defs.svg#icon-box"></use></svg><span class="name"> icon-box</span>
116
149
  </div>
117
150
  </div>
118
- <div class="glyph fs1">
151
+ <div class="glyph fs2">
119
152
  <div class="clearfix pbs">
120
153
  <svg class="icon icon-menu"><use xlink:href="symbol-defs.svg#icon-menu"></use></svg><span class="name"> icon-menu</span>
121
154
  </div>
122
155
  </div>
123
- <div class="glyph fs1">
156
+ <div class="glyph fs2">
124
157
  <div class="clearfix pbs">
125
158
  <svg class="icon icon-plus"><use xlink:href="symbol-defs.svg#icon-plus"></use></svg><span class="name"> icon-plus</span>
126
159
  </div>
127
160
  </div>
128
- <div class="glyph fs1">
161
+ <div class="glyph fs2">
129
162
  <div class="clearfix pbs">
130
163
  <svg class="icon icon-agent"><use xlink:href="symbol-defs.svg#icon-agent"></use></svg><span class="name"> icon-agent</span>
131
164
  </div>
132
165
  </div>
133
- <div class="glyph fs1">
166
+ <div class="glyph fs2">
134
167
  <div class="clearfix pbs">
135
168
  <svg class="icon icon-arrow-down-circle"><use xlink:href="symbol-defs.svg#icon-arrow-down-circle"></use></svg><span class="name"> icon-arrow-down-circle</span>
136
169
  </div>
137
170
  </div>
138
- <div class="glyph fs1">
171
+ <div class="glyph fs2">
139
172
  <div class="clearfix pbs">
140
173
  <svg class="icon icon-arrow-up-circle"><use xlink:href="symbol-defs.svg#icon-arrow-up-circle"></use></svg><span class="name"> icon-arrow-up-circle</span>
141
174
  </div>
142
175
  </div>
143
- <div class="glyph fs1">
144
- <div class="clearfix pbs">
145
- <svg class="icon icon-bookmark"><use xlink:href="symbol-defs.svg#icon-bookmark"></use></svg><span class="name"> icon-bookmark</span>
146
- </div>
147
- </div>
148
- <div class="glyph fs1">
176
+ <div class="glyph fs2">
149
177
  <div class="clearfix pbs">
150
178
  <svg class="icon icon-database"><use xlink:href="symbol-defs.svg#icon-database"></use></svg><span class="name"> icon-database</span>
151
179
  </div>
152
180
  </div>
153
- <div class="glyph fs1">
181
+ <div class="glyph fs2">
154
182
  <div class="clearfix pbs">
155
183
  <svg class="icon icon-download"><use xlink:href="symbol-defs.svg#icon-download"></use></svg><span class="name"> icon-download</span>
156
184
  </div>
157
185
  </div>
158
- <div class="glyph fs1">
186
+ <div class="glyph fs2">
159
187
  <div class="clearfix pbs">
160
188
  <svg class="icon icon-help-circle"><use xlink:href="symbol-defs.svg#icon-help-circle"></use></svg><span class="name"> icon-help-circle</span>
161
189
  </div>
162
190
  </div>
163
- <div class="glyph fs1">
191
+ <div class="glyph fs2">
164
192
  <div class="clearfix pbs">
165
193
  <svg class="icon icon-life-buoy"><use xlink:href="symbol-defs.svg#icon-life-buoy"></use></svg><span class="name"> icon-life-buoy</span>
166
194
  </div>
167
195
  </div>
168
- <div class="glyph fs1">
196
+ <div class="glyph fs2">
169
197
  <div class="clearfix pbs">
170
198
  <svg class="icon icon-log-out"><use xlink:href="symbol-defs.svg#icon-log-out"></use></svg><span class="name"> icon-log-out</span>
171
199
  </div>
172
200
  </div>
173
- <div class="glyph fs1">
201
+ <div class="glyph fs2">
174
202
  <div class="clearfix pbs">
175
203
  <svg class="icon icon-more-vertical"><use xlink:href="symbol-defs.svg#icon-more-vertical"></use></svg><span class="name"> icon-more-vertical</span>
176
204
  </div>
177
205
  </div>
178
- <div class="glyph fs1">
206
+ <div class="glyph fs2">
179
207
  <div class="clearfix pbs">
180
208
  <svg class="icon icon-star"><use xlink:href="symbol-defs.svg#icon-star"></use></svg><span class="name"> icon-star</span>
181
209
  </div>
182
210
  </div>
183
- <div class="glyph fs1">
211
+ <div class="glyph fs2">
184
212
  <div class="clearfix pbs">
185
213
  <svg class="icon icon-upload"><use xlink:href="symbol-defs.svg#icon-upload"></use></svg><span class="name"> icon-upload</span>
186
214
  </div>
187
215
  </div>
188
- <div class="glyph fs1">
216
+ <div class="glyph fs2">
189
217
  <div class="clearfix pbs">
190
218
  <svg class="icon icon-publish"><use xlink:href="symbol-defs.svg#icon-publish"></use></svg><span class="name"> icon-publish</span>
191
219
  </div>
192
220
  </div>
193
- <div class="glyph fs1">
221
+ <div class="glyph fs2">
194
222
  <div class="clearfix pbs">
195
223
  <svg class="icon icon-coffee"><use xlink:href="symbol-defs.svg#icon-coffee"></use></svg><span class="name"> icon-coffee</span>
196
224
  </div>
197
225
  </div>
198
- <div class="glyph fs1">
226
+ <div class="glyph fs2">
199
227
  <div class="clearfix pbs">
200
228
  <svg class="icon icon-frown"><use xlink:href="symbol-defs.svg#icon-frown"></use></svg><span class="name"> icon-frown</span>
201
229
  </div>
202
230
  </div>
203
- <div class="glyph fs1">
231
+ <div class="glyph fs2">
204
232
  <div class="clearfix pbs">
205
233
  <svg class="icon icon-mail"><use xlink:href="symbol-defs.svg#icon-mail"></use></svg><span class="name"> icon-mail</span>
206
234
  </div>
207
235
  </div>
208
- <div class="glyph fs1">
236
+ <div class="glyph fs2">
209
237
  <div class="clearfix pbs">
210
238
  <svg class="icon icon-meh"><use xlink:href="symbol-defs.svg#icon-meh"></use></svg><span class="name"> icon-meh</span>
211
239
  </div>
212
240
  </div>
213
- <div class="glyph fs1">
241
+ <div class="glyph fs2">
214
242
  <div class="clearfix pbs">
215
243
  <svg class="icon icon-dollar-sign"><use xlink:href="symbol-defs.svg#icon-dollar-sign"></use></svg><span class="name"> icon-dollar-sign</span>
216
244
  </div>
217
245
  </div>
218
- <div class="glyph fs1">
246
+ <div class="glyph fs2">
219
247
  <div class="clearfix pbs">
220
248
  <svg class="icon icon-log"><use xlink:href="symbol-defs.svg#icon-log"></use></svg><span class="name"> icon-log</span>
221
249
  </div>
222
250
  </div>
223
- <div class="glyph fs1">
251
+ <div class="glyph fs2">
224
252
  <div class="clearfix pbs">
225
253
  <svg class="icon icon-campaign"><use xlink:href="symbol-defs.svg#icon-campaign"></use></svg><span class="name"> icon-campaign</span>
226
254
  </div>
227
255
  </div>
228
- <div class="glyph fs1">
256
+ <div class="glyph fs2">
229
257
  <div class="clearfix pbs">
230
258
  <svg class="icon icon-contact"><use xlink:href="symbol-defs.svg#icon-contact"></use></svg><span class="name"> icon-contact</span>
231
259
  </div>
232
260
  </div>
233
- <div class="glyph fs1">
261
+ <div class="glyph fs2">
234
262
  <div class="clearfix pbs">
235
263
  <svg class="icon icon-flow"><use xlink:href="symbol-defs.svg#icon-flow"></use></svg><span class="name"> icon-flow</span>
236
264
  </div>
237
265
  </div>
238
- <div class="glyph fs1">
266
+ <div class="glyph fs2">
239
267
  <div class="clearfix pbs">
240
268
  <svg class="icon icon-activity"><use xlink:href="symbol-defs.svg#icon-activity"></use></svg><span class="name"> icon-activity</span>
241
269
  </div>
242
270
  </div>
243
- <div class="glyph fs1">
271
+ <div class="glyph fs2">
244
272
  <div class="clearfix pbs">
245
273
  <svg class="icon icon-alert-circle"><use xlink:href="symbol-defs.svg#icon-alert-circle"></use></svg><span class="name"> icon-alert-circle</span>
246
274
  </div>
247
275
  </div>
248
- <div class="glyph fs1">
276
+ <div class="glyph fs2">
249
277
  <div class="clearfix pbs">
250
278
  <svg class="icon icon-alert-octagon"><use xlink:href="symbol-defs.svg#icon-alert-octagon"></use></svg><span class="name"> icon-alert-octagon</span>
251
279
  </div>
252
280
  </div>
253
- <div class="glyph fs1">
281
+ <div class="glyph fs2">
254
282
  <div class="clearfix pbs">
255
283
  <svg class="icon icon-alert-triangle"><use xlink:href="symbol-defs.svg#icon-alert-triangle"></use></svg><span class="name"> icon-alert-triangle</span>
256
284
  </div>
257
285
  </div>
258
- <div class="glyph fs1">
286
+ <div class="glyph fs2">
259
287
  <div class="clearfix pbs">
260
288
  <svg class="icon icon-archive"><use xlink:href="symbol-defs.svg#icon-archive"></use></svg><span class="name"> icon-archive</span>
261
289
  </div>
262
290
  </div>
263
- <div class="glyph fs1">
291
+ <div class="glyph fs2">
264
292
  <div class="clearfix pbs">
265
293
  <svg class="icon icon-battery"><use xlink:href="symbol-defs.svg#icon-battery"></use></svg><span class="name"> icon-battery</span>
266
294
  </div>
267
295
  </div>
268
- <div class="glyph fs1">
296
+ <div class="glyph fs2">
269
297
  <div class="clearfix pbs">
270
298
  <svg class="icon icon-battery-charging"><use xlink:href="symbol-defs.svg#icon-battery-charging"></use></svg><span class="name"> icon-battery-charging</span>
271
299
  </div>
272
300
  </div>
273
- <div class="glyph fs1">
301
+ <div class="glyph fs2">
274
302
  <div class="clearfix pbs">
275
303
  <svg class="icon icon-book"><use xlink:href="symbol-defs.svg#icon-book"></use></svg><span class="name"> icon-book</span>
276
304
  </div>
277
305
  </div>
278
- <div class="glyph fs1">
306
+ <div class="glyph fs2">
279
307
  <div class="clearfix pbs">
280
308
  <svg class="icon icon-briefcase"><use xlink:href="symbol-defs.svg#icon-briefcase"></use></svg><span class="name"> icon-briefcase</span>
281
309
  </div>
282
310
  </div>
283
- <div class="glyph fs1">
311
+ <div class="glyph fs2">
284
312
  <div class="clearfix pbs">
285
313
  <svg class="icon icon-calendar1"><use xlink:href="symbol-defs.svg#icon-calendar1"></use></svg><span class="name"> icon-calendar1</span>
286
314
  </div>
287
315
  </div>
288
- <div class="glyph fs1">
316
+ <div class="glyph fs2">
289
317
  <div class="clearfix pbs">
290
318
  <svg class="icon icon-camera"><use xlink:href="symbol-defs.svg#icon-camera"></use></svg><span class="name"> icon-camera</span>
291
319
  </div>
292
320
  </div>
293
- <div class="glyph fs1">
321
+ <div class="glyph fs2">
294
322
  <div class="clearfix pbs">
295
323
  <svg class="icon icon-check"><use xlink:href="symbol-defs.svg#icon-check"></use></svg><span class="name"> icon-check</span>
296
324
  </div>
297
325
  </div>
298
- <div class="glyph fs1">
326
+ <div class="glyph fs2">
299
327
  <div class="clearfix pbs">
300
328
  <svg class="icon icon-check-square"><use xlink:href="symbol-defs.svg#icon-check-square"></use></svg><span class="name"> icon-check-square</span>
301
329
  </div>
302
330
  </div>
303
- <div class="glyph fs1">
331
+ <div class="glyph fs2">
304
332
  <div class="clearfix pbs">
305
333
  <svg class="icon icon-chevron-down"><use xlink:href="symbol-defs.svg#icon-chevron-down"></use></svg><span class="name"> icon-chevron-down</span>
306
334
  </div>
307
335
  </div>
308
- <div class="glyph fs1">
336
+ <div class="glyph fs2">
309
337
  <div class="clearfix pbs">
310
338
  <svg class="icon icon-chevron-left"><use xlink:href="symbol-defs.svg#icon-chevron-left"></use></svg><span class="name"> icon-chevron-left</span>
311
339
  </div>
312
340
  </div>
313
- <div class="glyph fs1">
341
+ <div class="glyph fs2">
314
342
  <div class="clearfix pbs">
315
343
  <svg class="icon icon-chevron-right"><use xlink:href="symbol-defs.svg#icon-chevron-right"></use></svg><span class="name"> icon-chevron-right</span>
316
344
  </div>
317
345
  </div>
318
- <div class="glyph fs1">
346
+ <div class="glyph fs2">
319
347
  <div class="clearfix pbs">
320
348
  <svg class="icon icon-chevron-up"><use xlink:href="symbol-defs.svg#icon-chevron-up"></use></svg><span class="name"> icon-chevron-up</span>
321
349
  </div>
322
350
  </div>
323
- <div class="glyph fs1">
351
+ <div class="glyph fs2">
324
352
  <div class="clearfix pbs">
325
353
  <svg class="icon icon-chevrons-down"><use xlink:href="symbol-defs.svg#icon-chevrons-down"></use></svg><span class="name"> icon-chevrons-down</span>
326
354
  </div>
327
355
  </div>
328
- <div class="glyph fs1">
356
+ <div class="glyph fs2">
329
357
  <div class="clearfix pbs">
330
358
  <svg class="icon icon-chevrons-left"><use xlink:href="symbol-defs.svg#icon-chevrons-left"></use></svg><span class="name"> icon-chevrons-left</span>
331
359
  </div>
332
360
  </div>
333
- <div class="glyph fs1">
361
+ <div class="glyph fs2">
334
362
  <div class="clearfix pbs">
335
363
  <svg class="icon icon-chevrons-right"><use xlink:href="symbol-defs.svg#icon-chevrons-right"></use></svg><span class="name"> icon-chevrons-right</span>
336
364
  </div>
337
365
  </div>
338
- <div class="glyph fs1">
366
+ <div class="glyph fs2">
339
367
  <div class="clearfix pbs">
340
368
  <svg class="icon icon-chevrons-up"><use xlink:href="symbol-defs.svg#icon-chevrons-up"></use></svg><span class="name"> icon-chevrons-up</span>
341
369
  </div>
342
370
  </div>
343
- <div class="glyph fs1">
371
+ <div class="glyph fs2">
344
372
  <div class="clearfix pbs">
345
373
  <svg class="icon icon-circle"><use xlink:href="symbol-defs.svg#icon-circle"></use></svg><span class="name"> icon-circle</span>
346
374
  </div>
347
375
  </div>
348
- <div class="glyph fs1">
376
+ <div class="glyph fs2">
349
377
  <div class="clearfix pbs">
350
378
  <svg class="icon icon-clipboard"><use xlink:href="symbol-defs.svg#icon-clipboard"></use></svg><span class="name"> icon-clipboard</span>
351
379
  </div>
352
380
  </div>
353
- <div class="glyph fs1">
381
+ <div class="glyph fs2">
354
382
  <div class="clearfix pbs">
355
383
  <svg class="icon icon-clock"><use xlink:href="symbol-defs.svg#icon-clock"></use></svg><span class="name"> icon-clock</span>
356
384
  </div>
357
385
  </div>
358
- <div class="glyph fs1">
386
+ <div class="glyph fs2">
359
387
  <div class="clearfix pbs">
360
388
  <svg class="icon icon-cloud1"><use xlink:href="symbol-defs.svg#icon-cloud1"></use></svg><span class="name"> icon-cloud1</span>
361
389
  </div>
362
390
  </div>
363
- <div class="glyph fs1">
391
+ <div class="glyph fs2">
364
392
  <div class="clearfix pbs">
365
393
  <svg class="icon icon-code"><use xlink:href="symbol-defs.svg#icon-code"></use></svg><span class="name"> icon-code</span>
366
394
  </div>
367
395
  </div>
368
- <div class="glyph fs1">
396
+ <div class="glyph fs2">
369
397
  <div class="clearfix pbs">
370
398
  <svg class="icon icon-copy"><use xlink:href="symbol-defs.svg#icon-copy"></use></svg><span class="name"> icon-copy</span>
371
399
  </div>
372
400
  </div>
373
- <div class="glyph fs1">
401
+ <div class="glyph fs2">
374
402
  <div class="clearfix pbs">
375
403
  <svg class="icon icon-credit-card"><use xlink:href="symbol-defs.svg#icon-credit-card"></use></svg><span class="name"> icon-credit-card</span>
376
404
  </div>
377
405
  </div>
378
- <div class="glyph fs1">
406
+ <div class="glyph fs2">
379
407
  <div class="clearfix pbs">
380
408
  <svg class="icon icon-disc"><use xlink:href="symbol-defs.svg#icon-disc"></use></svg><span class="name"> icon-disc</span>
381
409
  </div>
382
410
  </div>
383
- <div class="glyph fs1">
411
+ <div class="glyph fs2">
384
412
  <div class="clearfix pbs">
385
413
  <svg class="icon icon-edit"><use xlink:href="symbol-defs.svg#icon-edit"></use></svg><span class="name"> icon-edit</span>
386
414
  </div>
387
415
  </div>
388
- <div class="glyph fs1">
416
+ <div class="glyph fs2">
389
417
  <div class="clearfix pbs">
390
418
  <svg class="icon icon-edit-3"><use xlink:href="symbol-defs.svg#icon-edit-3"></use></svg><span class="name"> icon-edit-3</span>
391
419
  </div>
392
420
  </div>
393
- <div class="glyph fs1">
421
+ <div class="glyph fs2">
394
422
  <div class="clearfix pbs">
395
- <svg class="icon icon-external-link"><use xlink:href="symbol-defs.svg#icon-external-link"></use></svg><span class="name"> icon-external-link</span>
423
+ <svg class="icon icon-external-link1"><use xlink:href="symbol-defs.svg#icon-external-link1"></use></svg><span class="name"> icon-external-link1</span>
396
424
  </div>
397
425
  </div>
398
- <div class="glyph fs1">
426
+ <div class="glyph fs2">
399
427
  <div class="clearfix pbs">
400
428
  <svg class="icon icon-flag"><use xlink:href="symbol-defs.svg#icon-flag"></use></svg><span class="name"> icon-flag</span>
401
429
  </div>
402
430
  </div>
403
- <div class="glyph fs1">
431
+ <div class="glyph fs2">
404
432
  <div class="clearfix pbs">
405
433
  <svg class="icon icon-home"><use xlink:href="symbol-defs.svg#icon-home"></use></svg><span class="name"> icon-home</span>
406
434
  </div>
407
435
  </div>
408
- <div class="glyph fs1">
436
+ <div class="glyph fs2">
409
437
  <div class="clearfix pbs">
410
438
  <svg class="icon icon-image"><use xlink:href="symbol-defs.svg#icon-image"></use></svg><span class="name"> icon-image</span>
411
439
  </div>
412
440
  </div>
413
- <div class="glyph fs1">
441
+ <div class="glyph fs2">
414
442
  <div class="clearfix pbs">
415
443
  <svg class="icon icon-inbox"><use xlink:href="symbol-defs.svg#icon-inbox"></use></svg><span class="name"> icon-inbox</span>
416
444
  </div>
417
445
  </div>
418
- <div class="glyph fs1">
446
+ <div class="glyph fs2">
419
447
  <div class="clearfix pbs">
420
448
  <svg class="icon icon-info"><use xlink:href="symbol-defs.svg#icon-info"></use></svg><span class="name"> icon-info</span>
421
449
  </div>
422
450
  </div>
423
- <div class="glyph fs1">
451
+ <div class="glyph fs2">
424
452
  <div class="clearfix pbs">
425
453
  <svg class="icon icon-layers"><use xlink:href="symbol-defs.svg#icon-layers"></use></svg><span class="name"> icon-layers</span>
426
454
  </div>
427
455
  </div>
428
- <div class="glyph fs1">
456
+ <div class="glyph fs2">
429
457
  <div class="clearfix pbs">
430
458
  <svg class="icon icon-loader"><use xlink:href="symbol-defs.svg#icon-loader"></use></svg><span class="name"> icon-loader</span>
431
459
  </div>
432
460
  </div>
433
- <div class="glyph fs1">
461
+ <div class="glyph fs2">
434
462
  <div class="clearfix pbs">
435
463
  <svg class="icon icon-lock"><use xlink:href="symbol-defs.svg#icon-lock"></use></svg><span class="name"> icon-lock</span>
436
464
  </div>
437
465
  </div>
438
- <div class="glyph fs1">
466
+ <div class="glyph fs2">
439
467
  <div class="clearfix pbs">
440
468
  <svg class="icon icon-mail1"><use xlink:href="symbol-defs.svg#icon-mail1"></use></svg><span class="name"> icon-mail1</span>
441
469
  </div>
442
470
  </div>
443
- <div class="glyph fs1">
471
+ <div class="glyph fs2">
444
472
  <div class="clearfix pbs">
445
473
  <svg class="icon icon-message-square"><use xlink:href="symbol-defs.svg#icon-message-square"></use></svg><span class="name"> icon-message-square</span>
446
474
  </div>
447
475
  </div>
448
- <div class="glyph fs1">
476
+ <div class="glyph fs2">
449
477
  <div class="clearfix pbs">
450
478
  <svg class="icon icon-mic"><use xlink:href="symbol-defs.svg#icon-mic"></use></svg><span class="name"> icon-mic</span>
451
479
  </div>
452
480
  </div>
453
- <div class="glyph fs1">
481
+ <div class="glyph fs2">
454
482
  <div class="clearfix pbs">
455
483
  <svg class="icon icon-paperclip"><use xlink:href="symbol-defs.svg#icon-paperclip"></use></svg><span class="name"> icon-paperclip</span>
456
484
  </div>
457
485
  </div>
458
- <div class="glyph fs1">
486
+ <div class="glyph fs2">
459
487
  <div class="clearfix pbs">
460
488
  <svg class="icon icon-phone"><use xlink:href="symbol-defs.svg#icon-phone"></use></svg><span class="name"> icon-phone</span>
461
489
  </div>
462
490
  </div>
463
- <div class="glyph fs1">
491
+ <div class="glyph fs2">
464
492
  <div class="clearfix pbs">
465
493
  <svg class="icon icon-phone-forwarded"><use xlink:href="symbol-defs.svg#icon-phone-forwarded"></use></svg><span class="name"> icon-phone-forwarded</span>
466
494
  </div>
467
495
  </div>
468
- <div class="glyph fs1">
496
+ <div class="glyph fs2">
469
497
  <div class="clearfix pbs">
470
498
  <svg class="icon icon-phone-incoming"><use xlink:href="symbol-defs.svg#icon-phone-incoming"></use></svg><span class="name"> icon-phone-incoming</span>
471
499
  </div>
472
500
  </div>
473
- <div class="glyph fs1">
501
+ <div class="glyph fs2">
474
502
  <div class="clearfix pbs">
475
503
  <svg class="icon icon-phone-missed"><use xlink:href="symbol-defs.svg#icon-phone-missed"></use></svg><span class="name"> icon-phone-missed</span>
476
504
  </div>
477
505
  </div>
478
- <div class="glyph fs1">
506
+ <div class="glyph fs2">
479
507
  <div class="clearfix pbs">
480
508
  <svg class="icon icon-phone-outgoing"><use xlink:href="symbol-defs.svg#icon-phone-outgoing"></use></svg><span class="name"> icon-phone-outgoing</span>
481
509
  </div>
482
510
  </div>
483
- <div class="glyph fs1">
511
+ <div class="glyph fs2">
484
512
  <div class="clearfix pbs">
485
513
  <svg class="icon icon-radio"><use xlink:href="symbol-defs.svg#icon-radio"></use></svg><span class="name"> icon-radio</span>
486
514
  </div>
487
515
  </div>
488
- <div class="glyph fs1">
516
+ <div class="glyph fs2">
489
517
  <div class="clearfix pbs">
490
518
  <svg class="icon icon-repeat"><use xlink:href="symbol-defs.svg#icon-repeat"></use></svg><span class="name"> icon-repeat</span>
491
519
  </div>
492
520
  </div>
493
- <div class="glyph fs1">
521
+ <div class="glyph fs2">
494
522
  <div class="clearfix pbs">
495
523
  <svg class="icon icon-send"><use xlink:href="symbol-defs.svg#icon-send"></use></svg><span class="name"> icon-send</span>
496
524
  </div>
497
525
  </div>
498
- <div class="glyph fs1">
526
+ <div class="glyph fs2">
499
527
  <div class="clearfix pbs">
500
528
  <svg class="icon icon-settings"><use xlink:href="symbol-defs.svg#icon-settings"></use></svg><span class="name"> icon-settings</span>
501
529
  </div>
502
530
  </div>
503
- <div class="glyph fs1">
531
+ <div class="glyph fs2">
504
532
  <div class="clearfix pbs">
505
533
  <svg class="icon icon-shield"><use xlink:href="symbol-defs.svg#icon-shield"></use></svg><span class="name"> icon-shield</span>
506
534
  </div>
507
535
  </div>
508
- <div class="glyph fs1">
536
+ <div class="glyph fs2">
509
537
  <div class="clearfix pbs">
510
538
  <svg class="icon icon-shield-off"><use xlink:href="symbol-defs.svg#icon-shield-off"></use></svg><span class="name"> icon-shield-off</span>
511
539
  </div>
512
540
  </div>
513
- <div class="glyph fs1">
541
+ <div class="glyph fs2">
514
542
  <div class="clearfix pbs">
515
543
  <svg class="icon icon-sidebar"><use xlink:href="symbol-defs.svg#icon-sidebar"></use></svg><span class="name"> icon-sidebar</span>
516
544
  </div>
517
545
  </div>
518
- <div class="glyph fs1">
546
+ <div class="glyph fs2">
519
547
  <div class="clearfix pbs">
520
548
  <svg class="icon icon-slash"><use xlink:href="symbol-defs.svg#icon-slash"></use></svg><span class="name"> icon-slash</span>
521
549
  </div>
522
550
  </div>
523
- <div class="glyph fs1">
551
+ <div class="glyph fs2">
524
552
  <div class="clearfix pbs">
525
553
  <svg class="icon icon-sliders"><use xlink:href="symbol-defs.svg#icon-sliders"></use></svg><span class="name"> icon-sliders</span>
526
554
  </div>
527
555
  </div>
528
- <div class="glyph fs1">
556
+ <div class="glyph fs2">
529
557
  <div class="clearfix pbs">
530
558
  <svg class="icon icon-smartphone"><use xlink:href="symbol-defs.svg#icon-smartphone"></use></svg><span class="name"> icon-smartphone</span>
531
559
  </div>
532
560
  </div>
533
- <div class="glyph fs1">
561
+ <div class="glyph fs2">
534
562
  <div class="clearfix pbs">
535
563
  <svg class="icon icon-square"><use xlink:href="symbol-defs.svg#icon-square"></use></svg><span class="name"> icon-square</span>
536
564
  </div>
537
565
  </div>
538
- <div class="glyph fs1">
566
+ <div class="glyph fs2">
539
567
  <div class="clearfix pbs">
540
568
  <svg class="icon icon-tag"><use xlink:href="symbol-defs.svg#icon-tag"></use></svg><span class="name"> icon-tag</span>
541
569
  </div>
542
570
  </div>
543
- <div class="glyph fs1">
571
+ <div class="glyph fs2">
544
572
  <div class="clearfix pbs">
545
573
  <svg class="icon icon-tool"><use xlink:href="symbol-defs.svg#icon-tool"></use></svg><span class="name"> icon-tool</span>
546
574
  </div>
547
575
  </div>
548
- <div class="glyph fs1">
576
+ <div class="glyph fs2">
549
577
  <div class="clearfix pbs">
550
578
  <svg class="icon icon-trash"><use xlink:href="symbol-defs.svg#icon-trash"></use></svg><span class="name"> icon-trash</span>
551
579
  </div>
552
580
  </div>
553
- <div class="glyph fs1">
581
+ <div class="glyph fs2">
554
582
  <div class="clearfix pbs">
555
583
  <svg class="icon icon-trash-2"><use xlink:href="symbol-defs.svg#icon-trash-2"></use></svg><span class="name"> icon-trash-2</span>
556
584
  </div>
557
585
  </div>
558
- <div class="glyph fs1">
586
+ <div class="glyph fs2">
559
587
  <div class="clearfix pbs">
560
588
  <svg class="icon icon-user"><use xlink:href="symbol-defs.svg#icon-user"></use></svg><span class="name"> icon-user</span>
561
589
  </div>
562
590
  </div>
563
- <div class="glyph fs1">
591
+ <div class="glyph fs2">
564
592
  <div class="clearfix pbs">
565
593
  <svg class="icon icon-users"><use xlink:href="symbol-defs.svg#icon-users"></use></svg><span class="name"> icon-users</span>
566
594
  </div>
567
595
  </div>
568
- <div class="glyph fs1">
596
+ <div class="glyph fs2">
569
597
  <div class="clearfix pbs">
570
598
  <svg class="icon icon-speaker"><use xlink:href="symbol-defs.svg#icon-speaker"></use></svg><span class="name"> icon-speaker</span>
571
599
  </div>
572
600
  </div>
573
- <div class="glyph fs1">
601
+ <div class="glyph fs2">
574
602
  <div class="clearfix pbs">
575
603
  <svg class="icon icon-x"><use xlink:href="symbol-defs.svg#icon-x"></use></svg><span class="name"> icon-x</span>
576
604
  </div>
577
605
  </div>
578
- <div class="glyph fs1">
606
+ <div class="glyph fs2">
579
607
  <div class="clearfix pbs">
580
608
  <svg class="icon icon-x-octagon"><use xlink:href="symbol-defs.svg#icon-x-octagon"></use></svg><span class="name"> icon-x-octagon</span>
581
609
  </div>
582
610
  </div>
583
- <div class="glyph fs1">
611
+ <div class="glyph fs2">
584
612
  <div class="clearfix pbs">
585
613
  <svg class="icon icon-zap"><use xlink:href="symbol-defs.svg#icon-zap"></use></svg><span class="name"> icon-zap</span>
586
614
  </div>
587
615
  </div>
588
- <div class="glyph fs1">
616
+ <div class="glyph fs2">
589
617
  <div class="clearfix pbs">
590
618
  <svg class="icon icon-contact-cal"><use xlink:href="symbol-defs.svg#icon-contact-cal"></use></svg><span class="name"> icon-contact-cal</span>
591
619
  </div>
592
620
  </div>
593
- <div class="glyph fs1">
621
+ <div class="glyph fs2">
594
622
  <div class="clearfix pbs">
595
623
  <svg class="icon icon-send-mobile"><use xlink:href="symbol-defs.svg#icon-send-mobile"></use></svg><span class="name"> icon-send-mobile</span>
596
624
  </div>
@@ -598,40 +626,65 @@
598
626
  </div>
599
627
  <div class="clearfix mhl ptl">
600
628
  <h1 class="mvm mtn fgc1">Grid Size: 0</h1>
601
- <div class="glyph fs2">
629
+ <div class="glyph fs3">
602
630
  <div class="clearfix pbs">
603
631
  <svg class="icon icon-zapier"><use xlink:href="symbol-defs.svg#icon-zapier"></use></svg><span class="name"> icon-zapier</span>
604
632
  </div>
605
633
  </div>
634
+ <div class="glyph fs3">
635
+ <div class="clearfix pbs">
636
+ <svg class="icon icon-users1"><use xlink:href="symbol-defs.svg#icon-users1"></use></svg><span class="name"> icon-users1</span>
637
+ </div>
638
+ </div>
639
+ <div class="glyph fs3">
640
+ <div class="clearfix pbs">
641
+ <svg class="icon icon-lock2"><use xlink:href="symbol-defs.svg#icon-lock2"></use></svg><span class="name"> icon-lock2</span>
642
+ </div>
643
+ </div>
644
+ <div class="glyph fs3">
645
+ <div class="clearfix pbs">
646
+ <svg class="icon icon-atom"><use xlink:href="symbol-defs.svg#icon-atom"></use></svg><span class="name"> icon-atom</span>
647
+ </div>
648
+ </div>
649
+ <div class="glyph fs3">
650
+ <div class="clearfix pbs">
651
+ <svg class="icon icon-paperplane"><use xlink:href="symbol-defs.svg#icon-paperplane"></use></svg><span class="name"> icon-paperplane</span>
652
+ </div>
653
+ </div>
654
+ <div class="glyph fs3">
655
+ <div class="clearfix pbs">
656
+ <svg class="icon icon-cancel"><use xlink:href="symbol-defs.svg#icon-cancel"></use></svg><span class="name"> icon-cancel</span>
657
+ </div>
658
+ </div>
606
659
  </div>
607
660
  <div class="clearfix mhl ptl">
608
661
  <h1 class="mvm mtn fgc1">Grid Size: 16</h1>
609
- <div class="glyph fs3">
662
+ <div class="glyph fs4">
610
663
  <div class="clearfix pbs">
611
664
  <svg class="icon icon-channel"><use xlink:href="symbol-defs.svg#icon-channel"></use></svg><span class="name"> icon-channel</span>
612
665
  </div>
613
666
  </div>
614
- <div class="glyph fs3">
667
+ <div class="glyph fs4">
615
668
  <div class="clearfix pbs">
616
669
  <svg class="icon icon-users1"><use xlink:href="symbol-defs.svg#icon-users1"></use></svg><span class="name"> icon-users1</span>
617
670
  </div>
618
671
  </div>
619
- <div class="glyph fs3">
672
+ <div class="glyph fs4">
620
673
  <div class="clearfix pbs">
621
674
  <svg class="icon icon-lock2"><use xlink:href="symbol-defs.svg#icon-lock2"></use></svg><span class="name"> icon-lock2</span>
622
675
  </div>
623
676
  </div>
624
- <div class="glyph fs3">
677
+ <div class="glyph fs4">
625
678
  <div class="clearfix pbs">
626
679
  <svg class="icon icon-atom"><use xlink:href="symbol-defs.svg#icon-atom"></use></svg><span class="name"> icon-atom</span>
627
680
  </div>
628
681
  </div>
629
- <div class="glyph fs3">
682
+ <div class="glyph fs4">
630
683
  <div class="clearfix pbs">
631
684
  <svg class="icon icon-paperplane"><use xlink:href="symbol-defs.svg#icon-paperplane"></use></svg><span class="name"> icon-paperplane</span>
632
685
  </div>
633
686
  </div>
634
- <div class="glyph fs3">
687
+ <div class="glyph fs4">
635
688
  <div class="clearfix pbs">
636
689
  <svg class="icon icon-cancel"><use xlink:href="symbol-defs.svg#icon-cancel"></use></svg><span class="name"> icon-cancel</span>
637
690
  </div>
@@ -639,187 +692,187 @@
639
692
  </div>
640
693
  <div class="clearfix mhl ptl">
641
694
  <h1 class="mvm mtn fgc1">Grid Size: 32</h1>
642
- <div class="glyph fs4">
695
+ <div class="glyph fs5">
643
696
  <div class="clearfix pbs">
644
697
  <svg class="icon icon-cord"><use xlink:href="symbol-defs.svg#icon-cord"></use></svg><span class="name"> icon-cord</span>
645
698
  </div>
646
699
  </div>
647
- <div class="glyph fs4">
700
+ <div class="glyph fs5">
648
701
  <div class="clearfix pbs">
649
702
  <svg class="icon icon-bothub"><use xlink:href="symbol-defs.svg#icon-bothub"></use></svg><span class="name"> icon-bothub</span>
650
703
  </div>
651
704
  </div>
652
- <div class="glyph fs4">
705
+ <div class="glyph fs5">
653
706
  <div class="clearfix pbs">
654
707
  <svg class="icon icon-channel-android"><use xlink:href="symbol-defs.svg#icon-channel-android"></use></svg><span class="name"> icon-channel-android</span>
655
708
  </div>
656
709
  </div>
657
- <div class="glyph fs4">
710
+ <div class="glyph fs5">
658
711
  <div class="clearfix pbs">
659
712
  <svg class="icon icon-channel-kannel"><use xlink:href="symbol-defs.svg#icon-channel-kannel"></use></svg><span class="name"> icon-channel-kannel</span>
660
713
  </div>
661
714
  </div>
662
- <div class="glyph fs4">
715
+ <div class="glyph fs5">
663
716
  <div class="clearfix pbs">
664
717
  <svg class="icon icon-channel-plivo"><use xlink:href="symbol-defs.svg#icon-channel-plivo"></use></svg><span class="name"> icon-channel-plivo</span>
665
718
  </div>
666
719
  </div>
667
- <div class="glyph fs4">
720
+ <div class="glyph fs5">
668
721
  <div class="clearfix pbs">
669
722
  <svg class="icon icon-channel-twilio"><use xlink:href="symbol-defs.svg#icon-channel-twilio"></use></svg><span class="name"> icon-channel-twilio</span>
670
723
  </div>
671
724
  </div>
672
- <div class="glyph fs4">
725
+ <div class="glyph fs5">
673
726
  <div class="clearfix pbs">
674
727
  <svg class="icon icon-chatbase"><use xlink:href="symbol-defs.svg#icon-chatbase"></use></svg><span class="name"> icon-chatbase</span>
675
728
  </div>
676
729
  </div>
677
- <div class="glyph fs4">
730
+ <div class="glyph fs5">
678
731
  <div class="clearfix pbs">
679
732
  <svg class="icon icon-clickatell"><use xlink:href="symbol-defs.svg#icon-clickatell"></use></svg><span class="name"> icon-clickatell</span>
680
733
  </div>
681
734
  </div>
682
- <div class="glyph fs4">
735
+ <div class="glyph fs5">
683
736
  <div class="clearfix pbs">
684
737
  <svg class="icon icon-clickatell-inverted"><use xlink:href="symbol-defs.svg#icon-clickatell-inverted"></use></svg><span class="name"> icon-clickatell-inverted</span>
685
738
  </div>
686
739
  </div>
687
- <div class="glyph fs4">
740
+ <div class="glyph fs5">
688
741
  <div class="clearfix pbs">
689
742
  <svg class="icon icon-dtone"><use xlink:href="symbol-defs.svg#icon-dtone"></use></svg><span class="name"> icon-dtone</span>
690
743
  </div>
691
744
  </div>
692
- <div class="glyph fs4">
745
+ <div class="glyph fs5">
693
746
  <div class="clearfix pbs">
694
747
  <svg class="icon icon-facebook-official"><use xlink:href="symbol-defs.svg#icon-facebook-official"></use></svg><span class="name"> icon-facebook-official</span>
695
748
  </div>
696
749
  </div>
697
- <div class="glyph fs4">
750
+ <div class="glyph fs5">
698
751
  <div class="clearfix pbs">
699
752
  <svg class="icon icon-freshchat"><use xlink:href="symbol-defs.svg#icon-freshchat"></use></svg><span class="name"> icon-freshchat</span>
700
753
  </div>
701
754
  </div>
702
- <div class="glyph fs4">
755
+ <div class="glyph fs5">
703
756
  <div class="clearfix pbs">
704
757
  <svg class="icon icon-github"><use xlink:href="symbol-defs.svg#icon-github"></use></svg><span class="name"> icon-github</span>
705
758
  </div>
706
759
  </div>
707
- <div class="glyph fs4">
760
+ <div class="glyph fs5">
708
761
  <div class="clearfix pbs">
709
762
  <svg class="icon icon-google-plus"><use xlink:href="symbol-defs.svg#icon-google-plus"></use></svg><span class="name"> icon-google-plus</span>
710
763
  </div>
711
764
  </div>
712
- <div class="glyph fs4">
765
+ <div class="glyph fs5">
713
766
  <div class="clearfix pbs">
714
767
  <svg class="icon icon-jiochat"><use xlink:href="symbol-defs.svg#icon-jiochat"></use></svg><span class="name"> icon-jiochat</span>
715
768
  </div>
716
769
  </div>
717
- <div class="glyph fs4">
770
+ <div class="glyph fs5">
718
771
  <div class="clearfix pbs">
719
772
  <svg class="icon icon-junebug"><use xlink:href="symbol-defs.svg#icon-junebug"></use></svg><span class="name"> icon-junebug</span>
720
773
  </div>
721
774
  </div>
722
- <div class="glyph fs4">
775
+ <div class="glyph fs5">
723
776
  <div class="clearfix pbs">
724
777
  <svg class="icon icon-line"><use xlink:href="symbol-defs.svg#icon-line"></use></svg><span class="name"> icon-line</span>
725
778
  </div>
726
779
  </div>
727
- <div class="glyph fs4">
780
+ <div class="glyph fs5">
728
781
  <div class="clearfix pbs">
729
782
  <svg class="icon icon-luis"><use xlink:href="symbol-defs.svg#icon-luis"></use></svg><span class="name"> icon-luis</span>
730
783
  </div>
731
784
  </div>
732
- <div class="glyph fs4">
785
+ <div class="glyph fs5">
733
786
  <div class="clearfix pbs">
734
787
  <svg class="icon icon-mtarget"><use xlink:href="symbol-defs.svg#icon-mtarget"></use></svg><span class="name"> icon-mtarget</span>
735
788
  </div>
736
789
  </div>
737
- <div class="glyph fs4">
790
+ <div class="glyph fs5">
738
791
  <div class="clearfix pbs">
739
792
  <svg class="icon icon-plivo"><use xlink:href="symbol-defs.svg#icon-plivo"></use></svg><span class="name"> icon-plivo</span>
740
793
  </div>
741
794
  </div>
742
- <div class="glyph fs4">
795
+ <div class="glyph fs5">
743
796
  <div class="clearfix pbs">
744
797
  <svg class="icon icon-plivo-inverted"><use xlink:href="symbol-defs.svg#icon-plivo-inverted"></use></svg><span class="name"> icon-plivo-inverted</span>
745
798
  </div>
746
799
  </div>
747
- <div class="glyph fs4">
800
+ <div class="glyph fs5">
748
801
  <div class="clearfix pbs">
749
802
  <svg class="icon icon-prometheus"><use xlink:href="symbol-defs.svg#icon-prometheus"></use></svg><span class="name"> icon-prometheus</span>
750
803
  </div>
751
804
  </div>
752
- <div class="glyph fs4">
805
+ <div class="glyph fs5">
753
806
  <div class="clearfix pbs">
754
807
  <svg class="icon icon-rocketchat"><use xlink:href="symbol-defs.svg#icon-rocketchat"></use></svg><span class="name"> icon-rocketchat</span>
755
808
  </div>
756
809
  </div>
757
- <div class="glyph fs4">
810
+ <div class="glyph fs5">
758
811
  <div class="clearfix pbs">
759
812
  <svg class="icon icon-signalwire"><use xlink:href="symbol-defs.svg#icon-signalwire"></use></svg><span class="name"> icon-signalwire</span>
760
813
  </div>
761
814
  </div>
762
- <div class="glyph fs4">
815
+ <div class="glyph fs5">
763
816
  <div class="clearfix pbs">
764
817
  <svg class="icon icon-telegram"><use xlink:href="symbol-defs.svg#icon-telegram"></use></svg><span class="name"> icon-telegram</span>
765
818
  </div>
766
819
  </div>
767
- <div class="glyph fs4">
820
+ <div class="glyph fs5">
768
821
  <div class="clearfix pbs">
769
822
  <svg class="icon icon-thinq"><use xlink:href="symbol-defs.svg#icon-thinq"></use></svg><span class="name"> icon-thinq</span>
770
823
  </div>
771
824
  </div>
772
- <div class="glyph fs4">
825
+ <div class="glyph fs5">
773
826
  <div class="clearfix pbs">
774
827
  <svg class="icon icon-twilio_inverted"><use xlink:href="symbol-defs.svg#icon-twilio_inverted"></use></svg><span class="name"> icon-twilio_inverted</span>
775
828
  </div>
776
829
  </div>
777
- <div class="glyph fs4">
830
+ <div class="glyph fs5">
778
831
  <div class="clearfix pbs">
779
832
  <svg class="icon icon-twilio_original"><use xlink:href="symbol-defs.svg#icon-twilio_original"></use></svg><span class="name"> icon-twilio_original</span>
780
833
  </div>
781
834
  </div>
782
- <div class="glyph fs4">
835
+ <div class="glyph fs5">
783
836
  <div class="clearfix pbs">
784
837
  <svg class="icon icon-twitter"><use xlink:href="symbol-defs.svg#icon-twitter"></use></svg><span class="name"> icon-twitter</span>
785
838
  </div>
786
839
  </div>
787
- <div class="glyph fs4">
840
+ <div class="glyph fs5">
788
841
  <div class="clearfix pbs">
789
842
  <svg class="icon icon-viber"><use xlink:href="symbol-defs.svg#icon-viber"></use></svg><span class="name"> icon-viber</span>
790
843
  </div>
791
844
  </div>
792
- <div class="glyph fs4">
845
+ <div class="glyph fs5">
793
846
  <div class="clearfix pbs">
794
847
  <svg class="icon icon-vk"><use xlink:href="symbol-defs.svg#icon-vk"></use></svg><span class="name"> icon-vk</span>
795
848
  </div>
796
849
  </div>
797
- <div class="glyph fs4">
850
+ <div class="glyph fs5">
798
851
  <div class="clearfix pbs">
799
852
  <svg class="icon icon-wechat"><use xlink:href="symbol-defs.svg#icon-wechat"></use></svg><span class="name"> icon-wechat</span>
800
853
  </div>
801
854
  </div>
802
- <div class="glyph fs4">
855
+ <div class="glyph fs5">
803
856
  <div class="clearfix pbs">
804
857
  <svg class="icon icon-whatsapp"><use xlink:href="symbol-defs.svg#icon-whatsapp"></use></svg><span class="name"> icon-whatsapp</span>
805
858
  </div>
806
859
  </div>
807
- <div class="glyph fs4">
860
+ <div class="glyph fs5">
808
861
  <div class="clearfix pbs">
809
862
  <svg class="icon icon-wit"><use xlink:href="symbol-defs.svg#icon-wit"></use></svg><span class="name"> icon-wit</span>
810
863
  </div>
811
864
  </div>
812
- <div class="glyph fs4">
865
+ <div class="glyph fs5">
813
866
  <div class="clearfix pbs">
814
867
  <svg class="icon icon-zendesk"><use xlink:href="symbol-defs.svg#icon-zendesk"></use></svg><span class="name"> icon-zendesk</span>
815
868
  </div>
816
869
  </div>
817
- <div class="glyph fs4">
870
+ <div class="glyph fs5">
818
871
  <div class="clearfix pbs">
819
872
  <svg class="icon icon-vonage"><use xlink:href="symbol-defs.svg#icon-vonage"></use></svg><span class="name"> icon-vonage</span>
820
873
  </div>
821
874
  </div>
822
- <div class="glyph fs4">
875
+ <div class="glyph fs5">
823
876
  <div class="clearfix pbs">
824
877
  <svg class="icon icon-megaphone"><use xlink:href="symbol-defs.svg#icon-megaphone"></use></svg><span class="name"> icon-megaphone</span>
825
878
  </div>