@progress/kendo-theme-bootstrap 4.43.1-dev.1 → 4.43.1-dev.2

package/scss/datetimepicker/_layout.scss

@@ -0,0 +1,10 @@
+@import "../../modules/@progress/kendo-theme-default/scss/datetimepicker/_layout.scss";
+
+@include exports( "datetimepicker/layout/bootstrap" ) {
+
+    // Datetime picker
+    .k-datetimepicker {
+        transition: $transition;
+    }
+
+}

package/scss/datetimepicker/_theme.scss

@@ -0,0 +1 @@
+@import "../../modules/@progress/kendo-theme-default/scss/datetimepicker/_theme.scss";

package/scss/datetimepicker/_variables.scss

@@ -0,0 +1,2 @@
+// DateTime
+$datetime-width: calc( #{$calendar-cell-size * 8} + #{$infinite-calendar-view-padding-x * 2}) !default;

package/scss/filter/_index.scss

@@ -6,7 +6,7 @@
 @import "../button/_index.scss";
 @import "../input/_index.scss";
 @import "../checkbox/_index.scss";
-@import "../datetime/_index.scss";
+@import "../datetimepicker/_index.scss";
 @import "../dropdownlist/_index.scss";
 @import "../numerictextbox/_index.scss";
 @import "../toolbar/_index.scss";

package/scss/gantt/_index.scss

@@ -6,7 +6,7 @@
 @import "../button/_index.scss";
 @import "../input/_index.scss";
 @import "../validator/_index.scss";
-@import "../datetime/_index.scss";
+@import "../datetimepicker/_index.scss";
 @import "../numerictextbox/_index.scss";
 @import "../window/_index.scss";
 @import "../splitter/_index.scss";

package/scss/grid/_index.scss

@@ -14,7 +14,7 @@
 @import "../radio/_index.scss";
 @import "../validator/_index.scss";
 @import "../autocomplete/_index.scss";
-@import "../datetime/_index.scss";
+@import "../datetimepicker/_index.scss";
 @import "../dropdownlist/_index.scss";
 @import "../numerictextbox/_index.scss";
 @import "../menu/_index.scss";

package/scss/grid/_variables.scss

@@ -14,7 +14,7 @@ $grid-header-font-size: null !default;
 $grid-footer-padding-x: $grid-header-padding-x !default;
 $grid-footer-padding-y: $grid-header-padding-y !default;
 
-$grid-grouping-header-padding-x: ($grid-padding-y / 2) !default;
+$grid-grouping-header-padding-x: $grid-padding-y !default;
 $grid-grouping-header-padding-y: $grid-grouping-header-padding-x !default;
 
 $grid-filter-cell-padding-x: $grid-padding-y !default;

package/scss/index.scss

@@ -53,6 +53,7 @@
 
 // Form requirements
 @import "calendar/_index.scss";
+@import "timeselector/_index.scss";
 
 
 // Augmented forms
@@ -63,7 +64,10 @@
 @import "coloreditor/_index.scss";
 @import "colorpicker/_index.scss";
 @import "combobox/_index.scss";
-@import "datetime/_index.scss";
+@import "dateinput/_index.scss";
+@import "datepicker/_index.scss";
+@import "timepicker/_index.scss";
+@import "datetimepicker/_index.scss";
 @import "dropdowngrid/_index.scss";
 @import "dropdownlist/_index.scss";
 @import "dropdowntree/_index.scss";

package/scss/input/_variables.scss

@@ -76,6 +76,21 @@ $picker-select-calc-size: calc( #{$picker-select-padding-x * 2} + #{$icon-size}
 $picker-select-calc-size-sm: calc( #{$picker-select-padding-x-sm * 2} + #{$icon-size} ) !default;
 $picker-select-calc-size-lg: calc( #{$picker-select-padding-x-sm * 2} + #{$icon-size} ) !default;
 
+$picker-select-bg: $button-bg !default;
+$picker-select-text: $button-text !default;
+$picker-select-border: $button-border !default;
+$picker-select-gradient: $button-gradient !default;
+
+$picker-select-hovered-bg: $button-hovered-bg !default;
+$picker-select-hovered-text: $button-hovered-text !default;
+$picker-select-hovered-border: $button-hovered-border !default;
+$picker-select-hovered-gradient: $button-hovered-gradient !default;
+
+$picker-select-pressed-bg: $button-active-bg !default;
+$picker-select-pressed-text: $button-active-text !default;
+$picker-select-pressed-border: $button-active-border !default;
+$picker-select-pressed-gradient: $button-active-gradient !default;
+
 
 // Spinner
 $spinner-width: $button-inner-calc-size !default;

package/scss/panelbar/_variables.scss

@@ -94,3 +94,8 @@ $panelbar-item-selected-hovered-focused-bg: null !default;
 $panelbar-item-selected-hovered-focused-text: null !default;
 $panelbar-item-selected-hovered-focused-border: null !default;
 $panelbar-item-selected-hovered-focused-gradient: null !default;
+
+$panelbar-header-expanded-bg: null !default;
+$panelbar-header-expanded-text: null !default;
+$panelbar-header-expanded-border: null !default;
+$panelbar-header-expanded-gradient: null !default;

package/scss/pivotgrid/_variables.scss

@@ -54,9 +54,6 @@ $pivotgrid-configurator-content-padding-y: .25rem !default;
 $pivotgrid-configurator-fields-margin-x: 0px !default;
 $pivotgrid-configurator-fields-margin-y: ( $pivotgrid-spacer / 2 ) !default;
 
-$pivotgrid-configurator-actions-padding-x: ( $pivotgrid-spacer / 2 ) !default;
-$pivotgrid-configurator-actions-padding-y: ( $pivotgrid-spacer * .75 ) !default;
-
 $pivotgrid-configurator-vertical-width: 320px !default;
 $pivotgrid-configurator-horizontal-height: 420px !default;
 

package/scss/scheduler/_index.scss

@@ -6,7 +6,7 @@
 @import "../icons/_index.scss";
 @import "../adaptive/_index.scss";
 @import "../button/_index.scss";
-@import "../datetime/_index.scss";
+@import "../datetimepicker/_index.scss";
 @import "../dropdownlist/_index.scss";
 @import "../dialog/_index.scss";
 @import "../tooltip/_index.scss";

package/scss/spreadsheet/_index.scss

@@ -8,7 +8,7 @@
 @import "../radio/_index.scss";
 @import "../colorpicker/_index.scss";
 @import "../combobox/_index.scss";
-@import "../datetime/_index.scss";
+@import "../datetimepicker/_index.scss";
 @import "../dropdownlist/_index.scss";
 @import "../toolbar/_index.scss";
 @import "../upload/_index.scss";

package/scss/timepicker/_index.scss

@@ -0,0 +1,15 @@
+@import "../core/_index.scss";
+
+
+// Dependencies
+@import "../input/_index.scss";
+@import "../button/_index.scss";
+@import "../popup/_index.scss";
+@import "../list/_index.scss";
+@import "../timeselector/_index.scss";
+
+
+// Component
+@import "_variables.scss";
+@import "_layout.scss";
+@import "_theme.scss";

package/scss/timepicker/_layout.scss

@@ -0,0 +1,10 @@
+@import "../../modules/@progress/kendo-theme-default/scss/timepicker/_layout.scss";
+
+@include exports( "timepicker/layout/bootstrap" ) {
+
+    // Time picker
+    .k-timepicker {
+        transition: $transition;
+    }
+
+}

package/scss/timepicker/_theme.scss

@@ -0,0 +1 @@
+@import "../../modules/@progress/kendo-theme-default/scss/timepicker/_theme.scss";

package/scss/timepicker/_variables.scss

@@ -0,0 +1 @@
+// Time picker

package/scss/timeselector/_index.scss

@@ -0,0 +1,13 @@
+@import "../core/_index.scss";
+
+
+// Dependencies
+@import "../list/_index.scss";
+@import "../action-buttons/_index.scss";
+@import "../button/_index.scss";
+
+
+// Component
+@import "_variables.scss";
+@import "_layout.scss";
+@import "_theme.scss";

package/scss/timeselector/_layout.scss

@@ -0,0 +1 @@
+@import "../../modules/@progress/kendo-theme-default/scss/timeselector/_layout.scss";

package/scss/timeselector/_theme.scss

@@ -0,0 +1 @@
+@import "../../modules/@progress/kendo-theme-default/scss/timeselector/_theme.scss";

package/scss/timeselector/_variables.scss

@@ -0,0 +1,32 @@
+// Time selector
+$time-selector-border-width: 1px !default;
+$time-selector-font-family: $font-family !default;
+$time-selector-font-size: $font-size !default;
+$time-selector-line-height: $line-height !default;
+
+$time-selector-bg: $component-bg !default;
+$time-selector-text: $component-text !default;
+$time-selector-border: $component-border !default;
+
+$time-selector-header-padding-x: map-get( $spacing, 1 ) !default;
+$time-selector-header-padding-y: map-get( $spacing, 1 ) !default;
+$time-selector-header-border-width: 0px !default;
+
+$time-list-width: 4em !default;
+$time-list-height: 240px !default;
+
+$time-list-title-font-size: $font-size-sm !default;
+$time-list-title-line-height: 1.5 !default;
+$time-list-title-height: ( $time-list-title-font-size * $time-list-title-line-height) !default;
+$time-list-title-text: $subtle-text !default;
+$time-list-title-focus-text: $component-text !default;
+
+$time-list-item-padding-x: $list-item-padding-x !default;
+$time-list-item-padding-y: $list-item-padding-y !default;
+
+$time-list-highlight-border-width: 1px 0px !default;
+$time-list-highlight-height: calc( #{$time-selector-font-size * $time-selector-line-height} + #{ $time-list-item-padding-y * 2} ) !default;
+$time-list-highlight-bg: $component-bg !default;
+$time-list-highlight-border: $component-border !default;
+
+$time-list-focused-bg: rgba(0, 0, 0, .02) !default;

package/scss/utils/_border.scss

@@ -4,8 +4,7 @@ $utils-border-radius: (
     sm: .2rem,
     md: .25rem,
     lg: .3rem,
-    circle: 50%,
-    pill: 9999px
+    full: 9999px
 ) !default;
 
 @import "../../modules/@progress/kendo-theme-default/scss/utils/_border.scss";