@progress/kendo-theme-bootstrap 5.5.0 → 5.5.1-dev.2

package/scss/scrollview/_theme.scss

@@ -45,7 +45,7 @@
         outline-width: 0;
 
         &:focus,
-        &.k-state-focus ,
+        &.k-state-focus,
         &.k-focus {
             color: $scrollview-navigation-color;
             opacity: $scrollview-navigation-hover-opacity;
@@ -56,7 +56,7 @@
         }
 
         &:hover,
-        &.k-state-hover ,
+        &.k-state-hover,
         &.k-hover {
             color: $scrollview-navigation-color;
             opacity: $scrollview-navigation-hover-opacity;
@@ -78,14 +78,14 @@
 
 
         &:focus,
-        &.k-state-focused ,
+        &.k-state-focused,
         &.k-focus {
             box-shadow: $scrollview-pagebutton-shadow;
         }
     }
 
     .k-scrollview-nav > .k-link:hover,
-    .k-scrollview-nav > .k-link.k-state-hover ,
+    .k-scrollview-nav > .k-link.k-state-hover,
     .k-scrollview-nav > .k-link.k-hover {
         box-shadow: $scrollview-pagebutton-shadow;
     }

package/scss/signature/_index.scss

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

package/scss/signature/_layout.scss

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

package/scss/signature/_theme.scss

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

package/scss/signature/_variables.scss

@@ -0,0 +1,45 @@
+$kendo-signature-width: 246px !default;
+$kendo-signature-height: 108px !default;
+
+$kendo-signature-maximized-width: 750px !default;
+$kendo-signature-maximized-height: 252px !default;
+
+$kendo-signature-padding: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
+$kendo-signature-padding-sm: map-get( $spacing, 1 ) !default;
+$kendo-signature-padding-md: $kendo-signature-padding !default;
+$kendo-signature-padding-lg: map-get( $spacing, 2 ) !default;
+
+$kendo-signature-line-width: 1px !default;
+$kendo-signature-line-style: dashed !default;
+$kendo-signature-line-color: rgba( $info, .24 ) !default;
+
+$kendo-signature-line-size: calc( 100% - 2 * #{$kendo-signature-padding} ) !default;
+$kendo-signature-line-size-sm: calc( 100% - 2 * #{$kendo-signature-padding-sm} ) !default;
+$kendo-signature-line-size-md: calc( 100% - 2 * #{$kendo-signature-padding-md} ) !default;
+$kendo-signature-line-size-lg: calc( 100% - 2 * #{$kendo-signature-padding-lg} ) !default;
+
+$kendo-signature-line-bottom-offset: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding} ) !default;
+$kendo-signature-line-bottom-offset-sm: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-sm} ) !default;
+$kendo-signature-line-bottom-offset-md: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-md} ) !default;
+$kendo-signature-line-bottom-offset-lg: calc( #{$kendo-button-calc-size} + #{$kendo-signature-padding-lg} ) !default;
+
+$kendo-signature-sizes: (
+    sm: (
+        padding: $kendo-signature-padding-sm,
+        line-size: $kendo-signature-line-size-sm,
+        line-offset: $kendo-signature-line-bottom-offset-sm
+    ),
+    md: (
+        padding: $kendo-signature-padding-md,
+        line-size: $kendo-signature-line-size-md,
+        line-offset: $kendo-signature-line-bottom-offset-md
+    ),
+    lg: (
+        padding: $kendo-signature-padding-lg,
+        line-size: $kendo-signature-line-size-lg,
+        line-offset: $kendo-signature-line-bottom-offset-lg
+    )
+) !default;
+
+$kendo-signature-actions-gap: map-get( $spacing, 1 ) !default;
+$kendo-signature-maximized-line-width: map-get( $spacing, 1 ) - map-get( $spacing, hair ) !default;

package/scss/spreadsheet/_theme.scss

@@ -125,7 +125,7 @@
         );
         box-shadow: inset 0 0 0 1px $kendo-button-border;
 
-        &.k-state-active ,
+        &.k-state-active,
         &.k-active {
             @include fill(
                 $kendo-button-active-text,
@@ -152,7 +152,7 @@
         > .k-menu,
         > .k-menu:not(.k-context-menu) {
             .k-item {
-                &.k-state-hover ,
+                &.k-state-hover,
                 &.k-hover {
                     @include fill(
                         $kendo-list-item-hover-text,
@@ -183,13 +183,13 @@
 
         .k-spreadsheet-has-image {
             &:hover,
-            &.k-state-hovered ,
+            &.k-state-hovered,
             &.k-hover {
                 box-shadow: $spreadsheet-insert-image-dialog-preview-overlay-shadow;
             }
 
             &:hover div,
-            &.k-state-hovered div ,
+            &.k-state-hovered div,
             &.k-hover div {
                 color: $spreadsheet-insert-image-dialog-overlay-hovered-text;
             }
@@ -224,7 +224,7 @@
         .k-button {}
 
         .k-button:hover,
-        .k-button.k-state-hover ,
+        .k-button.k-state-hover,
         .k-button.k-hover {
             @include fill(
                 $kendo-list-item-hover-text,
@@ -234,7 +234,7 @@
         .k-button:active,
         .k-button.k-state-active,
         .k-button.k-active,
-        .k-button.k-state-selected ,
+        .k-button.k-state-selected,
         .k-button.k-selected {
             @include fill(
                 $kendo-list-item-selected-text,

package/scss/tabstrip/_theme.scss

@@ -8,7 +8,7 @@
 
         > .k-tabstrip-items .k-item.k-state-hover,
         > .k-tabstrip-items .k-item.k-hover,
-        > .k-tabstrip-items .k-item.k-state-active ,
+        > .k-tabstrip-items .k-item.k-state-active,
         > .k-tabstrip-items .k-item.k-active {
             border-bottom-color: transparent;
         }
@@ -17,7 +17,7 @@
 
         > .k-tabstrip-items .k-item.k-state-hover,
         > .k-tabstrip-items .k-item.k-hover,
-        > .k-tabstrip-items .k-item.k-state-active ,
+        > .k-tabstrip-items .k-item.k-state-active,
         > .k-tabstrip-items .k-item.k-active {
             border-top-color: transparent;
         }
@@ -26,7 +26,7 @@
 
         > .k-tabstrip-items .k-item.k-state-hover,
         > .k-tabstrip-items .k-item.k-hover,
-        > .k-tabstrip-items .k-item.k-state-active ,
+        > .k-tabstrip-items .k-item.k-state-active,
         > .k-tabstrip-items .k-item.k-active {
             border-right-color: transparent;
         }
@@ -35,7 +35,7 @@
 
         > .k-tabstrip-items .k-item.k-state-hover,
         > .k-tabstrip-items .k-item.k-hover,
-        > .k-tabstrip-items .k-item.k-state-active ,
+        > .k-tabstrip-items .k-item.k-state-active,
         > .k-tabstrip-items .k-item.k-active {
             border-left-color: transparent;
         }

package/scss/timeselector/_variables.scss

@@ -30,3 +30,41 @@ $time-list-highlight-bg: $component-bg !default;
 $time-list-highlight-border: $component-border !default;
 
 $time-list-focused-bg: rgba(0, 0, 0, .02) !default;
+
+
+// Time selector sizes
+$kendo-time-selector-sm-font-size: $kendo-list-font-size-sm !default;
+$kendo-time-selector-sm-line-height: $kendo-list-line-height-sm !default;
+$kendo-time-selector-sm-list-item-padding-x: $kendo-list-item-padding-x-sm !default;
+$kendo-time-selector-sm-list-item-padding-y: $kendo-list-item-padding-y-sm !default;
+
+$kendo-time-selector-md-font-size: $kendo-list-font-size-md !default;
+$kendo-time-selector-md-line-height: $kendo-list-line-height-md !default;
+$kendo-time-selector-md-list-item-padding-x: $kendo-list-item-padding-x-md !default;
+$kendo-time-selector-md-list-item-padding-y: $kendo-list-item-padding-y-md !default;
+
+$kendo-time-selector-lg-font-size: $kendo-list-font-size-lg !default;
+$kendo-time-selector-lg-line-height: $kendo-list-line-height-lg !default;
+$kendo-time-selector-lg-list-item-padding-x: $kendo-list-item-padding-x-lg !default;
+$kendo-time-selector-lg-list-item-padding-y: $kendo-list-item-padding-y-lg !default;
+
+$kendo-time-selector-sizes: (
+    sm: (
+        font-size: $kendo-time-selector-sm-font-size,
+        line-height: $kendo-time-selector-sm-line-height,
+        list-item-padding-x: $kendo-time-selector-sm-list-item-padding-x,
+        list-item-padding-y: $kendo-time-selector-sm-list-item-padding-y
+    ),
+    md: (
+        font-size: $kendo-time-selector-md-font-size,
+        line-height: $kendo-time-selector-md-line-height,
+        list-item-padding-x: $kendo-time-selector-md-list-item-padding-x,
+        list-item-padding-y: $kendo-time-selector-md-list-item-padding-y
+    ),
+    lg: (
+        font-size: $kendo-time-selector-lg-font-size,
+        line-height: $kendo-time-selector-lg-line-height,
+        list-item-padding-x: $kendo-time-selector-lg-list-item-padding-x,
+        list-item-padding-y: $kendo-time-selector-lg-list-item-padding-y
+    )
+) !default;

package/scss/treeview/_variables.scss

@@ -6,13 +6,13 @@ $kendo-treeview-font-family: $font-family !default;
 /// Font size of the treeview component.
 /// @group treeview
 $kendo-treeview-font-size: $font-size-md !default;
-$kendo-treeview-font-size-sm: $font-size-md !default;
+$kendo-treeview-font-size-sm: $font-size-sm !default;
 $kendo-treeview-font-size-md: $font-size-md !default;
 $kendo-treeview-font-size-lg: $font-size-md !default;
 /// Line height of the treeview component.
 /// @group treeview
 $kendo-treeview-line-height: $line-height !default;
-$kendo-treeview-line-height-sm: $line-height !default;
+$kendo-treeview-line-height-sm: (20 / 14) !default;
 $kendo-treeview-line-height-md: $line-height !default;
 $kendo-treeview-line-height-lg: $line-height !default;
 
@@ -23,15 +23,15 @@ $kendo-treeview-indent: 16px !default;
 /// Horizontal padding of treeview items.
 /// @group treeview
 $kendo-treeview-item-padding-x: map-get( $spacing, 3 ) !default;
-$kendo-treeview-item-padding-x-sm: map-get( $spacing, 3 ) !default;
+$kendo-treeview-item-padding-x-sm: map-get( $spacing, 2 ) !default;
 $kendo-treeview-item-padding-x-md: map-get( $spacing, 3 ) !default;
 $kendo-treeview-item-padding-x-lg: map-get( $spacing, 3 ) !default;
 /// Vertical padding of treeview items.
 /// @group treeview
 $kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
-$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
+$kendo-treeview-item-padding-y-sm: map-get( $spacing, 1 ) !default;
 $kendo-treeview-item-padding-y-md: map-get( $spacing, 1 ) !default;
-$kendo-treeview-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
+$kendo-treeview-item-padding-y-lg: map-get( $spacing, 2 ) !default;
 /// Border width of treeview items.
 /// @group treeview
 $kendo-treeview-item-border-width: 0px !default;