@finqu/cool 1.2.19 → 1.2.21

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 (24) 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 +1 -1
  6. package/dist/css/cool-reboot.min.css.map +1 -1
  7. package/dist/css/cool.css +30 -12
  8. package/dist/css/cool.css.map +3 -3
  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.esm.js +1 -1
  13. package/dist/js/cool.js +1 -1
  14. package/html/index.html +33 -1
  15. package/js/dist/collapse.js +1 -1
  16. package/js/dist/common.js +1 -1
  17. package/js/dist/dropdown.js +1 -1
  18. package/js/dist/popover.js +1 -1
  19. package/js/dist/sectiontabs.js +1 -1
  20. package/js/dist/select.js +1 -1
  21. package/js/dist/tooltip.js +1 -1
  22. package/package.json +1 -1
  23. package/scss/_badge.scss +31 -12
  24. package/scss/_variables.scss +9 -9
package/dist/js/cool.bundle.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Cool UI v1.2.17 (https://finqu.fi)
2
+ * Cool UI v1.2.20 (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/dist/js/cool.esm.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Cool UI v1.2.17 (https://finqu.fi)
2
+ * Cool UI v1.2.20 (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/dist/js/cool.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Cool UI v1.2.17 (https://finqu.fi)
2
+ * Cool UI v1.2.20 (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/html/index.html CHANGED
@@ -2078,7 +2078,7 @@
2078
2078
  <span class="badge badge-warning"><span class="alert-icon"><i class="fa fa-exclamation icon"></i></span> Badge</span>
2079
2079
  <span class="badge badge-danger"><span class="alert-icon"><i class="fa fa-exclamation icon"></i></span> Badge</span>
2080
2080
 
2081
- <p class="mt-3">Sizes</p>
2081
+ <p class="mt-3">Sizing with font size</p>
2082
2082
 
2083
2083
  <h1><span class="badge badge-primary"><span class="alert-icon"><i class="fa fa-exclamation icon"></i></span> Badge</span></h1>
2084
2084
 
@@ -2092,6 +2092,38 @@
2092
2092
 
2093
2093
  <h6><span class="badge badge-danger"><span class="alert-icon"><i class="fa fa-exclamation icon"></i></span> Badge</span></h6>
2094
2094
 
2095
+ <p class="mt-3">Sizing with class</p>
2096
+
2097
+ <span class="badge badge-primary">
2098
+
2099
+ <span class="alert-icon">
2100
+ <i class="fa fa-exclamation icon"></i>
2101
+ </span>
2102
+
2103
+ default
2104
+
2105
+ </span>
2106
+
2107
+ <span class="badge badge-sm badge-primary">
2108
+
2109
+ <span class="alert-icon">
2110
+ <i class="fa fa-exclamation icon"></i>
2111
+ </span>
2112
+
2113
+ sm
2114
+
2115
+ </span>
2116
+
2117
+ <span class="badge badge-xs badge-primary">
2118
+
2119
+ <span class="alert-icon">
2120
+ <i class="fa fa-exclamation icon"></i>
2121
+ </span>
2122
+
2123
+ xs
2124
+
2125
+ </span>
2126
+
2095
2127
  </div>
2096
2128
 
2097
2129
  </div>
package/js/dist/collapse.js CHANGED
@@ -1,5 +1,5 @@
1
1
  /*!
2
- * Cool UI collapse.js v1.2.17 (https://finqu.fi)
2
+ * Cool UI collapse.js v1.2.20 (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.17 (https://finqu.fi)
2
+ * Cool UI common.js v1.2.20 (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.17 (https://finqu.fi)
2
+ * Cool UI dropdown.js v1.2.20 (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.17 (https://finqu.fi)
2
+ * Cool UI popover.js v1.2.20 (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.17 (https://finqu.fi)
2
+ * Cool UI sectiontabs.js v1.2.20 (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.17 (https://finqu.fi)
2
+ * Cool UI select.js v1.2.20 (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.17 (https://finqu.fi)
2
+ * Cool UI tooltip.js v1.2.20 (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.19",
3
+ "version": "1.2.21",
4
4
  "description": "Finqu UI package",
5
5
  "main": "index.js",
6
6
  "scripts": {
package/scss/_badge.scss CHANGED
@@ -1,25 +1,44 @@
1
1
  // Badge
2
2
  // ---------------------------------------------------------------------------------------------------------------
3
+
3
4
  .badge {
4
- display: inline-block;
5
- vertical-align: middle;
6
- flex-direction: row;
7
- position: relative;
8
- border-radius: $border-radius;
9
- padding: 0.2em 0.5em;
10
- overflow: hidden;
11
- box-sizing: border-box;
12
- position: relative;
5
+ display: inline-flex;
6
+ font-size: $badge-font-size;
7
+ font-weight: $badge-font-weight;
8
+ padding: $badge-padding-y $badge-padding-x;
9
+ line-height: $badge-line-height;
10
+ border-radius: $badge-border-radius;
13
11
  border: 1px solid theme-color('primary');
14
12
  background-color: fade-out(theme-color('primary'), 0.9);
15
- touch-action: manipulation;
13
+ color: theme-color('primary');
14
+ box-sizing: border-box;
15
+ align-items: center;
16
+ margin: 2px;
17
+ text-align: center;
16
18
  text-decoration: none;
19
+ touch-action: manipulation;
17
20
  user-select: none;
21
+ vertical-align: middle;
18
22
  white-space: nowrap;
19
- color: theme-color('primary');
23
+ flex-direction: row;
24
+ position: relative;
25
+
26
+ &.badge-xs {
27
+ font-size: $badge-xs-font-size;
28
+ font-weight: $badge-xs-font-weight;
29
+ padding: $badge-xs-padding-y $badge-xs-padding-x;
30
+ line-height: $badge-xs-line-height;
31
+ }
32
+
33
+ &.badge-sm {
34
+ font-size: $badge-sm-font-size;
35
+ font-weight: $badge-sm-font-weight;
36
+ padding: $badge-sm-padding-y $badge-sm-padding-x;
37
+ line-height: $badge-sm-line-height;
38
+ }
20
39
 
21
40
  .alert-icon {
22
- margin: -0.1em 0.4em 0 0;
41
+ margin-right: 0.4em;
23
42
 
24
43
  .icon {
25
44
  color: theme-color('primary');
package/scss/_variables.scss CHANGED
@@ -448,23 +448,23 @@ $form-validation-states: map-merge(
448
448
 
449
449
 
450
450
  // Badge
451
- $badge-xs-font-size: $font-size-sm !default;
451
+ $badge-xs-font-size: 80% !default;
452
452
  $badge-xs-font-weight: $font-weight-normal !default;
453
453
  $badge-xs-line-height: $line-height-xs !default;
454
- $badge-xs-padding-y: 0 !default;
455
- $badge-xs-padding-x: 5px !default;
454
+ $badge-xs-padding-y: 0.2em !default;
455
+ $badge-xs-padding-x: 0.5em !default;
456
456
 
457
- $badge-sm-font-size: $font-size-sm !default;
457
+ $badge-sm-font-size: 90% !default;
458
458
  $badge-sm-font-weight: $font-weight-normal !default;
459
459
  $badge-sm-line-height: $line-height-sm !default;
460
- $badge-sm-padding-y: 4px !default;
461
- $badge-sm-padding-x: 10px !default;
460
+ $badge-sm-padding-y: 0.2em !default;
461
+ $badge-sm-padding-x: 0.5em !default;
462
462
 
463
- $badge-font-size: $font-size-sm !default;
463
+ $badge-font-size: inherit !default;
464
464
  $badge-font-weight: $font-weight-normal !default;
465
465
  $badge-line-height: $line-height-sm !default;
466
- $badge-padding-y: 8px !default;
467
- $badge-padding-x: 15px !default;
466
+ $badge-padding-y: 0.2em !default;
467
+ $badge-padding-x: 0.5em !default;
468
468
  $badge-border-radius: $border-radius !default;
469
469
 
470
470