@progress/kendo-theme-default 5.12.1-dev.1 → 5.12.1-dev.2

package/scss/tooltip/_layout.scss

@@ -29,7 +29,7 @@
     }
 
     .k-tooltip-icon {
-        margin-inline-end: $icon-spacing;
+        margin-inline-end: $kendo-icon-spacing;
         flex-shrink: 0;
     }
 
@@ -47,7 +47,7 @@
     }
 
     .k-tooltip-button {
-        margin-inline-start: $icon-spacing;
+        margin-inline-start: $kendo-icon-spacing;
         flex-shrink: 0;
 
         .k-icon {

package/scss/treelist/_index.scss

@@ -3,7 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_text.scss";
+// @import "../utils/_text.scss";
 @import "../grid/_index.scss";
 @import "../icons/_index.scss";
 

package/scss/treeview/_layout.scss

@@ -84,15 +84,15 @@
 
     // Loading icon
     .k-treeview-loading {
-        margin-right: $icon-spacing;
+        margin-right: $kendo-icon-spacing;
     }
 
 
     // Checkbox
     .k-treeview .k-checkbox-wrap,
     .k-treeview .k-checkbox-wrapper {
-        margin-left: $icon-spacing;
-        margin-right: $icon-spacing;
+        margin-left: $kendo-icon-spacing;
+        margin-right: $kendo-icon-spacing;
         align-self: center;
     }
 
@@ -112,7 +112,7 @@
         .k-icon,
         .k-image,
         .k-sprite {
-            margin-right: $icon-spacing;
+            margin-right: $kendo-icon-spacing;
         }
 
         &.k-focus {
@@ -153,7 +153,7 @@
         // Loading
         .k-treeview-loading {
             margin-right: 0;
-            margin-left: $icon-spacing;
+            margin-left: $kendo-icon-spacing;
         }
 
         // Treeview leaf
@@ -163,7 +163,7 @@
             .k-image,
             .k-sprite {
                 margin-right: 0;
-                margin-left: $icon-spacing;
+                margin-left: $kendo-icon-spacing;
             }
         }
     }

package/scss/treeview/_theme.scss

@@ -31,7 +31,7 @@
         // Focus state
         &:focus,
         &.k-focus {
-            @include box-shadow( $kendo-treeview-item-focus-shadow );
+            @include focus-indicator( $kendo-treeview-item-focus-shadow, true );
         }
 
         // Selected state
@@ -72,7 +72,7 @@
                 $kendo-treeview-loadmore-focus-bg,
                 $kendo-treeview-loadmore-focus-border
             );
-            @include box-shadow( $kendo-treeview-loadmore-focus-shadow );
+            @include focus-indicator( $kendo-treeview-loadmore-focus-shadow, true );
         }
     }
 

package/scss/treeview/_variables.scss

@@ -1,3 +1,6 @@
+@import "../typography/_variables.scss";
+
+
 // Treeview
 
 /// Font family of the treeview component.

package/scss/typography/_index.scss

@@ -2,7 +2,6 @@
 
 
 // Dependencies
-@import "../common/_index.scss";
 
 
 // Component

package/scss/typography/_variables.scss

@@ -4,42 +4,6 @@
 /// @group typography
 $enable-typography: false !default;
 
-/// Base font size across all components.
-/// @group typography
-$font-size: 14px !default;
-$font-size-xs: 10px !default;
-$font-size-sm: 12px !default;
-$font-size-md: $font-size !default;
-$font-size-lg: 16px !default;
-$font-size-xl: 20px !default;
-
-/// Font family across all components.
-/// @group typography
-$font-family: inherit !default;
-
-/// Font family for monospaced text. Used for styling the code.
-/// @group typography
-$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace !default;
-
-/// Line height used along with $font-size.
-/// @group typography
-$line-height: k-math-div( 20, 14 ) !default;
-$line-height-xs: 1 !default;
-$line-height-sm: 1.25 !default;
-$line-height-md: $line-height !default;
-$line-height-lg: 1.5 !default;
-$line-height-em: calc( #{$line-height} * 1em ) !default;
-
-
-// Font weight
-$font-weight-light: 300 !default;
-$font-weight-normal: 400 !default;
-$font-weight-bold: 700 !default;
-
-
-// Letter Spacing
-$letter-spacing: null !default;
-
 
 // Headings
 $h1-font-size: ($font-size * 3) !default;

package/scss/upload/_index.scss

@@ -7,7 +7,6 @@
 @import "../action-buttons/_index.scss";
 @import "../icons/_index.scss";
 @import "../dropzone/_index.scss";
-@import "../toolbar/_variables.scss";
 
 
 // Component

package/scss/upload/_layout.scss

@@ -112,7 +112,7 @@
             }
 
             .k-filename {
-                margin-left: $spacer-x;
+                margin-left: k-map-get( $kendo-spacing, 4 );
                 flex: 1;
                 overflow: hidden;
                 text-overflow: ellipsis;

package/scss/upload/_theme.scss

@@ -33,7 +33,11 @@
 
         .k-file {
             &.k-focus {
-                box-shadow: inset $kendo-upload-focus-shadow;
+                @include focus-indicator( $indicator: ( inset $kendo-upload-focus-shadow ), $inset: true );
+            }
+
+            .k-upload-action.k-focus {
+                @include focus-indicator( $kendo-upload-focus-shadow );
             }
 
         }

package/scss/upload/_variables.scss

@@ -1,4 +1,5 @@
 // Upload
+
 $kendo-upload-border-width: 1px !default;
 $kendo-upload-font-family: $font-family !default;
 $kendo-upload-font-size: $font-size !default;
@@ -25,14 +26,14 @@ $kendo-upload-item-padding-y: k-map-get( $kendo-spacing, 2 ) !default;
 $kendo-upload-multiple-items-spacing: 12px !default;
 
 $kendo-upload-validation-font-size: 11px !default;
-$kendo-upload-icon-spacing: $icon-spacing !default;
+$kendo-upload-icon-spacing: $kendo-icon-spacing !default;
 $kendo-upload-icon-color: $kendo-subtle-text !default;
 
 $kendo-upload-item-image-width: 30px !default;
 $kendo-upload-item-image-height: 30px !default;
 $kendo-upload-item-image-border: 0px !default; // TODO: remove
 
-$kendo-upload-group-icon-size: $icon-size-lg !default;
+$kendo-upload-group-icon-size: $kendo-icon-size-xxl !default;
 
 $kendo-upload-progress-thickness: 2px !default;
 $kendo-upload-progress-bg: $kendo-color-info !default;

package/scss/utils/_index.scss

@@ -2,29 +2,7 @@
 
 
 // Dependencies
-@import "../typography/_variables.scss";
 
 
 // Component
-// @import "./_aspect-ratio.scss";
-// @import "./_border.scss";
-// @import "./_display.scss";
-// @import "./_flex.scss";
-// @import "./_float.scss";
-// @import "./_grid.scss";
-// @import "./_order.scss";
-// @import "./_overflow.scss";
-// @import "./_pointer-events.scss";
-// @import "./_position.scss";
-// @import "./_resize.scss";
-// @import "./_spacing.scss";
-// @import "./_spacer.scss";
-// @import "./_table-layout.scss";
-@import "./_text.scss";
-@import "./_theme-colors.scss";
-// @import "./_touch-action.scss";
-// @import "./_transform.scss";
-// @import "./_user-select.scss";
-
-
 @import "@progress/kendo-theme-utils/scss/all.scss";

package/scss/window/_theme.scss

@@ -13,7 +13,7 @@
     .k-window {
         &:focus,
         &.k-focus {
-            @include box-shadow( $kendo-window-focus-shadow );
+            @include focus-indicator( $kendo-window-focus-shadow );
         }
     }
 

package/scss/window/_variables.scss

@@ -1,4 +1,8 @@
+@import "../action-buttons/_variables.scss";
+
+
 // Window
+
 $kendo-window-border-width: 0px !default;
 $kendo-window-border-radius: 0px !default;
 $kendo-window-font-family: $font-family !default;