@finqu/cool 1.2.28 → 1.2.29

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 (72) hide show
  1. package/dist/css/cool-grid.css +703 -17
  2. package/dist/css/cool-grid.css.map +3 -3
  3. package/dist/css/cool-grid.min.css +1 -1
  4. package/dist/css/cool-grid.min.css.map +1 -1
  5. package/dist/css/cool-reboot.css +16 -15
  6. package/dist/css/cool-reboot.css.map +7 -7
  7. package/dist/css/cool-reboot.min.css +1 -1
  8. package/dist/css/cool-reboot.min.css.map +1 -1
  9. package/dist/css/cool.css +2663 -2160
  10. package/dist/css/cool.css.map +30 -30
  11. package/dist/css/cool.min.css +1 -1
  12. package/dist/css/cool.min.css.map +1 -1
  13. package/dist/js/cool.bundle.js +127 -107
  14. package/dist/js/cool.bundle.js.map +1 -1
  15. package/dist/js/cool.bundle.min.js +3 -3
  16. package/dist/js/cool.bundle.min.js.map +1 -1
  17. package/dist/js/cool.esm.js +127 -107
  18. package/dist/js/cool.esm.js.map +1 -1
  19. package/dist/js/cool.esm.min.js +3 -3
  20. package/dist/js/cool.esm.min.js.map +1 -1
  21. package/dist/js/cool.js +127 -107
  22. package/dist/js/cool.js.map +1 -1
  23. package/dist/js/cool.min.js +3 -3
  24. package/dist/js/cool.min.js.map +1 -1
  25. package/html/index.html +41 -42
  26. package/js/dist/collapse.js +912 -667
  27. package/js/dist/collapse.js.map +1 -1
  28. package/js/dist/common.js +1211 -1367
  29. package/js/dist/common.js.map +1 -1
  30. package/js/dist/dropdown.js +2 -2
  31. package/js/dist/popover.js +1784 -1610
  32. package/js/dist/popover.js.map +1 -1
  33. package/js/dist/sectiontabs.js +2 -2
  34. package/js/dist/select.js +3330 -3302
  35. package/js/dist/select.js.map +1 -1
  36. package/js/dist/tooltip.js +2 -2
  37. package/js/src/collapse.js +44 -30
  38. package/js/src/common.js +60 -77
  39. package/js/src/dialog.js +3 -2
  40. package/js/src/popover.js +15 -4
  41. package/js/src/select.js +7 -6
  42. package/package.json +1 -1
  43. package/scss/_alert.scss +26 -30
  44. package/scss/_badge.scss +44 -13
  45. package/scss/_buttons.scss +60 -19
  46. package/scss/_custom-forms.scss +51 -36
  47. package/scss/_dialog.scss +15 -16
  48. package/scss/_dropdown.scss +2 -0
  49. package/scss/_forms.scss +2 -1
  50. package/scss/_frame.scss +310 -231
  51. package/scss/_functions.scss +1 -1
  52. package/scss/_images.scss +51 -52
  53. package/scss/_input-group.scss +35 -21
  54. package/scss/_navbar.scss +30 -4
  55. package/scss/_pagination.scss +25 -16
  56. package/scss/_popover.scss +3 -1
  57. package/scss/_reboot.scss +5 -4
  58. package/scss/_root.scss +3 -3
  59. package/scss/_section.scss +162 -97
  60. package/scss/_select.scss +12 -0
  61. package/scss/_tables.scss +55 -36
  62. package/scss/_tabs.scss +29 -26
  63. package/scss/_type.scss +9 -1
  64. package/scss/_variables.scss +376 -252
  65. package/scss/mixins/_alert-variant.scss +6 -11
  66. package/scss/mixins/_badge-variant.scss +2 -2
  67. package/scss/mixins/_gradients.scss +5 -5
  68. package/scss/utilities/_background.scss +3 -3
  69. package/scss/utilities/_borders.scss +5 -5
  70. package/scss/utilities/_placeholder.scss +6 -5
  71. package/scss/utilities/_text.scss +3 -3
  72. package/html/dropdown-test.html +0 -200
package/html/index.html CHANGED
@@ -32,14 +32,15 @@
32
32
  <link rel="icon" type="image/png" href="https://cdn.finqu.com/sites/public/images/favicons/favicon-96x96.png" sizes="96x96">
33
33
  <link rel="icon" type="image/png" href="https://cdn.finqu.com/sites/public/images/favicons/android-chrome-192x192.png" sizes="192x192">
34
34
 
35
- <link href="https://fonts.googleapis.com/css?family=Roboto:300,300i,400,400i,500,500i" rel="stylesheet">
35
+ <link href="https://fonts.googleapis.com/css?family=Inter:400,500,600" rel="stylesheet">
36
+ <link href="https://fonts.googleapis.com/css?family=Poppins:400,500,600" rel="stylesheet">
36
37
  <link rel="stylesheet" href="../dist/css/cool.css">
37
38
  <script defer src="https://use.fontawesome.com/releases/v5.8.1/js/all.js" integrity="sha384-g5uSoOSBd7KkhAMlnQILrecXvzst9TdC09/VM+pjDTCM+1il8RHz5fKANTFFb+gQ" crossorigin="anonymous"></script>
38
39
  </head>
39
40
 
40
41
  <body>
41
42
 
42
- <header class="site-header">
43
+ <header class="site-header d-md-none">
43
44
 
44
45
  <div class="navbar">
45
46
 
@@ -59,14 +60,9 @@
59
60
 
60
61
  <a href="//business<?= CONFIG_MAINDOMAIN ?>" class="brand">
61
62
 
62
- <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 440.72 120.53" width="100px">
63
- <g id="Layer_2" data-name="Layer 2">
64
- <g id="Layer_1-2" data-name="Layer 1">
65
- <path d="M439.51 78.14Q428.32 53.06 417.08 28a19.65 19.65 0 0 0-4.76-6.61q-9.9-9-19.83-17.9a12.25 12.25 0 0 0-13.72-2.38q-11.24 4.71-22.24 10a12.31 12.31 0 0 0-7.35 11.84c0 2.1 0 4.21.06 6.3a2 2 0 0 1-1.24 2.11c-10.92 6.37-20.51 14.34-25.84 26-3.94 8.6 3.45 9.51 4.22 5.45 1.06-5.53 5-9.77 8.74-13.83 6.68-7.17 14.39-12.9 23.71-16.22a24.07 24.07 0 0 1 12.87-1.4 20.41 20.41 0 0 1 3.48 1.11c1.9.72 3.59.22 4.31-1.36a2.94 2.94 0 0 0-2-4c-2.26-.75-4.62-1.19-6.94-1.73a13 13 0 0 0-1.61-.19 9 9 0 0 1 3.79-4.5 10.16 10.16 0 0 1 14.43 13.17 10.39 10.39 0 0 1-13.44 4.68c-3.46-1.68-7-1.51-10.59-.57A41.48 41.48 0 0 0 350 44.34a2 2 0 0 0-.61 1.34c-.35 5.1.61 8.87 2.8 14.62.12.31 15.4 34 21.33 47.18a14.79 14.79 0 0 0 2.16 3.53 13.34 13.34 0 0 0 15.78 3.23q10.5-4.67 21-9.39c6.72-3 13.45-6 20.15-9 7-3.25 9.98-10.78 6.9-17.71zm-41.19 10.64a4.4 4.4 0 0 1-2.32 2.48h-.07a4.37 4.37 0 0 1-3.65-8 4.28 4.28 0 0 1 5.82 2.1 4.33 4.33 0 0 1 .22 3.42zM387.69 82c-1.48.7-2.4.41-3.33-1-3-4.56-6.18-9.06-9.36-13.53a6.56 6.56 0 0 0-2.24-1.7c-1.31-.7-2.79-1.11-4-1.91a2.59 2.59 0 0 1-1-2.05c.1-1.06 1.06-1.41 2.08-1.13 2.22.6 4.41 1.29 6.64 1.84a3.42 3.42 0 0 0 2-.06c4.33-1.68 8.63-3.42 12.93-5.17 5.53-2.25 11-4.53 16.57-6.8 1.61-.65 2.53-.16 2.94 1.53 1.26 5.17 2.5 10.35 3.81 15.5a2.06 2.06 0 0 1-1.36 2.78c-4.29 1.91-8.56 3.88-12.84 5.83S391.94 80 387.69 82zm27.36.62l-.25.11a4.38 4.38 0 1 1-3-8.23 4.56 4.56 0 0 1 5.62 2.44 4.43 4.43 0 0 1-2.37 5.65z" fill="#02a9dc"/>
66
- <path d="M0 83.08V16.3Q0 10.95 2.81 8a10.19 10.19 0 0 1 7.71-3h37.69q9.32 0 9.31 8v.79q0 8.25-9.36 8.25H17.21v22.39h30.93q9.38 0 9.38 7.49v.45q0 7.93-9.38 7.87H17.75v24.62q0 9.48-8.8 9.48h-.56Q0 94.34 0 83.08zM65.39 85.16V35.53q0-9.32 8.64-9.39 8.64 0 8.71 9.39v49.63q0 9.18-8.51 9.18h-.1q-8.74 0-8.74-9.18zM65.39 14.42C64.45 8.29 68.27 5.09 74 5c5.76 0 9.61 3.19 8.71 9.38-.45 3.13-2.84 8-8.51 8h-.1c-5.79.07-8.23-4.79-8.71-7.96zM135.28 25.34q-14.11 0-22 11.5c-.49-2.82-1.26-10.64-11-10.64-5.31 0-8 3.37-8 9.33v49.63q0 9.18 8.77 9.18h2q8.53 0 8.54-9.25V50q4.61-8.84 14.76-8.84 6 0 9.16 3.88t3.21 10.63v29.42q0 9.25 8.77 9.25h2.08q8.5 0 8.51-9.18V53.07q0-12.39-6.2-20.06t-18.6-7.67zM273.69 94.34q14.1 0 22.06-11.5c.47 2.82 1.25 10.64 11 10.64 5.32 0 8-3.37 8-9.32V34.52q0-9.18-8.77-9.18h-2.05q-8.53 0-8.54 9.25v35.1q-4.6 8.84-14.77 8.84-5.94 0-9.15-3.88T268.21 64V34.59q0-9.26-8.77-9.25h-2.08q-8.51 0-8.51 9.18V66.6q0 12.41 6.2 20.07t18.64 7.67zM232.36 26.2c-10 0-10.44 7.75-11 10.37a21.78 21.78 0 0 0-8.71-8.08 27.21 27.21 0 0 0-13.14-3.15q-14 0-22.64 9.67t-8.64 25.77q0 15.45 8.64 25.15t22.38 9.68q14.6-.06 21.7-12.38v28.06q0 9.24 8.54 9.24h2q8.81 0 8.81-9.31V35.53c.01-5.98-2.67-9.33-7.94-9.33zm-13.07 38.33a14.92 14.92 0 0 1-5 11.42 16.92 16.92 0 0 1-11.92 4.59 15.64 15.64 0 0 1-12.36-5.49q-4.78-5.49-4.79-14.27T190 46.51q4.72-5.35 12.7-5.36c7.86 0 15 3.11 16.61 10.85.63 3.07-.02 12.53-.02 12.53z" fill="#ffffff"/>
67
- </g>
68
- </g>
69
- </svg>
63
+ <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 88.86 88.82" width="32">
64
+ <defs><style>.cls-1{fill:#f54e96;fill-rule:evenodd;}.cls-2{fill:#fff;}</style></defs><path class="cls-1" d="M14.14,2.88A9.8,9.8,0,0,1,21.64,0L81.83,3.35a7.47,7.47,0,0,1,7,7.57c0,3,0,63.78,0,65.75A12.18,12.18,0,0,1,76.71,88.82H10.92a7.47,7.47,0,0,1-7.57-7S.82,36.17,0,21.64a9.8,9.8,0,0,1,2.86-7.5L14.14,2.88Zm37.93,55V70.17a4.72,4.72,0,1,1-9.43,0V43.73A17.69,17.69,0,0,1,60.32,26.05h5.36a4.72,4.72,0,0,1,0,9.43H60.32a8.25,8.25,0,0,0-8.25,8.25v4.69H63.68a4.71,4.71,0,0,1,0,9.42ZM26.35,19a6.64,6.64,0,1,1-6.64-6.64A6.64,6.64,0,0,1,26.35,19Z"/><path class="cls-2" d="M26.35,19a6.64,6.64,0,1,0-6.64,6.64A6.64,6.64,0,0,0,26.35,19Z"/><path class="cls-2" d="M54.48,37.9a8.26,8.26,0,0,1,5.84-2.42h5.36a4.72,4.72,0,0,0,0-9.43H60.32A17.69,17.69,0,0,0,42.64,43.73V70.17a4.72,4.72,0,1,0,9.43,0V57.84H63.68a4.71,4.71,0,0,0,0-9.42H52.07V43.73A8.25,8.25,0,0,1,54.48,37.9Z"/>
65
+ </svg>
70
66
 
71
67
  </a>
72
68
 
@@ -120,8 +116,6 @@
120
116
 
121
117
  <a href="#buttons" class="nav-item">
122
118
 
123
- <i class="fas fa-mug-hot nav-icon icon"></i>
124
-
125
119
  <span class="nav-item-title">
126
120
  Buttons
127
121
  </span>
@@ -138,8 +132,6 @@
138
132
 
139
133
  <a href="#input-group" class="nav-item">
140
134
 
141
- <i class="fas fa-mug-hot nav-icon icon"></i>
142
-
143
135
  <span class="nav-item-title">
144
136
  Input group
145
137
  </span>
@@ -152,8 +144,6 @@
152
144
 
153
145
  <a href="#tooltip" class="nav-item">
154
146
 
155
- <i class="fas fa-mug-hot nav-icon icon"></i>
156
-
157
147
  <span class="nav-item-title">
158
148
  Tooltip
159
149
  </span>
@@ -166,8 +156,6 @@
166
156
 
167
157
  <a href="#popover" class="nav-item">
168
158
 
169
- <i class="fas fa-mug-hot nav-icon icon"></i>
170
-
171
159
  <span class="nav-item-title">
172
160
  Popover
173
161
  </span>
@@ -180,8 +168,6 @@
180
168
 
181
169
  <a href="#select" class="nav-item">
182
170
 
183
- <i class="fas fa-mug-hot nav-icon icon"></i>
184
-
185
171
  <span class="nav-item-title">
186
172
  Select
187
173
  </span>
@@ -194,8 +180,6 @@
194
180
 
195
181
  <a href="#dropdown" class="nav-item">
196
182
 
197
- <i class="fas fa-mug-hot nav-icon icon"></i>
198
-
199
183
  <span class="nav-item-title">
200
184
  Dropdown
201
185
  </span>
@@ -208,8 +192,6 @@
208
192
 
209
193
  <a href="#collapse" class="nav-item">
210
194
 
211
- <i class="fas fa-mug-hot nav-icon icon"></i>
212
-
213
195
  <span class="nav-item-title">
214
196
  Collapse
215
197
  </span>
@@ -222,8 +204,6 @@
222
204
 
223
205
  <a href="#toast" class="nav-item">
224
206
 
225
- <i class="fas fa-mug-hot nav-icon icon"></i>
226
-
227
207
  <span class="nav-item-title">
228
208
  Toast
229
209
  </span>
@@ -236,8 +216,6 @@
236
216
 
237
217
  <a href="#dialog" class="nav-item">
238
218
 
239
- <i class="fas fa-mug-hot nav-icon icon"></i>
240
-
241
219
  <span class="nav-item-title">
242
220
  Dialog
243
221
  </span>
@@ -250,8 +228,6 @@
250
228
 
251
229
  <a href="#section-tabs" class="nav-item">
252
230
 
253
- <i class="fas fa-mug-hot nav-icon icon"></i>
254
-
255
231
  <span class="nav-item-title">
256
232
  Section tabs
257
233
  </span>
@@ -264,8 +240,6 @@
264
240
 
265
241
  <a href="#images" class="nav-item">
266
242
 
267
- <i class="fas fa-mug-hot nav-icon icon"></i>
268
-
269
243
  <span class="nav-item-title">
270
244
  Images
271
245
  </span>
@@ -278,8 +252,6 @@
278
252
 
279
253
  <a href="#alerts" class="nav-item">
280
254
 
281
- <i class="fas fa-mug-hot nav-icon icon"></i>
282
-
283
255
  <span class="nav-item-title">
284
256
  Alerts
285
257
  </span>
@@ -292,7 +264,9 @@
292
264
 
293
265
  <a href="#badges" class="nav-item">
294
266
 
295
- <i class="fas fa-mug-hot nav-icon icon"></i>
267
+ <span class="nav-icon-wrapper">
268
+ <i class="fas fa-mug-hot nav-icon icon"></i>
269
+ </span>
296
270
 
297
271
  <span class="nav-item-title">
298
272
  Badges
@@ -345,6 +319,7 @@
345
319
 
346
320
  <button class="btn btn-primary">Primary!</button>
347
321
  <button class="btn btn-secondary">Secondary!</button>
322
+ <button class="btn btn-remove">Remove!</button>
348
323
 
349
324
  <button class="btn btn-outline-primary">Primary!</button>
350
325
  <button class="btn btn-outline-secondary">Secondary!</button>
@@ -1537,7 +1512,7 @@
1537
1512
 
1538
1513
  <div class="section-title">
1539
1514
 
1540
- <button type="button" class="btn-text d-flex w-100 justify-content-between" data-toggle="collapse" data-target=".test-collapse-hr" aria-expanded="false">
1515
+ <button type="button" class="btn-text d-flex w-100 justify-content-between" data-toggle="collapse" data-target=".test-collapse-hr" aria-expanded="true">
1541
1516
 
1542
1517
  <span>Collapse hr</span>
1543
1518
  <span data-collapse-indicator=".test-secondary-collapse">
@@ -1758,6 +1733,30 @@
1758
1733
 
1759
1734
  <img src="https://via.placeholder.com/24" class="cover" alt="">
1760
1735
 
1736
+ </div>
1737
+
1738
+ <div class="image img-xl img-thumbnail img-placeholder mb-2">
1739
+
1740
+
1741
+
1742
+ </div>
1743
+
1744
+ <div class="image img-lg img-thumbnail img-placeholder mb-2">
1745
+
1746
+
1747
+ </div>
1748
+
1749
+ <div class="image img-md img-thumbnail img-placeholder mb-2">
1750
+
1751
+
1752
+ </div>
1753
+
1754
+ <div class="image img-sm img-thumbnail img-placeholder mb-2">
1755
+
1756
+ </div>
1757
+
1758
+ <div class="image img-xs img-thumbnail img-placeholder mb-2">
1759
+
1761
1760
  </div>
1762
1761
 
1763
1762
  </div>
@@ -2135,33 +2134,33 @@
2135
2134
  <p class="mt-3">Sizing with class</p>
2136
2135
 
2137
2136
  <span class="badge badge-primary">
2138
-
2137
+
2139
2138
  <span class="alert-icon">
2140
2139
  <i class="fa fa-exclamation icon"></i>
2141
2140
  </span>
2142
2141
 
2143
2142
  default
2144
-
2143
+
2145
2144
  </span>
2146
2145
 
2147
2146
  <span class="badge badge-sm badge-primary">
2148
-
2147
+
2149
2148
  <span class="alert-icon">
2150
2149
  <i class="fa fa-exclamation icon"></i>
2151
2150
  </span>
2152
2151
 
2153
2152
  sm
2154
-
2153
+
2155
2154
  </span>
2156
2155
 
2157
2156
  <span class="badge badge-xs badge-primary">
2158
-
2157
+
2159
2158
  <span class="alert-icon">
2160
2159
  <i class="fa fa-exclamation icon"></i>
2161
2160
  </span>
2162
2161
 
2163
2162
  xs
2164
-
2163
+
2165
2164
  </span>
2166
2165
 
2167
2166
  </div>