From 0e5e949e386c779d90c4ff4bd0097cb86a57e314 Mon Sep 17 00:00:00 2001 From: joneff Date: Mon, 13 Feb 2023 11:22:03 +0200 Subject: [PATCH] feat(module-system): integrate module system in default theme --- packages/default/scss/_variables.scss | 2 + .../default/scss/action-buttons/_index.scss | 18 ++ .../default/scss/action-buttons/_layout.scss | 25 ++- .../default/scss/action-buttons/_theme.scss | 8 +- .../default/scss/action-sheet/_index.scss | 18 ++ .../default/scss/action-sheet/_layout.scss | 12 +- .../default/scss/action-sheet/_theme.scss | 7 +- packages/default/scss/adaptive/_index.scss | 18 ++ packages/default/scss/adaptive/_layout.scss | 21 ++- packages/default/scss/adaptive/_theme.scss | 8 +- packages/default/scss/all.scss | 6 + packages/default/scss/appbar/_index.scss | 18 ++ packages/default/scss/appbar/_layout.scss | 7 +- packages/default/scss/appbar/_theme.scss | 7 +- .../default/scss/autocomplete/_index.scss | 18 ++ .../default/scss/autocomplete/_layout.scss | 7 +- .../default/scss/autocomplete/_theme.scss | 7 +- packages/default/scss/avatar/_index.scss | 18 ++ packages/default/scss/avatar/_layout.scss | 6 +- packages/default/scss/avatar/_theme.scss | 7 +- packages/default/scss/badge/_index.scss | 18 ++ packages/default/scss/badge/_layout.scss | 7 +- packages/default/scss/badge/_theme.scss | 8 +- .../scss/bottom-navigation/_index.scss | 18 ++ .../scss/bottom-navigation/_layout.scss | 8 +- .../scss/bottom-navigation/_theme.scss | 7 +- packages/default/scss/breadcrumb/_index.scss | 18 ++ packages/default/scss/breadcrumb/_layout.scss | 7 +- packages/default/scss/breadcrumb/_theme.scss | 7 +- packages/default/scss/button/_index.scss | 18 ++ packages/default/scss/button/_layout.scss | 17 +- packages/default/scss/button/_theme.scss | 7 +- packages/default/scss/calendar/_index.scss | 18 ++ packages/default/scss/calendar/_layout.scss | 21 +-- packages/default/scss/calendar/_theme.scss | 16 +- packages/default/scss/captcha/_index.scss | 20 ++- packages/default/scss/captcha/_layout.scss | 7 +- packages/default/scss/captcha/_theme.scss | 7 +- packages/default/scss/card/_index.scss | 18 ++ packages/default/scss/card/_layout.scss | 22 +-- packages/default/scss/card/_theme.scss | 7 +- packages/default/scss/card/_variables.scss | 2 + packages/default/scss/chat/_index.scss | 18 ++ packages/default/scss/chat/_layout.scss | 31 +--- packages/default/scss/chat/_theme.scss | 7 +- packages/default/scss/checkbox/_index.scss | 18 ++ packages/default/scss/checkbox/_layout.scss | 7 +- packages/default/scss/checkbox/_theme.scss | 7 +- packages/default/scss/chip/_index.scss | 18 ++ packages/default/scss/chip/_layout.scss | 7 +- packages/default/scss/chip/_theme.scss | 7 +- .../default/scss/color-preview/_index.scss | 20 ++- .../default/scss/color-preview/_layout.scss | 7 +- .../default/scss/color-preview/_theme.scss | 7 +- packages/default/scss/coloreditor/_index.scss | 18 ++ .../default/scss/coloreditor/_layout.scss | 7 +- packages/default/scss/coloreditor/_theme.scss | 7 +- .../default/scss/colorgradient/_index.scss | 19 +- .../default/scss/colorgradient/_layout.scss | 7 +- .../default/scss/colorgradient/_theme.scss | 11 +- .../scss/colorgradient/_variables.scss | 3 + .../default/scss/colorpalette/_index.scss | 18 ++ .../default/scss/colorpalette/_layout.scss | 7 +- .../default/scss/colorpalette/_theme.scss | 7 +- packages/default/scss/colorpicker/_index.scss | 18 ++ .../default/scss/colorpicker/_layout.scss | 7 +- packages/default/scss/colorpicker/_theme.scss | 6 +- packages/default/scss/combobox/_index.scss | 18 ++ packages/default/scss/combobox/_layout.scss | 7 +- packages/default/scss/combobox/_theme.scss | 7 +- packages/default/scss/common/_base.scss | 2 +- packages/default/scss/dataviz/_index.scss | 18 ++ packages/default/scss/dataviz/_layout.scss | 37 ++-- packages/default/scss/dataviz/_theme.scss | 11 +- packages/default/scss/dateinput/_index.scss | 18 ++ packages/default/scss/dateinput/_layout.scss | 7 +- packages/default/scss/dateinput/_theme.scss | 7 +- packages/default/scss/datepicker/_index.scss | 18 ++ packages/default/scss/datepicker/_layout.scss | 6 +- packages/default/scss/datepicker/_theme.scss | 7 +- .../default/scss/daterangepicker/_index.scss | 20 ++- .../default/scss/daterangepicker/_layout.scss | 7 +- .../default/scss/daterangepicker/_theme.scss | 10 +- .../default/scss/datetimepicker/_index.scss | 18 ++ .../default/scss/datetimepicker/_layout.scss | 11 +- .../default/scss/datetimepicker/_theme.scss | 7 +- packages/default/scss/dialog/_index.scss | 18 ++ packages/default/scss/dialog/_layout.scss | 7 +- packages/default/scss/dialog/_theme.scss | 10 +- packages/default/scss/draggable/_index.scss | 18 ++ packages/default/scss/draggable/_layout.scss | 7 +- packages/default/scss/draggable/_theme.scss | 9 +- packages/default/scss/drawer/_index.scss | 18 ++ packages/default/scss/drawer/_layout.scss | 7 +- packages/default/scss/drawer/_theme.scss | 7 +- .../default/scss/dropdowngrid/_index.scss | 18 ++ .../default/scss/dropdowngrid/_layout.scss | 12 +- .../default/scss/dropdowngrid/_theme.scss | 7 +- .../default/scss/dropdownlist/_index.scss | 18 ++ .../default/scss/dropdownlist/_layout.scss | 10 +- .../default/scss/dropdownlist/_theme.scss | 7 +- .../default/scss/dropdowntree/_index.scss | 18 ++ .../default/scss/dropdowntree/_layout.scss | 7 +- .../default/scss/dropdowntree/_theme.scss | 7 +- packages/default/scss/dropzone/_index.scss | 18 ++ packages/default/scss/dropzone/_layout.scss | 9 +- packages/default/scss/dropzone/_theme.scss | 7 +- packages/default/scss/editor/_index.scss | 18 ++ packages/default/scss/editor/_layout.scss | 24 +-- packages/default/scss/editor/_theme.scss | 7 +- .../default/scss/expansion-panel/_index.scss | 18 ++ .../default/scss/expansion-panel/_layout.scss | 7 +- .../default/scss/expansion-panel/_theme.scss | 7 +- packages/default/scss/fab/_index.scss | 18 ++ packages/default/scss/fab/_layout.scss | 9 +- packages/default/scss/fab/_theme.scss | 7 +- packages/default/scss/filemanager/_index.scss | 18 ++ .../default/scss/filemanager/_layout.scss | 7 +- packages/default/scss/filemanager/_theme.scss | 7 +- packages/default/scss/filter/_index.scss | 18 ++ packages/default/scss/filter/_layout.scss | 8 +- packages/default/scss/filter/_theme.scss | 7 +- .../default/scss/floating-label/_index.scss | 18 ++ .../default/scss/floating-label/_layout.scss | 7 +- .../default/scss/floating-label/_theme.scss | 7 +- packages/default/scss/forms/_index.scss | 18 ++ packages/default/scss/forms/_layout.scss | 10 +- packages/default/scss/forms/_theme.scss | 7 +- packages/default/scss/gantt/_index.scss | 18 ++ packages/default/scss/gantt/_layout.scss | 23 +-- packages/default/scss/gantt/_theme.scss | 9 +- packages/default/scss/grid/_index.scss | 18 ++ packages/default/scss/grid/_layout.scss | 15 +- packages/default/scss/grid/_theme.scss | 7 +- packages/default/scss/icons/_index.scss | 23 ++- packages/default/scss/icons/_layout.scss | 7 +- packages/default/scss/icons/_theme.scss | 6 + packages/default/scss/icons/_variables.scss | 0 packages/default/scss/imageeditor/_index.scss | 18 ++ .../default/scss/imageeditor/_layout.scss | 7 +- packages/default/scss/imageeditor/_theme.scss | 7 +- packages/default/scss/index.scss | 169 ++++++++++++++++++ packages/default/scss/input/_index.scss | 18 ++ packages/default/scss/input/_layout.scss | 12 +- packages/default/scss/input/_theme.scss | 7 +- packages/default/scss/list/_index.scss | 18 ++ packages/default/scss/list/_layout.scss | 7 +- packages/default/scss/list/_theme.scss | 7 +- packages/default/scss/listbox/_index.scss | 18 ++ packages/default/scss/listbox/_layout.scss | 7 +- packages/default/scss/listbox/_theme.scss | 8 +- packages/default/scss/listgroup/_index.scss | 18 ++ packages/default/scss/listgroup/_layout.scss | 19 +- packages/default/scss/listgroup/_theme.scss | 8 +- packages/default/scss/listview/_index.scss | 18 ++ packages/default/scss/listview/_layout.scss | 8 +- packages/default/scss/listview/_theme.scss | 7 +- packages/default/scss/loader/_index.scss | 18 ++ packages/default/scss/loader/_layout.scss | 33 ++-- packages/default/scss/loader/_theme.scss | 7 +- packages/default/scss/map/_index.scss | 19 +- packages/default/scss/map/_layout.scss | 9 +- packages/default/scss/map/_theme.scss | 8 +- packages/default/scss/map/_variables.scss | 3 + .../default/scss/maskedtextbox/_index.scss | 18 ++ .../default/scss/maskedtextbox/_layout.scss | 7 +- .../default/scss/maskedtextbox/_theme.scss | 7 +- packages/default/scss/mediaplayer/_index.scss | 18 ++ .../default/scss/mediaplayer/_layout.scss | 7 +- packages/default/scss/mediaplayer/_theme.scss | 7 +- packages/default/scss/menu-button/_index.scss | 18 ++ .../default/scss/menu-button/_layout.scss | 7 +- packages/default/scss/menu-button/_theme.scss | 12 +- packages/default/scss/menu/_index.scss | 18 ++ packages/default/scss/menu/_layout.scss | 7 +- packages/default/scss/menu/_theme.scss | 7 +- packages/default/scss/messagebox/_index.scss | 18 ++ packages/default/scss/messagebox/_layout.scss | 7 +- packages/default/scss/messagebox/_theme.scss | 7 +- packages/default/scss/multiselect/_index.scss | 18 ++ .../default/scss/multiselect/_layout.scss | 7 +- packages/default/scss/multiselect/_theme.scss | 7 +- .../default/scss/notification/_index.scss | 18 ++ .../default/scss/notification/_layout.scss | 7 +- .../default/scss/notification/_theme.scss | 7 +- .../default/scss/numerictextbox/_index.scss | 18 ++ .../default/scss/numerictextbox/_layout.scss | 7 +- .../default/scss/numerictextbox/_theme.scss | 7 +- packages/default/scss/orgchart/_index.scss | 18 ++ packages/default/scss/orgchart/_layout.scss | 7 +- packages/default/scss/orgchart/_theme.scss | 7 +- packages/default/scss/overlay/_index.scss | 18 ++ packages/default/scss/overlay/_layout.scss | 7 +- packages/default/scss/overlay/_theme.scss | 7 +- packages/default/scss/pager/_index.scss | 18 ++ packages/default/scss/pager/_layout.scss | 7 +- packages/default/scss/pager/_theme.scss | 8 +- packages/default/scss/panelbar/_index.scss | 18 ++ packages/default/scss/panelbar/_layout.scss | 7 +- packages/default/scss/panelbar/_theme.scss | 8 +- packages/default/scss/pdf-viewer/_index.scss | 18 ++ packages/default/scss/pdf-viewer/_layout.scss | 8 +- packages/default/scss/pdf-viewer/_theme.scss | 9 +- packages/default/scss/pivotgrid/_index.scss | 18 ++ packages/default/scss/pivotgrid/_layout.scss | 46 ++--- packages/default/scss/pivotgrid/_theme.scss | 22 +-- packages/default/scss/popover/_index.scss | 18 ++ packages/default/scss/popover/_layout.scss | 11 +- packages/default/scss/popover/_theme.scss | 7 +- packages/default/scss/popup/_index.scss | 18 ++ packages/default/scss/popup/_layout.scss | 12 +- packages/default/scss/popup/_theme.scss | 7 +- packages/default/scss/progressbar/_index.scss | 18 ++ .../default/scss/progressbar/_layout.scss | 18 +- packages/default/scss/progressbar/_theme.scss | 11 +- packages/default/scss/radio/_index.scss | 18 ++ packages/default/scss/radio/_layout.scss | 7 +- packages/default/scss/radio/_theme.scss | 7 +- packages/default/scss/rating/_index.scss | 18 ++ packages/default/scss/rating/_layout.scss | 8 +- packages/default/scss/rating/_theme.scss | 8 +- .../default/scss/responsivepanel/_index.scss | 18 ++ .../default/scss/responsivepanel/_layout.scss | 7 +- .../default/scss/responsivepanel/_theme.scss | 7 +- packages/default/scss/ripple/_index.scss | 18 ++ packages/default/scss/ripple/_layout.scss | 9 +- packages/default/scss/ripple/_theme.scss | 9 +- packages/default/scss/scheduler/_index.scss | 18 ++ packages/default/scss/scheduler/_layout.scss | 35 ++-- packages/default/scss/scheduler/_theme.scss | 23 +-- packages/default/scss/scroller/_index.scss | 18 ++ packages/default/scss/scroller/_layout.scss | 7 +- packages/default/scss/scroller/_theme.scss | 7 +- packages/default/scss/scrollview/_index.scss | 18 ++ packages/default/scss/scrollview/_layout.scss | 7 +- packages/default/scss/scrollview/_theme.scss | 7 +- packages/default/scss/searchbox/_index.scss | 18 ++ packages/default/scss/searchbox/_layout.scss | 7 +- packages/default/scss/searchbox/_theme.scss | 7 +- packages/default/scss/signature/_index.scss | 18 ++ packages/default/scss/signature/_layout.scss | 7 +- packages/default/scss/signature/_theme.scss | 6 +- packages/default/scss/skeleton/_index.scss | 18 ++ packages/default/scss/skeleton/_layout.scss | 17 +- packages/default/scss/skeleton/_theme.scss | 13 +- packages/default/scss/slider/_index.scss | 20 ++- packages/default/scss/slider/_layout.scss | 7 +- packages/default/scss/slider/_theme.scss | 13 +- packages/default/scss/slider/_variables.scss | 4 + .../default/scss/split-button/_index.scss | 18 ++ .../default/scss/split-button/_layout.scss | 8 +- .../default/scss/split-button/_theme.scss | 7 +- packages/default/scss/splitter/_index.scss | 18 ++ packages/default/scss/splitter/_layout.scss | 8 +- packages/default/scss/splitter/_theme.scss | 8 +- packages/default/scss/spreadsheet/_index.scss | 19 +- .../default/scss/spreadsheet/_layout.scss | 40 ++--- packages/default/scss/spreadsheet/_theme.scss | 28 +-- .../default/scss/spreadsheet/_variables.scss | 3 + packages/default/scss/stepper/_index.scss | 18 ++ packages/default/scss/stepper/_layout.scss | 12 +- packages/default/scss/stepper/_theme.scss | 7 +- packages/default/scss/switch/_index.scss | 18 ++ packages/default/scss/switch/_layout.scss | 7 +- packages/default/scss/switch/_theme.scss | 7 +- packages/default/scss/table/_index.scss | 18 ++ packages/default/scss/table/_layout.scss | 7 +- packages/default/scss/table/_theme.scss | 7 +- packages/default/scss/tabstrip/_index.scss | 18 ++ packages/default/scss/tabstrip/_layout.scss | 7 +- packages/default/scss/tabstrip/_theme.scss | 7 +- packages/default/scss/taskboard/_index.scss | 18 ++ packages/default/scss/taskboard/_layout.scss | 11 +- packages/default/scss/taskboard/_theme.scss | 7 +- packages/default/scss/textarea/_index.scss | 18 ++ packages/default/scss/textarea/_layout.scss | 7 +- packages/default/scss/textarea/_theme.scss | 7 +- packages/default/scss/textbox/_index.scss | 18 ++ packages/default/scss/textbox/_layout.scss | 7 +- packages/default/scss/textbox/_theme.scss | 8 +- packages/default/scss/tilelayout/_index.scss | 18 ++ packages/default/scss/tilelayout/_layout.scss | 7 +- packages/default/scss/tilelayout/_theme.scss | 7 +- .../scss/timedurationpicker/_index.scss | 18 ++ .../scss/timedurationpicker/_layout.scss | 18 +- .../scss/timedurationpicker/_theme.scss | 12 +- packages/default/scss/timeline/_index.scss | 18 ++ packages/default/scss/timeline/_layout.scss | 8 +- packages/default/scss/timeline/_theme.scss | 8 +- packages/default/scss/timepicker/_index.scss | 18 ++ packages/default/scss/timepicker/_layout.scss | 15 +- packages/default/scss/timepicker/_theme.scss | 9 +- .../default/scss/timeselector/_index.scss | 18 ++ .../default/scss/timeselector/_layout.scss | 9 +- .../default/scss/timeselector/_theme.scss | 7 +- packages/default/scss/toolbar/_index.scss | 18 ++ packages/default/scss/toolbar/_layout.scss | 21 +-- packages/default/scss/toolbar/_theme.scss | 23 +-- packages/default/scss/tooltip/_index.scss | 18 ++ packages/default/scss/tooltip/_layout.scss | 7 +- packages/default/scss/tooltip/_theme.scss | 9 +- packages/default/scss/treelist/_index.scss | 18 ++ packages/default/scss/treelist/_layout.scss | 7 +- packages/default/scss/treelist/_theme.scss | 7 +- packages/default/scss/treeview/_index.scss | 18 ++ packages/default/scss/treeview/_layout.scss | 7 +- packages/default/scss/treeview/_theme.scss | 7 +- packages/default/scss/typography/_index.scss | 18 ++ packages/default/scss/typography/_layout.scss | 8 +- packages/default/scss/typography/_theme.scss | 8 +- packages/default/scss/upload/_index.scss | 18 ++ packages/default/scss/upload/_layout.scss | 7 +- packages/default/scss/upload/_theme.scss | 9 +- packages/default/scss/utils/_index.scss | 16 +- packages/default/scss/validator/_index.scss | 18 ++ packages/default/scss/validator/_layout.scss | 14 +- packages/default/scss/validator/_theme.scss | 12 +- .../default/scss/virtual-scroller/_index.scss | 18 ++ .../scss/virtual-scroller/_layout.scss | 7 +- .../default/scss/virtual-scroller/_theme.scss | 10 +- packages/default/scss/window/_index.scss | 18 ++ packages/default/scss/window/_layout.scss | 8 +- packages/default/scss/window/_theme.scss | 7 +- packages/default/scss/wizard/_index.scss | 18 ++ packages/default/scss/wizard/_layout.scss | 9 +- packages/default/scss/wizard/_theme.scss | 7 +- 326 files changed, 3552 insertions(+), 611 deletions(-) create mode 100644 packages/default/scss/icons/_variables.scss diff --git a/packages/default/scss/_variables.scss b/packages/default/scss/_variables.scss index 591f40472f1..356647eaecf 100644 --- a/packages/default/scss/_variables.scss +++ b/packages/default/scss/_variables.scss @@ -14,6 +14,8 @@ $kendo-use-input-button-width: true !default; $kendo-use-input-spinner-width: true !default; $kendo-use-input-spinner-icon-offset: false !default; +$kendo-auto-bootstrap: true !default; + // Spacing $kendo-spacing: ( diff --git a/packages/default/scss/action-buttons/_index.scss b/packages/default/scss/action-buttons/_index.scss index e0684d85bb2..092a313ea8d 100644 --- a/packages/default/scss/action-buttons/_index.scss +++ b/packages/default/scss/action-buttons/_index.scss @@ -18,3 +18,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-actions--styles() { + @include module-render( "actions" ) { + @include kendo-actions--layout(); + @include kendo-actions--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-actions--styles(); +} diff --git a/packages/default/scss/action-buttons/_layout.scss b/packages/default/scss/action-buttons/_layout.scss index 207b0be417e..ba35805a57b 100644 --- a/packages/default/scss/action-buttons/_layout.scss +++ b/packages/default/scss/action-buttons/_layout.scss @@ -1,5 +1,6 @@ -@include exports("action-buttons/layout") { +@mixin kendo-actions--layout-base() { + // Actions .k-actions { padding-block: $kendo-actions-padding-y; padding-inline: $kendo-actions-padding-x; @@ -29,14 +30,6 @@ margin-top: $kendo-actions-margin-top; } - - // Aliases - .k-edit-buttons, - .k-action-buttons, - .k-columnmenu-actions { - @extend .k-actions !optional; - } - // Actions align .k-actions-start { justify-content: flex-start; @@ -51,6 +44,7 @@ flex: 1 0 0%; } + // Actions orientation .k-actions-horizontal { width: 100%; @@ -60,4 +54,17 @@ flex-flow: column nowrap; } + + // Aliases + .k-edit-buttons, + .k-action-buttons, + .k-columnmenu-actions { + @extend .k-actions !optional; + } + +} + + +@mixin kendo-actions--layout() { + @include kendo-actions--layout-base(); } diff --git a/packages/default/scss/action-buttons/_theme.scss b/packages/default/scss/action-buttons/_theme.scss index 797cc99d322..cebec57f4b2 100644 --- a/packages/default/scss/action-buttons/_theme.scss +++ b/packages/default/scss/action-buttons/_theme.scss @@ -1,5 +1,6 @@ -@include exports("action-buttons/theme") { +@mixin kendo-actions--theme-base() { + // Actions .k-actions { @include fill( $kendo-actions-text, @@ -10,3 +11,8 @@ } } + + +@mixin kendo-actions--theme() { + @include kendo-actions--theme-base(); +} diff --git a/packages/default/scss/action-sheet/_index.scss b/packages/default/scss/action-sheet/_index.scss index 6776ebcb238..9260b8e6445 100644 --- a/packages/default/scss/action-sheet/_index.scss +++ b/packages/default/scss/action-sheet/_index.scss @@ -23,3 +23,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-action-sheet--styles() { + @include module-render( "action-sheet" ) { + @include kendo-action-sheet--layout(); + @include kendo-action-sheet--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-action-sheet--styles(); +} diff --git a/packages/default/scss/action-sheet/_layout.scss b/packages/default/scss/action-sheet/_layout.scss index 5b80ea17489..a960f466988 100644 --- a/packages/default/scss/action-sheet/_layout.scss +++ b/packages/default/scss/action-sheet/_layout.scss @@ -1,4 +1,4 @@ -@include exports("action-sheet/layout") { +@mixin kendo-action-sheet--layout-base() { // Action sheet container .k-actionsheet-container { @@ -338,10 +338,9 @@ } } -} - -@include exports("action-sheet/layout/legacy") { + // Legacy action sheet + // TODO: remove when kendo-jquery migrate .k-actionsheet-jq { &.k-actionsheet { height: auto; @@ -358,3 +357,8 @@ } } + + +@mixin kendo-action-sheet--layout() { + @include kendo-action-sheet--layout-base(); +} diff --git a/packages/default/scss/action-sheet/_theme.scss b/packages/default/scss/action-sheet/_theme.scss index e02402c94dd..1315ee5aabd 100644 --- a/packages/default/scss/action-sheet/_theme.scss +++ b/packages/default/scss/action-sheet/_theme.scss @@ -1,4 +1,4 @@ -@include exports("action-sheet/theme") { +@mixin kendo-action-sheet--theme-base() { // Actionsheet .k-actionsheet { @@ -95,3 +95,8 @@ } } + + +@mixin kendo-action-sheet--theme() { + @include kendo-action-sheet--theme-base(); +} diff --git a/packages/default/scss/adaptive/_index.scss b/packages/default/scss/adaptive/_index.scss index dd60ff1a008..6d67a118947 100644 --- a/packages/default/scss/adaptive/_index.scss +++ b/packages/default/scss/adaptive/_index.scss @@ -27,3 +27,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-adaptive--styles() { + @include module-render( "adaptive" ) { + @include kendo-adaptive--layout(); + @include kendo-adaptive--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-adaptive--styles(); +} diff --git a/packages/default/scss/adaptive/_layout.scss b/packages/default/scss/adaptive/_layout.scss index d82d9a958ba..8eafccc6520 100644 --- a/packages/default/scss/adaptive/_layout.scss +++ b/packages/default/scss/adaptive/_layout.scss @@ -1,4 +1,4 @@ -@include exports("adaptive/layout") { +@mixin kendo-adaptive--layout-base() { .k-pane-wrapper { border-width: $kendo-adaptive-border-width; @@ -54,11 +54,10 @@ } } -} -@include exports("adaptive/layout/grid") { + // Grid specific styles .k-pane-wrapper { > div.k-pane { @@ -114,10 +113,11 @@ user-select: none; } } -} -@include exports("adaptive/layout/scheduler") { + + + // Scheduler specific styles .k-pane-wrapper { .k-scheduler-edit-form { @@ -344,10 +344,11 @@ border-bottom-width: 0; } } -} -@include exports("adaptive/layout/common") { + + + // Common styles for the Adaptive Layout .k-pane-wrapper { .k-appbar { @@ -489,4 +490,10 @@ } } } + +} + + +@mixin kendo-adaptive--layout() { + @include kendo-adaptive--layout-base(); } diff --git a/packages/default/scss/adaptive/_theme.scss b/packages/default/scss/adaptive/_theme.scss index ccc2418c549..1dd0e926501 100644 --- a/packages/default/scss/adaptive/_theme.scss +++ b/packages/default/scss/adaptive/_theme.scss @@ -1,4 +1,4 @@ -@include exports("adaptive/theme") { +@mixin kendo-adaptive--theme-base() { .k-pane-wrapper, .k-view { @@ -92,4 +92,10 @@ } } + +} + + +@mixin kendo-adaptive--theme() { + @include kendo-adaptive--theme-base(); } diff --git a/packages/default/scss/all.scss b/packages/default/scss/all.scss index eb273a52f76..25ed8ba7b7f 100644 --- a/packages/default/scss/all.scss +++ b/packages/default/scss/all.scss @@ -1 +1,7 @@ @import "./index.scss"; + + +@if not $kendo-auto-bootstrap { + @include kendo-theme--config(); + @include kendo-theme--styles(); +} diff --git a/packages/default/scss/appbar/_index.scss b/packages/default/scss/appbar/_index.scss index 4b008e7e7db..f5b0071a252 100644 --- a/packages/default/scss/appbar/_index.scss +++ b/packages/default/scss/appbar/_index.scss @@ -17,3 +17,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-appbar--styles() { + @include module-render( "appbar" ) { + @include kendo-appbar--layout(); + @include kendo-appbar--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-appbar--styles(); +} diff --git a/packages/default/scss/appbar/_layout.scss b/packages/default/scss/appbar/_layout.scss index 72f30f155b3..e0477240c91 100644 --- a/packages/default/scss/appbar/_layout.scss +++ b/packages/default/scss/appbar/_layout.scss @@ -1,4 +1,4 @@ -@include exports("appbar/layout") { +@mixin kendo-appbar--layout-base() { // Appbar .k-appbar { @@ -110,3 +110,8 @@ } } + + +@mixin kendo-appbar--layout() { + @include kendo-appbar--layout-base(); +} diff --git a/packages/default/scss/appbar/_theme.scss b/packages/default/scss/appbar/_theme.scss index 9b2aa37ff44..69de20809de 100644 --- a/packages/default/scss/appbar/_theme.scss +++ b/packages/default/scss/appbar/_theme.scss @@ -1,4 +1,4 @@ -@include exports("appbar/theme") { +@mixin kendo-appbar--theme-base() { .k-appbar { @include box-shadow( $kendo-appbar-box-shadow ); @@ -25,3 +25,8 @@ } } + + +@mixin kendo-appbar--theme() { + @include kendo-appbar--theme-base(); +} diff --git a/packages/default/scss/autocomplete/_index.scss b/packages/default/scss/autocomplete/_index.scss index b670f358179..32fa04fb0c2 100644 --- a/packages/default/scss/autocomplete/_index.scss +++ b/packages/default/scss/autocomplete/_index.scss @@ -27,3 +27,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-autocomplete--styles() { + @include module-render( "autocomplete" ) { + @include kendo-autocomplete--layout(); + @include kendo-autocomplete--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-autocomplete--styles(); +} diff --git a/packages/default/scss/autocomplete/_layout.scss b/packages/default/scss/autocomplete/_layout.scss index 0414f5e20b9..55bbdd32d7c 100644 --- a/packages/default/scss/autocomplete/_layout.scss +++ b/packages/default/scss/autocomplete/_layout.scss @@ -1,6 +1,11 @@ -@include exports( "autocomplete/layout" ) { +@mixin kendo-autocomplete--layout-base() { // Autocomplete .k-autocomplete {} } + + +@mixin kendo-autocomplete--layout() { + @include kendo-autocomplete--layout-base(); +} diff --git a/packages/default/scss/autocomplete/_theme.scss b/packages/default/scss/autocomplete/_theme.scss index 67c303486bc..e7f7f4779df 100644 --- a/packages/default/scss/autocomplete/_theme.scss +++ b/packages/default/scss/autocomplete/_theme.scss @@ -1,6 +1,11 @@ -@include exports( "autocomplete/theme" ) { +@mixin kendo-autocomplete--theme-base() { // Autocomplete .k-autocomplete {} } + + +@mixin kendo-autocomplete--theme() { + @include kendo-autocomplete--theme-base(); +} diff --git a/packages/default/scss/avatar/_index.scss b/packages/default/scss/avatar/_index.scss index 77e054347ab..4a6ba224931 100644 --- a/packages/default/scss/avatar/_index.scss +++ b/packages/default/scss/avatar/_index.scss @@ -17,3 +17,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-avatar--styles() { + @include module-render( "avatar" ) { + @include kendo-avatar--layout(); + @include kendo-avatar--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-avatar--styles(); +} diff --git a/packages/default/scss/avatar/_layout.scss b/packages/default/scss/avatar/_layout.scss index aafa0551a08..7359aeddacd 100644 --- a/packages/default/scss/avatar/_layout.scss +++ b/packages/default/scss/avatar/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "avatar/layout" ) { +@mixin kendo-avatar--layout-base() { // Avatar .k-avatar { @@ -75,3 +75,7 @@ } + +@mixin kendo-avatar--layout() { + @include kendo-avatar--layout-base(); +} diff --git a/packages/default/scss/avatar/_theme.scss b/packages/default/scss/avatar/_theme.scss index 2d49ee4dfaf..d051d667617 100644 --- a/packages/default/scss/avatar/_theme.scss +++ b/packages/default/scss/avatar/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "avatar/theme" ) { +@mixin kendo-avatar--theme-base() { // Solid Avatars @each $name, $color in $kendo-avatar-theme-colors { @@ -21,3 +21,8 @@ } } + + +@mixin kendo-avatar--theme() { + @include kendo-avatar--theme-base(); +} diff --git a/packages/default/scss/badge/_index.scss b/packages/default/scss/badge/_index.scss index f1d80a32e63..6bd13526e07 100644 --- a/packages/default/scss/badge/_index.scss +++ b/packages/default/scss/badge/_index.scss @@ -21,3 +21,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-badge--styles() { + @include module-render( "badge" ) { + @include kendo-badge--layout(); + @include kendo-badge--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-badge--styles(); +} diff --git a/packages/default/scss/badge/_layout.scss b/packages/default/scss/badge/_layout.scss index e83e3c16e95..5174a847c19 100644 --- a/packages/default/scss/badge/_layout.scss +++ b/packages/default/scss/badge/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "badge/layout" ) { +@mixin kendo-badge--layout-base() { .k-badge { padding: 0; @@ -143,3 +143,8 @@ } } + + +@mixin kendo-badge--layout() { + @include kendo-badge--layout-base(); +} diff --git a/packages/default/scss/badge/_theme.scss b/packages/default/scss/badge/_theme.scss index b844db58547..c89b4ec5372 100644 --- a/packages/default/scss/badge/_theme.scss +++ b/packages/default/scss/badge/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "badge/theme" ) { +@mixin kendo-badge--theme-base() { // Solid badges @each $name, $color in $kendo-theme-colors { @@ -20,4 +20,10 @@ color: $color; } } + +} + + +@mixin kendo-badge--theme() { + @include kendo-badge--theme-base(); } diff --git a/packages/default/scss/bottom-navigation/_index.scss b/packages/default/scss/bottom-navigation/_index.scss index 305104c8817..d6fdea31429 100644 --- a/packages/default/scss/bottom-navigation/_index.scss +++ b/packages/default/scss/bottom-navigation/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-bottom-navigation--styles() { + @include module-render( "bottom-navigation" ) { + @include kendo-bottom-navigation--layout(); + @include kendo-bottom-navigation--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-bottom-navigation--styles(); +} diff --git a/packages/default/scss/bottom-navigation/_layout.scss b/packages/default/scss/bottom-navigation/_layout.scss index 66598341eab..f5e64fbc847 100644 --- a/packages/default/scss/bottom-navigation/_layout.scss +++ b/packages/default/scss/bottom-navigation/_layout.scss @@ -1,4 +1,4 @@ -@include exports("bottom-navigation/layout") { +@mixin kendo-bottom-navigation--layout-base() { // Bottom Navigation .k-bottom-nav { @@ -113,4 +113,10 @@ bottom: 0; z-index: 1; } + +} + + +@mixin kendo-bottom-navigation--layout() { + @include kendo-bottom-navigation--layout-base(); } diff --git a/packages/default/scss/bottom-navigation/_theme.scss b/packages/default/scss/bottom-navigation/_theme.scss index cbbabe87e23..99ed90cca46 100644 --- a/packages/default/scss/bottom-navigation/_theme.scss +++ b/packages/default/scss/bottom-navigation/_theme.scss @@ -1,4 +1,4 @@ -@include exports("bottom-navigation/theme") { +@mixin kendo-bottom-navigation--theme-base() { // Solid @each $name, $color in $kendo-theme-colors { @@ -44,3 +44,8 @@ } } + + +@mixin kendo-bottom-navigation--theme() { + @include kendo-bottom-navigation--theme-base(); +} diff --git a/packages/default/scss/breadcrumb/_index.scss b/packages/default/scss/breadcrumb/_index.scss index a59dd9bf460..1b8b7044a56 100644 --- a/packages/default/scss/breadcrumb/_index.scss +++ b/packages/default/scss/breadcrumb/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-breadcrumb--styles() { + @include module-render( "breadcrumb" ) { + @include kendo-breadcrumb--layout(); + @include kendo-breadcrumb--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-breadcrumb--styles(); +} diff --git a/packages/default/scss/breadcrumb/_layout.scss b/packages/default/scss/breadcrumb/_layout.scss index 02fcb6546b8..6ab87877f7f 100644 --- a/packages/default/scss/breadcrumb/_layout.scss +++ b/packages/default/scss/breadcrumb/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "breadcrumb/layout" ) { +@mixin kendo-breadcrumb--layout-base() { // Breadcrumb .k-breadcrumb { @@ -119,3 +119,8 @@ } } + + +@mixin kendo-breadcrumb--layout() { + @include kendo-breadcrumb--layout-base(); +} diff --git a/packages/default/scss/breadcrumb/_theme.scss b/packages/default/scss/breadcrumb/_theme.scss index 6f74537358b..b9aecd1eba9 100644 --- a/packages/default/scss/breadcrumb/_theme.scss +++ b/packages/default/scss/breadcrumb/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "breadcrumb/theme" ) { +@mixin kendo-breadcrumb--theme-base() { // Breadcrumb .k-breadcrumb { @@ -95,3 +95,8 @@ } } + + +@mixin kendo-breadcrumb--theme() { + @include kendo-breadcrumb--theme-base(); +} diff --git a/packages/default/scss/button/_index.scss b/packages/default/scss/button/_index.scss index c7f0ce5d2dc..59b4369e3b8 100644 --- a/packages/default/scss/button/_index.scss +++ b/packages/default/scss/button/_index.scss @@ -21,3 +21,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-button--styles() { + @include module-render( "button" ) { + @include kendo-button--layout(); + @include kendo-button--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-button--styles(); +} diff --git a/packages/default/scss/button/_layout.scss b/packages/default/scss/button/_layout.scss index 9f3b2f30ba7..062cac81c20 100644 --- a/packages/default/scss/button/_layout.scss +++ b/packages/default/scss/button/_layout.scss @@ -1,4 +1,4 @@ -@include exports("button/layout") { +@mixin kendo-button--layout-base() { // Button .k-button { @@ -256,12 +256,8 @@ box-shadow: none !important; // sass-lint:disable-line no-important } -} - - -@include exports( "button/layout/overlay" ) { // Button overlay .k-button-overlay { @@ -326,13 +322,10 @@ } -} - -@include exports( "button/layout/focus-ring" ) { - + // Button focus ring .k-button { &::after { @@ -350,4 +343,10 @@ transition: opacity .2s ease-in-out; } } + +} + + +@mixin kendo-button--layout() { + @include kendo-button--layout-base(); } diff --git a/packages/default/scss/button/_theme.scss b/packages/default/scss/button/_theme.scss index 298d20bdd47..a3f9fca6bb7 100644 --- a/packages/default/scss/button/_theme.scss +++ b/packages/default/scss/button/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "button/theme" ) { +@mixin kendo-button--theme-base() { // Solid button .k-button-solid-base { @@ -277,3 +277,8 @@ } + + +@mixin kendo-button--theme() { + @include kendo-button--theme-base(); +} diff --git a/packages/default/scss/calendar/_index.scss b/packages/default/scss/calendar/_index.scss index a457ebca0bd..e844473f32b 100644 --- a/packages/default/scss/calendar/_index.scss +++ b/packages/default/scss/calendar/_index.scss @@ -24,3 +24,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-calendar--styles() { + @include module-render( "calendar" ) { + @include kendo-calendar--layout(); + @include kendo-calendar--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-calendar--styles(); +} diff --git a/packages/default/scss/calendar/_layout.scss b/packages/default/scss/calendar/_layout.scss index 6d1a9d2418c..950cc651236 100644 --- a/packages/default/scss/calendar/_layout.scss +++ b/packages/default/scss/calendar/_layout.scss @@ -1,4 +1,4 @@ -@include exports("calendar/layout") { +@mixin kendo-calendar--layout-base() { // Base .k-calendar { @@ -313,16 +313,12 @@ - // Alias + // Legacy aliases .k-link { @extend .k-calendar-cell-inner !optional; } -} - - -@include exports( "infinite-calendar/layout" ) { // Infinite calendar @@ -451,12 +447,8 @@ // } } -} - - -@include exports( "multiview-calendar/layout" ) { // Multiview calendar .k-calendar-range { @@ -491,12 +483,10 @@ } } -} - -@include exports("calendar/layout/rtl") { + // RTL .k-rtl .k-calendar, .k-calendar[dir="rtl"] { @@ -513,3 +503,8 @@ } } + + +@mixin kendo-calendar--layout() { + @include kendo-calendar--layout-base(); +} diff --git a/packages/default/scss/calendar/_theme.scss b/packages/default/scss/calendar/_theme.scss index 7ef303c31e9..d146b862f55 100644 --- a/packages/default/scss/calendar/_theme.scss +++ b/packages/default/scss/calendar/_theme.scss @@ -1,8 +1,4 @@ -// Styling of today date -// color - mark the today date with a different text color -// box - instead of changing the text color, show a box around the date - -@include exports("calendar/theme") { +@mixin kendo-calendar--theme-base() { .k-calendar { @include fill( @@ -155,13 +151,10 @@ ); } -} - - -@include exports( "multiview-calendar/theme" ) { + // Multiview calendar .k-calendar { $kendo-calendar-range-gap: 1px !default; @@ -221,3 +214,8 @@ } } + + +@mixin kendo-calendar--theme() { + @include kendo-calendar--theme-base(); +} diff --git a/packages/default/scss/captcha/_index.scss b/packages/default/scss/captcha/_index.scss index 2cdcefaf76c..26f1105d6ea 100644 --- a/packages/default/scss/captcha/_index.scss +++ b/packages/default/scss/captcha/_index.scss @@ -17,8 +17,6 @@ $_kendo-module-meta: ( ); - - // Dependencies // @import "../utils/_index.scss"; @import "../common/_index.scss"; @@ -33,3 +31,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-captcha--styles() { + @include module-render( "captcha" ) { + @include kendo-captcha--layout(); + @include kendo-captcha--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-captcha--styles(); +} diff --git a/packages/default/scss/captcha/_layout.scss b/packages/default/scss/captcha/_layout.scss index 10c0ac5a348..1edc6554839 100644 --- a/packages/default/scss/captcha/_layout.scss +++ b/packages/default/scss/captcha/_layout.scss @@ -1,4 +1,4 @@ -@include exports("captcha/layout") { +@mixin kendo-captcha--layout-base() { // Captcha .k-captcha { @@ -60,3 +60,8 @@ } } + + +@mixin kendo-captcha--layout() { + @include kendo-captcha--layout-base(); +} diff --git a/packages/default/scss/captcha/_theme.scss b/packages/default/scss/captcha/_theme.scss index 42d4aaa93a3..d3944ba8506 100644 --- a/packages/default/scss/captcha/_theme.scss +++ b/packages/default/scss/captcha/_theme.scss @@ -1,4 +1,4 @@ -@include exports("captcha/theme") { +@mixin kendo-captcha--theme-base() { // Captcha .k-captcha { @@ -10,3 +10,8 @@ } } + + +@mixin kendo-captcha--theme() { + @include kendo-captcha--theme-base(); +} diff --git a/packages/default/scss/card/_index.scss b/packages/default/scss/card/_index.scss index b0a830e088f..64252bc174d 100644 --- a/packages/default/scss/card/_index.scss +++ b/packages/default/scss/card/_index.scss @@ -27,3 +27,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-card--styles() { + @include module-render( "card" ) { + @include kendo-card--layout(); + @include kendo-card--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-card--styles(); +} diff --git a/packages/default/scss/card/_layout.scss b/packages/default/scss/card/_layout.scss index b61e0559329..dc0f17beb12 100644 --- a/packages/default/scss/card/_layout.scss +++ b/packages/default/scss/card/_layout.scss @@ -1,4 +1,4 @@ -@include exports("card/layout") { +@mixin kendo-card--layout-base() { // Angular elements @@ -319,17 +319,15 @@ } -} - - - -@include exports( "card/layout/callout" ) { + // Card with callout .k-card-with-callout { overflow: visible; } + + // Card callout .k-card-callout { margin: 0; width: $kendo-card-callout-width; @@ -361,13 +359,6 @@ transform: translate(-50%, -50%) rotate(45deg); } -} - - - - -@include exports( "card/layout/fill" ) { - // Solid card .k-card-solid { @@ -381,3 +372,8 @@ } } + + +@mixin kendo-card--layout() { + @include kendo-card--layout-base(); +} diff --git a/packages/default/scss/card/_theme.scss b/packages/default/scss/card/_theme.scss index ab5117a90f4..53d9a7590de 100644 --- a/packages/default/scss/card/_theme.scss +++ b/packages/default/scss/card/_theme.scss @@ -1,4 +1,4 @@ -@include exports("card/theme") { +@mixin kendo-card--theme-base() { // Card .k-card { @@ -97,3 +97,8 @@ } } + + +@mixin kendo-card--theme() { + @include kendo-card--theme-base(); +} diff --git a/packages/default/scss/card/_variables.scss b/packages/default/scss/card/_variables.scss index 928b6519fec..b3cbcd81641 100644 --- a/packages/default/scss/card/_variables.scss +++ b/packages/default/scss/card/_variables.scss @@ -1,3 +1,5 @@ +@import "../button/_variables.scss"; + // Card $kendo-card-padding-x: k-map-get( $kendo-spacing, 4 ) !default; $kendo-card-padding-y: k-map-get( $kendo-spacing, 3 ) !default; diff --git a/packages/default/scss/chat/_index.scss b/packages/default/scss/chat/_index.scss index 85746e63545..a24a9d3b6cd 100644 --- a/packages/default/scss/chat/_index.scss +++ b/packages/default/scss/chat/_index.scss @@ -27,3 +27,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-chat--styles() { + @include module-render( "chat" ) { + @include kendo-chat--layout(); + @include kendo-chat--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-chat--styles(); +} diff --git a/packages/default/scss/chat/_layout.scss b/packages/default/scss/chat/_layout.scss index 2e4b21c2084..8ec7778a9e2 100644 --- a/packages/default/scss/chat/_layout.scss +++ b/packages/default/scss/chat/_layout.scss @@ -1,5 +1,6 @@ -@include exports("chat/layout") { +@mixin kendo-chat--layout-base() { + // Chat .k-chat { margin: auto; max-width: $kendo-chat-width; @@ -310,13 +311,10 @@ } } -} - - -@include exports( "chat/cards/layout" ) { + // Card list .k-chat .k-card-list { margin: $kendo-chat-bubble-spacing 0 0; } @@ -367,13 +365,8 @@ background: none; } } -} - - -@include exports( "chat/typingindicator/layout" ) { - // Local variables $kendo-chat-typing-indicator-dot-size: 8px !default; $kendo-chat-typing-indicator-dot-spacing: 5px !default; @@ -410,13 +403,8 @@ } -} - - - - -@include exports( "chat/toolbar/layout" ) { + // Chat toolbar .k-chat-toolbar, .k-chat .k-toolbar-box { padding-block: $kendo-chat-toolbar-padding-y; @@ -472,15 +460,10 @@ } -} - -@include exports( "chat/layout/rtl" ) { - - - // Quick replies + // RTL .k-rtl, [dir="rtl"] { @@ -548,5 +531,9 @@ } +} + +@mixin kendo-chat--layout() { + @include kendo-chat--layout-base(); } diff --git a/packages/default/scss/chat/_theme.scss b/packages/default/scss/chat/_theme.scss index c02f2b83a06..d1e891c6fc1 100644 --- a/packages/default/scss/chat/_theme.scss +++ b/packages/default/scss/chat/_theme.scss @@ -1,4 +1,4 @@ -@include exports("chat/theme") { +@mixin kendo-chat--theme-base() { // Chat .k-chat { @@ -88,3 +88,8 @@ } } + + +@mixin kendo-chat--theme() { + @include kendo-chat--theme-base(); +} diff --git a/packages/default/scss/checkbox/_index.scss b/packages/default/scss/checkbox/_index.scss index 087f7255c65..07077776155 100644 --- a/packages/default/scss/checkbox/_index.scss +++ b/packages/default/scss/checkbox/_index.scss @@ -16,3 +16,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-checkbox--styles() { + @include module-render( "checkbox" ) { + @include kendo-checkbox--layout(); + @include kendo-checkbox--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-checkbox--styles(); +} diff --git a/packages/default/scss/checkbox/_layout.scss b/packages/default/scss/checkbox/_layout.scss index 5c4453add61..c529e367d8f 100644 --- a/packages/default/scss/checkbox/_layout.scss +++ b/packages/default/scss/checkbox/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "checkbox/layout" ) { +@mixin kendo-checkbox--layout-base() { // Checkbox .k-checkbox { @@ -212,3 +212,8 @@ } } + + +@mixin kendo-checkbox--layout() { + @include kendo-checkbox--layout-base(); +} diff --git a/packages/default/scss/checkbox/_theme.scss b/packages/default/scss/checkbox/_theme.scss index fcc7d2f878e..cb872531c2b 100644 --- a/packages/default/scss/checkbox/_theme.scss +++ b/packages/default/scss/checkbox/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "checkbox/theme" ) { +@mixin kendo-checkbox--theme-base () { // Checkbox .k-checkbox { @@ -99,3 +99,8 @@ } } + + +@mixin kendo-checkbox--theme() { + @include kendo-checkbox--theme-base(); +} diff --git a/packages/default/scss/chip/_index.scss b/packages/default/scss/chip/_index.scss index 94c32099f7f..491daacc780 100644 --- a/packages/default/scss/chip/_index.scss +++ b/packages/default/scss/chip/_index.scss @@ -20,3 +20,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-chip--styles() { + @include module-render( "chip" ) { + @include kendo-chip--layout(); + @include kendo-chip--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-chip--styles(); +} diff --git a/packages/default/scss/chip/_layout.scss b/packages/default/scss/chip/_layout.scss index f04471bacd4..16dceec3d6c 100644 --- a/packages/default/scss/chip/_layout.scss +++ b/packages/default/scss/chip/_layout.scss @@ -1,4 +1,4 @@ -@include exports("chip/layout") { +@mixin kendo-chip--layout-base() { // Chip .k-chip { @@ -156,3 +156,8 @@ } } + + +@mixin kendo-chip--layout() { + @include kendo-chip--layout-base(); +} diff --git a/packages/default/scss/chip/_theme.scss b/packages/default/scss/chip/_theme.scss index 912f81167a4..8f6735528b1 100644 --- a/packages/default/scss/chip/_theme.scss +++ b/packages/default/scss/chip/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "chip/theme" ) { +@mixin kendo-chip--theme-base () { // Solid @each $name, $color in $kendo-chip-theme-colors { @@ -138,3 +138,8 @@ } } + + +@mixin kendo-chip--theme() { + @include kendo-chip--theme-base(); +} diff --git a/packages/default/scss/color-preview/_index.scss b/packages/default/scss/color-preview/_index.scss index f1c88200c42..5715f4eb5a9 100644 --- a/packages/default/scss/color-preview/_index.scss +++ b/packages/default/scss/color-preview/_index.scss @@ -9,8 +9,6 @@ $_kendo-module-meta: ( ); - - // Dependencies @@ -19,3 +17,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-color-preview--styles() { + @include module-render( "color-preview" ) { + @include kendo-color-preview--layout(); + @include kendo-color-preview--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-color-preview--styles(); +} diff --git a/packages/default/scss/color-preview/_layout.scss b/packages/default/scss/color-preview/_layout.scss index d7008b198d4..2fb2e752395 100644 --- a/packages/default/scss/color-preview/_layout.scss +++ b/packages/default/scss/color-preview/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "color-preview/layout" ) { +@mixin kendo-color-preview--layout-base() { // Color Preview .k-color-preview { @@ -75,3 +75,8 @@ } } + + +@mixin kendo-color-preview--layout() { + @include kendo-color-preview--layout-base(); +} diff --git a/packages/default/scss/color-preview/_theme.scss b/packages/default/scss/color-preview/_theme.scss index af5be37e455..8c92b6f7edd 100644 --- a/packages/default/scss/color-preview/_theme.scss +++ b/packages/default/scss/color-preview/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "color-preview/theme" ) { +@mixin kendo-color-preview--theme-base() { // Color Preview .k-color-preview { @@ -15,3 +15,8 @@ } } + + +@mixin kendo-color-preview--theme() { + @include kendo-color-preview--theme-base(); +} diff --git a/packages/default/scss/coloreditor/_index.scss b/packages/default/scss/coloreditor/_index.scss index 5e33870c933..7a3c5c24475 100644 --- a/packages/default/scss/coloreditor/_index.scss +++ b/packages/default/scss/coloreditor/_index.scss @@ -26,3 +26,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-color-editor--styles() { + @include module-render( "color-editor" ) { + @include kendo-color-editor--layout(); + @include kendo-color-editor--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-color-editor--styles(); +} diff --git a/packages/default/scss/coloreditor/_layout.scss b/packages/default/scss/coloreditor/_layout.scss index 985e4136f2c..c9add66036a 100644 --- a/packages/default/scss/coloreditor/_layout.scss +++ b/packages/default/scss/coloreditor/_layout.scss @@ -1,4 +1,4 @@ -@include exports("coloreditor/layout") { +@mixin kendo-color-editor--layout-base() { // ColorEditor/FlatColorPicker .k-coloreditor { @@ -80,3 +80,8 @@ } } + + +@mixin kendo-color-editor--layout() { + @include kendo-color-editor--layout-base(); +} diff --git a/packages/default/scss/coloreditor/_theme.scss b/packages/default/scss/coloreditor/_theme.scss index 0f939ce3012..8ca5827ad80 100644 --- a/packages/default/scss/coloreditor/_theme.scss +++ b/packages/default/scss/coloreditor/_theme.scss @@ -1,4 +1,4 @@ -@include exports("coloreditor/theme") { +@mixin kendo-color-editor--theme-base() { // ColorEditor/FlatColorPicker .k-coloreditor { @@ -22,3 +22,8 @@ } } + + +@mixin kendo-color-editor--theme() { + @include kendo-color-editor--theme-base(); +} diff --git a/packages/default/scss/colorgradient/_index.scss b/packages/default/scss/colorgradient/_index.scss index 623d7705ded..8d15e79897a 100644 --- a/packages/default/scss/colorgradient/_index.scss +++ b/packages/default/scss/colorgradient/_index.scss @@ -28,7 +28,24 @@ $_kendo-module-meta: ( // Component -@import "./images/alpha-slider-bgr.scss"; @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-color-gradient--styles() { + @include module-render( "color-gradient" ) { + @include kendo-color-gradient--layout(); + @include kendo-color-gradient--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-color-gradient--styles(); +} diff --git a/packages/default/scss/colorgradient/_layout.scss b/packages/default/scss/colorgradient/_layout.scss index bf432c3b5d3..74d0125af02 100644 --- a/packages/default/scss/colorgradient/_layout.scss +++ b/packages/default/scss/colorgradient/_layout.scss @@ -1,4 +1,4 @@ -@include exports("colorgradient/layout") { +@mixin kendo-color-gradient--layout-base() { // ColorGradient .k-colorgradient { @@ -187,3 +187,8 @@ } } + + +@mixin kendo-color-gradient--layout() { + @include kendo-color-gradient--layout-base(); +} diff --git a/packages/default/scss/colorgradient/_theme.scss b/packages/default/scss/colorgradient/_theme.scss index f42cfb4a0c3..a8fbdbea90b 100644 --- a/packages/default/scss/colorgradient/_theme.scss +++ b/packages/default/scss/colorgradient/_theme.scss @@ -1,4 +1,4 @@ -@include exports("colorgradient/theme") { +@mixin kendo-color-gradient--theme-base() { // ColorGradient .k-colorgradient { @@ -65,9 +65,8 @@ @include fill( $color: $kendo-color-gradient-input-label-text ); } -} -@include exports("colorgradient/theme/rtl") { + // RTL .k-rtl, [dir="rtl"] { .k-colorgradient { @@ -78,4 +77,10 @@ } } + +} + + +@mixin kendo-color-gradient--theme() { + @include kendo-color-gradient--theme-base(); } diff --git a/packages/default/scss/colorgradient/_variables.scss b/packages/default/scss/colorgradient/_variables.scss index 02eff8a178e..91d04c978dd 100644 --- a/packages/default/scss/colorgradient/_variables.scss +++ b/packages/default/scss/colorgradient/_variables.scss @@ -1,3 +1,6 @@ +@import "./images/alpha-slider-bgr.scss"; + + // ColorGradient $kendo-color-gradient-spacer: k-map-get( $kendo-spacing, 3 ) !default; diff --git a/packages/default/scss/colorpalette/_index.scss b/packages/default/scss/colorpalette/_index.scss index 79b7302baa2..43f36abfd02 100644 --- a/packages/default/scss/colorpalette/_index.scss +++ b/packages/default/scss/colorpalette/_index.scss @@ -20,3 +20,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-color-palette--styles() { + @include module-render( "color-palette" ) { + @include kendo-color-palette--layout(); + @include kendo-color-palette--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-color-palette--styles(); +} diff --git a/packages/default/scss/colorpalette/_layout.scss b/packages/default/scss/colorpalette/_layout.scss index 2049188117a..239a6248f98 100644 --- a/packages/default/scss/colorpalette/_layout.scss +++ b/packages/default/scss/colorpalette/_layout.scss @@ -1,4 +1,4 @@ -@include exports("colorpalette/layout") { +@mixin kendo-color-palette--layout-base() { // ColorPalette .k-colorpalette { @@ -52,3 +52,8 @@ } } + + +@mixin kendo-color-palette--layout() { + @include kendo-color-palette--layout-base(); +} diff --git a/packages/default/scss/colorpalette/_theme.scss b/packages/default/scss/colorpalette/_theme.scss index 85d199b017b..cd840cb5cb4 100644 --- a/packages/default/scss/colorpalette/_theme.scss +++ b/packages/default/scss/colorpalette/_theme.scss @@ -1,4 +1,4 @@ -@include exports("colorpalette/theme") { +@mixin kendo-color-palette--theme-base() { // Tile .k-colorpalette-tile { @@ -21,3 +21,8 @@ } } + + +@mixin kendo-color-palette--theme() { + @include kendo-color-palette--theme-base(); +} diff --git a/packages/default/scss/colorpicker/_index.scss b/packages/default/scss/colorpicker/_index.scss index 16beadb7056..424885b23aa 100644 --- a/packages/default/scss/colorpicker/_index.scss +++ b/packages/default/scss/colorpicker/_index.scss @@ -27,3 +27,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-color-picker--styles() { + @include module-render( "color-picker" ) { + @include kendo-color-picker--layout(); + @include kendo-color-picker--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-color-picker--styles(); +} diff --git a/packages/default/scss/colorpicker/_layout.scss b/packages/default/scss/colorpicker/_layout.scss index 46b5051a657..c9e67ef3572 100644 --- a/packages/default/scss/colorpicker/_layout.scss +++ b/packages/default/scss/colorpicker/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "colorpicker/layout" ) { +@mixin kendo-color-picker--layout-base() { // Color picker .k-color-picker { @@ -11,3 +11,8 @@ } } + + +@mixin kendo-color-picker--layout() { + @include kendo-color-picker--layout-base(); +} diff --git a/packages/default/scss/colorpicker/_theme.scss b/packages/default/scss/colorpicker/_theme.scss index 1fb07a2fe87..7092ff647e2 100644 --- a/packages/default/scss/colorpicker/_theme.scss +++ b/packages/default/scss/colorpicker/_theme.scss @@ -1,6 +1,10 @@ -@include exports( "colorpicker/theme" ) { +@mixin kendo-color-picker--theme-base() { // Color picker .k-color-picker {} } + +@mixin kendo-color-picker--theme() { + @include kendo-color-picker--theme-base(); +} diff --git a/packages/default/scss/combobox/_index.scss b/packages/default/scss/combobox/_index.scss index 1748eb3a6fb..7b2bd8d940d 100644 --- a/packages/default/scss/combobox/_index.scss +++ b/packages/default/scss/combobox/_index.scss @@ -27,3 +27,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-combobox--styles() { + @include module-render( "combobox" ) { + @include kendo-combobox--layout(); + @include kendo-combobox--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-combobox--styles(); +} diff --git a/packages/default/scss/combobox/_layout.scss b/packages/default/scss/combobox/_layout.scss index bb27a16d10f..d9d75d1ad5c 100644 --- a/packages/default/scss/combobox/_layout.scss +++ b/packages/default/scss/combobox/_layout.scss @@ -1,6 +1,11 @@ -@include exports( "combobox/layout" ) { +@mixin kendo-combobox--layout-base() { // Combobox .k-combobox {} } + + +@mixin kendo-combobox--layout() { + @include kendo-combobox--layout-base(); +} diff --git a/packages/default/scss/combobox/_theme.scss b/packages/default/scss/combobox/_theme.scss index 0e3a46c1845..2e237f116d0 100644 --- a/packages/default/scss/combobox/_theme.scss +++ b/packages/default/scss/combobox/_theme.scss @@ -1,6 +1,11 @@ -@include exports( "combobox/theme" ) { +@mixin kendo-combobox--theme-base() { // Combobox .k-combobox {} } + + +@mixin kendo-combobox--theme() { + @include kendo-combobox--theme-base(); +} diff --git a/packages/default/scss/common/_base.scss b/packages/default/scss/common/_base.scss index 1914d19e7f6..2abc6be5b67 100644 --- a/packages/default/scss/common/_base.scss +++ b/packages/default/scss/common/_base.scss @@ -187,7 +187,7 @@ right: 0; } - [dir = "rtl"], + [dir="rtl"], .k-rtl { .k-dirty { border-color: transparent transparent $kendo-color-error $kendo-color-error; diff --git a/packages/default/scss/dataviz/_index.scss b/packages/default/scss/dataviz/_index.scss index ebd12ec691d..95603751d58 100644 --- a/packages/default/scss/dataviz/_index.scss +++ b/packages/default/scss/dataviz/_index.scss @@ -23,3 +23,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-dataviz--styles() { + @include module-render( "dataviz" ) { + @include kendo-dataviz--layout(); + @include kendo-dataviz--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-dataviz--styles(); +} diff --git a/packages/default/scss/dataviz/_layout.scss b/packages/default/scss/dataviz/_layout.scss index f2831d44419..6b9b0a3572a 100644 --- a/packages/default/scss/dataviz/_layout.scss +++ b/packages/default/scss/dataviz/_layout.scss @@ -1,5 +1,6 @@ -@include exports("dataviz/barcode/layout") { +@mixin kendo-dataviz--layout-base() { + // Barcode .k-barcode { display: inline-block; @@ -8,10 +9,6 @@ } } -} - - -@include exports("dataviz/charts/layout") { // Exported variables .k-var--chart-font { @@ -242,11 +239,11 @@ } } } -} -@include exports("dataviz/diagram/layout") { + + // Diagram .k-diagram { height: 600px; } @@ -267,12 +264,11 @@ width: 100%; height: 100%; } -} -@include exports("dataviz/treemap/layout") { - // Base + + // Treemap .k-treemap { height: 400px; box-sizing: border-box; @@ -359,11 +355,11 @@ padding: $kendo-padding-sm-x; } } -} -@include exports("dataviz/gauge/layout") { + + // Gauge .k-gauge { text-align: start; position: relative; @@ -382,13 +378,8 @@ margin: 0; } -} - - - - -@include exports("dataviz/qrcode/layout") { + // qrcode .k-qrcode { display: inline-block; @@ -397,13 +388,9 @@ } } -} - -@include exports("chart/variables") { - // export variables to allow use in scripts $exported: ( primary: $kendo-color-primary, @@ -480,4 +467,10 @@ } } } + +} + + +@mixin kendo-dataviz--layout() { + @include kendo-dataviz--layout-base(); } diff --git a/packages/default/scss/dataviz/_theme.scss b/packages/default/scss/dataviz/_theme.scss index 59cd7f38e0b..197b62346b1 100644 --- a/packages/default/scss/dataviz/_theme.scss +++ b/packages/default/scss/dataviz/_theme.scss @@ -1,4 +1,5 @@ -@include exports("dataviz/charts/theme") { +@mixin kendo-dataviz--theme-base() { + // Exported variables .k-var--chart-inactive { background-color: $kendo-chart-inactive; @@ -114,10 +115,9 @@ background-color: $kendo-component-bg; opacity: .8; } -} -@include exports("dataviz/treemap/theme") { + // Treemap .k-treemap { @@ -151,3 +151,8 @@ } } + + +@mixin kendo-dataviz--theme() { + @include kendo-dataviz--theme-base(); +} diff --git a/packages/default/scss/dateinput/_index.scss b/packages/default/scss/dateinput/_index.scss index 9b5eeeac7ef..9b71721e0db 100644 --- a/packages/default/scss/dateinput/_index.scss +++ b/packages/default/scss/dateinput/_index.scss @@ -20,3 +20,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-date-input--styles() { + @include module-render( "date-input" ) { + @include kendo-date-input--layout(); + @include kendo-date-input--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-date-input--styles(); +} diff --git a/packages/default/scss/dateinput/_layout.scss b/packages/default/scss/dateinput/_layout.scss index 69e4be8ca73..0a054ff7b11 100644 --- a/packages/default/scss/dateinput/_layout.scss +++ b/packages/default/scss/dateinput/_layout.scss @@ -1,6 +1,11 @@ -@include exports("dateinput/layout") { +@mixin kendo-date-input--layout-base() { // Date input .k-dateinput {} } + + +@mixin kendo-date-input--layout() { + @include kendo-date-input--layout-base(); +} diff --git a/packages/default/scss/dateinput/_theme.scss b/packages/default/scss/dateinput/_theme.scss index 6922908088c..d2e640b3154 100644 --- a/packages/default/scss/dateinput/_theme.scss +++ b/packages/default/scss/dateinput/_theme.scss @@ -1,6 +1,11 @@ -@include exports("dateinput/theme") { +@mixin kendo-date-input--theme-base() { // Date input .k-dateinput {} } + + +@mixin kendo-date-input--theme() { + @include kendo-date-input--theme-base(); +} diff --git a/packages/default/scss/datepicker/_index.scss b/packages/default/scss/datepicker/_index.scss index 7eb43c07134..cc3362fe047 100644 --- a/packages/default/scss/datepicker/_index.scss +++ b/packages/default/scss/datepicker/_index.scss @@ -24,3 +24,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-date-picker--styles() { + @include module-render( "date-picker" ) { + @include kendo-date-picker--layout(); + @include kendo-date-picker--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-date-picker--styles(); +} diff --git a/packages/default/scss/datepicker/_layout.scss b/packages/default/scss/datepicker/_layout.scss index c9c319f171f..bce9315a85b 100644 --- a/packages/default/scss/datepicker/_layout.scss +++ b/packages/default/scss/datepicker/_layout.scss @@ -1,6 +1,10 @@ -@include exports("datepicker/layout") { +@mixin kendo-date-picker--layout-base() { // Date picker .k-datepicker {} } + +@mixin kendo-date-picker--layout() { + @include kendo-date-picker--layout-base(); +} diff --git a/packages/default/scss/datepicker/_theme.scss b/packages/default/scss/datepicker/_theme.scss index 010224878c8..dad65bf242d 100644 --- a/packages/default/scss/datepicker/_theme.scss +++ b/packages/default/scss/datepicker/_theme.scss @@ -1,6 +1,11 @@ -@include exports("datepicker/theme") { +@mixin kendo-date-picker--theme-base() { // Date picker .k-datepicker {} } + + +@mixin kendo-date-picker--theme() { + @include kendo-date-picker--theme-base(); +} diff --git a/packages/default/scss/daterangepicker/_index.scss b/packages/default/scss/daterangepicker/_index.scss index e6ae5f4dd65..0ab711d7296 100644 --- a/packages/default/scss/daterangepicker/_index.scss +++ b/packages/default/scss/daterangepicker/_index.scss @@ -16,8 +16,6 @@ $_kendo-module-meta: ( ); - - // Dependencies @import "../common/_index.scss"; @import "../input/_index.scss"; @@ -30,3 +28,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-date-range-picker--styles() { + @include module-render( "date-range-picker" ) { + @include kendo-date-range-picker--layout(); + @include kendo-date-range-picker--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-date-range-picker--styles(); +} diff --git a/packages/default/scss/daterangepicker/_layout.scss b/packages/default/scss/daterangepicker/_layout.scss index b0f9d14c1ca..c45efc82ab6 100644 --- a/packages/default/scss/daterangepicker/_layout.scss +++ b/packages/default/scss/daterangepicker/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "daterangepicker/layout" ) { +@mixin kendo-date-range-picker--layout-base() { // Daterange picker .k-daterange-picker { @@ -41,3 +41,8 @@ } } + + +@mixin kendo-date-range-picker--layout() { + @include kendo-date-range-picker--layout-base(); +} diff --git a/packages/default/scss/daterangepicker/_theme.scss b/packages/default/scss/daterangepicker/_theme.scss index cdf72877ca4..da034865883 100644 --- a/packages/default/scss/daterangepicker/_theme.scss +++ b/packages/default/scss/daterangepicker/_theme.scss @@ -1,3 +1,11 @@ -@include exports("daterangepicker/theme") { +@mixin kendo-date-range-picker--theme-base() { + // Date range picker + .k-daterangepicker {} + +} + + +@mixin kendo-date-range-picker--theme() { + @include kendo-date-range-picker--theme-base(); } diff --git a/packages/default/scss/datetimepicker/_index.scss b/packages/default/scss/datetimepicker/_index.scss index 7836edca8db..50c1d0a4122 100644 --- a/packages/default/scss/datetimepicker/_index.scss +++ b/packages/default/scss/datetimepicker/_index.scss @@ -32,3 +32,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-date-time-picker--styles() { + @include module-render( "date-time-picker" ) { + @include kendo-date-time-picker--layout(); + @include kendo-date-time-picker--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-date-time-picker--styles(); +} diff --git a/packages/default/scss/datetimepicker/_layout.scss b/packages/default/scss/datetimepicker/_layout.scss index efa24c09d5a..16cd5dc7fef 100644 --- a/packages/default/scss/datetimepicker/_layout.scss +++ b/packages/default/scss/datetimepicker/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "datetimepicker/layout" ) { +@mixin kendo-date-time-picker--layout-base() { // Datetime container .k-datetime-container {} @@ -41,10 +41,8 @@ transform: translateX(-100%); } -} - -@include exports( "datetimepicker/layout/rtl" ) { + // RTL .k-datetimepicker { &[dir="rtl"], .k-rtl & { @@ -55,3 +53,8 @@ } } + + +@mixin kendo-date-time-picker--layout() { + @include kendo-date-time-picker--layout-base(); +} diff --git a/packages/default/scss/datetimepicker/_theme.scss b/packages/default/scss/datetimepicker/_theme.scss index fc21bec4d4a..6716fe9d63a 100644 --- a/packages/default/scss/datetimepicker/_theme.scss +++ b/packages/default/scss/datetimepicker/_theme.scss @@ -1,6 +1,11 @@ -@include exports( "datetimepicker/theme" ) { +@mixin kendo-date-time-picker--theme-base() { // Datetime picker .k-datetimepicker {} } + + +@mixin kendo-date-time-picker--theme() { + @include kendo-date-time-picker--theme-base(); +} diff --git a/packages/default/scss/dialog/_index.scss b/packages/default/scss/dialog/_index.scss index ea768e6edcc..3694b042237 100644 --- a/packages/default/scss/dialog/_index.scss +++ b/packages/default/scss/dialog/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-dialog--styles() { + @include module-render( "dialog" ) { + @include kendo-dialog--layout(); + @include kendo-dialog--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-dialog--styles(); +} diff --git a/packages/default/scss/dialog/_layout.scss b/packages/default/scss/dialog/_layout.scss index 04cefe9963f..58db67f8806 100644 --- a/packages/default/scss/dialog/_layout.scss +++ b/packages/default/scss/dialog/_layout.scss @@ -1,4 +1,4 @@ -@include exports("dialog/layout") { +@mixin kendo-dialog--layout-base() { .k-dialog-wrapper { display: flex; @@ -67,3 +67,8 @@ } } + + +@mixin kendo-dialog--layout() { + @include kendo-dialog--layout-base(); +} diff --git a/packages/default/scss/dialog/_theme.scss b/packages/default/scss/dialog/_theme.scss index 6e715190cd2..ea5f348763a 100644 --- a/packages/default/scss/dialog/_theme.scss +++ b/packages/default/scss/dialog/_theme.scss @@ -1,5 +1,6 @@ -@include exports("dialog/theme") { - // Titlebar +@mixin kendo-dialog--theme-base() { + + // Dialog titlebar .k-dialog-titlebar { @include fill( $kendo-dialog-titlebar-text, @@ -17,3 +18,8 @@ } } + + +@mixin kendo-dialog--theme() { + @include kendo-dialog--theme-base(); +} diff --git a/packages/default/scss/draggable/_index.scss b/packages/default/scss/draggable/_index.scss index a92ab96a395..c450ce1f1bf 100644 --- a/packages/default/scss/draggable/_index.scss +++ b/packages/default/scss/draggable/_index.scss @@ -16,3 +16,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-draggable--styles() { + @include module-render( "draggable" ) { + @include kendo-draggable--layout(); + @include kendo-draggable--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-draggable--styles(); +} diff --git a/packages/default/scss/draggable/_layout.scss b/packages/default/scss/draggable/_layout.scss index a8382e986ec..bf48da1a45d 100644 --- a/packages/default/scss/draggable/_layout.scss +++ b/packages/default/scss/draggable/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "draggable/layout" ) { +@mixin kendo-draggable--layout-base() { // Layout .k-drag-clue { @@ -121,3 +121,8 @@ } } + + +@mixin kendo-draggable--layout() { + @include kendo-draggable--layout-base(); +} diff --git a/packages/default/scss/draggable/_theme.scss b/packages/default/scss/draggable/_theme.scss index c8c039e6cd1..0b5fca27432 100644 --- a/packages/default/scss/draggable/_theme.scss +++ b/packages/default/scss/draggable/_theme.scss @@ -1,6 +1,6 @@ -@include exports( "draggable/theme" ) { +@mixin kendo-draggable--theme-base() { - // Theme + // Drag hint .k-drag-clue { @include fill( $kendo-drag-hint-text, @@ -12,3 +12,8 @@ } } + + +@mixin kendo-draggable--theme() { + @include kendo-draggable--theme-base(); +} diff --git a/packages/default/scss/drawer/_index.scss b/packages/default/scss/drawer/_index.scss index 4371b5d0da4..9b5db0770c2 100644 --- a/packages/default/scss/drawer/_index.scss +++ b/packages/default/scss/drawer/_index.scss @@ -24,3 +24,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-drawer--styles() { + @include module-render( "drawer" ) { + @include kendo-drawer--layout(); + @include kendo-drawer--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-drawer--styles(); +} diff --git a/packages/default/scss/drawer/_layout.scss b/packages/default/scss/drawer/_layout.scss index e0d4a2e5680..dc30ec1e242 100644 --- a/packages/default/scss/drawer/_layout.scss +++ b/packages/default/scss/drawer/_layout.scss @@ -1,4 +1,4 @@ -@include exports("drawer/layout") { +@mixin kendo-drawer--layout-base() { .k-drawer-container { display: flex; @@ -242,3 +242,8 @@ } } } + + +@mixin kendo-drawer--layout() { + @include kendo-drawer--layout-base(); +} diff --git a/packages/default/scss/drawer/_theme.scss b/packages/default/scss/drawer/_theme.scss index 1b8661ec546..b48b386e85b 100644 --- a/packages/default/scss/drawer/_theme.scss +++ b/packages/default/scss/drawer/_theme.scss @@ -1,4 +1,4 @@ -@include exports("drawer/theme") { +@mixin kendo-drawer--theme-base() { .k-drawer { @include fill( @@ -58,3 +58,8 @@ } } + + +@mixin kendo-drawer--theme() { + @include kendo-drawer--theme-base(); +} diff --git a/packages/default/scss/dropdowngrid/_index.scss b/packages/default/scss/dropdowngrid/_index.scss index 505384f57d7..10f38b06266 100644 --- a/packages/default/scss/dropdowngrid/_index.scss +++ b/packages/default/scss/dropdowngrid/_index.scss @@ -27,3 +27,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-dropdown-grid--styles() { + @include module-render( "dropdown-grid" ) { + @include kendo-dropdown-grid--layout(); + @include kendo-dropdown-grid--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-dropdown-grid--styles(); +} diff --git a/packages/default/scss/dropdowngrid/_layout.scss b/packages/default/scss/dropdowngrid/_layout.scss index ec8c71495f7..ce6abaa0cd4 100644 --- a/packages/default/scss/dropdowngrid/_layout.scss +++ b/packages/default/scss/dropdowngrid/_layout.scss @@ -1,9 +1,10 @@ -@include exports("dropdowngrid/layout") { +@mixin kendo-dropdown-grid--layout-base() { - // DropdownGrid + // Dropdown grid .k-dropdown-grid {} - // DropdowGrid Popup + + // Dropdown grid popup .k-dropdowngrid-popup { overflow: hidden; } @@ -12,3 +13,8 @@ } } + + +@mixin kendo-dropdown-grid--layout() { + @include kendo-dropdown-grid--layout-base(); +} diff --git a/packages/default/scss/dropdowngrid/_theme.scss b/packages/default/scss/dropdowngrid/_theme.scss index 89a3e8d691c..37036d89914 100644 --- a/packages/default/scss/dropdowngrid/_theme.scss +++ b/packages/default/scss/dropdowngrid/_theme.scss @@ -1,6 +1,11 @@ -@include exports("dropdowngrid/theme") { +@mixin kendo-dropdown-grid--theme-base() { // Dropdown grid .k-dropdown-grid {} } + + +@mixin kendo-dropdown-grid--theme() { + @include kendo-dropdown-grid--theme-base(); +} diff --git a/packages/default/scss/dropdownlist/_index.scss b/packages/default/scss/dropdownlist/_index.scss index 03ad55780c5..7f7860585cc 100644 --- a/packages/default/scss/dropdownlist/_index.scss +++ b/packages/default/scss/dropdownlist/_index.scss @@ -26,3 +26,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-dropdown-list--styles() { + @include module-render( "dropdown-list" ) { + @include kendo-dropdown-list--layout(); + @include kendo-dropdown-list--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-dropdown-list--styles(); +} diff --git a/packages/default/scss/dropdownlist/_layout.scss b/packages/default/scss/dropdownlist/_layout.scss index d9aee0764f2..3bd79f8a980 100644 --- a/packages/default/scss/dropdownlist/_layout.scss +++ b/packages/default/scss/dropdownlist/_layout.scss @@ -1,4 +1,4 @@ -@include exports("dropdownlist/layout") { +@mixin kendo-dropdown-list--layout-base() { // Dropdown list .k-dropdown-list {} @@ -29,10 +29,16 @@ } } - // Alias + + // Legacy aliases .k-dropdown, .k-dropdownlist { @extend .k-dropdown-list !optional; } } + + +@mixin kendo-dropdown-list--layout() { + @include kendo-dropdown-list--layout-base(); +} diff --git a/packages/default/scss/dropdownlist/_theme.scss b/packages/default/scss/dropdownlist/_theme.scss index 876fc445d70..0dcf6fcb3e8 100644 --- a/packages/default/scss/dropdownlist/_theme.scss +++ b/packages/default/scss/dropdownlist/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "dropdownlist/theme" ) { +@mixin kendo-dropdown-list--theme-base() { // Dropdown list .k-dropdown-list {} @@ -7,3 +7,8 @@ select.k-dropdown-list {} } + + +@mixin kendo-dropdown-list--theme() { + @include kendo-dropdown-list--theme-base(); +} diff --git a/packages/default/scss/dropdowntree/_index.scss b/packages/default/scss/dropdowntree/_index.scss index 0f48305112b..0a2f1d8cb76 100644 --- a/packages/default/scss/dropdowntree/_index.scss +++ b/packages/default/scss/dropdowntree/_index.scss @@ -26,3 +26,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-dropdown-tree--styles() { + @include module-render( "dropdown-tree" ) { + @include kendo-dropdown-tree--layout(); + @include kendo-dropdown-tree--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-dropdown-tree--styles(); +} diff --git a/packages/default/scss/dropdowntree/_layout.scss b/packages/default/scss/dropdowntree/_layout.scss index 6104e052b5a..b862866c37a 100644 --- a/packages/default/scss/dropdowntree/_layout.scss +++ b/packages/default/scss/dropdowntree/_layout.scss @@ -1,4 +1,4 @@ -@include exports("dropdowntree/layout") { +@mixin kendo-dropdown-tree--layout-base() { // Dropdown tree .k-dropdown-tree {} @@ -18,3 +18,8 @@ } } + + +@mixin kendo-dropdown-tree--layout() { + @include kendo-dropdown-tree--layout-base(); +} diff --git a/packages/default/scss/dropdowntree/_theme.scss b/packages/default/scss/dropdowntree/_theme.scss index 9c3d4ceb787..5b32601225d 100644 --- a/packages/default/scss/dropdowntree/_theme.scss +++ b/packages/default/scss/dropdowntree/_theme.scss @@ -1,6 +1,11 @@ -@include exports("dropdowntree/theme") { +@mixin kendo-dropdown-tree--theme-base() { // Dropdown tree .k-dropdown-tree {} } + + +@mixin kendo-dropdown-tree--theme() { + @include kendo-dropdown-tree--theme-base(); +} diff --git a/packages/default/scss/dropzone/_index.scss b/packages/default/scss/dropzone/_index.scss index 62d592d45d1..5e75304a804 100644 --- a/packages/default/scss/dropzone/_index.scss +++ b/packages/default/scss/dropzone/_index.scss @@ -17,3 +17,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-dropzone--styles() { + @include module-render( "dropzone" ) { + @include kendo-dropzone--layout(); + @include kendo-dropzone--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-dropzone--styles(); +} diff --git a/packages/default/scss/dropzone/_layout.scss b/packages/default/scss/dropzone/_layout.scss index 485eb653aad..dca5810690b 100644 --- a/packages/default/scss/dropzone/_layout.scss +++ b/packages/default/scss/dropzone/_layout.scss @@ -1,4 +1,4 @@ -@include exports("dropzone/layout") { +@mixin kendo-dropzone--layout-base() { // Dropzone .k-external-dropzone { @@ -7,7 +7,7 @@ flex-flow: row nowrap; } - // Dropzpne inner + // Dropzone inner .k-dropzone-inner { padding-block: $kendo-dropzone-padding-y; padding-inline: $kendo-dropzone-padding-x; @@ -47,3 +47,8 @@ } } + + +@mixin kendo-dropzone--layout() { + @include kendo-dropzone--layout-base(); +} diff --git a/packages/default/scss/dropzone/_theme.scss b/packages/default/scss/dropzone/_theme.scss index a206646149d..b747d4a7163 100644 --- a/packages/default/scss/dropzone/_theme.scss +++ b/packages/default/scss/dropzone/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "dropzone/theme" ) { +@mixin kendo-dropzone--theme-base() { // Dropzone .k-dropzone-inner { @@ -31,3 +31,8 @@ } } + + +@mixin kendo-dropzone--theme() { + @include kendo-dropzone--theme-base(); +} diff --git a/packages/default/scss/editor/_index.scss b/packages/default/scss/editor/_index.scss index 228d00245ff..34ff166bc8c 100644 --- a/packages/default/scss/editor/_index.scss +++ b/packages/default/scss/editor/_index.scss @@ -36,3 +36,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-editor--styles() { + @include module-render( "editor" ) { + @include kendo-editor--layout(); + @include kendo-editor--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-editor--styles(); +} diff --git a/packages/default/scss/editor/_layout.scss b/packages/default/scss/editor/_layout.scss index f6627c9e7c7..01518622242 100644 --- a/packages/default/scss/editor/_layout.scss +++ b/packages/default/scss/editor/_layout.scss @@ -1,4 +1,4 @@ -@include exports("editor/layout") { +@mixin kendo-editor--layout-base() { // Base .k-editor { @@ -132,7 +132,7 @@ } - // Тoolbar + // Toolbar .k-editor-toolbar { border-width: 0 0 $kendo-toolbar-border-width 0; flex-shrink: 0; @@ -345,9 +345,9 @@ align-items: center; } } -} -@include exports( "editor/dialog/layout" ) { + + // Text area in editor dialog .k-textarea.k-editor-textarea { @@ -356,13 +356,11 @@ resize: none; } -} - - -@include exports( "editor/filebrowser/layout" ) { + // File browser + // TODO: replace with file manager component .k-filebrowser { max-width: 100%; @@ -492,13 +490,10 @@ } } -} - - -@include exports( "editor/table-wizard/layout" ) { + // Table wizard dialog .k-editor-table-wizard-window { // Tabstrip wrapper @@ -659,3 +654,8 @@ } } + + +@mixin kendo-editor--layout() { + @include kendo-editor--layout-base(); +} diff --git a/packages/default/scss/editor/_theme.scss b/packages/default/scss/editor/_theme.scss index d4617a4e8ea..80a033eb2cb 100644 --- a/packages/default/scss/editor/_theme.scss +++ b/packages/default/scss/editor/_theme.scss @@ -1,4 +1,4 @@ -@include exports("editor/theme") { +@mixin kendo-editor--theme-base() { .k-editor { @include fill( @@ -98,3 +98,8 @@ } } + + +@mixin kendo-editor--theme() { + @include kendo-editor--theme-base(); +} diff --git a/packages/default/scss/expansion-panel/_index.scss b/packages/default/scss/expansion-panel/_index.scss index 517798def0a..06643ae8c61 100644 --- a/packages/default/scss/expansion-panel/_index.scss +++ b/packages/default/scss/expansion-panel/_index.scss @@ -25,3 +25,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-expander--styles() { + @include module-render( "expander" ) { + @include kendo-expander--layout(); + @include kendo-expander--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-expander--styles(); +} diff --git a/packages/default/scss/expansion-panel/_layout.scss b/packages/default/scss/expansion-panel/_layout.scss index 970dc508b64..96ebe67f947 100644 --- a/packages/default/scss/expansion-panel/_layout.scss +++ b/packages/default/scss/expansion-panel/_layout.scss @@ -1,4 +1,4 @@ -@include exports("expansion-panel/layout") { +@mixin kendo-expander--layout-base() { // Base .k-expander { @@ -74,3 +74,8 @@ border-top-width: 0; } } + + +@mixin kendo-expander--layout() { + @include kendo-expander--layout-base(); +} diff --git a/packages/default/scss/expansion-panel/_theme.scss b/packages/default/scss/expansion-panel/_theme.scss index b2ddc0e799d..e2299fcd03a 100644 --- a/packages/default/scss/expansion-panel/_theme.scss +++ b/packages/default/scss/expansion-panel/_theme.scss @@ -1,4 +1,4 @@ -@include exports("expansion-panel/theme") { +@mixin kendo-expander--theme-base() { .k-expander { @include fill( @@ -39,3 +39,8 @@ color: $kendo-expander-header-sub-title-text; } } + + +@mixin kendo-expander--theme() { + @include kendo-expander--theme-base(); +} diff --git a/packages/default/scss/fab/_index.scss b/packages/default/scss/fab/_index.scss index 8e7d56f388b..8b28c8c52d1 100644 --- a/packages/default/scss/fab/_index.scss +++ b/packages/default/scss/fab/_index.scss @@ -26,3 +26,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-fab--styles() { + @include module-render( "fab" ) { + @include kendo-fab--layout(); + @include kendo-fab--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-fab--styles(); +} diff --git a/packages/default/scss/fab/_layout.scss b/packages/default/scss/fab/_layout.scss index d629d4e2b93..202105cc201 100644 --- a/packages/default/scss/fab/_layout.scss +++ b/packages/default/scss/fab/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "fab/layout" ) { +@mixin kendo-fab--layout-base() { // Floating Action Button (FAB) .k-fab { @@ -128,9 +128,7 @@ outline: none; } -} -@include exports("fab/layout/rtl") { .k-rtl .k-fab-popup, [dir="rtl"] .k-fab-popup { @@ -143,3 +141,8 @@ } } } + + +@mixin kendo-fab--layout() { + @include kendo-fab--layout-base(); +} diff --git a/packages/default/scss/fab/_theme.scss b/packages/default/scss/fab/_theme.scss index 3f3055f3c8e..b8f7df63cca 100644 --- a/packages/default/scss/fab/_theme.scss +++ b/packages/default/scss/fab/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "fab/theme" ) { +@mixin kendo-fab--theme-base() { // Normal state @each $name, $color in $kendo-fab-theme-colors { @@ -122,3 +122,8 @@ } } + + +@mixin kendo-fab--theme() { + @include kendo-fab--theme-base(); +} diff --git a/packages/default/scss/filemanager/_index.scss b/packages/default/scss/filemanager/_index.scss index 97f13711ea3..9557386ddbd 100644 --- a/packages/default/scss/filemanager/_index.scss +++ b/packages/default/scss/filemanager/_index.scss @@ -40,3 +40,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-file-manager--styles() { + @include module-render( "file-manager" ) { + @include kendo-file-manager--layout(); + @include kendo-file-manager--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-file-manager--styles(); +} diff --git a/packages/default/scss/filemanager/_layout.scss b/packages/default/scss/filemanager/_layout.scss index d53c69b84b3..6c7969ae30c 100644 --- a/packages/default/scss/filemanager/_layout.scss +++ b/packages/default/scss/filemanager/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "filemanager/layout" ) { +@mixin kendo-file-manager--layout-base() { // File Manager .k-filemanager { @@ -238,3 +238,8 @@ } } + + +@mixin kendo-file-manager--layout() { + @include kendo-file-manager--layout-base(); +} diff --git a/packages/default/scss/filemanager/_theme.scss b/packages/default/scss/filemanager/_theme.scss index 2a745d85de6..11182d14270 100644 --- a/packages/default/scss/filemanager/_theme.scss +++ b/packages/default/scss/filemanager/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "filemanager/theme") { +@mixin kendo-file-manager--theme-base() { // Filemanager .k-filemanager { @@ -107,3 +107,8 @@ } } + + +@mixin kendo-file-manager--theme() { + @include kendo-file-manager--theme-base(); +} diff --git a/packages/default/scss/filter/_index.scss b/packages/default/scss/filter/_index.scss index 97ed5111079..dc251a2429d 100644 --- a/packages/default/scss/filter/_index.scss +++ b/packages/default/scss/filter/_index.scss @@ -32,3 +32,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-filter--styles() { + @include module-render( "filter" ) { + @include kendo-filter--layout(); + @include kendo-filter--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-filter--styles(); +} diff --git a/packages/default/scss/filter/_layout.scss b/packages/default/scss/filter/_layout.scss index 9075ec5ceb1..0fc6269c920 100644 --- a/packages/default/scss/filter/_layout.scss +++ b/packages/default/scss/filter/_layout.scss @@ -1,4 +1,4 @@ -@include exports("filter/layout") { +@mixin kendo-filter--layout-base() { .k-filter { box-sizing: border-box; @@ -120,4 +120,10 @@ } } } + +} + + +@mixin kendo-filter--layout() { + @include kendo-filter--layout-base(); } diff --git a/packages/default/scss/filter/_theme.scss b/packages/default/scss/filter/_theme.scss index 8854e260319..698627cf14f 100644 --- a/packages/default/scss/filter/_theme.scss +++ b/packages/default/scss/filter/_theme.scss @@ -1,4 +1,4 @@ -@include exports("filter/theme") { +@mixin kendo-filter--theme-base() { .k-filter { color: $kendo-component-text; @@ -27,3 +27,8 @@ } } + + +@mixin kendo-filter--theme() { + @include kendo-filter--theme-base(); +} diff --git a/packages/default/scss/floating-label/_index.scss b/packages/default/scss/floating-label/_index.scss index 39aa2d86c21..ae6dc23b0a4 100644 --- a/packages/default/scss/floating-label/_index.scss +++ b/packages/default/scss/floating-label/_index.scss @@ -20,3 +20,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-floating-label--styles() { + @include module-render( "floating-label" ) { + @include kendo-floating-label--layout(); + @include kendo-floating-label--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-floating-label--styles(); +} diff --git a/packages/default/scss/floating-label/_layout.scss b/packages/default/scss/floating-label/_layout.scss index 6513af7b58a..49264d68c0f 100644 --- a/packages/default/scss/floating-label/_layout.scss +++ b/packages/default/scss/floating-label/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "floating-label/layout" ) { +@mixin kendo-floating-label--layout-base() { // Floating label @@ -91,3 +91,8 @@ } } + + +@mixin kendo-floating-label--layout() { + @include kendo-floating-label--layout-base(); +} diff --git a/packages/default/scss/floating-label/_theme.scss b/packages/default/scss/floating-label/_theme.scss index fc233b0158b..6835fd545b0 100644 --- a/packages/default/scss/floating-label/_theme.scss +++ b/packages/default/scss/floating-label/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "floating-label/theme" ) { +@mixin kendo-floating-label--theme-base() { // Floating label .k-floating-label-container { @@ -20,3 +20,8 @@ } } + + +@mixin kendo-floating-label--theme() { + @include kendo-floating-label--theme-base(); +} diff --git a/packages/default/scss/forms/_index.scss b/packages/default/scss/forms/_index.scss index adc35ac5c3d..d0781f081b4 100644 --- a/packages/default/scss/forms/_index.scss +++ b/packages/default/scss/forms/_index.scss @@ -23,3 +23,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-form--styles() { + @include module-render( "form" ) { + @include kendo-form--layout(); + @include kendo-form--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-form--styles(); +} diff --git a/packages/default/scss/forms/_layout.scss b/packages/default/scss/forms/_layout.scss index e065c13e3e3..fd269ca7729 100644 --- a/packages/default/scss/forms/_layout.scss +++ b/packages/default/scss/forms/_layout.scss @@ -1,4 +1,4 @@ -@include exports("forms/layout") { +@mixin kendo-form--layout-base() { // Common .k-form, @@ -320,9 +320,8 @@ } } -} -@include exports("edit-form/layout") { + // Edit form .k-edit-form-container { @@ -391,3 +390,8 @@ } } + + +@mixin kendo-form--layout() { + @include kendo-form--layout-base(); +} diff --git a/packages/default/scss/forms/_theme.scss b/packages/default/scss/forms/_theme.scss index d4d39ea9b17..4d1907e5319 100644 --- a/packages/default/scss/forms/_theme.scss +++ b/packages/default/scss/forms/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "forms/theme" ) { +@mixin kendo-form--theme-base() { .k-form, .k-form-inline { @@ -34,3 +34,8 @@ } } + + +@mixin kendo-form--theme() { + @include kendo-form--theme-base(); +} diff --git a/packages/default/scss/gantt/_index.scss b/packages/default/scss/gantt/_index.scss index 0ab1e91f862..4863d31a200 100644 --- a/packages/default/scss/gantt/_index.scss +++ b/packages/default/scss/gantt/_index.scss @@ -35,3 +35,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-gantt--styles() { + @include module-render( "gantt" ) { + @include kendo-gantt--layout(); + @include kendo-gantt--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-gantt--styles(); +} diff --git a/packages/default/scss/gantt/_layout.scss b/packages/default/scss/gantt/_layout.scss index e6bc021cc40..cbc7799691b 100644 --- a/packages/default/scss/gantt/_layout.scss +++ b/packages/default/scss/gantt/_layout.scss @@ -1,4 +1,4 @@ -@include exports("gantt/layout") { +@mixin kendo-gantt--layout-base() { $row-height: #{$kendo-line-height-em} + #{2 * $kendo-table-md-cell-padding-y} + #{$kendo-grid-cell-horizontal-border-width}; @@ -246,7 +246,7 @@ } - // Gant content + // Gantt content .k-gantt-content { display: flex; flex-flow: row nowrap; @@ -761,10 +761,11 @@ overflow: hidden; text-overflow: ellipsis; } -} -@include exports("gantt/export") { + + + // Gantt export .k-pdf-export-shadow { .k-gantt { float: left; @@ -787,12 +788,9 @@ } } -} - - -@include exports("gantt-edit-form/layout") { + // Gantt edit form .k-gantt-edit-form {} .k-gantt-edit-form .k-gantt-update {} @@ -801,11 +799,10 @@ float: left; } -} -@include exports("gantt/rtl") { + // Gantt RTL .k-rtl, [dir="rtl"] { @@ -889,4 +886,10 @@ right: 0; } } + +} + + +@mixin kendo-gantt--layout() { + @include kendo-gantt--layout-base(); } diff --git a/packages/default/scss/gantt/_theme.scss b/packages/default/scss/gantt/_theme.scss index efaccfca6e8..51933c1a4bc 100644 --- a/packages/default/scss/gantt/_theme.scss +++ b/packages/default/scss/gantt/_theme.scss @@ -1,5 +1,6 @@ -@include exports("gantt/theme") { +@mixin kendo-gantt--theme-base() { + // Gantt .k-gantt { @include fill( $kendo-gantt-text, @@ -271,4 +272,10 @@ background-color: $kendo-gantt-validation-tooltip-invalid-border; } } + +} + + +@mixin kendo-gantt--theme() { + @include kendo-gantt--theme-base(); } diff --git a/packages/default/scss/grid/_index.scss b/packages/default/scss/grid/_index.scss index a657776faca..1227fe343c4 100644 --- a/packages/default/scss/grid/_index.scss +++ b/packages/default/scss/grid/_index.scss @@ -64,3 +64,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-grid--styles() { + @include module-render( "grid" ) { + @include kendo-grid--layout(); + @include kendo-grid--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-grid--styles(); +} diff --git a/packages/default/scss/grid/_layout.scss b/packages/default/scss/grid/_layout.scss index 6bea0499091..17467815ae1 100644 --- a/packages/default/scss/grid/_layout.scss +++ b/packages/default/scss/grid/_layout.scss @@ -1,5 +1,6 @@ -@include exports("grid/layout") { +@mixin kendo-grid--layout-base() { + // Grid .k-grid { border-width: $kendo-grid-border-width; border-style: solid; @@ -1017,9 +1018,8 @@ } } -} -@include exports( "grid/pdf-export" ) { + // PDF export .k-loading-pdf-mask { position: absolute; @@ -1090,9 +1090,7 @@ padding: 0 !important; // sass-lint:disable-line no-important } } -} -@include exports( "filtermenu/layout" ) { // Filter menu .k-filter-menu-popup { @@ -1187,9 +1185,7 @@ } } -} -@include exports("columnmenu/layout") { // Column menu .k-column-menu-popup, @@ -1301,3 +1297,8 @@ } } + + +@mixin kendo-grid--layout() { + @include kendo-grid--layout-base(); +} diff --git a/packages/default/scss/grid/_theme.scss b/packages/default/scss/grid/_theme.scss index 8c7ce9f836a..e3592347ef6 100644 --- a/packages/default/scss/grid/_theme.scss +++ b/packages/default/scss/grid/_theme.scss @@ -1,4 +1,4 @@ -@include exports("grid/theme") { +@mixin kendo-grid--theme-base() { .k-grid-header, .k-grid-header-wrap, @@ -486,3 +486,8 @@ } } + + +@mixin kendo-grid--theme() { + @include kendo-grid--theme-base(); +} diff --git a/packages/default/scss/icons/_index.scss b/packages/default/scss/icons/_index.scss index f74c1ba047c..1c4b08c80dd 100644 --- a/packages/default/scss/icons/_index.scss +++ b/packages/default/scss/icons/_index.scss @@ -9,10 +9,25 @@ $_kendo-module-meta: ( ); -// Dependencies -@import "../common/_index.scss"; - - // Component +@import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-icon--styles() { + @include module-render( "icon" ) { + @include kendo-icon--layout(); + @include kendo-icon--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-icon--styles(); +} diff --git a/packages/default/scss/icons/_layout.scss b/packages/default/scss/icons/_layout.scss index c89cbbded61..9785a8f74b4 100644 --- a/packages/default/scss/icons/_layout.scss +++ b/packages/default/scss/icons/_layout.scss @@ -3,7 +3,7 @@ $ki-icon-size: $kendo-icon-size; @import "@progress/kendo-font-icons/scss/index.scss"; -@include exports( "icons/layout" ) { +@mixin kendo-icon--layout-base() { @include kendo-icon-styles(); @@ -81,3 +81,8 @@ $ki-icon-size: $kendo-icon-size; display: inline-block; } } + + +@mixin kendo-icon--layout() { + @include kendo-icon--layout-base(); +} diff --git a/packages/default/scss/icons/_theme.scss b/packages/default/scss/icons/_theme.scss index e69de29bb2d..d717fc555b2 100644 --- a/packages/default/scss/icons/_theme.scss +++ b/packages/default/scss/icons/_theme.scss @@ -0,0 +1,6 @@ +@mixin kendo-icon--theme-base() {} + + +@mixin kendo-icon--theme() { + @include kendo-icon--theme-base(); +} diff --git a/packages/default/scss/icons/_variables.scss b/packages/default/scss/icons/_variables.scss new file mode 100644 index 00000000000..e69de29bb2d diff --git a/packages/default/scss/imageeditor/_index.scss b/packages/default/scss/imageeditor/_index.scss index 6bb56c7d1ad..912e95c6485 100644 --- a/packages/default/scss/imageeditor/_index.scss +++ b/packages/default/scss/imageeditor/_index.scss @@ -28,3 +28,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-image-editor--styles() { + @include module-render( "image-editor" ) { + @include kendo-image-editor--layout(); + @include kendo-image-editor--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-image-editor--styles(); +} diff --git a/packages/default/scss/imageeditor/_layout.scss b/packages/default/scss/imageeditor/_layout.scss index 25be0c63109..f246ac0999c 100644 --- a/packages/default/scss/imageeditor/_layout.scss +++ b/packages/default/scss/imageeditor/_layout.scss @@ -1,4 +1,4 @@ -@include exports("imageeditor/layout") { +@mixin kendo-image-editor--layout-base() { // Image Editor .k-imageeditor { @@ -153,3 +153,8 @@ } } + + +@mixin kendo-image-editor--layout() { + @include kendo-image-editor--layout-base(); +} diff --git a/packages/default/scss/imageeditor/_theme.scss b/packages/default/scss/imageeditor/_theme.scss index 855acedc919..bb6bc23c6d6 100644 --- a/packages/default/scss/imageeditor/_theme.scss +++ b/packages/default/scss/imageeditor/_theme.scss @@ -1,4 +1,4 @@ -@include exports("imageeditor/theme") { +@mixin kendo-image-editor--theme-base() { // Image Editor .k-imageeditor { @@ -49,3 +49,8 @@ } } + + +@mixin kendo-image-editor--theme() { + @include kendo-image-editor--theme-base(); +} diff --git a/packages/default/scss/index.scss b/packages/default/scss/index.scss index 8516b2946d4..ec4d686dcf5 100644 --- a/packages/default/scss/index.scss +++ b/packages/default/scss/index.scss @@ -158,3 +158,172 @@ @import "./map/_index.scss"; @import "./orgchart/_index.scss"; @import "./signature/_index.scss"; + + +// Configuration +@mixin kendo-theme--config( $config: null ) { +} + + +// Styles +@mixin kendo-theme--styles() { + // Core + @include kendo-core--styles(); + + // Color system + + // Typography and utils + @include kendo-typography--styles(); + @include kendo-utils--styles(); + + + // Generic content + @include kendo-icon--styles(); + @include kendo-messagebox--styles(); + + + // Primitive components + @include kendo-actions--styles(); + @include kendo-list--styles(); + @include kendo-listgroup--styles(); + @include kendo-overlay--styles(); + @include kendo-popup--styles(); + @include kendo-ripple--styles(); + @include kendo-table--styles(); + @include kendo-virtual-scroller--styles(); + + + // Indicators + @include kendo-avatar--styles(); + @include kendo-badge--styles(); + @include kendo-chip--styles(); + @include kendo-color-preview--styles(); + @include kendo-loader--styles(); + @include kendo-skeleton--styles(); + @include kendo-tooltip--styles(); + + + // Form helpers + @include kendo-form--styles(); + @include kendo-validator--styles(); + @include kendo-floating-label--styles(); + + + // Native forms + @include kendo-button--styles(); + @include kendo-split-button--styles(); + @include kendo-menu-button--styles(); + @include kendo-input--styles(); + @include kendo-textbox--styles(); + @include kendo-textarea--styles(); + @include kendo-checkbox--styles(); + @include kendo-listbox--styles(); + @include kendo-progressbar--styles(); + @include kendo-radio--styles(); + @include kendo-slider--styles(); + + + // Form requirements + @include kendo-calendar--styles(); + @include kendo-time-selector--styles(); + + + // Augmented forms + @include kendo-autocomplete--styles(); + @include kendo-captcha--styles(); + @include kendo-color-palette--styles(); + @include kendo-color-gradient--styles(); + @include kendo-color-editor--styles(); + @include kendo-color-picker--styles(); + @include kendo-combobox--styles(); + @include kendo-date-input--styles(); + @include kendo-date-picker--styles(); + @include kendo-time-picker--styles(); + @include kendo-time-duration-picker--styles(); + @include kendo-date-time-picker--styles(); + @include kendo-date-range-picker--styles(); + @include kendo-dropdown-grid--styles(); + @include kendo-dropdown-list--styles(); + @include kendo-dropdown-tree--styles(); + @include kendo-masked-textbox--styles(); + @include kendo-multiselect--styles(); + @include kendo-numeric-textbox--styles(); + @include kendo-rating--styles(); + @include kendo-searchbox--styles(); + @include kendo-switch--styles(); + @include kendo-upload--styles(); + @include kendo-dropzone--styles(); + + + // Command interfaces + @include kendo-appbar--styles(); + @include kendo-fab--styles(); + @include kendo-menu--styles(); + @include kendo-toolbar--styles(); + + + // Popups and modals + @include kendo-window--styles(); + @include kendo-action-sheet--styles(); + @include kendo-dialog--styles(); + @include kendo-drawer--styles(); + @include kendo-notification--styles(); + @include kendo-popover--styles(); + @include kendo-responsive-panel--styles(); + + + // Navigation + @include kendo-bottom-navigation--styles(); + @include kendo-breadcrumb--styles(); + @include kendo-pager--styles(); + @include kendo-stepper--styles(); + @include kendo-tabstrip--styles(); + @include kendo-treeview--styles(); + @include kendo-wizard--styles(); + + + // Layout & containers + @include kendo-card--styles(); + @include kendo-expander--styles(); + @include kendo-panelbar--styles(); + @include kendo-splitter--styles(); + @include kendo-tile-layout--styles(); + + + // Data management + @include kendo-grid--styles(); + @include kendo-listview--styles(); + @include kendo-spreadsheet--styles(); + @include kendo-pivotgrid--styles(); + @include kendo-treelist--styles(); + @include kendo-filter--styles(); + @include kendo-file-manager--styles(); + @include kendo-task-board--styles(); + + + // Editors + @include kendo-editor--styles(); + @include kendo-image-editor--styles(); + + + // Scheduling + @include kendo-gantt--styles(); + @include kendo-scheduler--styles(); + + + // Misc + @include kendo-adaptive--styles(); + @include kendo-chat--styles(); + @include kendo-media-player--styles(); + @include kendo-timeline--styles(); + @include kendo-pdf-viewer--styles(); + @include kendo-scroller--styles(); + @include kendo-scrollview--styles(); + + + // Dataviz + @include kendo-dataviz--styles(); + @include kendo-map--styles(); + @include kendo-orgchart--styles(); + @include kendo-signature--styles(); +} diff --git a/packages/default/scss/input/_index.scss b/packages/default/scss/input/_index.scss index 4af426a3208..4efa1e3f56f 100644 --- a/packages/default/scss/input/_index.scss +++ b/packages/default/scss/input/_index.scss @@ -21,3 +21,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-input--styles() { + @include module-render( "input" ) { + @include kendo-input--layout(); + @include kendo-input--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-input--styles(); +} diff --git a/packages/default/scss/input/_layout.scss b/packages/default/scss/input/_layout.scss index 910a3e63081..5c1bd5315df 100644 --- a/packages/default/scss/input/_layout.scss +++ b/packages/default/scss/input/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "input/layout" ) { +@mixin kendo-input--layout-base() { // Generic input .k-input, @@ -466,12 +466,7 @@ } -} - - - -@include exports("input/layout/autofill-fix") { // This is needed for the textbox container to capture browser autofill @keyframes autoFillStart { @@ -500,3 +495,8 @@ } } + + +@mixin kendo-input--layout() { + @include kendo-input--layout-base(); +} diff --git a/packages/default/scss/input/_theme.scss b/packages/default/scss/input/_theme.scss index 8b04f408410..5926e01eaaa 100644 --- a/packages/default/scss/input/_theme.scss +++ b/packages/default/scss/input/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "input/theme" ) { +@mixin kendo-input--theme-base() { // Solid input .k-input-solid { @@ -469,3 +469,8 @@ } } + + +@mixin kendo-input--theme() { + @include kendo-input--theme-base(); +} diff --git a/packages/default/scss/list/_index.scss b/packages/default/scss/list/_index.scss index 105dbb70fed..95d3a8a8619 100644 --- a/packages/default/scss/list/_index.scss +++ b/packages/default/scss/list/_index.scss @@ -21,3 +21,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-list--styles() { + @include module-render( "list" ) { + @include kendo-list--layout(); + @include kendo-list--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-list--styles(); +} diff --git a/packages/default/scss/list/_layout.scss b/packages/default/scss/list/_layout.scss index 43f4fe86b19..43827ee386f 100644 --- a/packages/default/scss/list/_layout.scss +++ b/packages/default/scss/list/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "list/layout" ) { +@mixin kendo-list--layout-base() { // List container .k-list-container { @@ -255,3 +255,8 @@ } } + + +@mixin kendo-list--layout() { + @include kendo-list--layout-base(); +} diff --git a/packages/default/scss/list/_theme.scss b/packages/default/scss/list/_theme.scss index 0bd40dd3885..31f135bc80d 100644 --- a/packages/default/scss/list/_theme.scss +++ b/packages/default/scss/list/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "list/theme" ) { +@mixin kendo-list--theme-base() { // List .k-list { @@ -89,3 +89,8 @@ } } + + +@mixin kendo-list--theme() { + @include kendo-list--theme-base(); +} diff --git a/packages/default/scss/listbox/_index.scss b/packages/default/scss/listbox/_index.scss index e4bf1cfd71d..72401343d62 100644 --- a/packages/default/scss/listbox/_index.scss +++ b/packages/default/scss/listbox/_index.scss @@ -27,3 +27,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-listbox--styles() { + @include module-render( "listbox" ) { + @include kendo-listbox--layout(); + @include kendo-listbox--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-listbox--styles(); +} diff --git a/packages/default/scss/listbox/_layout.scss b/packages/default/scss/listbox/_layout.scss index f03e2455bcb..97e96b1a649 100644 --- a/packages/default/scss/listbox/_layout.scss +++ b/packages/default/scss/listbox/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "listbox/layout" ) { +@mixin kendo-listbox--layout-base() { .k-listbox { width: $kendo-listbox-width; @@ -90,3 +90,8 @@ } } + + +@mixin kendo-listbox--layout() { + @include kendo-listbox--layout-base(); +} diff --git a/packages/default/scss/listbox/_theme.scss b/packages/default/scss/listbox/_theme.scss index 212f5e8399e..f01767622f3 100644 --- a/packages/default/scss/listbox/_theme.scss +++ b/packages/default/scss/listbox/_theme.scss @@ -1,5 +1,6 @@ -@include exports("listbox/theme") { +@mixin kendo-listbox--theme-base() { + // Listbox .k-listbox { .k-list-scroller { @include fill( @@ -14,3 +15,8 @@ } } + + +@mixin kendo-listbox--theme() { + @include kendo-listbox--theme-base(); +} diff --git a/packages/default/scss/listgroup/_index.scss b/packages/default/scss/listgroup/_index.scss index ff61bcdf110..e287ad5fd41 100644 --- a/packages/default/scss/listgroup/_index.scss +++ b/packages/default/scss/listgroup/_index.scss @@ -20,3 +20,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-listgroup--styles() { + @include module-render( "listgroup" ) { + @include kendo-listgroup--layout(); + @include kendo-listgroup--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-listgroup--styles(); +} diff --git a/packages/default/scss/listgroup/_layout.scss b/packages/default/scss/listgroup/_layout.scss index b1f213a88db..2fbbf425fb3 100644 --- a/packages/default/scss/listgroup/_layout.scss +++ b/packages/default/scss/listgroup/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "listgroup/layout" ) { +@mixin kendo-listgroup--layout-base() { .k-listgroup { @include border-radius( $kendo-listgroup-border-radius ); @@ -144,11 +144,6 @@ margin: 0; } -} - - - -@include exports( "listgroup/layout/rtl" ) { [dir="rtl"] { @@ -188,13 +183,8 @@ } } -} - - - - -@include exports( "listgroup/layout/noflexbox" ) { + // No flexbox fix .k-noflexbox { .k-listgroup, .k-listgroup > ul @@ -205,3 +195,8 @@ } } + + +@mixin kendo-listgroup--layout() { + @include kendo-listgroup--layout-base(); +} diff --git a/packages/default/scss/listgroup/_theme.scss b/packages/default/scss/listgroup/_theme.scss index 7f7f7a5cf1d..cea229c4fbd 100644 --- a/packages/default/scss/listgroup/_theme.scss +++ b/packages/default/scss/listgroup/_theme.scss @@ -1,5 +1,6 @@ -@include exports( "listgroup/theme" ) { +@mixin kendo-listgroup--theme-base() { + // Listgroup .k-listgroup { @include fill( $kendo-listgroup-text, @@ -9,3 +10,8 @@ } } + + +@mixin kendo-listgroup--theme() { + @include kendo-listgroup--theme-base(); +} diff --git a/packages/default/scss/listview/_index.scss b/packages/default/scss/listview/_index.scss index 6e10bd1332b..391e9600282 100644 --- a/packages/default/scss/listview/_index.scss +++ b/packages/default/scss/listview/_index.scss @@ -25,3 +25,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-listview--styles() { + @include module-render( "listview" ) { + @include kendo-listview--layout(); + @include kendo-listview--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-listview--styles(); +} diff --git a/packages/default/scss/listview/_layout.scss b/packages/default/scss/listview/_layout.scss index 2a7ed40f59b..db71057714d 100644 --- a/packages/default/scss/listview/_layout.scss +++ b/packages/default/scss/listview/_layout.scss @@ -1,5 +1,6 @@ -@include exports( "listview/layout" ) { +@mixin kendo-listview--layout-base() { + // Listview .k-listview { margin: 0; padding: 0; @@ -135,3 +136,8 @@ } } + + +@mixin kendo-listview--layout() { + @include kendo-listview--layout-base(); +} diff --git a/packages/default/scss/listview/_theme.scss b/packages/default/scss/listview/_theme.scss index 1f2ba48d57b..0b8ffc5923d 100644 --- a/packages/default/scss/listview/_theme.scss +++ b/packages/default/scss/listview/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "listview/theme" ) { +@mixin kendo-listview--theme-base() { // Listview .k-listview { @@ -38,3 +38,8 @@ } } + + +@mixin kendo-listview--theme() { + @include kendo-listview--theme-base(); +} diff --git a/packages/default/scss/loader/_index.scss b/packages/default/scss/loader/_index.scss index e2a92604e2d..33dbf22864d 100644 --- a/packages/default/scss/loader/_index.scss +++ b/packages/default/scss/loader/_index.scss @@ -20,3 +20,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-loader--styles() { + @include module-render( "loader" ) { + @include kendo-loader--layout(); + @include kendo-loader--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-loader--styles(); +} diff --git a/packages/default/scss/loader/_layout.scss b/packages/default/scss/loader/_layout.scss index fa1bc6bd4a5..791e057dc1a 100644 --- a/packages/default/scss/loader/_layout.scss +++ b/packages/default/scss/loader/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "loader/layout" ) { +@mixin kendo-loader--layout-base() { .k-loader { position: relative; @@ -49,14 +49,10 @@ } } -} - - -@include exports( "loader/pulsing/2" ) { - // Animation + // Loader pulsing 2 @keyframes pulsing-2-segment { 0% { transform: scale(1); } 50% { transform: scale(1.5); } @@ -106,14 +102,10 @@ } } -} - -@include exports( "loader/spinner/3" ) { - - // Animation + // Loader spinner 3 @keyframes spinner-3-segment { 0% { top: 0; @@ -192,14 +184,10 @@ } } -} - - -@include exports( "loader/spinner/4" ) { - // Animation + // Loader spinner 4 @keyframes spinner-4-segment-1 { 0% { top: 50%; @@ -366,13 +354,11 @@ } } } -} - -@include exports( "loader-container/layout" ) { + // Loader container .k-loader-container { display: flex; align-items: center; @@ -458,13 +444,9 @@ } } -} - -@include exports( "loader/from-common" ) { - // Loading mask .k-loading-mask, .k-loading-image, @@ -599,3 +581,8 @@ } } + + +@mixin kendo-loader--layout() { + @include kendo-loader--layout-base(); +} diff --git a/packages/default/scss/loader/_theme.scss b/packages/default/scss/loader/_theme.scss index cf97daee151..32c3885cb7c 100644 --- a/packages/default/scss/loader/_theme.scss +++ b/packages/default/scss/loader/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "loader/theme" ) { +@mixin kendo-loader--theme-base() { @each $name, $color in $kendo-theme-colors { .k-loader-#{$name} { @@ -25,3 +25,8 @@ } } + + +@mixin kendo-loader--theme() { + @include kendo-loader--theme-base(); +} diff --git a/packages/default/scss/map/_index.scss b/packages/default/scss/map/_index.scss index 2940b99b5c3..af682671f2c 100644 --- a/packages/default/scss/map/_index.scss +++ b/packages/default/scss/map/_index.scss @@ -24,6 +24,23 @@ $_kendo-module-meta: ( // Component @import "./_variables.scss"; -@import "./images/markers.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-map--styles() { + @include module-render( "map" ) { + @include kendo-map--layout(); + @include kendo-map--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-map--styles(); +} diff --git a/packages/default/scss/map/_layout.scss b/packages/default/scss/map/_layout.scss index a093c406fb4..b897d2cd57a 100644 --- a/packages/default/scss/map/_layout.scss +++ b/packages/default/scss/map/_layout.scss @@ -1,6 +1,6 @@ -@include exports("map/layout") { +@mixin kendo-map--layout-base() { - // Layout + // Map .k-map { height: 600px; box-sizing: border-box; @@ -132,3 +132,8 @@ } } + + +@mixin kendo-map--layout() { + @include kendo-map--layout-base(); +} diff --git a/packages/default/scss/map/_theme.scss b/packages/default/scss/map/_theme.scss index 8aa1a563cb6..1a9a9f321f3 100644 --- a/packages/default/scss/map/_theme.scss +++ b/packages/default/scss/map/_theme.scss @@ -1,5 +1,6 @@ -@include exports("map/theme") { +@mixin kendo-map--theme-base() { + // Map theme .k-map { @include fill( $kendo-map-text, @@ -27,3 +28,8 @@ } } + + +@mixin kendo-map--theme() { + @include kendo-map--theme-base(); +} diff --git a/packages/default/scss/map/_variables.scss b/packages/default/scss/map/_variables.scss index 40e412ec608..8c82352dda9 100644 --- a/packages/default/scss/map/_variables.scss +++ b/packages/default/scss/map/_variables.scss @@ -1,3 +1,6 @@ +@import "./images/markers.scss"; + + // Map $kendo-map-border-width: 0px !default; diff --git a/packages/default/scss/maskedtextbox/_index.scss b/packages/default/scss/maskedtextbox/_index.scss index 63271f62866..13995ba048a 100644 --- a/packages/default/scss/maskedtextbox/_index.scss +++ b/packages/default/scss/maskedtextbox/_index.scss @@ -23,3 +23,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-masked-textbox--styles() { + @include module-render( "masked-textbox" ) { + @include kendo-masked-textbox--layout(); + @include kendo-masked-textbox--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-masked-textbox--styles(); +} diff --git a/packages/default/scss/maskedtextbox/_layout.scss b/packages/default/scss/maskedtextbox/_layout.scss index b97736bb56b..ebfbe693489 100644 --- a/packages/default/scss/maskedtextbox/_layout.scss +++ b/packages/default/scss/maskedtextbox/_layout.scss @@ -1,6 +1,11 @@ -@include exports( "maskedtextbox/layout" ) { +@mixin kendo-masked-textbox--layout-base() { // Masked textbox .k-maskedtextbox {} } + + +@mixin kendo-masked-textbox--layout() { + @include kendo-masked-textbox--layout-base(); +} diff --git a/packages/default/scss/maskedtextbox/_theme.scss b/packages/default/scss/maskedtextbox/_theme.scss index 8e9f5da9116..a76f3534844 100644 --- a/packages/default/scss/maskedtextbox/_theme.scss +++ b/packages/default/scss/maskedtextbox/_theme.scss @@ -1,6 +1,11 @@ -@include exports( "maskedtextbox/theme" ) { +@mixin kendo-masked-textbox--theme-base() { // Masked textbox .k-maskedtextbox {} } + + +@mixin kendo-masked-textbox--theme() { + @include kendo-masked-textbox--theme-base(); +} diff --git a/packages/default/scss/mediaplayer/_index.scss b/packages/default/scss/mediaplayer/_index.scss index de236289404..28d7cb1925d 100644 --- a/packages/default/scss/mediaplayer/_index.scss +++ b/packages/default/scss/mediaplayer/_index.scss @@ -24,3 +24,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-media-player--styles() { + @include module-render( "media-player" ) { + @include kendo-media-player--layout(); + @include kendo-media-player--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-media-player--styles(); +} diff --git a/packages/default/scss/mediaplayer/_layout.scss b/packages/default/scss/mediaplayer/_layout.scss index 4f105d16bf0..e28c416ffb2 100644 --- a/packages/default/scss/mediaplayer/_layout.scss +++ b/packages/default/scss/mediaplayer/_layout.scss @@ -1,4 +1,4 @@ -@include exports("mediaplayer/layout") { +@mixin kendo-media-player--layout-base() { // Base .k-mediaplayer { @@ -105,3 +105,8 @@ } } + + +@mixin kendo-media-player--layout() { + @include kendo-media-player--layout-base(); +} diff --git a/packages/default/scss/mediaplayer/_theme.scss b/packages/default/scss/mediaplayer/_theme.scss index 496753b6fa0..716b8eabd49 100644 --- a/packages/default/scss/mediaplayer/_theme.scss +++ b/packages/default/scss/mediaplayer/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "mediaplayer/theme" ) { +@mixin kendo-media-player--theme-base() { // Theme .k-mediaplayer { @@ -18,3 +18,8 @@ } } + + +@mixin kendo-media-player--theme() { + @include kendo-media-player--theme-base(); +} diff --git a/packages/default/scss/menu-button/_index.scss b/packages/default/scss/menu-button/_index.scss index e45c8a24190..75d508b6b1f 100644 --- a/packages/default/scss/menu-button/_index.scss +++ b/packages/default/scss/menu-button/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-menu-button--styles() { + @include module-render( "menu-button" ) { + @include kendo-menu-button--layout(); + @include kendo-menu-button--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-menu-button--styles(); +} diff --git a/packages/default/scss/menu-button/_layout.scss b/packages/default/scss/menu-button/_layout.scss index 19b1168c91a..64d25daa53f 100644 --- a/packages/default/scss/menu-button/_layout.scss +++ b/packages/default/scss/menu-button/_layout.scss @@ -1,4 +1,4 @@ -@include exports("menu-button/layout") { +@mixin kendo-menu-button--layout-base() { // Menu button .k-menu-button, @@ -27,3 +27,8 @@ } } + + +@mixin kendo-menu-button--layout() { + @include kendo-menu-button--layout-base(); +} diff --git a/packages/default/scss/menu-button/_theme.scss b/packages/default/scss/menu-button/_theme.scss index c6467693f24..b8f4b97bea6 100644 --- a/packages/default/scss/menu-button/_theme.scss +++ b/packages/default/scss/menu-button/_theme.scss @@ -1 +1,11 @@ -@include exports("menu-button/theme") { } +@mixin kendo-menu-button--theme-base() { + + // Menu button + .k-menu-button {} + +} + + +@mixin kendo-menu-button--theme() { + @include kendo-menu-button--theme-base(); +} diff --git a/packages/default/scss/menu/_index.scss b/packages/default/scss/menu/_index.scss index acec534f5df..a3da7335e54 100644 --- a/packages/default/scss/menu/_index.scss +++ b/packages/default/scss/menu/_index.scss @@ -26,3 +26,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-menu--styles() { + @include module-render( "menu" ) { + @include kendo-menu--layout(); + @include kendo-menu--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-menu--styles(); +} diff --git a/packages/default/scss/menu/_layout.scss b/packages/default/scss/menu/_layout.scss index 7de264a8d9c..f7796eef6c6 100644 --- a/packages/default/scss/menu/_layout.scss +++ b/packages/default/scss/menu/_layout.scss @@ -1,4 +1,4 @@ -@include exports("menu/layout") { +@mixin kendo-menu--layout-base() { // Menu bar .k-menu-bar { @@ -374,3 +374,8 @@ } } + + +@mixin kendo-menu--layout() { + @include kendo-menu--layout-base(); +} diff --git a/packages/default/scss/menu/_theme.scss b/packages/default/scss/menu/_theme.scss index 5393861196b..d9914db38f0 100644 --- a/packages/default/scss/menu/_theme.scss +++ b/packages/default/scss/menu/_theme.scss @@ -1,4 +1,4 @@ -@include exports("menu/theme") { +@mixin kendo-menu--theme-base() { .k-menu:not(.k-context-menu) { @include fill( @@ -114,3 +114,8 @@ } } } + + +@mixin kendo-menu--theme() { + @include kendo-menu--theme-base(); +} diff --git a/packages/default/scss/messagebox/_index.scss b/packages/default/scss/messagebox/_index.scss index d28c2d56d81..386cccadfee 100644 --- a/packages/default/scss/messagebox/_index.scss +++ b/packages/default/scss/messagebox/_index.scss @@ -20,3 +20,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-messagebox--styles() { + @include module-render( "messagebox" ) { + @include kendo-messagebox--layout(); + @include kendo-messagebox--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-messagebox--styles(); +} diff --git a/packages/default/scss/messagebox/_layout.scss b/packages/default/scss/messagebox/_layout.scss index 62a9d1c7816..52d7d427c91 100644 --- a/packages/default/scss/messagebox/_layout.scss +++ b/packages/default/scss/messagebox/_layout.scss @@ -1,4 +1,4 @@ -@include exports("messagebox/layout") { +@mixin kendo-messagebox--layout-base() { // Base .k-messagebox { @@ -19,3 +19,8 @@ } } + + +@mixin kendo-messagebox--layout() { + @include kendo-messagebox--layout-base(); +} diff --git a/packages/default/scss/messagebox/_theme.scss b/packages/default/scss/messagebox/_theme.scss index b3e68029002..6ec4e7fd6a2 100644 --- a/packages/default/scss/messagebox/_theme.scss +++ b/packages/default/scss/messagebox/_theme.scss @@ -1,4 +1,4 @@ -@include exports("messagebox/theme") { +@mixin kendo-messagebox--theme-base() { @each $color-name, $color in $kendo-theme-colors { .k-messagebox-#{$color-name} { @@ -11,3 +11,8 @@ } } + + +@mixin kendo-messagebox--theme() { + @include kendo-messagebox--theme-base(); +} diff --git a/packages/default/scss/multiselect/_index.scss b/packages/default/scss/multiselect/_index.scss index adba81c8005..44c0e3f4a88 100644 --- a/packages/default/scss/multiselect/_index.scss +++ b/packages/default/scss/multiselect/_index.scss @@ -31,3 +31,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-multiselect--styles() { + @include module-render( "multiselect" ) { + @include kendo-multiselect--layout(); + @include kendo-multiselect--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-multiselect--styles(); +} diff --git a/packages/default/scss/multiselect/_layout.scss b/packages/default/scss/multiselect/_layout.scss index d9b939b13ac..0e8b506a1ae 100644 --- a/packages/default/scss/multiselect/_layout.scss +++ b/packages/default/scss/multiselect/_layout.scss @@ -1,6 +1,11 @@ -@include exports( "multiselect/layout" ) { +@mixin kendo-multiselect--layout-base() { // Multiselect .k-multiselect {} } + + +@mixin kendo-multiselect--layout() { + @include kendo-multiselect--layout-base(); +} diff --git a/packages/default/scss/multiselect/_theme.scss b/packages/default/scss/multiselect/_theme.scss index 301d844cc3a..7c90de4106d 100644 --- a/packages/default/scss/multiselect/_theme.scss +++ b/packages/default/scss/multiselect/_theme.scss @@ -1,6 +1,11 @@ -@include exports( "multiselect/theme" ) { +@mixin kendo-multiselect--theme-base() { // Multiselect .k-multiselect {} } + + +@mixin kendo-multiselect--theme() { + @include kendo-multiselect--theme-base(); +} diff --git a/packages/default/scss/notification/_index.scss b/packages/default/scss/notification/_index.scss index af4ded8fdad..f0aafe3441f 100644 --- a/packages/default/scss/notification/_index.scss +++ b/packages/default/scss/notification/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-notification--styles() { + @include module-render( "notification" ) { + @include kendo-notification--layout(); + @include kendo-notification--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-notification--styles(); +} diff --git a/packages/default/scss/notification/_layout.scss b/packages/default/scss/notification/_layout.scss index 9d0bee1f927..d9d46d4e914 100644 --- a/packages/default/scss/notification/_layout.scss +++ b/packages/default/scss/notification/_layout.scss @@ -1,4 +1,4 @@ -@include exports("notification/layout") { +@mixin kendo-notification--layout-base() { // Base .k-notification-group { @@ -69,3 +69,8 @@ } } + + +@mixin kendo-notification--layout() { + @include kendo-notification--layout-base(); +} diff --git a/packages/default/scss/notification/_theme.scss b/packages/default/scss/notification/_theme.scss index 6e196eda90d..633d57d4f5e 100644 --- a/packages/default/scss/notification/_theme.scss +++ b/packages/default/scss/notification/_theme.scss @@ -1,4 +1,4 @@ -@include exports("notification/theme") { +@mixin kendo-notification--theme-base() { // Theme .k-notification { @@ -21,3 +21,8 @@ } } + + +@mixin kendo-notification--theme() { + @include kendo-notification--theme-base(); +} diff --git a/packages/default/scss/numerictextbox/_index.scss b/packages/default/scss/numerictextbox/_index.scss index 065e4a5fc41..bc346242fc1 100644 --- a/packages/default/scss/numerictextbox/_index.scss +++ b/packages/default/scss/numerictextbox/_index.scss @@ -23,3 +23,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-numeric-textbox--styles() { + @include module-render( "numeric-textbox" ) { + @include kendo-numeric-textbox--layout(); + @include kendo-numeric-textbox--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-numeric-textbox--styles(); +} diff --git a/packages/default/scss/numerictextbox/_layout.scss b/packages/default/scss/numerictextbox/_layout.scss index 44258e5f0db..20de66bd45e 100644 --- a/packages/default/scss/numerictextbox/_layout.scss +++ b/packages/default/scss/numerictextbox/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "numerictextbox/layout" ) { +@mixin kendo-numeric-textbox--layout-base() { // Numeric textbox .k-numeric-textbox {} @@ -8,3 +8,8 @@ .k-numerictextbox { @extend .k-numeric-textbox !optional; } } + + +@mixin kendo-numeric-textbox--layout() { + @include kendo-numeric-textbox--layout-base(); +} diff --git a/packages/default/scss/numerictextbox/_theme.scss b/packages/default/scss/numerictextbox/_theme.scss index 0162c720352..573910390a9 100644 --- a/packages/default/scss/numerictextbox/_theme.scss +++ b/packages/default/scss/numerictextbox/_theme.scss @@ -1,6 +1,11 @@ -@include exports( "numerictextbox/theme" ) { +@mixin kendo-numeric-textbox--theme-base() { // Numeric textbox .k-numeric-textbox {} } + + +@mixin kendo-numeric-textbox--theme() { + @include kendo-numeric-textbox--theme-base(); +} diff --git a/packages/default/scss/orgchart/_index.scss b/packages/default/scss/orgchart/_index.scss index c8e3b1187c9..24f4bd13e0b 100644 --- a/packages/default/scss/orgchart/_index.scss +++ b/packages/default/scss/orgchart/_index.scss @@ -35,3 +35,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-orgchart--styles() { + @include module-render( "orgchart" ) { + @include kendo-orgchart--layout(); + @include kendo-orgchart--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-orgchart--styles(); +} diff --git a/packages/default/scss/orgchart/_layout.scss b/packages/default/scss/orgchart/_layout.scss index 6242bbe9cc4..edffd97d8ea 100644 --- a/packages/default/scss/orgchart/_layout.scss +++ b/packages/default/scss/orgchart/_layout.scss @@ -1,4 +1,4 @@ -@include exports("orgchart/layout") { +@mixin kendo-orgchart--layout-base() { // OrgChart .k-orgchart { @@ -107,3 +107,8 @@ z-index: 1; } } + + +@mixin kendo-orgchart--layout() { + @include kendo-orgchart--layout-base(); +} diff --git a/packages/default/scss/orgchart/_theme.scss b/packages/default/scss/orgchart/_theme.scss index e2016a3f759..d4f1e251ed5 100644 --- a/packages/default/scss/orgchart/_theme.scss +++ b/packages/default/scss/orgchart/_theme.scss @@ -1,4 +1,4 @@ -@include exports("orgchart/theme") { +@mixin kendo-orgchart--theme-base() { // OrgChart .k-orgchart { @@ -48,3 +48,8 @@ } } + + +@mixin kendo-orgchart--theme() { + @include kendo-orgchart--theme-base(); +} diff --git a/packages/default/scss/overlay/_index.scss b/packages/default/scss/overlay/_index.scss index efc04227f1b..574836cc845 100644 --- a/packages/default/scss/overlay/_index.scss +++ b/packages/default/scss/overlay/_index.scss @@ -16,3 +16,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-overlay--styles() { + @include module-render( "overlay" ) { + @include kendo-overlay--layout(); + @include kendo-overlay--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-overlay--styles(); +} diff --git a/packages/default/scss/overlay/_layout.scss b/packages/default/scss/overlay/_layout.scss index 01d2921f264..a12c4cbb866 100644 --- a/packages/default/scss/overlay/_layout.scss +++ b/packages/default/scss/overlay/_layout.scss @@ -1,4 +1,4 @@ -@include exports("overlay/layout") { +@mixin kendo-overlay--layout-base() { // Overlay .k-overlay { @@ -12,3 +12,8 @@ } } + + +@mixin kendo-overlay--layout() { + @include kendo-overlay--layout-base(); +} diff --git a/packages/default/scss/overlay/_theme.scss b/packages/default/scss/overlay/_theme.scss index d3e309e5aa2..051dd232a55 100644 --- a/packages/default/scss/overlay/_theme.scss +++ b/packages/default/scss/overlay/_theme.scss @@ -1,4 +1,4 @@ -@include exports("overlay/theme") { +@mixin kendo-overlay--theme-base() { // Overlay .k-overlay { @@ -13,3 +13,8 @@ } } + + +@mixin kendo-overlay--theme() { + @include kendo-overlay--theme-base(); +} diff --git a/packages/default/scss/pager/_index.scss b/packages/default/scss/pager/_index.scss index 767a2d14a89..b3e3d244dd6 100644 --- a/packages/default/scss/pager/_index.scss +++ b/packages/default/scss/pager/_index.scss @@ -24,3 +24,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-pager--styles() { + @include module-render( "pager" ) { + @include kendo-pager--layout(); + @include kendo-pager--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-pager--styles(); +} diff --git a/packages/default/scss/pager/_layout.scss b/packages/default/scss/pager/_layout.scss index b5d659af268..d40f64a1122 100644 --- a/packages/default/scss/pager/_layout.scss +++ b/packages/default/scss/pager/_layout.scss @@ -1,4 +1,4 @@ -@include exports("pager/layout") { +@mixin kendo-pager--layout-base() { .k-pager { padding: 0; @@ -235,3 +235,8 @@ } } + + +@mixin kendo-pager--layout() { + @include kendo-pager--layout-base(); +} diff --git a/packages/default/scss/pager/_theme.scss b/packages/default/scss/pager/_theme.scss index 5548fd73836..aab9ca8d9ed 100644 --- a/packages/default/scss/pager/_theme.scss +++ b/packages/default/scss/pager/_theme.scss @@ -1,5 +1,6 @@ -@include exports("pager/theme") { +@mixin kendo-pager--theme-base() { + // Pager .k-pager { @include fill( $kendo-pager-text, @@ -15,3 +16,8 @@ } } + + +@mixin kendo-pager--theme() { + @include kendo-pager--theme-base(); +} diff --git a/packages/default/scss/panelbar/_index.scss b/packages/default/scss/panelbar/_index.scss index 60c290f707e..1a86be6fafc 100644 --- a/packages/default/scss/panelbar/_index.scss +++ b/packages/default/scss/panelbar/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-panelbar--styles() { + @include module-render( "panelbar" ) { + @include kendo-panelbar--layout(); + @include kendo-panelbar--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-panelbar--styles(); +} diff --git a/packages/default/scss/panelbar/_layout.scss b/packages/default/scss/panelbar/_layout.scss index 5f5051b33e4..86db7311e6d 100644 --- a/packages/default/scss/panelbar/_layout.scss +++ b/packages/default/scss/panelbar/_layout.scss @@ -1,4 +1,4 @@ -@include exports("panelbar/layout") { +@mixin kendo-panelbar--layout-base() { // Base .k-panelbar { @@ -141,3 +141,8 @@ } } + + +@mixin kendo-panelbar--layout() { + @include kendo-panelbar--layout-base(); +} diff --git a/packages/default/scss/panelbar/_theme.scss b/packages/default/scss/panelbar/_theme.scss index 7b56a04ef43..c796e806f98 100644 --- a/packages/default/scss/panelbar/_theme.scss +++ b/packages/default/scss/panelbar/_theme.scss @@ -1,5 +1,6 @@ -@include exports("panelbar/theme") { +@mixin kendo-panelbar--theme-base() { + // Panelbar .k-panelbar { @include fill( $kendo-panelbar-text, @@ -220,3 +221,8 @@ } } + + +@mixin kendo-panelbar--theme() { + @include kendo-panelbar--theme-base(); +} diff --git a/packages/default/scss/pdf-viewer/_index.scss b/packages/default/scss/pdf-viewer/_index.scss index 759c9f0440e..4a00f827c71 100644 --- a/packages/default/scss/pdf-viewer/_index.scss +++ b/packages/default/scss/pdf-viewer/_index.scss @@ -33,3 +33,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-pdf-viewer--styles() { + @include module-render( "pdf-viewer" ) { + @include kendo-pdf-viewer--layout(); + @include kendo-pdf-viewer--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-pdf-viewer--styles(); +} diff --git a/packages/default/scss/pdf-viewer/_layout.scss b/packages/default/scss/pdf-viewer/_layout.scss index 5a55c019d86..7834106ce76 100644 --- a/packages/default/scss/pdf-viewer/_layout.scss +++ b/packages/default/scss/pdf-viewer/_layout.scss @@ -1,5 +1,6 @@ -@include exports("pdf-viewer/layout") { +@mixin kendo-pdf-viewer--layout-base() { + // PDF Viewer .k-pdf-viewer { border-width: $kendo-pdf-viewer-border-width; border-style: solid; @@ -174,3 +175,8 @@ } } + + +@mixin kendo-pdf-viewer--layout() { + @include kendo-pdf-viewer--layout-base(); +} diff --git a/packages/default/scss/pdf-viewer/_theme.scss b/packages/default/scss/pdf-viewer/_theme.scss index 78f3c0bc7ee..24e36a77b5f 100644 --- a/packages/default/scss/pdf-viewer/_theme.scss +++ b/packages/default/scss/pdf-viewer/_theme.scss @@ -1,6 +1,6 @@ -@include exports("pdf-viewer/theme") { - +@mixin kendo-pdf-viewer--theme-base() { + // PDF Viewer .k-pdf-viewer { @include fill( $kendo-pdf-viewer-text, @@ -71,3 +71,8 @@ } } + + +@mixin kendo-pdf-viewer--theme() { + @include kendo-pdf-viewer--theme-base(); +} diff --git a/packages/default/scss/pivotgrid/_index.scss b/packages/default/scss/pivotgrid/_index.scss index 7e8e12e9994..a8fc5bc6bac 100644 --- a/packages/default/scss/pivotgrid/_index.scss +++ b/packages/default/scss/pivotgrid/_index.scss @@ -32,3 +32,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-pivotgrid--styles() { + @include module-render( "pivotgrid" ) { + @include kendo-pivotgrid--layout(); + @include kendo-pivotgrid--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-pivotgrid--styles(); +} diff --git a/packages/default/scss/pivotgrid/_layout.scss b/packages/default/scss/pivotgrid/_layout.scss index 20cc50b4b46..caf59f84532 100644 --- a/packages/default/scss/pivotgrid/_layout.scss +++ b/packages/default/scss/pivotgrid/_layout.scss @@ -1,4 +1,4 @@ -@include exports("pivotgrid/layout") { +@mixin kendo-pivotgrid--layout-base() { // Pivotgrid .k-pivotgrid { @@ -161,13 +161,8 @@ overflow: auto; } -} - - - -@include exports("pivotgrid/layout/configurator") { - // Configurator + // Pivotgrid configurator .k-pivotgrid-configurator { display: flex; } @@ -445,26 +440,9 @@ } } -} - - -@include exports("pivotgrid/layout/rtl") { - - .k-pivotgrid { - .k-rtl &, - &.k-rtl, - [dir="rtl"] &, - &[dir="rtl"] { - - } - } - -} - - -@include exports( "pivotgrid/layout/export" ) { + // Pivotgrid export .k-pdf-export-shadow { .k-pivotgrid { @@ -481,11 +459,10 @@ } } -} - -@include exports("pivotgrid/layout/legacy") { + // Legacy pivotgrid + // TODO: remove .k-pivot { border-width: $kendo-pivotgrid-border-width; border-style: solid; @@ -596,15 +573,9 @@ max-height: 600px; } -} - - - - -@include exports("pivotgrid/configurator/layout/legacy") { - // jquery specific -- old pivot + // TODO: remove .k-pivotgrid-wrapper { box-sizing: border-box; display: flex; @@ -669,3 +640,8 @@ } } + + +@mixin kendo-pivotgrid--layout() { + @include kendo-pivotgrid--layout-base(); +} diff --git a/packages/default/scss/pivotgrid/_theme.scss b/packages/default/scss/pivotgrid/_theme.scss index 226f45ad94b..5a602c3e330 100644 --- a/packages/default/scss/pivotgrid/_theme.scss +++ b/packages/default/scss/pivotgrid/_theme.scss @@ -1,5 +1,6 @@ -@include exports("pivotgrid/theme") { +@mixin kendo-pivotgrid--theme-base() { + // PivotGrid .k-pivotgrid { @include fill ( $kendo-pivotgrid-text, @@ -80,12 +81,8 @@ ); } -} - - - -@include exports("pivotgrid/theme/configurator") { + // Pivotgrid configurator .k-pivotgrid-configurator-button, .k-pivotgrid-configurator-panel { @include fill ( @@ -154,12 +151,10 @@ @include box-shadow( $kendo-pivotgrid-configurator-bottom-shadow ); } } -} - -@include exports("pivotgrid/theme/legacy") { - + // Legacy pivotgrid + // TODO: remove .k-pivot { @include fill ( $kendo-pivotgrid-text, @@ -240,6 +235,11 @@ .k-column-fields { border-color: $kendo-component-border; } - } + +} + + +@mixin kendo-pivotgrid--theme() { + @include kendo-pivotgrid--theme-base(); } diff --git a/packages/default/scss/popover/_index.scss b/packages/default/scss/popover/_index.scss index 2b4a1aeeff4..0f2ae23710a 100644 --- a/packages/default/scss/popover/_index.scss +++ b/packages/default/scss/popover/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-popover--styles() { + @include module-render( "popover" ) { + @include kendo-popover--layout(); + @include kendo-popover--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-popover--styles(); +} diff --git a/packages/default/scss/popover/_layout.scss b/packages/default/scss/popover/_layout.scss index 0992152e0dc..e6859bf475e 100644 --- a/packages/default/scss/popover/_layout.scss +++ b/packages/default/scss/popover/_layout.scss @@ -1,4 +1,4 @@ -@include exports("popover/layout") { +@mixin kendo-popover--layout-base() { // Popover .k-popover { @@ -52,10 +52,8 @@ border-width: $kendo-popover-actions-border-width 0 0; } -} - -@include exports( "popover/layout/callout" ) { + // Popover callout .k-popover-callout { margin: 0; width: $kendo-popover-callout-width; @@ -90,3 +88,8 @@ } } + + +@mixin kendo-popover--layout() { + @include kendo-popover--layout-base(); +} diff --git a/packages/default/scss/popover/_theme.scss b/packages/default/scss/popover/_theme.scss index d1b221e5d49..b8b1e82b00b 100644 --- a/packages/default/scss/popover/_theme.scss +++ b/packages/default/scss/popover/_theme.scss @@ -1,4 +1,4 @@ -@include exports("popover/theme") { +@mixin kendo-popover--theme-base() { // Popover .k-popover { @@ -36,3 +36,8 @@ } } + + +@mixin kendo-popover--theme() { + @include kendo-popover--theme-base(); +} diff --git a/packages/default/scss/popup/_index.scss b/packages/default/scss/popup/_index.scss index 17216fee133..54e91e6d227 100644 --- a/packages/default/scss/popup/_index.scss +++ b/packages/default/scss/popup/_index.scss @@ -17,3 +17,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-popup--styles() { + @include module-render( "popup" ) { + @include kendo-popup--layout(); + @include kendo-popup--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-popup--styles(); +} diff --git a/packages/default/scss/popup/_layout.scss b/packages/default/scss/popup/_layout.scss index 34942e7b755..181db104b33 100644 --- a/packages/default/scss/popup/_layout.scss +++ b/packages/default/scss/popup/_layout.scss @@ -1,4 +1,4 @@ -@include exports("popup/layout") { +@mixin kendo-popup--layout-base() { .k-popup { @include border-radius( $kendo-popup-border-radius ); @@ -48,14 +48,16 @@ .k-popup > .k-coloreditor { border-width: 0; } -} - - -@include exports( "common/decoration/shadow/legacy" ) { + // Legacy shadow .k-shadow { box-shadow: $kendo-popup-shadow; } } + + +@mixin kendo-popup--layout() { + @include kendo-popup--layout-base(); +} diff --git a/packages/default/scss/popup/_theme.scss b/packages/default/scss/popup/_theme.scss index 0baa9e81a04..e9463b31db0 100644 --- a/packages/default/scss/popup/_theme.scss +++ b/packages/default/scss/popup/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "popup/theme" ) { +@mixin kendo-popup--theme-base() { .k-popup { @include fill( @@ -14,3 +14,8 @@ } } + + +@mixin kendo-popup--theme() { + @include kendo-popup--theme-base(); +} diff --git a/packages/default/scss/progressbar/_index.scss b/packages/default/scss/progressbar/_index.scss index 65f3b60f8f6..d1d6b8b489b 100644 --- a/packages/default/scss/progressbar/_index.scss +++ b/packages/default/scss/progressbar/_index.scss @@ -17,3 +17,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-progressbar--styles() { + @include module-render( "progressbar" ) { + @include kendo-progressbar--layout(); + @include kendo-progressbar--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-progressbar--styles(); +} diff --git a/packages/default/scss/progressbar/_layout.scss b/packages/default/scss/progressbar/_layout.scss index 65f00602c4b..c625ea2f9db 100644 --- a/packages/default/scss/progressbar/_layout.scss +++ b/packages/default/scss/progressbar/_layout.scss @@ -1,4 +1,4 @@ -@include exports("progressbar/layout") { +@mixin kendo-progressbar--layout-base() { // Base .k-progressbar { @@ -190,22 +190,15 @@ } } -} - - - - -@include exports("progressbar/layout/rtl") { + // RTL .k-rtl .k-progressbar, .k-progressbar[dir="rtl"] { direction: rtl; } -} - -@include exports("circular-progressbar/layout") { + // Circular progressbar .k-circular-progressbar { display: inline-block; text-align: start; @@ -246,3 +239,8 @@ } } + + +@mixin kendo-progressbar--layout() { + @include kendo-progressbar--layout-base(); +} diff --git a/packages/default/scss/progressbar/_theme.scss b/packages/default/scss/progressbar/_theme.scss index 95c9e2d4c86..1ac1940121b 100644 --- a/packages/default/scss/progressbar/_theme.scss +++ b/packages/default/scss/progressbar/_theme.scss @@ -1,4 +1,4 @@ -@include exports("progressbar/theme") { +@mixin kendo-progressbar--theme-base() { @keyframes kendo-progressbar-indeterminate-animation { from { background-position: 0 0; } @@ -34,10 +34,8 @@ animation: kendo-progressbar-indeterminate-animation $kendo-progressbar-animation-timing; } -} - -@include exports("circular-progressbar/theme") { + // Circular progressbar .k-circular-progressbar-scale { stroke: $kendo-circular-progressbar-scale-stroke; } @@ -48,3 +46,8 @@ } } + + +@mixin kendo-progressbar--theme() { + @include kendo-progressbar--theme-base(); +} diff --git a/packages/default/scss/radio/_index.scss b/packages/default/scss/radio/_index.scss index 9dc1195f189..010cca79fd1 100644 --- a/packages/default/scss/radio/_index.scss +++ b/packages/default/scss/radio/_index.scss @@ -16,3 +16,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-radio--styles() { + @include module-render( "radio" ) { + @include kendo-radio--layout(); + @include kendo-radio--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-radio--styles(); +} diff --git a/packages/default/scss/radio/_layout.scss b/packages/default/scss/radio/_layout.scss index e9589890f9f..cabb7535577 100644 --- a/packages/default/scss/radio/_layout.scss +++ b/packages/default/scss/radio/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "radio/layout" ) { +@mixin kendo-radio--layout-base() { // Radio .k-radio { @@ -209,3 +209,8 @@ } } + + +@mixin kendo-radio--layout() { + @include kendo-radio--layout-base(); +} diff --git a/packages/default/scss/radio/_theme.scss b/packages/default/scss/radio/_theme.scss index 8c20188ac99..1a69fe53cd6 100644 --- a/packages/default/scss/radio/_theme.scss +++ b/packages/default/scss/radio/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "radio/theme" ) { +@mixin kendo-radio--theme-base() { // Radio .k-radio { @@ -86,3 +86,8 @@ } } + + +@mixin kendo-radio--theme() { + @include kendo-radio--theme-base(); +} diff --git a/packages/default/scss/rating/_index.scss b/packages/default/scss/rating/_index.scss index 80bda909d71..b39ab789e37 100644 --- a/packages/default/scss/rating/_index.scss +++ b/packages/default/scss/rating/_index.scss @@ -20,3 +20,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-rating--styles() { + @include module-render( "rating" ) { + @include kendo-rating--layout(); + @include kendo-rating--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-rating--styles(); +} diff --git a/packages/default/scss/rating/_layout.scss b/packages/default/scss/rating/_layout.scss index fec16fe8318..e22e3907a48 100644 --- a/packages/default/scss/rating/_layout.scss +++ b/packages/default/scss/rating/_layout.scss @@ -1,4 +1,4 @@ -@include exports("rating/layout") { +@mixin kendo-rating--layout-base() { .k-rating { margin: 0; @@ -94,4 +94,10 @@ direction: ltr; } } + +} + + +@mixin kendo-rating--layout() { + @include kendo-rating--layout-base(); } diff --git a/packages/default/scss/rating/_theme.scss b/packages/default/scss/rating/_theme.scss index feef2bff3ab..3fb574d696b 100644 --- a/packages/default/scss/rating/_theme.scss +++ b/packages/default/scss/rating/_theme.scss @@ -1,4 +1,4 @@ -@include exports("rating/theme") { +@mixin kendo-rating--theme-base() { .k-rating { color: $kendo-component-text; @@ -42,4 +42,10 @@ cursor: pointer; } } + +} + + +@mixin kendo-rating--theme() { + @include kendo-rating--theme-base(); } diff --git a/packages/default/scss/responsivepanel/_index.scss b/packages/default/scss/responsivepanel/_index.scss index 345334e9a92..567d3a0de3b 100644 --- a/packages/default/scss/responsivepanel/_index.scss +++ b/packages/default/scss/responsivepanel/_index.scss @@ -20,3 +20,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-responsive-panel--styles() { + @include module-render( "responsive-panel" ) { + @include kendo-responsive-panel--layout(); + @include kendo-responsive-panel--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-responsive-panel--styles(); +} diff --git a/packages/default/scss/responsivepanel/_layout.scss b/packages/default/scss/responsivepanel/_layout.scss index d5f464c76e5..21122bc7636 100644 --- a/packages/default/scss/responsivepanel/_layout.scss +++ b/packages/default/scss/responsivepanel/_layout.scss @@ -1,4 +1,4 @@ -@include exports("responsivepanel/layout") { +@mixin kendo-responsive-panel--layout-base() { .k-rpanel {} @@ -47,3 +47,8 @@ } } + + +@mixin kendo-responsive-panel--layout() { + @include kendo-responsive-panel--layout-base(); +} diff --git a/packages/default/scss/responsivepanel/_theme.scss b/packages/default/scss/responsivepanel/_theme.scss index 231353c3c49..f329ecfbe0f 100644 --- a/packages/default/scss/responsivepanel/_theme.scss +++ b/packages/default/scss/responsivepanel/_theme.scss @@ -1,5 +1,10 @@ -@include exports("responsivepanel/theme") { +@mixin kendo-responsive-panel--theme-base() { .k-rpanel {} } + + +@mixin kendo-responsive-panel--theme() { + @include kendo-responsive-panel--theme-base(); +} diff --git a/packages/default/scss/ripple/_index.scss b/packages/default/scss/ripple/_index.scss index 32c2b50d414..2365863bb56 100644 --- a/packages/default/scss/ripple/_index.scss +++ b/packages/default/scss/ripple/_index.scss @@ -17,3 +17,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-ripple--styles() { + @include module-render( "ripple" ) { + @include kendo-ripple--layout(); + @include kendo-ripple--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-ripple--styles(); +} diff --git a/packages/default/scss/ripple/_layout.scss b/packages/default/scss/ripple/_layout.scss index 918177dc06c..5ed0b1eb22f 100644 --- a/packages/default/scss/ripple/_layout.scss +++ b/packages/default/scss/ripple/_layout.scss @@ -1,4 +1,5 @@ -@include exports( "ripple/layout" ) { +@mixin kendo-ripple--layout-base() { + .k-ripple-target { position: relative; } @@ -46,4 +47,10 @@ transform: translate(-50%, -50%) scale(1); } } + +} + + +@mixin kendo-ripple--layout() { + @include kendo-ripple--layout-base(); } diff --git a/packages/default/scss/ripple/_theme.scss b/packages/default/scss/ripple/_theme.scss index 67215c6f74a..1cb200986d5 100644 --- a/packages/default/scss/ripple/_theme.scss +++ b/packages/default/scss/ripple/_theme.scss @@ -1,3 +1,10 @@ -@include exports( "ripple/theme" ) { +@mixin kendo-ripple--theme-base() { + .k-ripple {} + +} + + +@mixin kendo-ripple--theme() { + @include kendo-ripple--theme-base(); } diff --git a/packages/default/scss/scheduler/_index.scss b/packages/default/scss/scheduler/_index.scss index 2a2d1c0e883..7aab0fc22b3 100644 --- a/packages/default/scss/scheduler/_index.scss +++ b/packages/default/scss/scheduler/_index.scss @@ -32,3 +32,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-scheduler--styles() { + @include module-render( "scheduler" ) { + @include kendo-scheduler--layout(); + @include kendo-scheduler--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-scheduler--styles(); +} diff --git a/packages/default/scss/scheduler/_layout.scss b/packages/default/scss/scheduler/_layout.scss index ede94165927..049b2d2e63e 100644 --- a/packages/default/scss/scheduler/_layout.scss +++ b/packages/default/scss/scheduler/_layout.scss @@ -1,5 +1,4 @@ -// TODO: modal variables -@include exports("scheduler/layout") { +@mixin kendo-scheduler--layout-base() { // Layout .k-scheduler { @@ -36,7 +35,7 @@ } } - // Commmon + // Common .k-scheduler-table { width: 100%; max-width: none; @@ -668,13 +667,8 @@ kendo-scheduler .k-recurrence-editor { display: block; } -} - - -@include exports("scheduler-views/layout") { - // Day view .k-scheduler-dayview {} @@ -850,11 +844,9 @@ } } -} - -@include exports("scheduler-tooltip/layout") { + // Scheduler tooltip .k-scheduler-tooltip { padding-block: $kendo-scheduler-tooltip-padding-y; padding-inline: $kendo-scheduler-tooltip-padding-x; @@ -910,11 +902,9 @@ } } -} - -@include exports("scheduler-edit-form/layout") { + // Scheduler edit dialog .k-scheduler-edit-dialog { .k-dialog { max-height: 100vh; @@ -959,13 +949,9 @@ } -} - - -@include exports("scheduler/rtl") { - + // Scheduler rtl .k-rtl { .k-scheduler-header th, .k-scheduler-table td { @@ -1076,12 +1062,6 @@ } } } -} - - - - -@include exports("scheduler/layout/compatibility") { .k-safari { .k-scheduler-tooltip .k-tooltip-event:not(:last-child) { @@ -1095,3 +1075,8 @@ } } + + +@mixin kendo-scheduler--layout() { + @include kendo-scheduler--layout-base(); +} diff --git a/packages/default/scss/scheduler/_theme.scss b/packages/default/scss/scheduler/_theme.scss index ea7140078a4..5aef894c0e2 100644 --- a/packages/default/scss/scheduler/_theme.scss +++ b/packages/default/scss/scheduler/_theme.scss @@ -1,4 +1,4 @@ -@include exports("scheduler/theme") { +@mixin kendo-scheduler--theme-base() { // Appearance .k-scheduler { @@ -152,12 +152,7 @@ } } -} - - - -@include exports("scheduler-views/theme") { // Day view .k-scheduler-dayview {} @@ -231,13 +226,9 @@ } } -} - - -@include exports("scheduler-tooltip/theme") { - + // Scheduler tooltip .k-tooltip.k-scheduler-tooltip { @include fill( $kendo-scheduler-tooltip-text, @@ -251,13 +242,13 @@ } } -} - - + // Scheduler edit form + .k-scheduler-edit-form {} -@include exports("scheduler-edit-form/theme") { +} - .k-scheduler-edit-form {} +@mixin kendo-scheduler--theme() { + @include kendo-scheduler--theme-base(); } diff --git a/packages/default/scss/scroller/_index.scss b/packages/default/scss/scroller/_index.scss index c169b73e0f4..501a5b2ddea 100644 --- a/packages/default/scss/scroller/_index.scss +++ b/packages/default/scss/scroller/_index.scss @@ -20,3 +20,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-scroller--styles() { + @include module-render( "scroller" ) { + @include kendo-scroller--layout(); + @include kendo-scroller--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-scroller--styles(); +} diff --git a/packages/default/scss/scroller/_layout.scss b/packages/default/scss/scroller/_layout.scss index fa179720ab1..4dbeab038a0 100644 --- a/packages/default/scss/scroller/_layout.scss +++ b/packages/default/scss/scroller/_layout.scss @@ -1,4 +1,4 @@ -@include exports("scroller/layout") { +@mixin kendo-scroller--layout-base() { // Layout .km-scrollview, @@ -80,3 +80,8 @@ } } + + +@mixin kendo-scroller--layout() { + @include kendo-scroller--layout-base(); +} diff --git a/packages/default/scss/scroller/_theme.scss b/packages/default/scss/scroller/_theme.scss index 9d1686da172..3114447e122 100644 --- a/packages/default/scss/scroller/_theme.scss +++ b/packages/default/scss/scroller/_theme.scss @@ -1,7 +1,12 @@ -@include exports("scroller/theme") { +@mixin kendo-scroller--theme-base() { .km-touch-scrollbar { background-color: #333333; } } + + +@mixin kendo-scroller--theme() { + @include kendo-scroller--theme-base(); +} diff --git a/packages/default/scss/scrollview/_index.scss b/packages/default/scss/scrollview/_index.scss index 9002f4d08e7..7440f11f040 100644 --- a/packages/default/scss/scrollview/_index.scss +++ b/packages/default/scss/scrollview/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-scrollview--styles() { + @include module-render( "scrollview" ) { + @include kendo-scrollview--layout(); + @include kendo-scrollview--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-scrollview--styles(); +} diff --git a/packages/default/scss/scrollview/_layout.scss b/packages/default/scss/scrollview/_layout.scss index 5d1d69e2080..a810d0491f3 100644 --- a/packages/default/scss/scrollview/_layout.scss +++ b/packages/default/scss/scrollview/_layout.scss @@ -1,4 +1,4 @@ -@include exports("scrollview/layout") { +@mixin kendo-scrollview--layout-base() { kendo-scrollview.k-scrollview-wrap, kendo-scrollview.k-scrollview, @@ -205,3 +205,8 @@ } } + + +@mixin kendo-scrollview--layout() { + @include kendo-scrollview--layout-base(); +} diff --git a/packages/default/scss/scrollview/_theme.scss b/packages/default/scss/scrollview/_theme.scss index def7401aeb9..704960ae188 100644 --- a/packages/default/scss/scrollview/_theme.scss +++ b/packages/default/scss/scrollview/_theme.scss @@ -1,4 +1,4 @@ -@include exports("scrollview/theme") { +@mixin kendo-scrollview--theme-base() { kendo-scrollview.k-scrollview-wrap, kendo-scrollview.k-scrollview, @@ -93,3 +93,8 @@ } } + + +@mixin kendo-scrollview--theme() { + @include kendo-scrollview--theme-base(); +} diff --git a/packages/default/scss/searchbox/_index.scss b/packages/default/scss/searchbox/_index.scss index 231483fc858..3bf22b6ccad 100644 --- a/packages/default/scss/searchbox/_index.scss +++ b/packages/default/scss/searchbox/_index.scss @@ -23,3 +23,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-searchbox--styles() { + @include module-render( "searchbox" ) { + @include kendo-searchbox--layout(); + @include kendo-searchbox--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-searchbox--styles(); +} diff --git a/packages/default/scss/searchbox/_layout.scss b/packages/default/scss/searchbox/_layout.scss index 1e3f1dbaed0..3d9ae6e29c0 100644 --- a/packages/default/scss/searchbox/_layout.scss +++ b/packages/default/scss/searchbox/_layout.scss @@ -1,6 +1,11 @@ -@include exports("searchbox/layout") { +@mixin kendo-searchbox--layout-base() { // Searchbox .k-searchbox {} } + + +@mixin kendo-searchbox--layout() { + @include kendo-searchbox--layout-base(); +} diff --git a/packages/default/scss/searchbox/_theme.scss b/packages/default/scss/searchbox/_theme.scss index 1a5fc4181b1..1db68284f07 100644 --- a/packages/default/scss/searchbox/_theme.scss +++ b/packages/default/scss/searchbox/_theme.scss @@ -1,6 +1,11 @@ -@include exports("searchbox/theme") { +@mixin kendo-searchbox--theme-base() { // Searchbox .k-searchbox {} } + + +@mixin kendo-searchbox--theme() { + @include kendo-searchbox--theme-base(); +} diff --git a/packages/default/scss/signature/_index.scss b/packages/default/scss/signature/_index.scss index d447a3d4291..72a61462059 100644 --- a/packages/default/scss/signature/_index.scss +++ b/packages/default/scss/signature/_index.scss @@ -21,3 +21,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-signature--styles() { + @include module-render( "signature" ) { + @include kendo-signature--layout(); + @include kendo-signature--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-signature--styles(); +} diff --git a/packages/default/scss/signature/_layout.scss b/packages/default/scss/signature/_layout.scss index 5bdf62860d6..56099e09bec 100644 --- a/packages/default/scss/signature/_layout.scss +++ b/packages/default/scss/signature/_layout.scss @@ -1,4 +1,4 @@ -@include exports("signature/layout") { +@mixin kendo-signature--layout-base() { .k-signature { width: $kendo-signature-width; @@ -69,3 +69,8 @@ } } + + +@mixin kendo-signature--layout() { + @include kendo-signature--layout-base(); +} diff --git a/packages/default/scss/signature/_theme.scss b/packages/default/scss/signature/_theme.scss index 70e83aeab6c..f31bef7ee05 100644 --- a/packages/default/scss/signature/_theme.scss +++ b/packages/default/scss/signature/_theme.scss @@ -1,4 +1,4 @@ -@include exports("signature/theme") { +@mixin kendo-signature--theme-base() { // Solid signature .k-signature { @@ -8,5 +8,9 @@ } } +} + +@mixin kendo-signature--theme() { + @include kendo-signature--theme-base(); } diff --git a/packages/default/scss/skeleton/_index.scss b/packages/default/scss/skeleton/_index.scss index a4e51d50e3c..77d686d581e 100644 --- a/packages/default/scss/skeleton/_index.scss +++ b/packages/default/scss/skeleton/_index.scss @@ -16,3 +16,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-skeleton--styles() { + @include module-render( "skeleton" ) { + @include kendo-skeleton--layout(); + @include kendo-skeleton--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-skeleton--styles(); +} diff --git a/packages/default/scss/skeleton/_layout.scss b/packages/default/scss/skeleton/_layout.scss index 5040928fca5..c561e2b107a 100644 --- a/packages/default/scss/skeleton/_layout.scss +++ b/packages/default/scss/skeleton/_layout.scss @@ -1,4 +1,4 @@ -@include exports("skeleton/layout") { +@mixin kendo-skeleton--layout-base() { .k-skeleton { display: block; @@ -28,11 +28,8 @@ @extend .k-skeleton-text !optional; } -} - - -@include exports("skeleton/layout/wave") { + // Skeleton wave @keyframes k-skeleton-wave { 0% { transform: translateX(-100%); @@ -65,11 +62,9 @@ } } -} - -@include exports("skeleton/layout/pulse") { + // Skeleton pulse @keyframes k-skeleton-pulse { 0% { opacity: 1; @@ -90,4 +85,10 @@ } } + +} + + +@mixin kendo-skeleton--layout() { + @include kendo-skeleton--layout-base(); } diff --git a/packages/default/scss/skeleton/_theme.scss b/packages/default/scss/skeleton/_theme.scss index 7009d3e3add..a3f8d68cd5d 100644 --- a/packages/default/scss/skeleton/_theme.scss +++ b/packages/default/scss/skeleton/_theme.scss @@ -1,14 +1,11 @@ -@include exports("skeleton/theme") { +@mixin kendo-skeleton--theme-base() { .k-skeleton { @include fill( $bg: $kendo-skeleton-item-bg ); } -} - - -@include exports("skeleton/theme/wave") { + // Skeleton wave .k-skeleton-wave { .k-skeleton::after, @@ -22,4 +19,10 @@ } } + +} + + +@mixin kendo-skeleton--theme() { + @include kendo-skeleton--theme-base(); } diff --git a/packages/default/scss/slider/_index.scss b/packages/default/scss/slider/_index.scss index ff02981be62..47b649df775 100644 --- a/packages/default/scss/slider/_index.scss +++ b/packages/default/scss/slider/_index.scss @@ -22,7 +22,23 @@ $_kendo-module-meta: ( // Component @import "./_variables.scss"; -@import "./images/slider-h.scss"; -@import "./images/slider-v.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-slider--styles() { + @include module-render( "slider" ) { + @include kendo-slider--layout(); + @include kendo-slider--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-slider--styles(); +} diff --git a/packages/default/scss/slider/_layout.scss b/packages/default/scss/slider/_layout.scss index 593930aa954..97852475372 100644 --- a/packages/default/scss/slider/_layout.scss +++ b/packages/default/scss/slider/_layout.scss @@ -1,4 +1,4 @@ -@include exports("slider/layout") { +@mixin kendo-slider--layout-base() { // Slider .k-slider { @@ -447,3 +447,8 @@ } } + + +@mixin kendo-slider--layout() { + @include kendo-slider--layout-base(); +} diff --git a/packages/default/scss/slider/_theme.scss b/packages/default/scss/slider/_theme.scss index d1c639c61d3..a05ed06d81b 100644 --- a/packages/default/scss/slider/_theme.scss +++ b/packages/default/scss/slider/_theme.scss @@ -1,8 +1,13 @@ -@include exports("slider/theme") { +@mixin kendo-slider--theme-base() { + + // TODO: move to variables $kendo-slider-tick-horizontal-image: k-map-get($_kendo-data-uris, "slider-h.gif") !default; $kendo-slider-tick-vertical-image: k-map-get($_kendo-data-uris, "slider-v.gif") !default; + + // Slider .k-slider { + // TODO: extract variables color: $kendo-component-text; .k-slider-track, @@ -70,4 +75,10 @@ .k-slider-vertical .k-tick { @include background-image( $kendo-slider-tick-vertical-image ); } + +} + + +@mixin kendo-slider--theme() { + @include kendo-slider--theme-base(); } diff --git a/packages/default/scss/slider/_variables.scss b/packages/default/scss/slider/_variables.scss index 9c845921234..d45535de489 100644 --- a/packages/default/scss/slider/_variables.scss +++ b/packages/default/scss/slider/_variables.scss @@ -1,3 +1,7 @@ +@import "./images/slider-h.scss"; +@import "./images/slider-v.scss"; + + // Slider $kendo-slider-size: 200px !default; $kendo-slider-tick-size: null !default; diff --git a/packages/default/scss/split-button/_index.scss b/packages/default/scss/split-button/_index.scss index 487559ea470..24d0cb71f3f 100644 --- a/packages/default/scss/split-button/_index.scss +++ b/packages/default/scss/split-button/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-split-button--styles() { + @include module-render( "split-button" ) { + @include kendo-split-button--layout(); + @include kendo-split-button--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-split-button--styles(); +} diff --git a/packages/default/scss/split-button/_layout.scss b/packages/default/scss/split-button/_layout.scss index a4a70a64c8a..0f801e16722 100644 --- a/packages/default/scss/split-button/_layout.scss +++ b/packages/default/scss/split-button/_layout.scss @@ -1,5 +1,7 @@ -@include exports("split-button/layout") { +@mixin kendo-split-button--layout-base() { + // Split button + .k-split-button {} // Split button arrow .k-split-button .k-split-button-arrow { @@ -29,5 +31,9 @@ } } +} + +@mixin kendo-split-button--layout() { + @include kendo-split-button--layout-base(); } diff --git a/packages/default/scss/split-button/_theme.scss b/packages/default/scss/split-button/_theme.scss index f63168f4534..61cd65b8c55 100644 --- a/packages/default/scss/split-button/_theme.scss +++ b/packages/default/scss/split-button/_theme.scss @@ -1,4 +1,4 @@ -@include exports("split-button/theme") { +@mixin kendo-split-button--theme-base() { // Split button .k-split-button:focus, @@ -7,3 +7,8 @@ } } + + +@mixin kendo-split-button--theme() { + @include kendo-split-button--theme-base(); +} diff --git a/packages/default/scss/splitter/_index.scss b/packages/default/scss/splitter/_index.scss index 48eb009c1f8..494db1b3acb 100644 --- a/packages/default/scss/splitter/_index.scss +++ b/packages/default/scss/splitter/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-splitter--styles() { + @include module-render( "splitter" ) { + @include kendo-splitter--layout(); + @include kendo-splitter--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-splitter--styles(); +} diff --git a/packages/default/scss/splitter/_layout.scss b/packages/default/scss/splitter/_layout.scss index 99df03442c4..621811ceaaf 100644 --- a/packages/default/scss/splitter/_layout.scss +++ b/packages/default/scss/splitter/_layout.scss @@ -1,4 +1,4 @@ -@include exports("splitter/layout") { +@mixin kendo-splitter--layout-base() { // Base .k-splitter { @@ -198,4 +198,10 @@ flex-direction: column; } } + +} + + +@mixin kendo-splitter--layout() { + @include kendo-splitter--layout-base(); } diff --git a/packages/default/scss/splitter/_theme.scss b/packages/default/scss/splitter/_theme.scss index ad022a47d6c..0441241f68f 100644 --- a/packages/default/scss/splitter/_theme.scss +++ b/packages/default/scss/splitter/_theme.scss @@ -1,5 +1,6 @@ -@include exports("splitter/theme") { +@mixin kendo-splitter--theme-base() { + // Splitter .k-splitter { @include fill( $kendo-splitter-text, @@ -32,3 +33,8 @@ } } + + +@mixin kendo-splitter--theme() { + @include kendo-splitter--theme-base(); +} diff --git a/packages/default/scss/spreadsheet/_index.scss b/packages/default/scss/spreadsheet/_index.scss index a14fbc60c1e..648564f6903 100644 --- a/packages/default/scss/spreadsheet/_index.scss +++ b/packages/default/scss/spreadsheet/_index.scss @@ -46,6 +46,23 @@ $_kendo-module-meta: ( // Component @import "./_variables.scss"; -@import "./images/image-default.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-spreadsheet--styles() { + @include module-render( "spreadsheet" ) { + @include kendo-spreadsheet--layout(); + @include kendo-spreadsheet--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-spreadsheet--styles(); +} diff --git a/packages/default/scss/spreadsheet/_layout.scss b/packages/default/scss/spreadsheet/_layout.scss index 36a993bcee7..5593fa5f9a5 100644 --- a/packages/default/scss/spreadsheet/_layout.scss +++ b/packages/default/scss/spreadsheet/_layout.scss @@ -1,4 +1,4 @@ -@include exports("spreadsheet/layout") { +@mixin kendo-spreadsheet--layout-base() { // Spreadsheet .k-spreadsheet { @@ -546,12 +546,9 @@ left: 0; right: auto; } -} - -@include exports( "spreadsheet/filter/layout" ) { - + // Spreadsheet filter $kendo-filter-menu-padding-left: calc( #{$kendo-icon-size} + #{2 * $kendo-padding-md-y} ); // Filter button @@ -658,13 +655,9 @@ } } -} - - - -@include exports( "spreadsheet/tools/layout" ) { + // Spreadsheet toolbar .k-spreadsheet-popup { padding: 0; @@ -700,13 +693,8 @@ .k-spreadsheet-sample { opacity: .7; } -} - - -@include exports( "spreadsheet/clipboard/layout" ) { - .k-spreadsheet-clipboard, .k-spreadsheet-clipboard-paste { margin: 0; @@ -721,13 +709,9 @@ overflow: hidden; } -} - - -@include exports( "spreadsheet/window/layout" ) { - + // Spreadsheet window .k-spreadsheet-window {} .k-spreadsheet-window .k-edit-form-container { width: auto; @@ -839,13 +823,9 @@ } } -} - - - -@include exports("spreadsheet/layout/images") { + // Spreadsheet drawing .k-spreadsheet-drawing { position: absolute; box-sizing: border-box; @@ -899,12 +879,9 @@ } } -} - - -@include exports("spreadsheet/layout/rtl") { + // RTL .k-rtl .k-spreadsheet, .k-spreadsheet[dir="rtl"] { @@ -921,3 +898,8 @@ } } + + +@mixin kendo-spreadsheet--layout() { + @include kendo-spreadsheet--layout-base(); +} diff --git a/packages/default/scss/spreadsheet/_theme.scss b/packages/default/scss/spreadsheet/_theme.scss index 74d3ec3dc2a..732979242da 100644 --- a/packages/default/scss/spreadsheet/_theme.scss +++ b/packages/default/scss/spreadsheet/_theme.scss @@ -1,4 +1,4 @@ -@include exports("sreadsheet/theme") { +@mixin kendo-spreadsheet--theme-base() { // Spreadsheet .k-spreadsheet { @@ -115,13 +115,8 @@ border-color: $kendo-color-error transparent transparent $kendo-color-error; } -} - - -@include exports( "spreadsheet/filter/theme" ) { - // Filter button .k-spreadsheet .k-filter-range { border-color: $kendo-color-primary; @@ -179,12 +174,7 @@ } } -} - - - -@include exports( "spreadsheet/tools/theme" ) { .k-spreadsheet-popup { @@ -209,13 +199,8 @@ } -} - - -@include exports( "spreadsheet/drawing/theme" ) { - .k-spreadsheet-insert-image-dialog { border-color: $kendo-spreadsheet-insert-image-dialog-preview-border; @@ -247,13 +232,8 @@ background: $kendo-spreadsheet-drawing-anchor-bg; } -} - - -@include exports("spreadsheet/rtl/theme") { - .k-rtl .k-spreadsheet, .k-spreadsheet[dir="rtl"], [dir="rtl"] .k-spreadsheet { @@ -269,3 +249,9 @@ } } + + + +@mixin kendo-spreadsheet--theme() { + @include kendo-spreadsheet--theme-base(); +} diff --git a/packages/default/scss/spreadsheet/_variables.scss b/packages/default/scss/spreadsheet/_variables.scss index bbeb919f484..75c323b6df7 100644 --- a/packages/default/scss/spreadsheet/_variables.scss +++ b/packages/default/scss/spreadsheet/_variables.scss @@ -1,3 +1,6 @@ +@import "./images/image-default.scss"; + + // Spreadsheet $kendo-spreadsheet-border-width: 1px !default; $kendo-spreadsheet-font-family: $kendo-font-family !default; diff --git a/packages/default/scss/stepper/_index.scss b/packages/default/scss/stepper/_index.scss index fdabfdcbf8f..fa170d3ea69 100644 --- a/packages/default/scss/stepper/_index.scss +++ b/packages/default/scss/stepper/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-stepper--styles() { + @include module-render( "stepper" ) { + @include kendo-stepper--layout(); + @include kendo-stepper--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-stepper--styles(); +} diff --git a/packages/default/scss/stepper/_layout.scss b/packages/default/scss/stepper/_layout.scss index fc649220f85..3b2042f40e1 100644 --- a/packages/default/scss/stepper/_layout.scss +++ b/packages/default/scss/stepper/_layout.scss @@ -1,4 +1,4 @@ -@include exports("stepper/layout") { +@mixin kendo-stepper--layout-base() { // Base .k-stepper { @@ -244,11 +244,9 @@ padding-inline: $kendo-stepper-inline-content-padding-y; } } -} - -@include exports("stepper/layout/rtl") { + // Stepper rtl .k-rtl .k-stepper, .k-stepper[dir="rtl"] { direction: rtl; @@ -276,4 +274,10 @@ } } } + +} + + +@mixin kendo-stepper--layout() { + @include kendo-stepper--layout-base(); } diff --git a/packages/default/scss/stepper/_theme.scss b/packages/default/scss/stepper/_theme.scss index 0ceb692b621..a494bd8c24d 100644 --- a/packages/default/scss/stepper/_theme.scss +++ b/packages/default/scss/stepper/_theme.scss @@ -1,4 +1,4 @@ -@include exports("stepper/theme") { +@mixin kendo-stepper--theme-base() { // Base .k-stepper { @@ -201,3 +201,8 @@ } } + + +@mixin kendo-stepper--theme() { + @include kendo-stepper--theme-base(); +} diff --git a/packages/default/scss/switch/_index.scss b/packages/default/scss/switch/_index.scss index 3dac7b01e38..1883a33f67d 100644 --- a/packages/default/scss/switch/_index.scss +++ b/packages/default/scss/switch/_index.scss @@ -18,3 +18,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-switch--styles() { + @include module-render( "switch" ) { + @include kendo-switch--layout(); + @include kendo-switch--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-switch--styles(); +} diff --git a/packages/default/scss/switch/_layout.scss b/packages/default/scss/switch/_layout.scss index 2c6dd39a546..cfac36f9c5d 100644 --- a/packages/default/scss/switch/_layout.scss +++ b/packages/default/scss/switch/_layout.scss @@ -1,4 +1,4 @@ -@include exports("switch/layout") { +@mixin kendo-switch--layout-base() { .k-switch { box-sizing: border-box; @@ -152,3 +152,8 @@ } } + + +@mixin kendo-switch--layout() { + @include kendo-switch--layout-base(); +} diff --git a/packages/default/scss/switch/_theme.scss b/packages/default/scss/switch/_theme.scss index af83ec3cfd9..130c207f1c9 100644 --- a/packages/default/scss/switch/_theme.scss +++ b/packages/default/scss/switch/_theme.scss @@ -1,4 +1,4 @@ -@include exports("switch/theme") { +@mixin kendo-switch--theme-base() { // Switch .k-switch {} @@ -164,3 +164,8 @@ } } + + +@mixin kendo-switch--theme() { + @include kendo-switch--theme-base(); +} diff --git a/packages/default/scss/table/_index.scss b/packages/default/scss/table/_index.scss index 063f5c8f63a..5936356d488 100644 --- a/packages/default/scss/table/_index.scss +++ b/packages/default/scss/table/_index.scss @@ -17,3 +17,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-table--styles() { + @include module-render( "table" ) { + @include kendo-table--layout(); + @include kendo-table--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-table--styles(); +} diff --git a/packages/default/scss/table/_layout.scss b/packages/default/scss/table/_layout.scss index 50dae54ef76..0aa877f49ed 100644 --- a/packages/default/scss/table/_layout.scss +++ b/packages/default/scss/table/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "table/layout" ) { +@mixin kendo-table--layout-base() { // Table .k-table { @@ -277,3 +277,8 @@ } } + + +@mixin kendo-table--layout() { + @include kendo-table--layout-base(); +} diff --git a/packages/default/scss/table/_theme.scss b/packages/default/scss/table/_theme.scss index f7170ad3480..7d6a14ab775 100644 --- a/packages/default/scss/table/_theme.scss +++ b/packages/default/scss/table/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "table/theme" ) { +@mixin kendo-table--theme-base() { // Table .k-table, @@ -83,3 +83,8 @@ } } + + +@mixin kendo-table--theme() { + @include kendo-table--theme-base(); +} diff --git a/packages/default/scss/tabstrip/_index.scss b/packages/default/scss/tabstrip/_index.scss index 6e908d84ee6..94499f38915 100644 --- a/packages/default/scss/tabstrip/_index.scss +++ b/packages/default/scss/tabstrip/_index.scss @@ -24,3 +24,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-tabstrip--styles() { + @include module-render( "tabstrip" ) { + @include kendo-tabstrip--layout(); + @include kendo-tabstrip--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-tabstrip--styles(); +} diff --git a/packages/default/scss/tabstrip/_layout.scss b/packages/default/scss/tabstrip/_layout.scss index 32d47558293..ff1acac4d7b 100644 --- a/packages/default/scss/tabstrip/_layout.scss +++ b/packages/default/scss/tabstrip/_layout.scss @@ -1,4 +1,4 @@ -@include exports("tabstrip/layout") { +@mixin kendo-tabstrip--layout-base() { // Tabstrip wrapper .k-tabstrip-wrapper { @@ -380,3 +380,8 @@ } } + + +@mixin kendo-tabstrip--layout() { + @include kendo-tabstrip--layout-base(); +} diff --git a/packages/default/scss/tabstrip/_theme.scss b/packages/default/scss/tabstrip/_theme.scss index efd84fbeae2..b28ab9f7b3a 100644 --- a/packages/default/scss/tabstrip/_theme.scss +++ b/packages/default/scss/tabstrip/_theme.scss @@ -1,4 +1,4 @@ -@include exports("tabstrip/theme") { +@mixin kendo-tabstrip--theme-base() { // Wrapper .k-tabstrip-wrapper { @@ -99,3 +99,8 @@ } } + + +@mixin kendo-tabstrip--theme() { + @include kendo-tabstrip--theme-base(); +} diff --git a/packages/default/scss/taskboard/_index.scss b/packages/default/scss/taskboard/_index.scss index 49cc2d87ed9..394929245e4 100644 --- a/packages/default/scss/taskboard/_index.scss +++ b/packages/default/scss/taskboard/_index.scss @@ -33,3 +33,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-task-board--styles() { + @include module-render( "task-board" ) { + @include kendo-task-board--layout(); + @include kendo-task-board--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-task-board--styles(); +} diff --git a/packages/default/scss/taskboard/_layout.scss b/packages/default/scss/taskboard/_layout.scss index d6425a3640e..09d1528fd1b 100644 --- a/packages/default/scss/taskboard/_layout.scss +++ b/packages/default/scss/taskboard/_layout.scss @@ -1,4 +1,4 @@ -@include exports("taskboard/layout") { +@mixin kendo-task-board--layout-base() { // TaskBoard .k-taskboard { @@ -211,10 +211,10 @@ position: relative; } -} -@include exports( "taskboard/layout/rtl" ) { + + // RTL .k-taskboard-card.k-taskboard-card-category { .k-rtl &, &.k-rtl, @@ -226,3 +226,8 @@ } } + + +@mixin kendo-task-board--layout() { + @include kendo-task-board--layout-base(); +} diff --git a/packages/default/scss/taskboard/_theme.scss b/packages/default/scss/taskboard/_theme.scss index 492ebfaeced..c434e325731 100644 --- a/packages/default/scss/taskboard/_theme.scss +++ b/packages/default/scss/taskboard/_theme.scss @@ -1,4 +1,4 @@ -@include exports("taskboard/theme") { +@mixin kendo-task-board--theme-base() { // TaskBoard .k-taskboard { @@ -106,3 +106,8 @@ } } + + +@mixin kendo-task-board--theme() { + @include kendo-task-board--theme-base(); +} diff --git a/packages/default/scss/textarea/_index.scss b/packages/default/scss/textarea/_index.scss index 47c2dc2616f..d6f3e6508d2 100644 --- a/packages/default/scss/textarea/_index.scss +++ b/packages/default/scss/textarea/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-textarea--styles() { + @include module-render( "textarea" ) { + @include kendo-textarea--layout(); + @include kendo-textarea--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-textarea--styles(); +} diff --git a/packages/default/scss/textarea/_layout.scss b/packages/default/scss/textarea/_layout.scss index d617cdccc34..c340464758b 100644 --- a/packages/default/scss/textarea/_layout.scss +++ b/packages/default/scss/textarea/_layout.scss @@ -1,6 +1,11 @@ -@include exports( "textarea/layout" ) { +@mixin kendo-textarea--layout-base() { // Textarea .k-textarea {} } + + +@mixin kendo-textarea--layout() { + @include kendo-textarea--layout-base(); +} diff --git a/packages/default/scss/textarea/_theme.scss b/packages/default/scss/textarea/_theme.scss index 5be8457d56a..68116ea1d5e 100644 --- a/packages/default/scss/textarea/_theme.scss +++ b/packages/default/scss/textarea/_theme.scss @@ -1,6 +1,11 @@ -@include exports("textarea/theme") { +@mixin kendo-textarea--theme-base() { // Textarea .k-textarea {} } + + +@mixin kendo-textarea--theme() { + @include kendo-textarea--theme-base(); +} diff --git a/packages/default/scss/textbox/_index.scss b/packages/default/scss/textbox/_index.scss index a988a522420..6426ebb8425 100644 --- a/packages/default/scss/textbox/_index.scss +++ b/packages/default/scss/textbox/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-textbox--styles() { + @include module-render( "textbox" ) { + @include kendo-textbox--layout(); + @include kendo-textbox--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-textbox--styles(); +} diff --git a/packages/default/scss/textbox/_layout.scss b/packages/default/scss/textbox/_layout.scss index e27a140d3d3..76408cebf56 100644 --- a/packages/default/scss/textbox/_layout.scss +++ b/packages/default/scss/textbox/_layout.scss @@ -1,6 +1,11 @@ -@include exports( "textbox/layout" ) { +@mixin kendo-textbox--layout-base() { // Textbox .k-textbox {} } + + +@mixin kendo-textbox--layout() { + @include kendo-textbox--layout-base(); +} diff --git a/packages/default/scss/textbox/_theme.scss b/packages/default/scss/textbox/_theme.scss index fca7b6f7b98..a16a77579d0 100644 --- a/packages/default/scss/textbox/_theme.scss +++ b/packages/default/scss/textbox/_theme.scss @@ -1,5 +1,11 @@ -@include exports("textbox/theme") { +@mixin kendo-textbox--theme-base() { // Textbox .k-textbox {} + +} + + +@mixin kendo-textbox--theme() { + @include kendo-textbox--theme-base(); } diff --git a/packages/default/scss/tilelayout/_index.scss b/packages/default/scss/tilelayout/_index.scss index d63525d25c1..4bc7fc999e2 100644 --- a/packages/default/scss/tilelayout/_index.scss +++ b/packages/default/scss/tilelayout/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-tile-layout--styles() { + @include module-render( "tile-layout" ) { + @include kendo-tile-layout--layout(); + @include kendo-tile-layout--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-tile-layout--styles(); +} diff --git a/packages/default/scss/tilelayout/_layout.scss b/packages/default/scss/tilelayout/_layout.scss index 23a93bee44e..8a626d64c12 100644 --- a/packages/default/scss/tilelayout/_layout.scss +++ b/packages/default/scss/tilelayout/_layout.scss @@ -1,4 +1,4 @@ -@include exports("tilelayout/layout") { +@mixin kendo-tile-layout--layout-base() { .k-tilelayout { border-width: $kendo-tile-layout-border-width; @@ -40,3 +40,8 @@ } } + + +@mixin kendo-tile-layout--layout() { + @include kendo-tile-layout--layout-base(); +} diff --git a/packages/default/scss/tilelayout/_theme.scss b/packages/default/scss/tilelayout/_theme.scss index 6d77fc48cf3..aa7bbd13b8b 100644 --- a/packages/default/scss/tilelayout/_theme.scss +++ b/packages/default/scss/tilelayout/_theme.scss @@ -1,4 +1,4 @@ -@include exports("tilelayout/theme") { +@mixin kendo-tile-layout--theme-base() { .k-tilelayout { @include fill( @@ -19,3 +19,8 @@ } } + + +@mixin kendo-tile-layout--theme() { + @include kendo-tile-layout--theme-base(); +} diff --git a/packages/default/scss/timedurationpicker/_index.scss b/packages/default/scss/timedurationpicker/_index.scss index 132881d259a..46d6c0f1d60 100644 --- a/packages/default/scss/timedurationpicker/_index.scss +++ b/packages/default/scss/timedurationpicker/_index.scss @@ -29,3 +29,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-time-duration-picker--styles() { + @include module-render( "time-duration-picker" ) { + @include kendo-time-duration-picker--layout(); + @include kendo-time-duration-picker--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-time-duration-picker--styles(); +} diff --git a/packages/default/scss/timedurationpicker/_layout.scss b/packages/default/scss/timedurationpicker/_layout.scss index a981f868511..f417e86c4f5 100644 --- a/packages/default/scss/timedurationpicker/_layout.scss +++ b/packages/default/scss/timedurationpicker/_layout.scss @@ -1 +1,17 @@ -@include exports("timedurationpicker/layout") {} +@mixin kendo-time-duration-picker--layout-base() { + + // Time duration picker + .k-time-duration-picker {} + + + // Legacy aliases + .k-timedurationpicker { + @extend .k-time-duration-picker; + } + +} + + +@mixin kendo-time-duration-picker--layout() { + @include kendo-time-duration-picker--layout-base(); +} diff --git a/packages/default/scss/timedurationpicker/_theme.scss b/packages/default/scss/timedurationpicker/_theme.scss index c478d4d6dc9..65191df4ca8 100644 --- a/packages/default/scss/timedurationpicker/_theme.scss +++ b/packages/default/scss/timedurationpicker/_theme.scss @@ -1,5 +1,11 @@ -@include exports("timedurationpicker/theme") { +@mixin kendo-time-duration-picker--theme-base() { - // TimeDuration picker - .k-timedurationpicker {} + // Time duration picker + .k-time-duration-picker {} + +} + + +@mixin kendo-time-duration-picker--theme() { + @include kendo-time-duration-picker--theme-base(); } diff --git a/packages/default/scss/timeline/_index.scss b/packages/default/scss/timeline/_index.scss index ee21be31be6..e164e4670ed 100644 --- a/packages/default/scss/timeline/_index.scss +++ b/packages/default/scss/timeline/_index.scss @@ -24,3 +24,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-timeline--styles() { + @include module-render( "timeline" ) { + @include kendo-timeline--layout(); + @include kendo-timeline--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-timeline--styles(); +} diff --git a/packages/default/scss/timeline/_layout.scss b/packages/default/scss/timeline/_layout.scss index 341986a838b..1bcca86aabf 100644 --- a/packages/default/scss/timeline/_layout.scss +++ b/packages/default/scss/timeline/_layout.scss @@ -1,4 +1,4 @@ -@include exports("timeline/layout") { +@mixin kendo-timeline--layout-base() { .k-timeline { box-sizing: border-box; @@ -439,4 +439,10 @@ } } } + +} + + +@mixin kendo-timeline--layout() { + @include kendo-timeline--layout-base(); } diff --git a/packages/default/scss/timeline/_theme.scss b/packages/default/scss/timeline/_theme.scss index d217a4cc61a..6466121c4b9 100644 --- a/packages/default/scss/timeline/_theme.scss +++ b/packages/default/scss/timeline/_theme.scss @@ -1,4 +1,4 @@ -@include exports("timeline/theme") { +@mixin kendo-timeline--theme-base() { .k-timeline { .k-timeline-flag { @@ -64,4 +64,10 @@ .k-timeline-track-item.k-focus .k-timeline-circle { @include focus-indicator( $kendo-timeline-track-item-focus-shadow ); } + +} + + +@mixin kendo-timeline--theme() { + @include kendo-timeline--theme-base(); } diff --git a/packages/default/scss/timepicker/_index.scss b/packages/default/scss/timepicker/_index.scss index d87ea473f34..06d30a3a9dd 100644 --- a/packages/default/scss/timepicker/_index.scss +++ b/packages/default/scss/timepicker/_index.scss @@ -28,3 +28,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-time-picker--styles() { + @include module-render( "time-picker" ) { + @include kendo-time-picker--layout(); + @include kendo-time-picker--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-time-picker--styles(); +} diff --git a/packages/default/scss/timepicker/_layout.scss b/packages/default/scss/timepicker/_layout.scss index 5ddd0828b7d..6a60eca9611 100644 --- a/packages/default/scss/timepicker/_layout.scss +++ b/packages/default/scss/timepicker/_layout.scss @@ -1,6 +1,17 @@ -@include exports("timepicker/layout") { +@mixin kendo-time-picker--layout-base() { // Time picker - .k-timepicker {} + .k-time-picker {} + + // Legacy aliases + .k-timepicker { + @extend .k-time-picker !optional; + } + +} + + +@mixin kendo-time-picker--layout() { + @include kendo-time-picker--layout-base(); } diff --git a/packages/default/scss/timepicker/_theme.scss b/packages/default/scss/timepicker/_theme.scss index 63787701272..995aad27aea 100644 --- a/packages/default/scss/timepicker/_theme.scss +++ b/packages/default/scss/timepicker/_theme.scss @@ -1,6 +1,11 @@ -@include exports("timepicker/theme") { +@mixin kendo-time-picker--theme-base() { // Time picker - .k-timepicker {} + .k-time-picker {} } + + +@mixin kendo-time-picker--theme() { + @include kendo-time-picker--theme-base(); +} diff --git a/packages/default/scss/timeselector/_index.scss b/packages/default/scss/timeselector/_index.scss index 6c845d7223b..2676a9e1370 100644 --- a/packages/default/scss/timeselector/_index.scss +++ b/packages/default/scss/timeselector/_index.scss @@ -24,3 +24,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-time-selector--styles() { + @include module-render( "time-selector" ) { + @include kendo-time-selector--layout(); + @include kendo-time-selector--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-time-selector--styles(); +} diff --git a/packages/default/scss/timeselector/_layout.scss b/packages/default/scss/timeselector/_layout.scss index c642ab45439..89b875f9346 100644 --- a/packages/default/scss/timeselector/_layout.scss +++ b/packages/default/scss/timeselector/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "timeselector/layout" ) { +@mixin kendo-time-selector--layout-base() { // Time selector .k-timeselector { @@ -240,9 +240,7 @@ } } -} -@include exports("timeselector/layout/rtl") { .k-rtl, [dir="rtl"] { @@ -255,3 +253,8 @@ } } + + +@mixin kendo-time-selector--layout() { + @include kendo-time-selector--layout-base(); +} diff --git a/packages/default/scss/timeselector/_theme.scss b/packages/default/scss/timeselector/_theme.scss index 16476ad0659..a12557224e2 100644 --- a/packages/default/scss/timeselector/_theme.scss +++ b/packages/default/scss/timeselector/_theme.scss @@ -1,4 +1,4 @@ -@include exports( "timeselector/theme" ) { +@mixin kendo-time-selector--theme-base() { // Time selector .k-timeselector { @@ -70,3 +70,8 @@ } } + + +@mixin kendo-time-selector--theme() { + @include kendo-time-selector--theme-base(); +} diff --git a/packages/default/scss/toolbar/_index.scss b/packages/default/scss/toolbar/_index.scss index bc92f55ca43..ffc0c81d2b9 100644 --- a/packages/default/scss/toolbar/_index.scss +++ b/packages/default/scss/toolbar/_index.scss @@ -26,3 +26,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-toolbar--styles() { + @include module-render( "toolbar" ) { + @include kendo-toolbar--layout(); + @include kendo-toolbar--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-toolbar--styles(); +} diff --git a/packages/default/scss/toolbar/_layout.scss b/packages/default/scss/toolbar/_layout.scss index 63b67d4e1b3..d5dc22dd29f 100644 --- a/packages/default/scss/toolbar/_layout.scss +++ b/packages/default/scss/toolbar/_layout.scss @@ -1,4 +1,4 @@ -@include exports("toolbar/layout") { +@mixin kendo-toolbar--layout-base() { // Base .k-toolbar { @@ -152,13 +152,8 @@ height: $kendo-button-lg-calc-size; } -} - - -@include exports( "floating-toolbar/layout" ) { - // sass-lint:disable class-name-format .k-floating-toolbar, .editorToolbarWindow.k-window-content { @@ -188,14 +183,9 @@ } // sass-lint:enable class-name-format -} - - - -// Remove once the Overflow Popup uses -// the proper Menu rendering in all suites. -@include exports("toolbar/layout/legacy") { + // Remove once the Overflow Popup uses + // the proper Menu rendering in all suites. // Overflow container .k-overflow-container { @@ -262,3 +252,8 @@ } } + + +@mixin kendo-toolbar--layout() { + @include kendo-toolbar--layout-base(); +} diff --git a/packages/default/scss/toolbar/_theme.scss b/packages/default/scss/toolbar/_theme.scss index 1377511047b..e0b56d73320 100644 --- a/packages/default/scss/toolbar/_theme.scss +++ b/packages/default/scss/toolbar/_theme.scss @@ -1,4 +1,4 @@ -@include exports("toolbar/theme") { +@mixin kendo-toolbar--theme-base() { // Theme .k-toolbar { @@ -30,13 +30,6 @@ } -} - - - - -@include exports("floating-toolbar/theme") { - // sass-lint:disable-block class-name-format .k-floating-toolbar, .editorToolbarWindow.k-window-content { @@ -48,15 +41,6 @@ ); } -} - - - - -// Remove once the Overflow Popup uses -// the proper Menu rendering in all suites. -@include exports("toolbar/theme/legacy") { - // Overflow container .k-overflow-container { @@ -98,3 +82,8 @@ } } + + +@mixin kendo-toolbar--theme() { + @include kendo-toolbar--theme-base(); +} diff --git a/packages/default/scss/tooltip/_index.scss b/packages/default/scss/tooltip/_index.scss index d0616a80894..0a10203adff 100644 --- a/packages/default/scss/tooltip/_index.scss +++ b/packages/default/scss/tooltip/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-tooltip--styles() { + @include module-render( "tooltip" ) { + @include kendo-tooltip--layout(); + @include kendo-tooltip--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-tooltip--styles(); +} diff --git a/packages/default/scss/tooltip/_layout.scss b/packages/default/scss/tooltip/_layout.scss index db90bf58b55..0a5a93e7df8 100644 --- a/packages/default/scss/tooltip/_layout.scss +++ b/packages/default/scss/tooltip/_layout.scss @@ -1,4 +1,4 @@ -@include exports("tooltip/layout") { +@mixin kendo-tooltip--layout-base() { .k-tooltip { @include border-radius( $kendo-tooltip-border-radius ); @@ -112,3 +112,8 @@ } } + + +@mixin kendo-tooltip--layout() { + @include kendo-tooltip--layout-base(); +} diff --git a/packages/default/scss/tooltip/_theme.scss b/packages/default/scss/tooltip/_theme.scss index ce6c7bc020d..51b4bc8fb68 100644 --- a/packages/default/scss/tooltip/_theme.scss +++ b/packages/default/scss/tooltip/_theme.scss @@ -1,4 +1,5 @@ -@include exports("tooltip/theme") { +@mixin kendo-tooltip--theme-base() { + .k-tooltip-wrapper { .k-tooltip { box-shadow: $kendo-popup-shadow; @@ -76,4 +77,10 @@ color: $kendo-tooltip-error-bg; } } + +} + + +@mixin kendo-tooltip--theme() { + @include kendo-tooltip--theme-base(); } diff --git a/packages/default/scss/treelist/_index.scss b/packages/default/scss/treelist/_index.scss index 25ca12eca07..c1018f18b00 100644 --- a/packages/default/scss/treelist/_index.scss +++ b/packages/default/scss/treelist/_index.scss @@ -23,3 +23,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-treelist--styles() { + @include module-render( "treelist" ) { + @include kendo-treelist--layout(); + @include kendo-treelist--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-treelist--styles(); +} diff --git a/packages/default/scss/treelist/_layout.scss b/packages/default/scss/treelist/_layout.scss index 3b23d550532..64a7db6ab38 100644 --- a/packages/default/scss/treelist/_layout.scss +++ b/packages/default/scss/treelist/_layout.scss @@ -1,4 +1,4 @@ -@include exports("treelist/layout") { +@mixin kendo-treelist--layout-base() { // Base .k-treelist { @@ -101,3 +101,8 @@ } } + + +@mixin kendo-treelist--layout() { + @include kendo-treelist--layout-base(); +} diff --git a/packages/default/scss/treelist/_theme.scss b/packages/default/scss/treelist/_theme.scss index 484f4baa8ab..82c2fc3a1ba 100644 --- a/packages/default/scss/treelist/_theme.scss +++ b/packages/default/scss/treelist/_theme.scss @@ -1,4 +1,4 @@ -@include exports("treelist/theme") { +@mixin kendo-treelist--theme-base() { // Theme .k-treelist { @@ -9,3 +9,8 @@ } } + + +@mixin kendo-treelist--theme() { + @include kendo-treelist--theme-base(); +} diff --git a/packages/default/scss/treeview/_index.scss b/packages/default/scss/treeview/_index.scss index 4daaccfe478..6be8dbebb2e 100644 --- a/packages/default/scss/treeview/_index.scss +++ b/packages/default/scss/treeview/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-treeview--styles() { + @include module-render( "treeview" ) { + @include kendo-treeview--layout(); + @include kendo-treeview--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-treeview--styles(); +} diff --git a/packages/default/scss/treeview/_layout.scss b/packages/default/scss/treeview/_layout.scss index 19aa4677fd2..004619fc466 100644 --- a/packages/default/scss/treeview/_layout.scss +++ b/packages/default/scss/treeview/_layout.scss @@ -1,4 +1,4 @@ -@include exports("treeview/layout") { +@mixin kendo-treeview--layout-base() { // Treeview .k-treeview { @@ -189,3 +189,8 @@ } } + + +@mixin kendo-treeview--layout() { + @include kendo-treeview--layout-base(); +} diff --git a/packages/default/scss/treeview/_theme.scss b/packages/default/scss/treeview/_theme.scss index 0e09981662f..319b727aff7 100644 --- a/packages/default/scss/treeview/_theme.scss +++ b/packages/default/scss/treeview/_theme.scss @@ -1,4 +1,4 @@ -@include exports("treeview/theme") { +@mixin kendo-treeview--theme-base() { // Treeview .k-treeview { @@ -77,3 +77,8 @@ } } + + +@mixin kendo-treeview--theme() { + @include kendo-treeview--theme-base(); +} diff --git a/packages/default/scss/typography/_index.scss b/packages/default/scss/typography/_index.scss index 95c58ebe137..15254900927 100644 --- a/packages/default/scss/typography/_index.scss +++ b/packages/default/scss/typography/_index.scss @@ -16,3 +16,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-typography--styles() { + @include module-render( "typography" ) { + @include kendo-typography--layout(); + @include kendo-typography--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-typography--styles(); +} diff --git a/packages/default/scss/typography/_layout.scss b/packages/default/scss/typography/_layout.scss index e3c86588843..52a623cbc22 100644 --- a/packages/default/scss/typography/_layout.scss +++ b/packages/default/scss/typography/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "typography/layout" ) { +@mixin kendo-typography--layout-base() { @if $kendo-enable-typography { body { @extend .k-body !optional; } @@ -175,4 +175,10 @@ $kendo-display4-letter-spacing ); } + +} + + +@mixin kendo-typography--layout() { + @include kendo-typography--layout-base(); } diff --git a/packages/default/scss/typography/_theme.scss b/packages/default/scss/typography/_theme.scss index 8b28302115b..5c03639963d 100644 --- a/packages/default/scss/typography/_theme.scss +++ b/packages/default/scss/typography/_theme.scss @@ -1,4 +1,4 @@ -@include exports("typography/theme") { +@mixin kendo-typography--theme-base() { .k-body { @include fill( @@ -16,4 +16,10 @@ $kendo-code-border ); } + +} + + +@mixin kendo-typography--theme() { + @include kendo-typography--theme-base(); } diff --git a/packages/default/scss/upload/_index.scss b/packages/default/scss/upload/_index.scss index 20ff2c2d02a..aa6390bcad3 100644 --- a/packages/default/scss/upload/_index.scss +++ b/packages/default/scss/upload/_index.scss @@ -26,3 +26,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-upload--styles() { + @include module-render( "upload" ) { + @include kendo-upload--layout(); + @include kendo-upload--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-upload--styles(); +} diff --git a/packages/default/scss/upload/_layout.scss b/packages/default/scss/upload/_layout.scss index b3507333e3e..4bb69184cd4 100644 --- a/packages/default/scss/upload/_layout.scss +++ b/packages/default/scss/upload/_layout.scss @@ -1,4 +1,4 @@ -@include exports("upload/layout") { +@mixin kendo-upload--layout-base() { .k-upload { border-width: $kendo-upload-border-width; @@ -247,3 +247,8 @@ } } + + +@mixin kendo-upload--layout() { + @include kendo-upload--layout-base(); +} diff --git a/packages/default/scss/upload/_theme.scss b/packages/default/scss/upload/_theme.scss index 12b4eab0eb8..a796c2400d4 100644 --- a/packages/default/scss/upload/_theme.scss +++ b/packages/default/scss/upload/_theme.scss @@ -1,4 +1,4 @@ -@include exports("upload/theme") { +@mixin kendo-upload--theme-base() { .k-upload { @include fill( @@ -66,7 +66,7 @@ } } - // Upload satus: error + // Upload status: error .k-file-error { .k-file-validation-message { color: $kendo-upload-error-text; @@ -100,3 +100,8 @@ } } + + +@mixin kendo-upload--theme() { + @include kendo-upload--theme-base(); +} diff --git a/packages/default/scss/utils/_index.scss b/packages/default/scss/utils/_index.scss index 0241bcc3563..92857c4d816 100644 --- a/packages/default/scss/utils/_index.scss +++ b/packages/default/scss/utils/_index.scss @@ -15,6 +15,18 @@ $_kendo-module-meta: ( @import "@progress/kendo-theme-utils/scss/index.import.scss"; -@include exports("kendo-utils") { - @include kendo-utils(); +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-utils--styles() { + @include module-render( "utils" ) { + @include kendo-utils(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-utils--styles(); } diff --git a/packages/default/scss/validator/_index.scss b/packages/default/scss/validator/_index.scss index 49877260363..ceba609b423 100644 --- a/packages/default/scss/validator/_index.scss +++ b/packages/default/scss/validator/_index.scss @@ -22,3 +22,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-validator--styles() { + @include module-render( "validator" ) { + @include kendo-validator--layout(); + @include kendo-validator--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-validator--styles(); +} diff --git a/packages/default/scss/validator/_layout.scss b/packages/default/scss/validator/_layout.scss index 3e7afbcfda2..d432fadec39 100644 --- a/packages/default/scss/validator/_layout.scss +++ b/packages/default/scss/validator/_layout.scss @@ -1,12 +1,17 @@ -@include exports("validator/layout") { +@mixin kendo-validator--layout-base() { + // Validator + .k-validator {} + + + // Validator tooltip .k-validator-tooltip { margin-top: calc( #{$kendo-tooltip-callout-size} + #{$kendo-tooltip-border-width} ); width: auto; white-space: normal; display: flex; align-items: center; - // NOTE: This works around popup / tooltip stackin issue + // NOTE: This works around popup / tooltip stacking issue z-index: 9999; // .k-callout-n { inset-inline-start: 16px; } @@ -16,3 +21,8 @@ } } + + +@mixin kendo-validator--layout() { + @include kendo-validator--layout-base(); +} diff --git a/packages/default/scss/validator/_theme.scss b/packages/default/scss/validator/_theme.scss index a6e4fe9ccb9..c857d36769f 100644 --- a/packages/default/scss/validator/_theme.scss +++ b/packages/default/scss/validator/_theme.scss @@ -1 +1,11 @@ -@include exports( "validator/theme" ) {} +@mixin kendo-validator--theme-base() { + + // Validator + .k-validator {} + +} + + +@mixin kendo-validator--theme() { + @include kendo-validator--theme-base(); +} diff --git a/packages/default/scss/virtual-scroller/_index.scss b/packages/default/scss/virtual-scroller/_index.scss index 5ab3e3a8724..e7324176c40 100644 --- a/packages/default/scss/virtual-scroller/_index.scss +++ b/packages/default/scss/virtual-scroller/_index.scss @@ -16,3 +16,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-virtual-scroller--styles() { + @include module-render( "virtual-scroller" ) { + @include kendo-virtual-scroller--layout(); + @include kendo-virtual-scroller--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-virtual-scroller--styles(); +} diff --git a/packages/default/scss/virtual-scroller/_layout.scss b/packages/default/scss/virtual-scroller/_layout.scss index a71a73c5e37..b43735c5db4 100644 --- a/packages/default/scss/virtual-scroller/_layout.scss +++ b/packages/default/scss/virtual-scroller/_layout.scss @@ -1,4 +1,4 @@ -@include exports( "virtual-scroller/layout" ) { +@mixin kendo-virtual-scroller--layout-base() { // Virtual scroller .k-virtual-scroller { @@ -33,3 +33,8 @@ } } + + +@mixin kendo-virtual-scroller--layout() { + @include kendo-virtual-scroller--layout-base(); +} diff --git a/packages/default/scss/virtual-scroller/_theme.scss b/packages/default/scss/virtual-scroller/_theme.scss index d49018625a6..898fb37135e 100644 --- a/packages/default/scss/virtual-scroller/_theme.scss +++ b/packages/default/scss/virtual-scroller/_theme.scss @@ -1,3 +1,11 @@ -@include exports( "virtual-scroller/theme" ) { +@mixin kendo-virtual-scroller--theme-base() { + // Virtual scroller + .k-virtual-scroller {} + +} + + +@mixin kendo-virtual-scroller--theme() { + @include kendo-virtual-scroller--theme-base(); } diff --git a/packages/default/scss/window/_index.scss b/packages/default/scss/window/_index.scss index a623b8dbf67..933b48015a7 100644 --- a/packages/default/scss/window/_index.scss +++ b/packages/default/scss/window/_index.scss @@ -28,3 +28,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-window--styles() { + @include module-render( "window" ) { + @include kendo-window--layout(); + @include kendo-window--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-window--styles(); +} diff --git a/packages/default/scss/window/_layout.scss b/packages/default/scss/window/_layout.scss index 879b2cadad6..4f3f2ab4efb 100644 --- a/packages/default/scss/window/_layout.scss +++ b/packages/default/scss/window/_layout.scss @@ -1,4 +1,4 @@ -@include exports("window/layout") { +@mixin kendo-window--layout-base() { .k-window { @include border-radius( $kendo-window-border-radius ); @@ -165,4 +165,10 @@ .k-resize-s { bottom: 0; } .k-resize-w { left: 0; } } + +} + + +@mixin kendo-window--layout() { + @include kendo-window--layout-base(); } diff --git a/packages/default/scss/window/_theme.scss b/packages/default/scss/window/_theme.scss index 90244ad3f8d..4015d4f2bea 100644 --- a/packages/default/scss/window/_theme.scss +++ b/packages/default/scss/window/_theme.scss @@ -1,4 +1,4 @@ -@include exports("window/theme") { +@mixin kendo-window--theme-base() { // Window .k-window { @@ -37,3 +37,8 @@ } } + + +@mixin kendo-window--theme() { + @include kendo-window--theme-base(); +} diff --git a/packages/default/scss/wizard/_index.scss b/packages/default/scss/wizard/_index.scss index f198b4068f8..e1d717fa503 100644 --- a/packages/default/scss/wizard/_index.scss +++ b/packages/default/scss/wizard/_index.scss @@ -26,3 +26,21 @@ $_kendo-module-meta: ( @import "./_variables.scss"; @import "./_layout.scss"; @import "./_theme.scss"; + + +// Register +@import "../core/module-system/index.import.scss"; +@include module-register( $_kendo-module-meta... ); + + +// Expose +@mixin kendo-wizard--styles() { + @include module-render( "wizard" ) { + @include kendo-wizard--layout(); + @include kendo-wizard--theme(); + } +} + +@if $kendo-auto-bootstrap { + @include kendo-wizard--styles(); +} diff --git a/packages/default/scss/wizard/_layout.scss b/packages/default/scss/wizard/_layout.scss index 2eca1293200..c2077e5a1d3 100644 --- a/packages/default/scss/wizard/_layout.scss +++ b/packages/default/scss/wizard/_layout.scss @@ -1,4 +1,6 @@ -@include exports("wizard/layout") { +@mixin kendo-wizard--layout-base() { + + // Wizard .k-wizard { padding-block: $kendo-wizard-padding-y; padding-inline: $kendo-wizard-padding-x; @@ -119,3 +121,8 @@ } } + + +@mixin kendo-wizard--layout() { + @include kendo-wizard--layout-base(); +} diff --git a/packages/default/scss/wizard/_theme.scss b/packages/default/scss/wizard/_theme.scss index 36b34a9e6dd..6cff08e5de7 100644 --- a/packages/default/scss/wizard/_theme.scss +++ b/packages/default/scss/wizard/_theme.scss @@ -1,4 +1,4 @@ -@include exports("wizard/theme") { +@mixin kendo-wizard--theme-base() { .k-wizard-step { &:focus, @@ -8,3 +8,8 @@ } } + + +@mixin kendo-wizard--theme() { + @include kendo-wizard--theme-base(); +}