tabulator-tables 5.2.6 → 5.3.1

package/src/scss/themes/bootstrap/variables5.scss

@@ -692,22 +692,22 @@ $table-cell-padding-x-sm:     .25rem !default;
 $table-cell-vertical-align:   top !default;
 
 $table-color:                 $body-color !default;
-$table-bg:                    transparent !default;
+$table-bg:                    #fff !default;
 $table-accent-bg:             transparent !default;
 
 $table-th-font-weight:        null !default;
 
 $table-striped-color:         $table-color !default;
 $table-striped-bg-factor:     .05 !default;
-$table-striped-bg:            rgba($black, $table-striped-bg-factor) !default;
+$table-striped-bg:            $gray-200 !default;
 
 $table-active-color:          $table-color !default;
 $table-active-bg-factor:      .1 !default;
-$table-active-bg:             rgba($black, $table-active-bg-factor) !default;
+$table-active-bg:             $gray-600 !default;
 
 $table-hover-color:           $table-color !default;
 $table-hover-bg-factor:       .075 !default;
-$table-hover-bg:              rgba($black, $table-hover-bg-factor) !default;
+$table-hover-bg:              $gray-400 !default;
 
 $table-border-factor:         .1 !default;
 $table-border-width:          $border-width !default;

package/src/scss/themes/bulma/tabulator_bulma.scss

@@ -7,18 +7,18 @@ $backgroundColor: $table-background-color !default; //background color of tabula
 // $borderColor:#999 !default; //border to tabulator
 $textSize:16px !default; //table text size
 
-//header themeing
+//header theming
 $headerBackgroundColor:$table-head-background-color !default; //border to tabulator
-$headerTextColor:$table-head-cell-color !default; //header text colour
+$headerTextColor:$table-head-cell-color !default; //header text color
 $headerBorderColor:#aaa !default;  //header border color
-$headerSeperatorColor:#999 !default; //header bottom seperator color
+$headerSeparatorColor:#999 !default; //header bottom separator color
 $headerMargin:4px !default; //padding round header
 
 //column header arrows
 $sortArrowActive: $headerTextColor !default;
 $sortArrowInactive: #bbb !default;
 
-//row themeing
+//row theming
 $rowBackgroundColor:$table-body-background-color !default; //table row background color
 $rowAltBackgroundColor:$table-striped-row-even-background-color !default; //table row background color
 $rowBorderColor:#aaa !default; //table border color
@@ -31,11 +31,11 @@ $rowSelectedBackground: $table-row-active-background-color !default; //row backg
 $editBoxColor:#1D68CD !default; //border color for edit boxes
 $errorColor:#dd0000 !default; //error indication
 
-//footer themeing
+//footer theming
 $footerBackgroundColor:$table-foot-background-color !default; //border to tabulator
-$footerTextColor:$table-foot-cell-color !default; //footer text colour
+$footerTextColor:$table-foot-cell-color !default; //footer text color
 $footerBorderColor:$grey-lighter !default; //footer border color
-// $footerSeperatorColor:#999 !default; //footer bottom seperator color
+// $footerSeparatorColor:#999 !default; //footer bottom separator color
 // $footerActiveColor:#d00 !default; //footer bottom active text color
 
 @import "../../tabulator.scss";

package/src/scss/themes/materialize/tabulator_materialize.scss

@@ -7,9 +7,9 @@ $backgroundColor: #fff !default; //background color of tabulator
 $borderColor:$table-border-color !default; //border to tabulator
 $textSize:16px !default; //table text size
 
-//header themeing
+//header theming
 $headerBackgroundColor:#fff !default; //border to tabulator
-$headerSeperatorColor:$table-border-color !default; //header bottom seperator color
+$headerSeparatorColor:$table-border-color !default; //header bottom separator color
 
 $cellPadding:15px !default; //padding round header
 
@@ -17,7 +17,7 @@ $cellPadding:15px !default; //padding round header
 $sortArrowActive: #666 !default;
 $sortArrowInactive: #bbb !default;
 
-//row themeing
+//row theming
 $rowBackgroundColor:transparent !default; //table row background color
 $rowAltBackgroundColor: $table-striped-color !default; //table row background color
 $rowBorderColor:$table-border-color !default; //table border color
@@ -30,9 +30,9 @@ $rowSelectedBackgroundHover: $primary-color !default;//row background color when
 $editBoxColor:$primary-color !default; //border color for edit boxes
 $errorColor:#dd0000 !default; //error indication
 
-//footer themeing
+//footer theming
 $footerBorderColor:$table-border-color !default; //footer border color
-$footerSeperatorColor:$table-border-color !default; //footer bottom seperator color
+$footerSeparatorColor:$table-border-color !default; //footer bottom separator color
 $footerActiveColor:$primary-color !default; //footer bottom active text color
 
 @import "../../tabulator.scss";
@@ -74,7 +74,7 @@ $footerActiveColor:$primary-color !default; //footer bottom active text color
 		.tabulator-calcs-holder{
 			width:100%;
 
-			border-bottom:1px solid $headerSeperatorColor;
+			border-bottom:1px solid $headerSeparatorColor;
 		}
 
 		.tabulator-frozen-rows-holder{

package/src/scss/themes/materialize/variables.scss

@@ -67,4 +67,4 @@ $table-border-color: rgba(0,0,0,.12) !default;
 $table-striped-color: rgba(242, 242, 242, 0.5) !default;
 
 
-$primary-color: color("materialize-red", "lighten-2") !default;
+$primary-color: color("materialize-red", "lighten-2") !default;

package/src/scss/themes/semanticui/tabulator_semanticui.scss

@@ -5,18 +5,18 @@
 $backgroundColor: $background !default; //background color of tabulator
 $textSize:14px !default; //table text size
 
-//header themeing
+//header theming
 $headerBackgroundColor:$headerBackground !default; //border to tabulator
-$headerTextColor:$headerColor !default; //header text colour
+$headerTextColor:$headerColor !default; //header text color
 $headerBorderColor:#ddd !default;  //header border color
-$headerSeperatorColor:#999 !default; //header bottom seperator color
+$headerSeparatorColor:#999 !default; //header bottom separator color
 $headerMargin:4px !default; //padding round header
 
 //column header arrows
 $sortArrowActive: #666 !default;
 $sortArrowInactive: #bbb !default;
 
-//row themeing
+//row theming
 $rowBorderColor:#ddd !default; //table border color
 $rowTextColor:#333 !default; //table text color
 
@@ -27,11 +27,11 @@ $rowSelectedBackgroundHover: #769BCC !default;//row background color when select
 $editBoxColor:#1D68CD !default; //border color for edit boxes
 $errorColor:#dd0000 !default; //error indication
 
-//footer themeing
+//footer theming
 $footerBackgroundColor:#fff !default; //border to tabulator
-$footerTextColor:#555 !default; //footer text colour
+$footerTextColor:#555 !default; //footer text color
 $footerBorderColor:#aaa !default; //footer border color
-$footerSeperatorColor:#999 !default; //footer bottom seperator color
+$footerSeparatorColor:#999 !default; //footer bottom separator color
 $footerActiveColor:#d00 !default; //footer bottom active text color
 
 @import "../../tabulator.scss";

package/src/scss/themes/tabulator_midnight.scss

@@ -4,18 +4,18 @@ $backgroundColor: #222 !default; //background color of tabulator
 $borderColor:#333 !default; //border to tabulator
 $textSize:14px !default; //table text size
 
-//header themeing
+//header theming
 $headerBackgroundColor:#333 !default; //border to tabulator
-$headerTextColor:#fff !default; //header text colour
+$headerTextColor:#fff !default; //header text color
 $headerBorderColor:#aaa !default;  //header border color
-$headerSeperatorColor:#999 !default; //header bottom seperator color
+$headerSeparatorColor:#999 !default; //header bottom separator color
 $headerMargin:4px !default; //padding round header
 
 //column header arrows
 $sortArrowActive: #666 !default;
 $sortArrowInactive: #bbb !default;
 
-//row themeing
+//row theming
 $rowBackgroundColor:#666 !default; //table row background color
 $rowAltBackgroundColor:#444 !default; //table row background color
 $rowBorderColor:#888 !default; //table border color
@@ -28,11 +28,11 @@ $rowSelectedBackgroundHover: #888 !default;//row background color when selected
 $editBoxColor:#999 !default; //border color for edit boxes
 $errorColor:#dd0000 !default; //error indication
 
-//footer themeing
+//footer theming
 $footerBackgroundColor:#333 !default; //border to tabulator
-$footerTextColor:#333 !default; //footer text colour
+$footerTextColor:#333 !default; //footer text color
 $footerBorderColor:#aaa !default; //footer border color
-$footerSeperatorColor:#999 !default; //footer bottom seperator color
+$footerSeparatorColor:#999 !default; //footer bottom separator color
 $footerActiveColor:#fff !default; //footer bottom active text color
 
 @import "../tabulator.scss";

package/src/scss/themes/tabulator_modern.scss

@@ -6,18 +6,18 @@ $backgroundColor: #fff !default; //background color of tabulator
 $borderColor:#fff !default; //border to tabulator
 $textSize:16px !default; //table text size
 
-//header themeing
+//header theming
 $headerBackgroundColor:#fff !default; //border to tabulator
-$headerTextColor:$primary !default; //header text colour
+$headerTextColor:$primary !default; //header text color
 $headerBorderColor:#fff !default;  //header border color
-$headerSeperatorColor:$primary !default; //header bottom seperator color
+$headerSeparatorColor:$primary !default; //header bottom separator color
 $headerMargin:4px !default; //padding round header
 
 //column header arrows
 $sortArrowActive: $primary !default;
 $sortArrowInactive: lighten($primary, 30%) !default;
 
-//row themeing
+//row theming
 $rowBackgroundColor:#f3f3f3 !default; //table row background color
 $rowAltBackgroundColor:#fff !default; //table row background color
 $rowBorderColor:#fff !default; //table border color
@@ -30,11 +30,11 @@ $rowSelectedBackgroundHover: #769BCC !default;//row background color when select
 $editBoxColor:#1D68CD !default; //border color for edit boxes
 $errorColor:#dd0000 !default; //error indication
 
-//footer themeing
+//footer theming
 $footerBackgroundColor:#fff !default; //border to tabulator
-$footerTextColor:$primary !default; //footer text colour
+$footerTextColor:$primary !default; //footer text color
 $footerBorderColor:#aaa !default; //footer border color
-$footerSeperatorColor:#999 !default; //footer bottom seperator color
+$footerSeparatorColor:#999 !default; //footer bottom separator color
 $footerActiveColor:$primary !default; //footer bottom active text color
 
 $handleWidth:10px !default; //width of the row handle
@@ -46,7 +46,7 @@ $handleColorAlt: lighten($primary, 10%) !default; //color for even numbered rows
 .tabulator{
 
 	.tabulator-header{
-		border-bottom:3px solid $headerSeperatorColor;
+		border-bottom:3px solid $headerSeparatorColor;
 		margin-bottom:4px;
 		padding-left:$handleWidth;
 
@@ -69,7 +69,7 @@ $handleColorAlt: lighten($primary, 10%) !default; //color for even numbered rows
 
 			&.tabulator-col-group{
 				.tabulator-col-group-cols{
-					border-top:2px solid $headerSeperatorColor;
+					border-top:2px solid $headerSeparatorColor;
 				}
 			}
 		}
@@ -81,7 +81,7 @@ $handleColorAlt: lighten($primary, 10%) !default; //color for even numbered rows
 		}
 
 		.tabulator-calcs-holder{
-			border-top:2px solid $headerSeperatorColor !important;
+			border-top:2px solid $headerSeparatorColor !important;
 
 			.tabulator-row{
 				padding-left: 0 !important;
@@ -104,11 +104,11 @@ $handleColorAlt: lighten($primary, 10%) !default; //color for even numbered rows
 			.tabulator-row{
 				&.tabulator-calcs{
 					&.tabulator-calcs-top{
-						border-bottom:2px solid $headerSeperatorColor;
+						border-bottom:2px solid $headerSeparatorColor;
 					}
 
 					&.tabulator-calcs-bottom{
-						border-top:2px solid $headerSeperatorColor;
+						border-top:2px solid $headerSeparatorColor;
 					}
 				}
 			}
@@ -117,8 +117,8 @@ $handleColorAlt: lighten($primary, 10%) !default; //color for even numbered rows
 
 	.tabulator-footer{
 		.tabulator-calcs-holder{
-			border-top:3px solid $headerSeperatorColor !important;
-			border-bottom:2px solid $headerSeperatorColor !important;
+			border-top:3px solid $headerSeparatorColor !important;
+			border-bottom:2px solid $headerSeparatorColor !important;
 
 			.tabulator-row{
 				background:lighten($footerBackgroundColor, 5%) !important;

package/src/scss/themes/tabulator_simple.scss

@@ -4,18 +4,18 @@ $backgroundColor: #fff !default; //background color of tabulator
 $borderColor:#999 !default; //border to tabulator
 $textSize:14px !default; //table text size
 
-//header themeing
+//header theming
 $headerBackgroundColor:#fff !default; //border to tabulator
-$headerTextColor:#555 !default; //header text colour
+$headerTextColor:#555 !default; //header text color
 $headerBorderColor:#ddd !default;  //header border color
-$headerSeperatorColor:#999 !default; //header bottom seperator color
+$headerSeparatorColor:#999 !default; //header bottom separator color
 $headerMargin:4px !default; //padding round header
 
 //column header arrows
 $sortArrowActive: #666 !default;
 $sortArrowInactive: #bbb !default;
 
-//row themeing
+//row theming
 $rowBackgroundColor:#fff !default; //table row background color
 $rowAltBackgroundColor:#fff !default; //table row background color
 $rowBorderColor:#ddd !default; //table border color
@@ -29,11 +29,11 @@ $rowSelectedBackgroundHover: #769BCC !default;//row background color when select
 $editBoxColor:#1D68CD !default; //border color for edit boxes
 $errorColor:#dd0000 !default; //error indication
 
-//footer themeing
+//footer theming
 $footerBackgroundColor:#fff !default; //border to tabulator
-$footerTextColor:#555 !default; //footer text colour
+$footerTextColor:#555 !default; //footer text color
 $footerBorderColor:#aaa !default; //footer border color
-$footerSeperatorColor:#999 !default; //footer bottom seperator color
+$footerSeparatorColor:#999 !default; //footer bottom separator color
 $footerActiveColor:#d00 !default; //footer bottom active text color
 
 @import "../tabulator.scss";
@@ -50,7 +50,7 @@ $footerActiveColor:#d00 !default; //footer bottom active text color
 				background:darken($headerBackgroundColor, 5%) !important;
 			}
 
-			border-bottom:1px solid $headerSeperatorColor;
+			border-bottom:1px solid $headerSeparatorColor;
 		}
 	}
 

package/src/scss/themes/tabulator_site.scss

@@ -4,18 +4,18 @@ $backgroundColor: #fff !default; //background color of tabulator
 $borderColor:#222 !default; //border to tabulator
 $textSize:14px !default; //table text size
 
-//header themeing
+//header theming
 $headerBackgroundColor:#222 !default; //border to tabulator
-$headerTextColor:#fff !default; //header text colour
+$headerTextColor:#fff !default; //header text color
 $headerBorderColor:#aaa !default;  //header border color
-$headerSeperatorColor:#3FB449 !default; //header bottom seperator color
+$headerSeparatorColor:#3FB449 !default; //header bottom separator color
 $headerMargin:4px !default; //padding round header
 
 //column header arrows
 $sortArrowActive: #3FB449 !default;
 $sortArrowInactive: #bbb !default;
 
-//row themeing
+//row theming
 $rowBackgroundColor:#fff !default; //table row background color
 $rowAltBackgroundColor:#EFEFEF !default; //table row background color
 $rowBorderColor:#aaa !default; //table border color
@@ -28,12 +28,12 @@ $rowSelectedBackgroundHover: #769BCC !default;//row background color when select
 $editBoxColor:#1D68CD !default; //border color for edit boxes
 $errorColor:#dd0000 !default; //error indication
 
-//footer themeing
+//footer theming
 $footerBackgroundColor:#222 !default; //border to tabulator
-$footerTextColor:#222 !default; //footer text colour
+$footerTextColor:#222 !default; //footer text color
 $footerBorderColor:#aaa !default; //footer border color
-$footerSeperatorColor:#3FB449 !default; //footer bottom seperator color
-$footerActiveColor:$footerSeperatorColor !default; //footer bottom active text color
+$footerSeparatorColor:#3FB449 !default; //footer bottom separator color
+$footerActiveColor:$footerSeparatorColor !default; //footer bottom active text color
 
 @import "../tabulator.scss";
 
@@ -52,7 +52,7 @@ $footerActiveColor:$footerSeperatorColor !default; //footer bottom active text c
 	}
 
 	.tabulator-header{
-		border-bottom:3px solid $headerSeperatorColor;
+		border-bottom:3px solid $headerSeparatorColor;
 
 		.tabulator-col{
 			background-color: $headerBackgroundColor;
@@ -77,7 +77,7 @@ $footerActiveColor:$footerSeperatorColor !default; //footer bottom active text c
 	.tabulator-tableholder{
 		.tabulator-placeholder{
 			span{
-				color:$headerSeperatorColor;
+				color:$headerSeparatorColor;
 			}
 		}
 		.tabulator-table{
@@ -102,7 +102,7 @@ $footerActiveColor:$footerSeperatorColor !default; //footer bottom active text c
 	.tabulator-footer{
 		padding:5px 10px;
 		padding-top:8px;
-		border-top:3px solid $footerSeperatorColor;
+		border-top:3px solid $footerSeparatorColor;
 
 		.tabulator-calcs-holder{
 			margin:-8px -10px 8px -10px;
@@ -155,7 +155,7 @@ $footerActiveColor:$footerSeperatorColor !default; //footer bottom active text c
 	&.tabulator-group{
 		border-right:1px solid $rowBorderColor;
 		border-top:1px solid #000;
-		border-bottom:2px solid $headerSeperatorColor;
+		border-bottom:2px solid $headerSeparatorColor;
 		background:$headerBackgroundColor;
 		color:$headerTextColor;
 
@@ -164,7 +164,7 @@ $footerActiveColor:$footerSeperatorColor !default; //footer bottom active text c
 		}
 
 		span{
-			color:$headerSeperatorColor;
+			color:$headerSeparatorColor;
 		}
 	}
 }
@@ -173,7 +173,7 @@ $footerActiveColor:$footerSeperatorColor !default; //footer bottom active text c
 	border-collapse: collapse;
 
 	.tabulator-print-table-group{
-		border-bottom:2px solid $headerSeperatorColor;
+		border-bottom:2px solid $headerSeparatorColor;
 		background:$headerBackgroundColor;
 		color:$headerTextColor;
 
@@ -182,7 +182,7 @@ $footerActiveColor:$footerSeperatorColor !default; //footer bottom active text c
 		}
 
 		span{
-			color:$headerSeperatorColor;
+			color:$headerSeparatorColor;
 		}
 	}
 }