@finqu/cool 1.1.0 → 1.1.2

package/html/index.html

@@ -301,15 +301,51 @@
 
 							<div class="section-content">
 
-								<div class="input-group">
+								<div class="form-group">
 
-									<div class="input-group-prepend">
+									<div class="input-group">
 
-										<div class="input-group-text">PRE</div>
+										<div class="input-group-prepend">
+
+											<div class="input-group-text">PRE</div>
+
+										</div>
+
+										<input type="text" class="form-control">
 
 									</div>
 
-									<input type="text" class="form-control">
+								</div>
+
+								<div class="form-group">
+
+									<div class="input-group is-valid">
+
+										<div class="input-group-prepend">
+
+											<div class="input-group-text">Valid</div>
+
+										</div>
+
+										<input type="text" class="form-control">
+
+									</div>
+
+								</div>
+
+								<div class="form-group">
+
+									<div class="input-group is-invalid">
+
+										<div class="input-group-prepend">
+
+											<div class="input-group-text">Invalid</div>
+
+										</div>
+
+										<input type="text" class="form-control">
+
+									</div>
 
 								</div>
 
@@ -672,6 +708,10 @@
 						            Dialog
 						        </button>
 
+						        <button type="button" class="btn btn-primary" name="dialog-scroll">
+						            Dialog scroll
+						        </button>
+
 							</div>
 
 						</div>
@@ -863,6 +903,14 @@
 				console.log(testDialog.$el);
 			});
 
+			$('[name="dialog-scroll"]').on('click', () => {
+
+				dialog({
+					title: 'Dialog scroll',
+					body: 'Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor.Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Sed posuere interdum sem. Quisque ligula eros ullamcorper quis, lacinia quis facilisis sed sapien. Mauris varius diam vitae arcu. Sed arcu lectus auctor vitae, consectetuer et venenatis eget velit. Sed augue orci, lacinia eu tincidunt et eleifend nec lacus. Donec ultricies nisl ut felis, suspendisse potenti. Lorem ipsum ligula ut hendrerit mollis, ipsum erat vehicula risus, eu suscipit sem libero nec erat. Aliquam erat volutpat. Sed congue augue vitae neque. Nulla consectetuer porttitor pede. Fusce purus morbi tortor magna condimentum vel, placerat id blandit sit amet tortor.',
+				});
+			});
+
 			$(document).on('click', '[name="dialog-inner-test"]', () => {
 
 				dialog({

package/js/dist/collapse.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI collapse.js v1.0.0 (https://finqu.fi)
+  * Cool UI collapse.js v1.1.1 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/js/dist/common.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI common.js v1.0.0 (https://finqu.fi)
+  * Cool UI common.js v1.1.1 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/js/dist/dropdown.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI dropdown.js v1.0.0 (https://finqu.fi)
+  * Cool UI dropdown.js v1.1.1 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/js/dist/popover.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI popover.js v1.0.0 (https://finqu.fi)
+  * Cool UI popover.js v1.1.1 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/js/dist/sectiontabs.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI sectiontabs.js v1.0.0 (https://finqu.fi)
+  * Cool UI sectiontabs.js v1.1.1 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/js/dist/select.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI select.js v1.0.0 (https://finqu.fi)
+  * Cool UI select.js v1.1.1 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/js/dist/tooltip.js

@@ -1,5 +1,5 @@
 /*!
-  * Cool UI tooltip.js v1.0.0 (https://finqu.fi)
+  * Cool UI tooltip.js v1.1.1 (https://finqu.fi)
   * Copyright 2011-2019 Finqu Oy
   * Licensed under the ISC license - (http://opensource.org/licenses/ISC)
   */

package/js/src/dialog.js

@@ -1,5 +1,6 @@
 import 'jquery';
-import { debounce } from './util/index';
+import PerfectScrollbar from './util/perfect-scrollbar';
+import { debounce, touchEvents } from './util/index';
 
 const NAME = 'coolDialog';
 const DATA_KEY = 'plugin_coolDialog';
@@ -203,6 +204,19 @@ class Dialog {
 
         this.$container.append(dialog.$el);
 
+        if (dialog.template === '' && touchEvents() == false) {
+
+            dialog.$el.find('.dialog-body').addClass('ps-dark');
+
+            new PerfectScrollbar(dialog.$el.find('.dialog-body')[0], {
+                wheelSpeed: 1,
+                wheelPropagation: false,
+                minScrollbarLength: 20
+            });
+
+            dialog.$el.find('.dialog-body').addClass('ps-show-rail-y');
+        }
+
         if (dialog.animation) {
             dialog.$el.find('.dialog-content').addClass(dialog.animationSpeed).animateCss(dialog.animationIn);
         }

package/less/tabs.less

@@ -57,7 +57,7 @@
     }
 }
 
-.tab-toggle {
+.tab-toggler {
     display: none;
     @media screen and (max-width: 767px) {
         display: block;
@@ -122,7 +122,7 @@
         }
     }
 
-    .tab-toggle {
+    .tab-toggler {
         position: absolute;
         left: 0;
         top: 0;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@finqu/cool",
-  "version": "1.1.0",
+  "version": "1.1.2",
   "description": "Finqu UI package",
   "main": "index.js",
   "scripts": {

package/scss/_button-group.scss

@@ -40,6 +40,7 @@
     > .btn-group:not(:last-child) > .btn {
         border-top-right-radius: 0;
         border-bottom-right-radius: 0;
+        margin-right: -1px;
     }
 
     > .btn:not(:first-child),

package/scss/_input-group.scss

@@ -85,20 +85,18 @@ html.dom-ready {
 }
 
 .input-group-prepend {
-    margin-right: -$input-border-width - 1;
+    margin-right: -$input-border-width;
 
-    // fix text cutting
     .input-group-text > span {
-        margin-right: $input-border-width + 1;
+        margin-right: $input-border-width;
     }
 }
 
 .input-group-append {
-    margin-left: -$input-border-width - 1;
+    margin-left: -$input-border-width;
 
-     // fix text cutting
     .input-group-text > span {
-        margin-left: $input-border-width + 1;
+        margin-left: $input-border-width;
     }
 }
 

package/scss/_tabs.scss

@@ -64,7 +64,7 @@
     }
 }
 
-.tab-toggle {
+.tab-toggler {
     display: none;
     @include media-breakpoint-down(sm) {
         display: block;
@@ -137,7 +137,7 @@
         }
     }
 
-    .tab-toggle {
+    .tab-toggler {
         position: absolute;
         left: 0;
         top: 0;

package/scss/_variables.scss

@@ -271,7 +271,7 @@ $h1-font-size:                               floor(($font-size-base * 1.86)) !de
 $h2-font-size:                               floor(($font-size-base * 1.60)) !default; // ~22px
 $h3-font-size:                               ceil(($font-size-base * 1.35)) !default; // ~19px
 $h4-font-size:                               ceil(($font-size-base * 1.20)) !default; // ~17px
-$h5-font-size:                               $font-size-base !default;
+$h5-font-size:                               ceil(($font-size-base * 1.07)) !default; // ~15px
 $h6-font-size:                               ceil(($font-size-base * 0.85)) !default; // ~12px
 
 $headings-margin-bottom:	                 calc(#{$line-height-computed / 2}) !default;

package/scss/mixins/_forms.scss

@@ -48,4 +48,20 @@
 			}
 		}
 	}
+
+	.input-group {
+		.was-validated &:#{$state},
+		&.is-#{$state} {
+
+			.form-control,
+		    .input-group-text,
+		    .input-dropdown {
+				border-color: $color;
+		    }
+
+			~ .#{$state}-feedback {
+				display: block;
+			}
+		}
+	}
 }