@progress/kendo-theme-bootstrap 9.1.1-dev.2 → 10.0.0-dev.0

package/scss/icons/_variables.scss

@@ -0,0 +1,34 @@
+@use "../core/_index.scss" as *;
+
+/// Font sizes of the icons.
+/// @group icon
+$kendo-icon-size: 1rem !default;
+
+$kendo-icon-size-xs: calc( var( --kendo-icon-size, 1rem ) * .75 ) !default;
+$kendo-icon-size-sm: calc( var( --kendo-icon-size, 1rem ) * .875 ) !default;
+$kendo-icon-size-md: var( --kendo-icon-size, 1rem ) !default;
+$kendo-icon-size-lg: calc( var( --kendo-icon-size, 1rem ) * 1.25 ) !default;
+$kendo-icon-size-xl: calc( var( --kendo-icon-size, 1rem ) * 1.5 ) !default;
+$kendo-icon-size-xxl: calc( var( --kendo-icon-size, 1rem ) * 2 ) !default;
+$kendo-icon-size-xxxl: calc( var( --kendo-icon-size, 1rem ) * 3 ) !default;
+
+/// Spacing around the icons.
+/// @group icon
+$kendo-icon-spacing: k-spacing(2) !default;
+
+/// Padding of the action icons container.
+/// @group icon
+$kendo-icon-padding: k-spacing(1) !default;
+
+@forward "@progress/kendo-theme-default/scss/icons/_variables.scss" with (
+    $kendo-icon-size: $kendo-icon-size,
+    $kendo-icon-size-xs: $kendo-icon-size-xs,
+    $kendo-icon-size-sm: $kendo-icon-size-sm,
+    $kendo-icon-size-md: $kendo-icon-size-md,
+    $kendo-icon-size-lg: $kendo-icon-size-lg,
+    $kendo-icon-size-xl: $kendo-icon-size-xl,
+    $kendo-icon-size-xxl: $kendo-icon-size-xxl,
+    $kendo-icon-size-xxxl: $kendo-icon-size-xxxl,
+    $kendo-icon-spacing: $kendo-icon-spacing,
+    $kendo-icon-padding: $kendo-icon-padding
+);

package/scss/imageeditor/_index.scss

@@ -1,46 +1,26 @@
-@import "../core/_index.scss";
-
-
-// Module meta
-$_kendo-module-meta: (
-    name: "image-editor",
-    dependencies: (
-        "checkbox",
-        "dropdown-list",
-        "form",
-        "numeric-textbox",
-        "toolbar"
-    )
-);
-
-
 // Dependencies
-@import "../toolbar/_index.scss";
-@import "../forms/_index.scss";
-@import "../dropdownlist/_index.scss";
-@import "../numerictextbox/_index.scss";
-@import "../checkbox/_index.scss";
-
+@use "../core/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../forms/_index.scss" as *;
+@use "../dropdownlist/_index.scss" as *;
+@use "../numerictextbox/_index.scss" as *;
+@use "../checkbox/_index.scss" as *;
 
 // Component
-@import "./_variables.scss";
-@import "./_layout.scss";
-@import "./_theme.scss";
-
-
-// Register
-@import "../core/module-system/index.import.scss";
-@include module-register( $_kendo-module-meta... );
-
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
 
 // Expose
 @mixin kendo-image-editor--styles() {
-    @include module-render( "image-editor" ) {
+    @include import-once( "image-editor" ) {
+        @include core-styles();
+        @include kendo-toolbar--styles();
+        @include kendo-form--styles();
+        @include kendo-dropdown-list--styles();
+        @include kendo-numeric-textbox--styles();
+        @include kendo-checkbox--styles();
         @include kendo-image-editor--layout();
         @include kendo-image-editor--theme();
     }
 }
-
-@if $kendo-auto-bootstrap {
-    @include kendo-image-editor--styles();
-}

package/scss/imageeditor/_layout.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/imageeditor/_layout.scss";
+@use "@progress/kendo-theme-default/scss/imageeditor/_layout.scss" as *;
 
 
 @mixin kendo-image-editor--layout() {

package/scss/imageeditor/_theme.scss

@@ -1,4 +1,4 @@
-@import "@progress/kendo-theme-default/scss/imageeditor/_theme.scss";
+@use "@progress/kendo-theme-default/scss/imageeditor/_theme.scss" as *;
 
 
 @mixin kendo-image-editor--theme() {

package/scss/imageeditor/_variables.scss

@@ -1,3 +1,5 @@
+@use "../core/_index.scss" as *;
+
 // Imageeditor
 $kendo-image-editor-margin-y: null !default;
 $kendo-image-editor-margin-x: null !default;
@@ -40,3 +42,38 @@ $kendo-image-editor-crop-text: null !default;
 $kendo-image-editor-crop-border: white !default;
 
 $kendo-image-editor-crop-overlay-bg: rgba( black, .3 ) !default;
+
+
+@forward "@progress/kendo-theme-default/scss/imageeditor/_variables.scss" with (
+    $kendo-image-editor-margin-y: $kendo-image-editor-margin-y,
+    $kendo-image-editor-margin-x: $kendo-image-editor-margin-x,
+    $kendo-image-editor-padding-y: $kendo-image-editor-padding-y,
+    $kendo-image-editor-padding-x: $kendo-image-editor-padding-x,
+    $kendo-image-editor-border-width: $kendo-image-editor-border-width,
+    $kendo-image-editor-font-size: $kendo-image-editor-font-size,
+    $kendo-image-editor-line-height: $kendo-image-editor-line-height,
+    $kendo-image-editor-font-family: $kendo-image-editor-font-family,
+    $kendo-image-editor-content-border-width: $kendo-image-editor-content-border-width,
+    $kendo-image-editor-action-pane-padding-y: $kendo-image-editor-action-pane-padding-y,
+    $kendo-image-editor-action-pane-padding-x: $kendo-image-editor-action-pane-padding-x,
+    $kendo-image-editor-action-pane-width: $kendo-image-editor-action-pane-width,
+    $kendo-image-editor-crop-border-width: $kendo-image-editor-crop-border-width,
+    $kendo-image-editor-crop-border-style: $kendo-image-editor-crop-border-style,
+    $kendo-image-editor-resize-handle-margin-x: $kendo-image-editor-resize-handle-margin-x,
+    $kendo-image-editor-resize-handle-margin-y: $kendo-image-editor-resize-handle-margin-y,
+    $kendo-image-editor-resize-handle-border-width: $kendo-image-editor-resize-handle-border-width,
+    $kendo-image-editor-resize-handle-size: $kendo-image-editor-resize-handle-size,
+    $kendo-image-editor-bg: $kendo-image-editor-bg,
+    $kendo-image-editor-text: $kendo-image-editor-text,
+    $kendo-image-editor-border: $kendo-image-editor-border,
+    $kendo-image-editor-content-bg: $kendo-image-editor-content-bg,
+    $kendo-image-editor-content-text: $kendo-image-editor-content-text,
+    $kendo-image-editor-content-border: $kendo-image-editor-content-border,
+    $kendo-image-editor-action-pane-bg: $kendo-image-editor-action-pane-bg,
+    $kendo-image-editor-action-pane-text: $kendo-image-editor-action-pane-text,
+    $kendo-image-editor-action-pane-border: $kendo-image-editor-action-pane-border,
+    $kendo-image-editor-crop-bg: $kendo-image-editor-crop-bg,
+    $kendo-image-editor-crop-text: $kendo-image-editor-crop-text,
+    $kendo-image-editor-crop-border: $kendo-image-editor-crop-border,
+    $kendo-image-editor-crop-overlay-bg: $kendo-image-editor-crop-overlay-bg
+);

package/scss/index.scss

@@ -1,178 +1,335 @@
-@import "./core/_index.scss";
+@forward "./core/_index.scss";
 
 
 // Typography
-@import "./typography/_index.scss";
+@forward "./typography/_index.scss";
 
 
 // Generic content
-@import "./icons/_index.scss";
-@import "./messagebox/_index.scss";
+@forward "./icons/_index.scss";
+@forward "./messagebox/_index.scss";
 
 
 // Primitive components
-@import "./draggable/_index.scss";
-@import "./list/_index.scss";
-@import "./listgroup/_index.scss";
-@import "./overlay/_index.scss";
-@import "./popup/_index.scss";
-@import "./ripple/_index.scss";
-@import "./table/_index.scss";
-@import "./virtual-scroller/_index.scss";
-@import "./no-data/_index.scss";
-
+@forward "./draggable/_index.scss";
+@forward "./list/_index.scss";
+@forward "./listgroup/_index.scss";
+@forward "./overlay/_index.scss";
+@forward "./popup/_index.scss";
+@forward "./ripple/_index.scss";
+@forward "./table/_index.scss";
+@forward "./virtual-scroller/_index.scss";
+@forward "./no-data/_index.scss";
 
 // Indicators
-@import "./avatar/_index.scss";
-@import "./badge/_index.scss";
-@import "./chip/_index.scss";
-@import "./color-preview/_index.scss";
-@import "./loader/_index.scss";
-// @import "./loading/_index.scss";
-@import "./skeleton/_index.scss";
-@import "./time-marker/_index.scss";
-
-
-// Form helpers
-@import "./forms/_index.scss";
-@import "./validator/_index.scss";
-@import "./floating-label/_index.scss";
+@forward "./avatar/_index.scss";
+@forward "./badge/_index.scss";
+@forward "./color-preview/_index.scss";
+@forward "./loader/_index.scss";
+@forward "./skeleton/_index.scss";
+@forward "./time-marker/_index.scss";
 
+@forward "./tooltip/_index.scss";
 
 // Native forms
-@import "./button/_index.scss";
-@import "./split-button/_index.scss";
-@import "./menu-button/_index.scss";
-@import "./input/_index.scss";
-@import "./textbox/_index.scss";
-@import "./textarea/_index.scss";
-@import "./checkbox/_index.scss";
-@import "./listbox/_index.scss";
-@import "./progressbar/_index.scss";
-@import "./radio/_index.scss";
-@import "./slider/_index.scss";
+@forward "./button/_index.scss";
+@forward "./input/_index.scss";
+@forward "./floating-label/_index.scss";
+@forward "./textbox/_index.scss";
+@forward "./textarea/_index.scss";
+@forward "./checkbox/_index.scss";
+@forward "./listbox/_index.scss";
+@forward "./progressbar/_index.scss";
+@forward "./radio/_index.scss";
+@forward "./slider/_index.scss";
+@forward "./chip/_index.scss";
+
+@forward "./action-buttons/_index.scss";
+@forward "./menu/_index.scss";
+@forward "./menu-button/_index.scss";
+@forward "./split-button/_index.scss";
+@forward "./toolbar/_index.scss";
 
+// Form helpers
+@forward "./forms/_index.scss";
+@forward "./validator/_index.scss";
 
 // Form requirements
-@import "./calendar/_index.scss";
-@import "./timeselector/_index.scss";
+@forward "./calendar/_index.scss";
+@forward "./timeselector/_index.scss";
 
 
 // Augmented forms
-@import "./autocomplete/_index.scss";
-@import "./captcha/_index.scss";
-@import "./colorpalette/_index.scss";
-@import "./colorgradient/_index.scss";
-@import "./coloreditor/_index.scss";
-@import "./colorpicker/_index.scss";
-@import "./combobox/_index.scss";
-@import "./dateinput/_index.scss";
-@import "./datepicker/_index.scss";
-@import "./timepicker/_index.scss";
-@import "./datetimepicker/_index.scss";
-@import "./timedurationpicker/_index.scss";
-@import "./daterangepicker/_index.scss";
-@import "./dropdowngrid/_index.scss";
-@import "./dropdownlist/_index.scss";
-@import "./dropdowntree/_index.scss";
-@import "./maskedtextbox/_index.scss";
-@import "./multiselect/_index.scss";
-@import "./numerictextbox/_index.scss";
-@import "./rating/_index.scss";
-@import "./searchbox/_index.scss";
-@import "./switch/_index.scss";
-@import "./upload/_index.scss";
-@import "./dropzone/_index.scss";
+@forward "./autocomplete/_index.scss";
+@forward "./captcha/_index.scss";
+@forward "./colorpalette/_index.scss";
+@forward "./numerictextbox/_index.scss";
+@forward "./colorgradient/_index.scss";
+@forward "./coloreditor/_index.scss";
+@forward "./colorpicker/_index.scss";
+@forward "./combobox/_index.scss";
+@forward "./dateinput/_index.scss";
+@forward "./datepicker/_index.scss";
+@forward "./timepicker/_index.scss";
+@forward "./datetimepicker/_index.scss";
+@forward "./timedurationpicker/_index.scss";
+@forward "./daterangepicker/_index.scss";
+@forward "./dropdowngrid/_index.scss";
+@forward "./dropdownlist/_index.scss";
+@forward "./multiselect/_index.scss";
+@forward "./treeview/_index.scss";
+@forward "./dropdowntree/_index.scss";
+@forward "./maskedtextbox/_index.scss";
+@forward "./rating/_index.scss";
+@forward "./searchbox/_index.scss";
+@forward "./switch/_index.scss";
+@forward "./dropzone/_index.scss";
+@forward "./upload/_index.scss";
 
 
 // Command interfaces
-@import "./action-buttons/_index.scss";
-@import "./appbar/_index.scss";
-@import "./fab/_index.scss";
-@import "./menu/_index.scss";
-@import "./toolbar/_index.scss";
+@forward "./appbar/_index.scss";
+@forward "./fab/_index.scss";
 
+@forward "./card/_index.scss";
 
 // Popups and modals
-@import "./action-sheet/_index.scss";
-@import "./dialog/_index.scss";
-@import "./drawer/_index.scss";
-@import "./notification/_index.scss";
-@import "./popover/_index.scss";
-@import "./responsivepanel/_index.scss";
-@import "./tooltip/_index.scss";
-@import "./window/_index.scss";
+@forward "./action-sheet/_index.scss";
+@forward "./window/_index.scss";
+@forward "./dialog/_index.scss";
+@forward "./drawer/_index.scss";
+@forward "./notification/_index.scss";
+@forward "./popover/_index.scss";
+@forward "./responsivepanel/_index.scss";
 
 
 // Navigation
-@import "./bottom-navigation/_index.scss";
-@import "./breadcrumb/_index.scss";
-@import "./pager/_index.scss";
-@import "./stepper/_index.scss";
-@import "./tabstrip/_index.scss";
-@import "./treeview/_index.scss";
-@import "./wizard/_index.scss";
+@forward "./bottom-navigation/_index.scss";
+@forward "./breadcrumb/_index.scss";
+@forward "./pager/_index.scss";
+@forward "./stepper/_index.scss";
+@forward "./tabstrip/_index.scss";
+@forward "./wizard/_index.scss";
 
 
 // Layout & containers
-@import "./card/_index.scss";
-@import "./expansion-panel/_index.scss";
-@import "./panel/_index.scss";
-@import "./panelbar/_index.scss";
-@import "./splitter/_index.scss";
-@import "./tilelayout/_index.scss";
-@import "./dock-manager/_index.scss";
-@import "./chart-wizard/_index.scss";
+@forward "./expansion-panel/_index.scss";
+@forward "./panel/_index.scss";
+@forward "./panelbar/_index.scss";
+@forward "./splitter/_index.scss";
+@forward "./tilelayout/_index.scss";
+@forward "./dock-manager/_index.scss";
+@forward "./adaptive/_index.scss";
+@forward "./grid/_index.scss";
+@forward "./listview/_index.scss";
 
 
 // Data management
-@import "./grid/_index.scss";
-@import "./listview/_index.scss";
-@import "./spreadsheet/_index.scss";
-@import "./pivotgrid/_index.scss";
-@import "./treelist/_index.scss";
-@import "./filter/_index.scss";
-@import "./filemanager/_index.scss";
-@import "./taskboard/_index.scss";
+
+
+@forward "./spreadsheet/_index.scss";
+@forward "./pivotgrid/_index.scss";
+@forward "./treelist/_index.scss";
+@forward "./filter/_index.scss";
+@forward "./filemanager/_index.scss";
+@forward "./taskboard/_index.scss";
 
 
 // Editors
-@import "./editor/_index.scss";
-@import "./imageeditor/_index.scss";
+@forward "./editor/_index.scss";
+@forward "./imageeditor/_index.scss";
 
 
 // Scheduling
-@import "./gantt/_index.scss";
-@import "./scheduler/_index.scss";
+@forward "./gantt/_index.scss";
+@forward "./scheduler/_index.scss";
 
 
 // Misc
-@import "./adaptive/_index.scss";
-@import "./chat/_index.scss";
-@import "./mediaplayer/_index.scss";
-@import "./timeline/_index.scss";
-@import "./pdf-viewer/_index.scss";
-@import "./scroller/_index.scss";
-@import "./scrollview/_index.scss";
-@import "./prompt/_index.scss";
+
+@forward "./chat/_index.scss";
+@forward "./mediaplayer/_index.scss";
+@forward "./timeline/_index.scss";
+@forward "./pdf-viewer/_index.scss";
+@forward "./scroller/_index.scss";
+@forward "./scrollview/_index.scss";
+@forward "./prompt/_index.scss";
 
 
 // Dataviz
-@import "./dataviz/_index.scss";
-@import "./map/_index.scss";
-@import "./orgchart/_index.scss";
-@import "./signature/_index.scss";
+@forward "./dataviz/_index.scss";
+@forward "./chart-wizard/_index.scss";
+@forward "./map/_index.scss";
+@forward "./orgchart/_index.scss";
+@forward "./signature/_index.scss";
 
 
-// Configuration
-@mixin kendo-theme--config( $config: null ) {
-}
+@use "./core/_index.scss" as *;
+
+
+// Typography
+@use "./typography/_index.scss" as *;
+
+
+// Generic content
+@use "./icons/_index.scss" as *;
+@use "./messagebox/_index.scss" as *;
+
+
+// Primitive components
+
+@use "./draggable/_index.scss" as *;
+@use "./list/_index.scss" as *;
+@use "./listgroup/_index.scss" as *;
+@use "./overlay/_index.scss" as *;
+@use "./popup/_index.scss" as *;
+@use "./ripple/_index.scss" as *;
+@use "./table/_index.scss" as *;
+@use "./virtual-scroller/_index.scss" as *;
+@use "./no-data/_index.scss" as *;
+
+// Indicators
+
+@use "./avatar/_index.scss" as *;
+@use "./badge/_index.scss" as *;
+@use "./chip/_index.scss" as *;
+@use "./color-preview/_index.scss" as *;
+@use "./loader/_index.scss" as *;
+@use "./skeleton/_index.scss" as *;
+@use "./time-marker/_index.scss" as *;
+
+// Form helpers
+
+@use "./forms/_index.scss" as *;
+@use "./validator/_index.scss" as *;
+@use "./floating-label/_index.scss" as *;
+
+// Native forms
+@use "./button/_index.scss" as *;
+
+@use "./split-button/_index.scss" as *;
+@use "./menu-button/_index.scss" as *;
+@use "./input/_index.scss" as *;
+@use "./textbox/_index.scss" as *;
+@use "./textarea/_index.scss" as *;
+@use "./checkbox/_index.scss" as *;
+@use "./listbox/_index.scss" as *;
+@use "./progressbar/_index.scss" as *;
+@use "./radio/_index.scss" as *;
+@use "./slider/_index.scss" as *;
+
+// Form requirements
+@use "./calendar/_index.scss" as *;
+@use "./timeselector/_index.scss" as *;
+
+
+// Augmented forms
+
+@use "./autocomplete/_index.scss" as *;
+@use "./captcha/_index.scss" as *;
+@use "./colorpalette/_index.scss" as *;
+@use "./colorgradient/_index.scss" as *;
+@use "./coloreditor/_index.scss" as *;
+@use "./colorpicker/_index.scss" as *;
+@use "./combobox/_index.scss" as *;
+@use "./dateinput/_index.scss" as *;
+@use "./datepicker/_index.scss" as *;
+@use "./timepicker/_index.scss" as *;
+@use "./datetimepicker/_index.scss" as *;
+@use "./timedurationpicker/_index.scss" as *;
+@use "./daterangepicker/_index.scss" as *;
+@use "./dropdowngrid/_index.scss" as *;
+@use "./dropdownlist/_index.scss" as *;
+@use "./dropdowntree/_index.scss" as *;
+@use "./maskedtextbox/_index.scss" as *;
+@use "./multiselect/_index.scss" as *;
+@use "./numerictextbox/_index.scss" as *;
+@use "./rating/_index.scss" as *;
+@use "./searchbox/_index.scss" as *;
+@use "./switch/_index.scss" as *;
+@use "./upload/_index.scss" as *;
+@use "./dropzone/_index.scss" as *;
+// Command interfaces
+
+@use "./action-buttons/_index.scss" as *;
+@use "./appbar/_index.scss" as *;
+@use "./fab/_index.scss" as *;
+@use "./menu/_index.scss" as *;
+@use "./toolbar/_index.scss" as *;
+// Popups and modals
+
+@use "./action-sheet/_index.scss" as *;
+@use "./dialog/_index.scss" as *;
+@use "./drawer/_index.scss" as *;
+@use "./notification/_index.scss" as *;
+@use "./popover/_index.scss" as *;
+@use "./responsivepanel/_index.scss" as *;
+@use "./tooltip/_index.scss" as *;
+@use "./window/_index.scss" as *;
+
+// Navigation
+
+@use "./bottom-navigation/_index.scss" as *;
+@use "./breadcrumb/_index.scss" as *;
+@use "./pager/_index.scss" as *;
+@use "./stepper/_index.scss" as *;
+@use "./tabstrip/_index.scss" as *;
+@use "./treeview/_index.scss" as *;
+@use "./wizard/_index.scss" as *;
+
+// Layout & containers
+
+@use "./card/_index.scss" as *;
+@use "./expansion-panel/_index.scss" as *;
+@use "./panel/_index.scss" as *;
+@use "./panelbar/_index.scss" as *;
+@use "./splitter/_index.scss" as *;
+@use "./tilelayout/_index.scss" as *;
+@use "./dock-manager/_index.scss" as *;
+@use "./chart-wizard/_index.scss" as *;
+
+// Data management
+
+@use "./grid/_index.scss" as *;
+@use "./listview/_index.scss" as *;
+@use "./spreadsheet/_index.scss" as *;
+@use "./pivotgrid/_index.scss" as *;
+@use "./treelist/_index.scss" as *;
+@use "./filter/_index.scss" as *;
+@use "./filemanager/_index.scss" as *;
+@use "./taskboard/_index.scss" as *;
+
+// Editors
+@use "./editor/_index.scss" as *;
+@use "./imageeditor/_index.scss" as *;
+
+// Scheduling
+@use "./gantt/_index.scss" as *;
+@use "./scheduler/_index.scss" as *;
+
+// Misc
+
+@use "./adaptive/_index.scss" as *;
+@use "./chat/_index.scss" as *;
+@use "./mediaplayer/_index.scss" as *;
+@use "./timeline/_index.scss" as *;
+@use "./pdf-viewer/_index.scss" as *;
+@use "./scroller/_index.scss" as *;
+@use "./scrollview/_index.scss" as *;
+@use "./prompt/_index.scss" as *;
+
+// Dataviz
+
+@use "./dataviz/_index.scss" as *;
+@use "./map/_index.scss" as *;
+@use "./orgchart/_index.scss" as *;
+@use "./signature/_index.scss" as *;
 
 
 // Styles
 @mixin kendo-theme--styles() {
     // Core
-    @include kendo-core--styles();
+    @include core-styles();
 
     // Color system
 
@@ -181,14 +338,15 @@
 
 
     // Generic content
-    @include kendo-icon--styles();
     @include kendo-messagebox--styles();
 
 
     // Primitive components
-    @include kendo-action-buttons--styles();
+
+    @include kendo-draggable--styles();
     @include kendo-list--styles();
     @include kendo-listgroup--styles();
+    @include kendo-action-buttons--styles();
     @include kendo-overlay--styles();
     @include kendo-popup--styles();
     @include kendo-ripple--styles();
@@ -198,6 +356,7 @@
 
 
     // Indicators
+
     @include kendo-avatar--styles();
     @include kendo-badge--styles();
     @include kendo-chip--styles();
@@ -216,6 +375,7 @@
 
     // Native forms
     @include kendo-button--styles();
+
     @include kendo-split-button--styles();
     @include kendo-menu-button--styles();
     @include kendo-input--styles();
@@ -234,6 +394,7 @@
 
 
     // Augmented forms
+
     @include kendo-autocomplete--styles();
     @include kendo-captcha--styles();
     @include kendo-color-palette--styles();