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

package/scss/pdf-viewer/_layout.scss

@@ -1,14 +1,14 @@
 @include exports("pdf-viewer/layout") {
 
     .k-pdf-viewer {
-        border-width: $pdf-viewer-border-width;
+        border-width: $kendo-pdf-viewer-border-width;
         border-style: solid;
         box-sizing: border-box;
         position: relative;
         outline: 0;
-        font-family: $pdf-viewer-font-family;
-        font-size: $pdf-viewer-font-size;
-        line-height: $pdf-viewer-line-height;
+        font-family: $kendo-pdf-viewer-font-family;
+        font-size: $kendo-pdf-viewer-font-size;
+        line-height: $kendo-pdf-viewer-line-height;
         display: flex;
         flex-direction: column;
         overflow: hidden;
@@ -65,7 +65,7 @@
 
         .k-page {
             position: relative;
-            margin: $pdf-viewer-page-spacing auto;
+            margin: $kendo-pdf-viewer-page-spacing auto;
 
             canvas {
                 direction: ltr;
@@ -80,7 +80,7 @@
 
                 > span {
                     position: absolute;
-                    line-height: $pdf-viewer-selection-line-height;
+                    line-height: $kendo-pdf-viewer-selection-line-height;
                     transform-origin: 0% 0%;
                     color: transparent;
                 }
@@ -113,7 +113,7 @@
             }
 
             > .k-icon {
-                font-size: $pdf-viewer-icon-size;
+                font-size: $kendo-pdf-viewer-icon-size;
             }
         }
 
@@ -125,9 +125,9 @@
     }
 
     .k-search-panel {
-        padding: $pdf-viewer-search-dialog-padding-y $pdf-viewer-search-dialog-padding-x;
+        padding: $kendo-pdf-viewer-search-dialog-padding-y $kendo-pdf-viewer-search-dialog-padding-x;
         display: flex;
-        gap: $pdf-viewer-search-dialog-spacing;
+        gap: $kendo-pdf-viewer-search-dialog-spacing;
         flex-flow: row nowrap;
         flex: 0 0 auto;
         justify-content: flex-start;
@@ -149,16 +149,16 @@
 
         .k-search-matches {
             display: inline-flex;
-            gap: $pdf-viewer-search-panel-matches-spacing;
+            gap: $kendo-pdf-viewer-search-panel-matches-spacing;
         }
     }
 
     .k-pdf-viewer-canvas > .k-search-panel {
         width: max-content;
-        margin-top: calc( (#{$kendo-button-calc-size} + ( 2 * #{$pdf-viewer-search-panel-border-width} ) + ( 2 * #{$pdf-viewer-search-dialog-padding-y} )) * -1 );
-        border-width: $pdf-viewer-search-panel-border-width;
+        margin-top: calc( (#{$kendo-button-calc-size} + ( 2 * #{$kendo-pdf-viewer-search-panel-border-width} ) + ( 2 * #{$kendo-pdf-viewer-search-dialog-padding-y} )) * -1 );
+        border-width: $kendo-pdf-viewer-search-panel-border-width;
         border-style: solid;
-        border-radius: $pdf-viewer-search-panel-border-radius;
+        border-radius: $kendo-pdf-viewer-search-panel-border-radius;
         z-index: 10;
     }
 

package/scss/pdf-viewer/_theme.scss

@@ -3,19 +3,19 @@
 
     .k-pdf-viewer {
         @include fill(
-            $pdf-viewer-text,
-            $pdf-viewer-bg,
-            $pdf-viewer-border
+            $kendo-pdf-viewer-text,
+            $kendo-pdf-viewer-bg,
+            $kendo-pdf-viewer-border
         );
 
 
         // Toolbar
         .k-toolbar {
             @include fill(
-                $pdf-viewer-toolbar-text,
-                $pdf-viewer-toolbar-bg,
-                $pdf-viewer-toolbar-border,
-                $pdf-viewer-toolbar-gradient
+                $kendo-pdf-viewer-toolbar-text,
+                $kendo-pdf-viewer-toolbar-bg,
+                $kendo-pdf-viewer-toolbar-border,
+                $kendo-pdf-viewer-toolbar-gradient
             );
         }
 
@@ -23,9 +23,9 @@
         // Canvas
         .k-canvas {
             @include fill(
-                $pdf-viewer-canvas-text,
-                $pdf-viewer-canvas-bg,
-                $pdf-viewer-canvas-border
+                $kendo-pdf-viewer-canvas-text,
+                $kendo-pdf-viewer-canvas-bg,
+                $kendo-pdf-viewer-canvas-border
             );
         }
 
@@ -33,36 +33,36 @@
         // Page
         .k-page {
             @include fill(
-                $pdf-viewer-page-text,
-                $pdf-viewer-page-bg,
-                $pdf-viewer-page-border
+                $kendo-pdf-viewer-page-text,
+                $kendo-pdf-viewer-page-bg,
+                $kendo-pdf-viewer-page-border
             );
-            @include box-shadow( $pdf-viewer-page-shadow );
+            @include box-shadow( $kendo-pdf-viewer-page-shadow );
         }
 
         .k-blank-page > .k-icon {
-            @include fill( $color: $pdf-viewer-icon-text );
+            @include fill( $color: $kendo-pdf-viewer-icon-text );
         }
 
 
         // Search
         .k-search-highlight {
-            background-color: $pdf-viewer-search-highlight-bg;
+            background-color: $kendo-pdf-viewer-search-highlight-bg;
         }
 
         .k-search-highlight-mark {
-            @include fill( $bg: $pdf-viewer-search-highlight-mark-bg );
+            @include fill( $bg: $kendo-pdf-viewer-search-highlight-mark-bg );
         }
 
     }
 
     .k-pdf-viewer-canvas > .k-search-panel {
         @include fill(
-            $pdf-viewer-search-panel-text,
-            $pdf-viewer-search-panel-bg,
-            $pdf-viewer-search-panel-border,
+            $kendo-pdf-viewer-search-panel-text,
+            $kendo-pdf-viewer-search-panel-bg,
+            $kendo-pdf-viewer-search-panel-border,
         );
-        @include box-shadow( $pdf-viewer-search-panel-shadow );
+        @include box-shadow( $kendo-pdf-viewer-search-panel-shadow );
     }
 
     .k-search-container {

package/scss/pdf-viewer/_variables.scss

@@ -1,46 +1,46 @@
 // PDF viewer
 
-$pdf-viewer-border-width: 1px !default;
-$pdf-viewer-font-family: $font-family !default;
-$pdf-viewer-font-size: $font-size !default;
-$pdf-viewer-line-height: $line-height !default;
-
-$pdf-viewer-bg: $kendo-component-bg !default;
-$pdf-viewer-text: $kendo-component-text !default;
-$pdf-viewer-border: $kendo-component-border !default;
-
-$pdf-viewer-toolbar-bg: null !default;
-$pdf-viewer-toolbar-text: null !default;
-$pdf-viewer-toolbar-border: null !default;
-$pdf-viewer-toolbar-gradient: null !default;
-
-$pdf-viewer-canvas-bg: $kendo-app-bg !default;
-$pdf-viewer-canvas-text: null !default;
-$pdf-viewer-canvas-border: null !default;
-
-$pdf-viewer-page-spacing: 30px !default;
-
-$pdf-viewer-page-bg: white !default;
-$pdf-viewer-page-text: $kendo-component-text !default;
-$pdf-viewer-page-border: $kendo-component-border !default;
-$pdf-viewer-page-shadow: 0 0 k-math-div( $pdf-viewer-page-spacing, 2 ) $pdf-viewer-page-border !default;
-
-$pdf-viewer-search-dialog-padding-x: $kendo-toolbar-padding-x-md !default;
-$pdf-viewer-search-dialog-padding-y: calc( #{$kendo-toolbar-padding-x-md} * 2 ) !default;
-$pdf-viewer-search-dialog-spacing: $kendo-toolbar-spacing-md !default;
-
-$pdf-viewer-search-panel-border-width: 1px !default;
-$pdf-viewer-search-panel-border-radius: 0 !default;
-$pdf-viewer-search-panel-bg: $kendo-component-bg !default;
-$pdf-viewer-search-panel-text: $kendo-component-text !default;
-$pdf-viewer-search-panel-border: $kendo-component-border !default;
-$pdf-viewer-search-panel-shadow: $kendo-window-shadow !default;
-$pdf-viewer-search-panel-matches-spacing: $kendo-padding-sm-x !default;
-
-$pdf-viewer-selection-line-height: $line-height-sm !default;
-
-$pdf-viewer-search-highlight-bg: $kendo-body-text !default;
-$pdf-viewer-search-highlight-mark-bg: yellow !default;
-
-$pdf-viewer-icon-text: $dropzone-icon-text !default;
-$pdf-viewer-icon-size: calc( #{$kendo-icon-size} * 3 ) !default;
+$kendo-pdf-viewer-border-width: 1px !default;
+$kendo-pdf-viewer-font-family: $kendo-font-family !default;
+$kendo-pdf-viewer-font-size: $kendo-font-size-md !default;
+$kendo-pdf-viewer-line-height: $kendo-line-height-md !default;
+
+$kendo-pdf-viewer-bg: $kendo-component-bg !default;
+$kendo-pdf-viewer-text: $kendo-component-text !default;
+$kendo-pdf-viewer-border: $kendo-component-border !default;
+
+$kendo-pdf-viewer-toolbar-bg: null !default;
+$kendo-pdf-viewer-toolbar-text: null !default;
+$kendo-pdf-viewer-toolbar-border: null !default;
+$kendo-pdf-viewer-toolbar-gradient: null !default;
+
+$kendo-pdf-viewer-canvas-bg: $kendo-app-bg !default;
+$kendo-pdf-viewer-canvas-text: null !default;
+$kendo-pdf-viewer-canvas-border: null !default;
+
+$kendo-pdf-viewer-page-spacing: 30px !default;
+
+$kendo-pdf-viewer-page-bg: white !default;
+$kendo-pdf-viewer-page-text: $kendo-component-text !default;
+$kendo-pdf-viewer-page-border: $kendo-component-border !default;
+$kendo-pdf-viewer-page-shadow: 0 0 k-math-div( $kendo-pdf-viewer-page-spacing, 2 ) $kendo-pdf-viewer-page-border !default;
+
+$kendo-pdf-viewer-search-dialog-padding-x: $kendo-toolbar-md-padding-x !default;
+$kendo-pdf-viewer-search-dialog-padding-y: calc( #{$kendo-toolbar-md-padding-x} * 2 ) !default;
+$kendo-pdf-viewer-search-dialog-spacing: $kendo-toolbar-md-spacing !default;
+
+$kendo-pdf-viewer-search-panel-border-width: 1px !default;
+$kendo-pdf-viewer-search-panel-border-radius: 0 !default;
+$kendo-pdf-viewer-search-panel-bg: $kendo-component-bg !default;
+$kendo-pdf-viewer-search-panel-text: $kendo-component-text !default;
+$kendo-pdf-viewer-search-panel-border: $kendo-component-border !default;
+$kendo-pdf-viewer-search-panel-shadow: $kendo-window-shadow !default;
+$kendo-pdf-viewer-search-panel-matches-spacing: $kendo-padding-sm-x !default;
+
+$kendo-pdf-viewer-selection-line-height: $kendo-line-height-sm !default;
+
+$kendo-pdf-viewer-search-highlight-bg: $kendo-body-text !default;
+$kendo-pdf-viewer-search-highlight-mark-bg: yellow !default;
+
+$kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
+$kendo-pdf-viewer-icon-size: calc( #{$kendo-icon-size} * 3 ) !default;

package/scss/pivotgrid/_layout.scss

@@ -2,18 +2,18 @@
 
     // Pivotgrid
     .k-pivotgrid {
-        padding: $pivotgrid-padding-y $pivotgrid-padding-x;
-        border-width: $pivotgrid-border-width;
+        padding: $kendo-pivotgrid-padding-y $kendo-pivotgrid-padding-x;
+        border-width: $kendo-pivotgrid-border-width;
         border-style: solid;
         box-sizing: content-box;
-        font-size: $pivotgrid-font-size;
-        font-family: $pivotgrid-font-family;
-        line-height: $pivotgrid-line-height;
+        font-size: $kendo-pivotgrid-font-size;
+        font-family: $kendo-pivotgrid-font-family;
+        line-height: $kendo-pivotgrid-line-height;
         text-align: left;
         vertical-align: top;
         display: grid;
-        grid-template-columns: $pivotgrid-row-header-width auto;
-        grid-template-rows: $pivotgrid-column-header-height auto;
+        grid-template-columns: $kendo-pivotgrid-row-header-width auto;
+        grid-template-rows: $kendo-pivotgrid-column-header-height auto;
         position: relative;
 
         table {
@@ -57,9 +57,9 @@
     // Header empty cell
     .k-pivotgrid-empty-cell {
         border-right-style: solid;
-        border-right-width: $pivotgrid-cell-border-width;
+        border-right-width: $kendo-pivotgrid-cell-border-width;
         border-bottom-style: solid;
-        border-bottom-width: $pivotgrid-cell-border-width;
+        border-bottom-width: $kendo-pivotgrid-cell-border-width;
 
         &:focus {
             outline: none;
@@ -74,21 +74,21 @@
 
     .k-pivotgrid-column-headers .k-pivotgrid-table {
         padding-inline-start: 0;
-        padding-inline-end: var(--kendo-scrollbar-width, #{$default-scrollbar-width});
+        padding-inline-end: var(--kendo-scrollbar-width, #{$kendo-scrollbar-width});
     }
 
     .k-pivotgrid-column-headers .k-pivotgrid-cell {
         border-bottom-style: solid;
-        border-bottom-width: $pivotgrid-cell-border-width;
+        border-bottom-width: $kendo-pivotgrid-cell-border-width;
         border-left-style: solid;
-        border-left-width: $pivotgrid-cell-border-width;
+        border-left-width: $kendo-pivotgrid-cell-border-width;
 
         &:first-child {
             border-left-width: 0;
         }
 
         &.k-first {
-            border-left-width: $pivotgrid-cell-border-width;
+            border-left-width: $kendo-pivotgrid-cell-border-width;
         }
     }
 
@@ -99,14 +99,14 @@
     }
 
     .k-pivotgrid-row-headers .k-pivotgrid-table {
-        padding-bottom: var(--kendo-scrollbar-width, #{$default-scrollbar-width});
+        padding-bottom: var(--kendo-scrollbar-width, #{$kendo-scrollbar-width});
     }
 
     .k-pivotgrid-row-headers .k-pivotgrid-cell {
         border-right-style: solid;
-        border-right-width: $pivotgrid-cell-border-width;
+        border-right-width: $kendo-pivotgrid-cell-border-width;
         border-bottom-style: solid;
-        border-bottom-width: $pivotgrid-cell-border-width;
+        border-bottom-width: $kendo-pivotgrid-cell-border-width;
         white-space: nowrap;
     }
 
@@ -119,9 +119,9 @@
 
     .k-pivotgrid-values .k-pivotgrid-cell {
         border-bottom-style: solid;
-        border-bottom-width: $pivotgrid-cell-border-width;
+        border-bottom-width: $kendo-pivotgrid-cell-border-width;
         border-left-style: solid;
-        border-left-width: $pivotgrid-cell-border-width;
+        border-left-width: $kendo-pivotgrid-cell-border-width;
 
         &:first-child {
             border-left-width: 0;
@@ -129,7 +129,7 @@
     }
 
     .k-pivotgrid-cell {
-        padding: $pivotgrid-cell-padding-y $pivotgrid-cell-padding-x;
+        padding: $kendo-pivotgrid-cell-padding-y $kendo-pivotgrid-cell-padding-x;
         text-overflow: ellipsis;
         white-space: nowrap;
         vertical-align: top;
@@ -142,7 +142,7 @@
 
     .k-pivotgrid-cell .k-icon {
         cursor: pointer;
-        padding-inline-end: $pivotgrid-icon-spacing;
+        padding-inline-end: $kendo-pivotgrid-icon-spacing;
     }
 
     .k-pivotgrid-total {
@@ -151,7 +151,7 @@
 
     // Column menus
     .k-column-menu .k-treeview {
-        padding: $pivotgrid-treeview-padding-y $pivotgrid-treeview-padding-x;
+        padding: $kendo-pivotgrid-treeview-padding-y $kendo-pivotgrid-treeview-padding-x;
         overflow: auto;
     }
 
@@ -167,8 +167,8 @@
     }
 
     .k-pivotgrid-configurator-panel {
-        padding: $pivotgrid-configurator-padding-y $pivotgrid-configurator-padding-x;
-        border-width: $pivotgrid-configurator-border-width;
+        padding: $kendo-pivotgrid-configurator-padding-y $kendo-pivotgrid-configurator-padding-x;
+        border-width: $kendo-pivotgrid-configurator-border-width;
         border-style: solid;
         box-sizing: border-box;
         display: flex;
@@ -179,8 +179,8 @@
 
     // Configurator Button
     .k-pivotgrid-configurator-button {
-        padding: $pivotgrid-configurator-button-padding-y $pivotgrid-configurator-button-padding-x;
-        border-width: $pivotgrid-configurator-button-border-width;
+        padding: $kendo-pivotgrid-configurator-button-padding-y $kendo-pivotgrid-configurator-button-padding-x;
+        border-width: $kendo-pivotgrid-configurator-button-border-width;
         border-style: solid;
         box-sizing: border-box;
         cursor: pointer;
@@ -216,25 +216,25 @@
         z-index: 2;
 
         .k-flex-row & {
-            right: $pivotgrid-configurator-button-size;
+            right: $kendo-pivotgrid-configurator-button-size;
         }
         .k-flex-row-reverse & {
-            left: $pivotgrid-configurator-button-size;
+            left: $kendo-pivotgrid-configurator-button-size;
         }
         .k-flex-col & {
-            bottom: $pivotgrid-configurator-button-size;
+            bottom: $kendo-pivotgrid-configurator-button-size;
         }
         .k-flex-col-reverse & {
-            top: $pivotgrid-configurator-button-size;
+            top: $kendo-pivotgrid-configurator-button-size;
         }
     }
 
 
     // Panel Content
     .k-pivotgrid-configurator-header {
-        padding: $pivotgrid-configurator-header-padding-y $pivotgrid-configurator-header-padding-x;
-        font-size: $pivotgrid-configurator-header-font-size;
-        font-weight: $pivotgrid-configurator-header-font-weight;
+        padding: $kendo-pivotgrid-configurator-header-padding-y $kendo-pivotgrid-configurator-header-padding-x;
+        font-size: $kendo-pivotgrid-configurator-header-font-size;
+        font-weight: $kendo-pivotgrid-configurator-header-font-weight;
         display: flex;
         flex-direction: row;
         align-items: center;
@@ -246,7 +246,7 @@
     }
 
     .k-pivotgrid-configurator-content {
-        padding: $pivotgrid-configurator-content-padding-y $pivotgrid-configurator-content-padding-x;
+        padding: $kendo-pivotgrid-configurator-content-padding-y $kendo-pivotgrid-configurator-content-padding-x;
         flex: 1 1 auto;
         overflow: auto;
 
@@ -268,16 +268,16 @@
         .k-row-fields,
         .k-column-fields,
         .k-filter-fields {
-            margin-top: $pivotgrid-configurator-fields-margin-y;
+            margin-top: $kendo-pivotgrid-configurator-fields-margin-y;
             flex-wrap: wrap;
         }
 
         // Values
         .k-value-fields {
-            margin: $pivotgrid-configurator-fields-margin-y $pivotgrid-configurator-fields-margin-x;
+            margin: $kendo-pivotgrid-configurator-fields-margin-y $kendo-pivotgrid-configurator-fields-margin-x;
             display: flex;
             flex-direction: column;
-            gap: k-math-div( $pivotgrid-spacer, 2 );
+            gap: k-math-div( $kendo-pivotgrid-spacer, 2 );
         }
 
         .k-select-all .k-checkbox {
@@ -299,7 +299,7 @@
         }
 
         .k-treeview {
-            padding: $pivotgrid-treeview-padding-y $pivotgrid-treeview-padding-x;
+            padding: $kendo-pivotgrid-treeview-padding-y $kendo-pivotgrid-treeview-padding-x;
             overflow: auto;
         }
     }
@@ -307,14 +307,14 @@
 
     // Calculated field
     .k-calculated-field {
-        padding: $pivotgrid-calculated-field-padding-y $pivotgrid-calculated-field-padding-x;
-        border-width: $pivotgrid-calculated-field-border-width;
-        border-radius: $pivotgrid-calculated-field-border-radius;
+        padding: $kendo-pivotgrid-calculated-field-padding-y $kendo-pivotgrid-calculated-field-padding-x;
+        border-width: $kendo-pivotgrid-calculated-field-border-width;
+        border-radius: $kendo-pivotgrid-calculated-field-border-radius;
         border-style: solid;
         box-sizing: border-box;
         display: flex;
         flex-direction: column;
-        gap: $pivotgrid-calculated-field-gap;
+        gap: $kendo-pivotgrid-calculated-field-gap;
     }
     .k-calculated-field-header {
         display: flex;
@@ -362,7 +362,7 @@
 
     // Vertical Layout
     .k-pivotgrid-configurator-vertical {
-        min-width: $pivotgrid-configurator-vertical-width;
+        min-width: $kendo-pivotgrid-configurator-vertical-width;
     }
 
     .k-pivotgrid-configurator-vertical.k-pivotgrid-configurator-push .k-pivotgrid-configurator-panel {
@@ -377,7 +377,7 @@
     // Horizontal Layout
     .k-pivotgrid-configurator-horizontal {
         width: 100%;
-        height: $pivotgrid-configurator-horizontal-height;
+        height: $kendo-pivotgrid-configurator-horizontal-height;
 
         .k-pivotgrid-configurator-content {
             .k-form {
@@ -386,7 +386,7 @@
             }
 
             .k-form-field-wrapper {
-                padding-left: $pivotgrid-spacer;
+                padding-left: $kendo-pivotgrid-spacer;
 
                 & > *:first-child {
                     margin-top: 0;
@@ -472,7 +472,7 @@
 @include exports("pivotgrid/layout/legacy") {
 
     .k-pivot {
-        border-width: $pivotgrid-border-width;
+        border-width: $kendo-pivotgrid-border-width;
         border-style: solid;
         position: relative;