@finqu/cool 1.2.21 → 1.2.23

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 (32) hide show
  1. package/dist/css/cool-grid.css +1 -1
  2. package/dist/css/cool-grid.css.map +1 -1
  3. package/dist/css/cool-grid.min.css.map +1 -1
  4. package/dist/css/cool-reboot.css +1 -1
  5. package/dist/css/cool-reboot.css.map +2 -2
  6. package/dist/css/cool-reboot.min.css.map +1 -1
  7. package/dist/css/cool.css +21 -21
  8. package/dist/css/cool.css.map +6 -6
  9. package/dist/css/cool.min.css +1 -1
  10. package/dist/css/cool.min.css.map +1 -1
  11. package/dist/js/cool.bundle.js +1 -1
  12. package/dist/js/cool.bundle.min.js +3 -3
  13. package/dist/js/cool.bundle.min.js.map +1 -1
  14. package/dist/js/cool.esm.js +1 -1
  15. package/dist/js/cool.esm.min.js +3 -3
  16. package/dist/js/cool.esm.min.js.map +1 -1
  17. package/dist/js/cool.js +1 -1
  18. package/dist/js/cool.min.js +3 -3
  19. package/dist/js/cool.min.js.map +1 -1
  20. package/js/dist/collapse.js +1 -1
  21. package/js/dist/common.js +1 -1
  22. package/js/dist/dropdown.js +1 -1
  23. package/js/dist/popover.js +1 -1
  24. package/js/dist/sectiontabs.js +1 -1
  25. package/js/dist/select.js +1 -1
  26. package/js/dist/tooltip.js +1 -1
  27. package/package.json +1 -1
  28. package/scss/_alert.scss +0 -16
  29. package/scss/_custom-forms.scss +8 -5
  30. package/scss/_input-group.scss +18 -18
  31. package/scss/_navbar.scss +6 -1
  32. package/scss/_variables.scss +12 -11
package/js/dist/collapse.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Cool UI collapse.js v1.2.20 (https://finqu.fi)
2
+ * Cool UI collapse.js v1.2.22 (https://finqu.fi)
3
3
  * Copyright 2011-2020 Finqu Oy
4
4
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
5
5
  */
package/js/dist/common.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Cool UI common.js v1.2.20 (https://finqu.fi)
2
+ * Cool UI common.js v1.2.22 (https://finqu.fi)
3
3
  * Copyright 2011-2020 Finqu Oy
4
4
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
5
5
  */
package/js/dist/dropdown.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Cool UI dropdown.js v1.2.20 (https://finqu.fi)
2
+ * Cool UI dropdown.js v1.2.22 (https://finqu.fi)
3
3
  * Copyright 2011-2020 Finqu Oy
4
4
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
5
5
  */
package/js/dist/popover.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Cool UI popover.js v1.2.20 (https://finqu.fi)
2
+ * Cool UI popover.js v1.2.22 (https://finqu.fi)
3
3
  * Copyright 2011-2020 Finqu Oy
4
4
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
5
5
  */
package/js/dist/sectiontabs.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Cool UI sectiontabs.js v1.2.20 (https://finqu.fi)
2
+ * Cool UI sectiontabs.js v1.2.22 (https://finqu.fi)
3
3
  * Copyright 2011-2020 Finqu Oy
4
4
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
5
5
  */
package/js/dist/select.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Cool UI select.js v1.2.20 (https://finqu.fi)
2
+ * Cool UI select.js v1.2.22 (https://finqu.fi)
3
3
  * Copyright 2011-2020 Finqu Oy
4
4
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
5
5
  */
package/js/dist/tooltip.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Cool UI tooltip.js v1.2.20 (https://finqu.fi)
2
+ * Cool UI tooltip.js v1.2.22 (https://finqu.fi)
3
3
  * Copyright 2011-2020 Finqu Oy
4
4
  * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
5
5
  */
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@finqu/cool",
3
- "version": "1.2.21",
3
+ "version": "1.2.23",
4
4
  "description": "Finqu UI package",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/scss/_alert.scss CHANGED
@@ -78,14 +78,6 @@
78
78
  }
79
79
  }
80
80
 
81
- .alert-icon {
82
- & + .alert-content-container {
83
- .alert-content {
84
- margin-top: 7px;
85
- }
86
- }
87
- }
88
-
89
81
  &.alert-sm {
90
82
  .alert-icon {
91
83
  width: 18px;
@@ -103,14 +95,6 @@
103
95
  margin-top: $section-padding / 2;
104
96
  }
105
97
  }
106
-
107
- .alert-icon {
108
- & + .alert-content-container {
109
- .alert-content {
110
- margin-top: 0;
111
- }
112
- }
113
- }
114
98
  }
115
99
  }
116
100
 
package/scss/_custom-forms.scss CHANGED
@@ -237,16 +237,18 @@
237
237
 
238
238
  // ON/OFF Switch
239
239
  .onoffswitch {
240
- display: inline-block;
240
+ display: inline-flex;
241
241
  vertical-align: middle;
242
242
  position: relative;
243
- width: 35px;
244
243
  user-select: none;
244
+ width: 35px;
245
245
  margin: 0 auto;
246
246
 
247
- &.inline-switch {
248
- margin-left: 0;
249
- margin-right: 10px;
247
+ & + label {
248
+ margin-left: 10px;
249
+ margin-bottom: 0;
250
+ flex-basis: 0;
251
+ flex-grow: 1;
250
252
  }
251
253
 
252
254
  .onoffswitch-checkbox {
@@ -269,6 +271,7 @@
269
271
 
270
272
  .onoffswitch-label {
271
273
  display: block;
274
+ width: 100%;
272
275
  overflow: hidden;
273
276
  cursor: pointer;
274
277
  height: 15px;
package/scss/_input-group.scss CHANGED
@@ -26,9 +26,9 @@ html.dom-ready {
26
26
  margin-bottom: 0;
27
27
 
28
28
  + .form-control {
29
- // Add extra 0.5px to border rendering bug on chrome
30
- //margin-left: calc(-#{$input-border-width + 0.5});
31
- margin-left: -#{$input-border-width};
29
+ // Add extra 0.2px to border rendering bug on chrome
30
+ // margin-left: -#{$input-border-width};
31
+ margin-left: calc(-#{$input-border-width + 0.2});
32
32
  }
33
33
  }
34
34
 
@@ -87,33 +87,33 @@ html.dom-ready {
87
87
  .input-group-dropdown + .btn,
88
88
  .input-group-dropdown + .input-group-text,
89
89
  .input-group-dropdown + .input-group-dropdown {
90
- // Add extra 0.5px to border rendering bug on chrome
91
- //margin-left: calc(-#{$input-border-width + 0.5});
92
- margin-left: -#{$input-border-width};
90
+ // Add extra 0.2px to border rendering bug on chrome
91
+ // margin-left: -#{$input-border-width};
92
+ margin-left: calc(-#{$input-border-width + 0.2});
93
93
  }
94
94
  }
95
95
 
96
96
  .input-group-prepend {
97
- // Add extra 0.5px to border rendering bug on chrome
98
- //margin-right: calc(-#{$input-border-width + 0.5});
99
- margin-right: -#{$input-border-width};
97
+ // Add extra 0.2px to border rendering bug on chrome
98
+ // margin-right: -#{$input-border-width};
99
+ margin-right: calc(-#{$input-border-width + 0.2});
100
100
 
101
101
  .input-group-text > span {
102
- // Add extra 0.5px to border rendering bug on chrome
103
- //margin-right: calc(#{$input-border-width + 0.5});
104
- margin-right: $input-border-width;
102
+ // Add extra 0.2px to border rendering bug on chrome
103
+ // margin-right: $input-border-width;
104
+ margin-right: calc(#{$input-border-width + 0.2});
105
105
  }
106
106
  }
107
107
 
108
108
  .input-group-append {
109
- // Add extra 0.5px to border rendering bug on chrome
110
- //margin-left: calc(-#{$input-border-width + 0.5});
111
- margin-left: -#{$input-border-width};
109
+ // Add extra 0.2px to border rendering bug on chrome
110
+ // margin-left: -#{$input-border-width};
111
+ margin-left: calc(-#{$input-border-width + 0.2});
112
112
 
113
113
  .input-group-text > span {
114
- // Add extra 0.5px to border rendering bug on chrome
115
- //margin-left: calc(#{$input-border-width + 0.5});
116
- margin-left: $input-border-width;
114
+ // Add extra 0.2px to border rendering bug on chrome
115
+ // margin-left: $input-border-width;
116
+ margin-left: calc(#{$input-border-width + 0.2});
117
117
  }
118
118
  }
119
119
 
package/scss/_navbar.scss CHANGED
@@ -173,6 +173,11 @@ html.dom-ready {
173
173
  justify-content: flex-start;
174
174
  }
175
175
 
176
+ .nav-item-spacer {
177
+ flex: 0 0 $navbar-item-spacer-width;
178
+ width: $navbar-item-spacer-width;
179
+ }
180
+
176
181
  .nav-item {
177
182
  display: flex;
178
183
  align-items: center;
@@ -187,9 +192,9 @@ html.dom-ready {
187
192
  color: $navbar-color;
188
193
  margin: 0 0 auto 0;
189
194
  box-sizing: border-box;
190
- min-width: 45px;
191
195
  text-align: center;
192
196
  height: 100%;
197
+ min-width: $navbar-item-min-width;
193
198
 
194
199
  .icon {
195
200
  width: auto;
package/scss/_variables.scss CHANGED
@@ -174,7 +174,7 @@ $body-color: color('grey-darkest') !default;
174
174
 
175
175
  // Borders
176
176
  $border-width: 1px !default;
177
- $border-color: color('grey');
177
+ $border-color: color('grey') !default;
178
178
 
179
179
  $border-radius: 3px !default;
180
180
  $border-radius-sm: 3px !default;
@@ -185,17 +185,18 @@ $border-radius-lg: 5px !default;
185
185
  $navbar-bg: color('blue-grey') !default;
186
186
  $navbar-color: darken(color('grey'), 10%) !default;
187
187
  $navbar-hover-color: color('blue') !default;
188
- $navbar-height: 60px;
189
- $navbar-height-sm: 48px;
190
- $navbar-border-width: 1px;
188
+ $navbar-height: 60px !default;
189
+ $navbar-height-sm: 48px !default;
190
+ $navbar-border-width: 1px !default;
191
191
  $navbar-border-color: transparent;
192
- $navbar-padding-x: 15px;
193
-
194
- $navbar-item-min-width: 45px;
195
- $navbar-item-padding-x: 8px;
196
- $navbar-item-font-size: 14px;
197
- $navbar-item-icon-size: 20px;
198
- $navbar-pulse-shadow-color: lighten($navbar-color, 10%);
192
+ $navbar-padding-x: 15px !default;
193
+
194
+ $navbar-item-min-width: 45px !default;
195
+ $navbar-item-padding-x: 8px !default;
196
+ $navbar-item-font-size: 14px !default;
197
+ $navbar-item-icon-size: 20px !default;
198
+ $navbar-item-spacer-width: 10px !default;
199
+ $navbar-pulse-shadow-color: lighten($navbar-color, 10%) !default;
199
200
 
200
201
  // Frame
201
202
  $frame-enable: true !default;