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

package/scss/loader/_variables.scss

@@ -1,4 +1,5 @@
 // Loader
+
 $kendo-loader-segment-border-radius: 50% !default;
 $kendo-loader-segment-size-sm: k-map-get( $kendo-spacing, 1 ) !default;
 $kendo-loader-segment-size-md: k-map-get( $kendo-spacing, 2 ) !default;

package/scss/map/_index.scss

@@ -3,7 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_position.scss";
+// @import "../utils/_position.scss";
 @import "../button/_index.scss";
 @import "../scroller/_index.scss";
 @import "../icons/_index.scss";

package/scss/map/_variables.scss

@@ -9,13 +9,13 @@ $map-bg: $kendo-component-bg !default;
 $map-text: $kendo-component-text !default;
 $map-border: $kendo-component-border !default;
 
-$map-navigator-margin: $spacer-x !default;
+$map-navigator-margin: k-map-get( $kendo-spacing, 4 ) !default;
 $map-navigator-padding: 2px !default;
-$map-navigator-width: calc( #{$icon-size * 3} + #{$map-navigator-padding * 2} ) !default;
+$map-navigator-width: calc( #{$kendo-icon-size * 3} + #{$map-navigator-padding * 2} ) !default;
 $map-navigator-height: $map-navigator-width !default;
 $map-navigator-border-width: 1px !default;
 
-$map-zoom-control-margin: $spacer-x !default;
+$map-zoom-control-margin: k-map-get( $kendo-spacing, 4 ) !default;
 $map-zoom-control-button-padding-x: $kendo-button-padding-y !default;
 $map-zoom-control-button-padding-y: $map-zoom-control-button-padding-x !default;
 
@@ -24,5 +24,5 @@ $map-attribution-padding-y: $kendo-padding-sm-y !default;
 $map-attribution-font-size: ($map-font-size * .75) !default;
 $map-attribution-bg: rgba( $map-bg, .8 ) !default;
 
-$map-marker-size: $icon-size-lg !default;
+$map-marker-size: $kendo-icon-size-xxl !default;
 $map-marker-fill: $kendo-color-primary !default;

package/scss/menu/_variables.scss

@@ -1,4 +1,8 @@
+@import "../typography/_variables.scss";
+
+
 // Menu
+
 $menu-padding-x: 0px !default;
 $menu-padding-y: 0px !default;
 $menu-border-width: 1px !default;
@@ -14,7 +18,7 @@ $menu-gradient: $base-gradient !default;
 $menu-item-padding-x: k-map-get( $kendo-spacing, 2 ) !default;
 $menu-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
 $menu-item-spacing: null !default;
-$menu-item-icon-spacing: $icon-spacing !default;
+$menu-item-icon-spacing: $kendo-icon-spacing !default;
 
 $menu-item-bg: null !default;
 $menu-item-text: inherit !default;
@@ -106,10 +110,10 @@ $kendo-menu-popup-item-padding-y-lg: k-map-get( $kendo-spacing, 1.5 ) !default;
 
 /// The end padding of the menu item in popup.
 /// @group menu
-$kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x * 2} + #{$icon-size} ) !default;
-$kendo-menu-popup-item-padding-end-sm: calc( #{$kendo-menu-popup-item-padding-x-sm * 2} + #{$icon-size} ) !default;
-$kendo-menu-popup-item-padding-end-md: calc( #{$kendo-menu-popup-item-padding-x-md * 2} + #{$icon-size} ) !default;
-$kendo-menu-popup-item-padding-end-lg: calc( #{$kendo-menu-popup-item-padding-x-lg * 2} + #{$icon-size} ) !default;
+$kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x * 2} + #{$kendo-icon-size} ) !default;
+$kendo-menu-popup-item-padding-end-sm: calc( #{$kendo-menu-popup-item-padding-x-sm * 2} + #{$kendo-icon-size} ) !default;
+$kendo-menu-popup-item-padding-end-md: calc( #{$kendo-menu-popup-item-padding-x-md * 2} + #{$kendo-icon-size} ) !default;
+$kendo-menu-popup-item-padding-end-lg: calc( #{$kendo-menu-popup-item-padding-x-lg * 2} + #{$kendo-icon-size} ) !default;
 
 /// The start margin of the menu item expand icon.
 /// @group menu

package/scss/messagebox/_variables.scss

@@ -1,5 +1,5 @@
 // Message box
-$message-box-margin: 0 0 $spacer 0 !default;
+$message-box-margin: 0 0 k-map-get( $kendo-spacing, 4 ) 0 !default;
 $message-box-padding-x: $kendo-padding-md-x !default;
 $message-box-padding-y: $kendo-padding-md-y !default;
 $message-box-border-width: 0 0 0 4px !default;

package/scss/multiselect/_index.scss

@@ -3,7 +3,6 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../forms/_variables.scss";
 @import "../button/_index.scss";
 @import "../input/_index.scss";
 @import "../chip/_index.scss";

package/scss/notification/_variables.scss

@@ -27,7 +27,7 @@ $kendo-notification-line-height: $line-height !default;
 
 /// Horizontal spacing of the notification icon.
 /// @group notification
-$kendo-notification-icon-spacing: $icon-spacing !default;
+$kendo-notification-icon-spacing: $kendo-icon-spacing !default;
 
 /// Background color of the notification.
 /// @group notification

package/scss/orgchart/_index.scss

@@ -2,7 +2,7 @@
 
 
 // Dependencies
-@import "../utils/_index.scss";
+// @import "../utils/_index.scss";
 @import "../common/_index.scss";
 @import "../icons/_index.scss";
 @import "../forms/_index.scss";

package/scss/pager/_index.scss

@@ -5,8 +5,6 @@
 @import "../common/_index.scss";
 @import "../dropdownlist/_index.scss";
 @import "../icons/_index.scss";
-@import "../toolbar/_variables.scss";
-@import "../list/_index.scss";
 @import "../button/_index.scss";
 
 

package/scss/pager/_variables.scss

@@ -1,3 +1,6 @@
+@import "../list/_variables.scss";
+
+
 // Pager
 
 /// Horizontal padding of the pager according to the pager size.
@@ -56,7 +59,7 @@ $kendo-pager-focus-shadow: $kendo-focus-shadow !default;
 
 /// Spacing between the pager sections.
 /// @group pager
-$kendo-pager-section-spacing: $spacer-x !default;
+$kendo-pager-section-spacing: k-map-get( $kendo-spacing, 4 ) !default;
 
 /// Border width of the pager items.
 /// @group pager

package/scss/pdf-viewer/_index.scss

@@ -3,8 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_index.scss";
-@import "../button/_variables.scss";
+// @import "../utils/_index.scss";
 @import "../combobox/_index.scss";
 @import "../toolbar/_index.scss";
 @import "../dialog/_index.scss";

package/scss/pdf-viewer/_variables.scss

@@ -1,4 +1,5 @@
 // PDF viewer
+
 $pdf-viewer-border-width: 1px !default;
 $pdf-viewer-font-family: $font-family !default;
 $pdf-viewer-font-size: $font-size !default;
@@ -42,4 +43,4 @@ $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( #{$icon-size} * 3 ) !default;
+$pdf-viewer-icon-size: calc( #{$kendo-icon-size} * 3 ) !default;

package/scss/pivotgrid/_index.scss

@@ -7,12 +7,11 @@
 @import "../treeview/_index.scss";
 @import "../grid/_index.scss";
 @import "../icons/_index.scss";
-@import "../utils/_spacer.scss";
-@import "../utils/_flex.scss";
-@import "../utils/_grid.scss";
-@import "../utils/_position.scss";
+// @import "../utils/_spacer.scss";
+// @import "../utils/_flex.scss";
+// @import "../utils/_grid.scss";
+// @import "../utils/_position.scss";
 @import "../list/_index.scss";
-@import "../table/_variables.scss";
 
 
 // Component

package/scss/pivotgrid/_variables.scss

@@ -1,3 +1,6 @@
+@import "../table/_variables.scss";
+
+
 // Pivot grid
 $pivotgrid-spacer: k-map-get( $kendo-spacing, 4 ) !default;
 $pivotgrid-padding-x: null !default;

package/scss/popover/_variables.scss

@@ -1,31 +1,31 @@
 // Popover
-$popover-border-width: $card-border-width !default;
-$popover-border-style: solid !default;
-$popover-border-radius: $card-border-radius !default;
-$popover-font-size: $card-font-size !default;
-$popover-font-family: $card-font-family !default;
-$popover-line-height: $card-line-height !default;
-$popover-bg: $kendo-component-bg !default;
-$popover-text: $kendo-component-text !default;
-$popover-border: $kendo-component-border !default;
-$popover-shadow: $popup-shadow !default;
+$kendo-popover-border-width: $card-border-width !default;
+$kendo-popover-border-style: solid !default;
+$kendo-popover-border-radius: $card-border-radius !default;
+$kendo-popover-font-size: $card-font-size !default;
+$kendo-popover-font-family: $card-font-family !default;
+$kendo-popover-line-height: $card-line-height !default;
+$kendo-popover-bg: $kendo-component-bg !default;
+$kendo-popover-text: $kendo-component-text !default;
+$kendo-popover-border: $kendo-component-border !default;
+$kendo-popover-shadow: $popup-shadow !default;
 
-$popover-header-padding-y: $card-header-padding-y !default;
-$popover-header-padding-x: $card-header-padding-x !default;
-$popover-header-border-width: $card-header-border-width !default;
-$popover-header-border-style: $popover-border-style !default;
-$popover-header-bg: $card-header-bg !default;
-$popover-header-text: $card-header-text !default;
-$popover-header-border: $card-header-border !default;
+$kendo-popover-header-padding-y: $card-header-padding-y !default;
+$kendo-popover-header-padding-x: $card-header-padding-x !default;
+$kendo-popover-header-border-width: $card-header-border-width !default;
+$kendo-popover-header-border-style: $kendo-popover-border-style !default;
+$kendo-popover-header-bg: $card-header-bg !default;
+$kendo-popover-header-text: $card-header-text !default;
+$kendo-popover-header-border: $card-header-border !default;
 
-$popover-body-padding-y: $card-body-padding-y !default;
-$popover-body-padding-x: $card-body-padding-x !default;
+$kendo-popover-body-padding-y: $card-body-padding-y !default;
+$kendo-popover-body-padding-x: $card-body-padding-x !default;
 
-$popover-actions-border-width: $popover-border-width !default;
+$kendo-popover-actions-border-width: $kendo-popover-border-width !default;
 
-$popover-callout-width: $card-callout-width !default;
-$popover-callout-height: $card-callout-height !default;
-$popover-callout-border-width: $popover-border-width !default;
-$popover-callout-border-style: $popover-border-style !default;
-$popover-callout-bg: $popover-bg !default;
-$popover-callout-border: $popover-border !default;
+$kendo-popover-callout-width: $card-callout-width !default;
+$kendo-popover-callout-height: $card-callout-height !default;
+$kendo-popover-callout-border-width: $kendo-popover-border-width !default;
+$kendo-popover-callout-border-style: $kendo-popover-border-style !default;
+$kendo-popover-callout-bg: $kendo-popover-bg !default;
+$kendo-popover-callout-border: $kendo-popover-border !default;

package/scss/radio/_index.scss

@@ -2,9 +2,6 @@
 
 
 // Dependencies
-@import "../typography/_variables.scss";
-@import "../list/_variables.scss";
-@import "../checkbox/_variables.scss";
 
 
 // Component

package/scss/radio/_variables.scss

@@ -1,3 +1,7 @@
+@import "../list/_variables.scss";
+@import "../checkbox/_variables.scss";
+
+
 // Radio button
 
 /// Border radius of radio button.

package/scss/rating/_variables.scss

@@ -1,4 +1,5 @@
 // Rating
+
 $rating-font-family: $font-family !default;
 $rating-font-size: $font-size !default;
 $rating-line-height: $line-height !default;
@@ -12,7 +13,7 @@ $rating-label-margin-x: $kendo-padding-md-x !default;
 $rating-label-margin-y: $kendo-padding-md-y !default;
 $rating-label-line-height: $line-height-lg !default;
 
-$rating-icon-size: ($icon-size * 1.5) !default;
+$rating-icon-size: ($kendo-icon-size * 1.5) !default;
 
 $rating-icon-text: $kendo-component-text !default;
 $rating-icon-selected-text: $kendo-selected-bg !default;

package/scss/switch/_index.scss

@@ -3,7 +3,7 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../utils/_border.scss";
+// @import "../utils/_border.scss";
 
 
 // Component

package/scss/table/_index.scss

@@ -3,17 +3,9 @@
 
 // Dependencies
 @import "../common/_index.scss";
-@import "../input/_index.scss";
-@import "../floating-label/_index.scss";
-@import "../combobox/_index.scss";
-@import "../popup/_index.scss";
-@import "../toolbar/_variables.scss";
-@import "../menu/_variables.scss";
-@import "../list/_variables.scss";
 
 
 // Component
 @import "./_variables.scss";
 @import "./_layout.scss";
 @import "./_theme.scss";
-

package/scss/table/_variables.scss

@@ -1,3 +1,6 @@
+@import "../list/_variables.scss";
+
+
 // Table
 
 /// The width of the table border.

package/scss/taskboard/_index.scss

@@ -2,7 +2,7 @@
 
 
 // Dependencies
-@import "../utils/_index.scss";
+// @import "../utils/_index.scss";
 @import "../common/_index.scss";
 @import "../icons/_index.scss";
 @import "../forms/_index.scss";

package/scss/timedurationpicker/_index.scss

@@ -2,7 +2,7 @@
 
 
 // Dependencies
-@import "../icons/index";
+@import "../icons/_index.scss";
 @import "../button/_index.scss";
 @import "../input/_index.scss";
 @import "../popup/_index.scss";

package/scss/timeselector/_variables.scss

@@ -1,4 +1,8 @@
+@import "../typography/_variables.scss";
+
+
 // Time selector
+
 $time-selector-border-width: 1px !default;
 $time-selector-font-family: $font-family !default;
 $time-selector-font-size: $font-size !default;

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/_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/_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/_variables.scss

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

package/scss/utils/_aspect-ratio.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_aspect-ratio.scss";

package/scss/utils/_border.scss

@@ -1,10 +0,0 @@
-$utils-border-radius: (
-    default: $kendo-border-radius-md,
-    0: 0,
-    sm: $kendo-border-radius-sm,
-    md: $kendo-border-radius-md,
-    lg: $kendo-border-radius-lg,
-    full: 9999px
-) !default;
-
-@import "@progress/kendo-theme-default/scss/utils/_border.scss";

package/scss/utils/_display.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_display.scss";

package/scss/utils/_flex.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_flex.scss";

package/scss/utils/_float.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_float.scss";

package/scss/utils/_grid.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_grid.scss";

package/scss/utils/_order.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_order.scss";

package/scss/utils/_overflow.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_overflow.scss";

package/scss/utils/_pointer-events.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_pointer-events.scss";

package/scss/utils/_position.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_position.scss";

package/scss/utils/_resize.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_resize.scss";

package/scss/utils/_spacer.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_spacer.scss";

package/scss/utils/_spacing.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_spacing.scss";

package/scss/utils/_table-layout.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_table-layout.scss";

package/scss/utils/_text.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_text.scss";

package/scss/utils/_theme-colors.scss

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

package/scss/utils/_touch-action.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_touch-action.scss";

package/scss/utils/_transform.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_transform.scss";

package/scss/utils/_user-select.scss

@@ -1 +0,0 @@
-@import "@progress/kendo-theme-default/scss/utils/_user-select.scss";