@progress/kendo-theme-fluent 5.11.1-dev.2 → 5.12.1-dev.0

package/scss/index.scss

@@ -1,320 +1,490 @@
-// Core
-@use "core";
+// Forward component modules
+@forward "core";
 
 
 // Typography and utils
-@use "typography";
-@use "utils";
-@use "draggable";
+@forward "typography";
+@forward "utils";
+@forward "draggable";
 
 
 // Generic content
-@use "icon";
-@use "messagebox";
+@forward "icon";
+@forward "messagebox";
 
 
 // Primitive components
-@use "action-buttons";
-@use "list";
-@use "listgroup";
-@use "overlay";
-@use "popup";
-@use "ripple";
-@use "table";
-@use "virtual-scroller";
+@forward "action-buttons";
+@forward "list";
+@forward "listgroup";
+@forward "overlay";
+@forward "popup";
+@forward "ripple";
+@forward "table";
+@forward "virtual-scroller";
+
+
+// Native forms
+@forward "button";
+@forward "split-button";
+@forward "menu-button";
+@forward "input";
+@forward "textbox";
+@forward "textarea";
+@forward "checkbox";
+@forward "listbox";
+@forward "progressbar";
+@forward "radio";
+@forward "slider";
+
+
+// Popups and modals
+@forward "action-sheet";
+@forward "window";
+@forward "dialog";
+@forward "drawer";
+@forward "notification";
+@forward "popover";
+@forward "responsivepanel";
 
 
 // Indicators
-@use "avatar";
-@use "badge";
-@use "chip";
-@use "color-preview";
-@use "loader";
-@use "skeleton";
-@use "tooltip";
+@forward "avatar";
+@forward "badge";
+@forward "chip";
+@forward "color-preview";
+@forward "loader";
+@forward "skeleton";
+@forward "tooltip";
 
 
 // Form helpers
-@use "forms";
-@use "validator";
-@use "floating-label";
+@forward "forms";
+@forward "validator";
+@forward "floating-label";
+
+
+// Form requirements
+@forward "calendar";
+@forward "timeselector";
+
+
+// Augmented forms
+@forward "autocomplete";
+@forward "captcha";
+@forward "colorpalette";
+@forward "colorgradient";
+@forward "coloreditor";
+@forward "colorpicker";
+@forward "combobox";
+@forward "dateinput";
+@forward "datepicker";
+@forward "timepicker";
+@forward "datetimepicker";
+@forward "daterangepicker";
+@forward "dropdowngrid";
+@forward "dropdownlist";
+@forward "dropdowntree";
+@forward "maskedtextbox";
+@forward "multiselect";
+@forward "numerictextbox";
+@forward "rating";
+@forward "searchbox";
+@forward "switch";
+@forward "upload";
+@forward "dropzone";
+
+
+// Command interfaces
+@forward "appbar";
+@forward "fab";
+@forward "menu";
+@forward "toolbar";
+
+
+// Navigation
+@forward "bottom-navigation";
+@forward "breadcrumb";
+@forward "pager";
+@forward "stepper";
+@forward "tabstrip";
+@forward "treeview";
+@forward "wizard";
+
+
+// Layout & containers
+@forward "card";
+@forward "expansion-panel";
+@forward "panelbar";
+@forward "splitter";
+@forward "tilelayout";
+
+
+// Editors
+@forward "editor";
+@forward "imageeditor";
+
+
+// Data management
+@forward "grid";
+@forward "listview";
+@forward "spreadsheet";
+@forward "pivotgrid";
+@forward "treelist";
+@forward "filter";
+@forward "filemanager";
+@forward "taskboard";
+
+
+// Scheduling
+@forward "gantt";
+@forward "scheduler";
+
+
+// Misc
+@forward "adaptive";
+@forward "chat";
+@forward "mediaplayer";
+@forward "timeline";
+@forward "pdf-viewer";
+@forward "scroller";
+@forward "scrollview";
+
+
+// Dataviz
+@forward "dataviz";
+@forward "map";
+@forward "orgchart";
+@forward "signature";
+
+
+// Use component modules
+@use "core" as *;
+
+
+// Typography and utils
+@use "typography" as *;
+@use "utils" as *;
+@use "draggable" as *;
+
+
+// Generic content
+@use "icon" as *;
+@use "messagebox" as *;
+
+
+// Primitive components
+@use "action-buttons" as *;
+@use "list" as *;
+@use "listgroup" as *;
+@use "overlay" as *;
+@use "popup" as *;
+@use "ripple" as *;
+@use "table" as *;
+@use "virtual-scroller" as *;
+
+
+// Indicators
+@use "avatar" as *;
+@use "badge" as *;
+@use "chip" as *;
+@use "color-preview" as *;
+@use "loader" as *;
+@use "skeleton" as *;
+@use "tooltip" as *;
+
+
+// Form helpers
+@use "forms" as *;
+@use "validator" as *;
+@use "floating-label" as *;
 
 
 // Native forms
-@use "button";
-@use "split-button";
-@use "menu-button";
-@use "input";
-@use "textbox";
-@use "textarea";
-@use "checkbox";
-@use "listbox";
-@use "progressbar";
-@use "radio";
-@use "slider";
+@use "button" as *;
+@use "split-button" as *;
+@use "menu-button" as *;
+@use "input" as *;
+@use "textbox" as *;
+@use "textarea" as *;
+@use "checkbox" as *;
+@use "listbox" as *;
+@use "progressbar" as *;
+@use "radio" as *;
+@use "slider" as *;
 
 
 // Form requirements
-@use "calendar";
-@use "timeselector";
+@use "calendar" as *;
+@use "timeselector" as *;
 
 
 // Augmented forms
-@use "autocomplete";
-@use "captcha";
-@use "colorpalette";
-@use "colorgradient";
-@use "coloreditor";
-@use "colorpicker";
-@use "combobox";
-@use "dateinput";
-@use "datepicker";
-@use "timepicker";
-@use "timedurationpicker";
-@use "datetimepicker";
-@use "daterangepicker";
-@use "dropdowngrid";
-@use "dropdownlist";
-@use "dropdowntree";
-@use "maskedtextbox";
-@use "multiselect";
-@use "numerictextbox";
-@use "rating";
-@use "searchbox";
-@use "switch";
-@use "upload";
-@use "dropzone";
+@use "autocomplete" as *;
+@use "captcha" as *;
+@use "colorpalette" as *;
+@use "colorgradient" as *;
+@use "coloreditor" as *;
+@use "colorpicker" as *;
+@use "combobox" as *;
+@use "dateinput" as *;
+@use "datepicker" as *;
+@use "timepicker" as *;
+@use "timedurationpicker" as *;
+@use "datetimepicker" as *;
+@use "daterangepicker" as *;
+@use "dropdowngrid" as *;
+@use "dropdownlist" as *;
+@use "dropdowntree" as *;
+@use "maskedtextbox" as *;
+@use "multiselect" as *;
+@use "numerictextbox" as *;
+@use "rating" as *;
+@use "searchbox" as *;
+@use "switch" as *;
+@use "upload" as *;
+@use "dropzone" as *;
 
 
 // Command interfaces
-@use "appbar";
-@use "fab";
-@use "menu";
-@use "toolbar";
+@use "appbar" as *;
+@use "fab" as *;
+@use "menu" as *;
+@use "toolbar" as *;
 
 
 // Popups and modals
-@use "action-sheet";
-@use "dialog";
-@use "drawer";
-@use "notification";
-@use "popover";
-@use "responsivepanel";
-@use "window";
+@use "action-sheet" as *;
+@use "dialog" as *;
+@use "drawer" as *;
+@use "notification" as *;
+@use "popover" as *;
+@use "responsivepanel" as *;
+@use "window" as *;
 
 
 // Navigation
-@use "bottom-navigation";
-@use "breadcrumb";
-@use "pager";
-@use "stepper";
-@use "tabstrip";
-@use "treeview";
-@use "wizard";
+@use "bottom-navigation" as *;
+@use "breadcrumb" as *;
+@use "pager" as *;
+@use "stepper" as *;
+@use "tabstrip" as *;
+@use "treeview" as *;
+@use "wizard" as *;
 
 
 // Layout & containers
-@use "card";
-@use "expansion-panel";
-@use "panelbar";
-@use "splitter";
-@use "tilelayout";
+@use "card" as *;
+@use "expansion-panel" as *;
+@use "panelbar" as *;
+@use "splitter" as *;
+@use "tilelayout" as *;
 
 
 // Data management
-@use "grid";
-@use "listview";
-@use "spreadsheet";
-@use "pivotgrid";
-@use "treelist";
-@use "filter";
-@use "filemanager";
-@use "taskboard";
+@use "grid" as *;
+@use "listview" as *;
+@use "spreadsheet" as *;
+@use "pivotgrid" as *;
+@use "treelist" as *;
+@use "filter" as *;
+@use "filemanager" as *;
+@use "taskboard" as *;
 
 
 // Editors
-@use "editor";
-@use "imageeditor";
+@use "editor" as *;
+@use "imageeditor" as *;
 
 
 // Scheduling
-@use "gantt";
-@use "scheduler";
+@use "gantt" as *;
+@use "scheduler" as *;
 
 
 // Misc
-@use "adaptive";
-@use "chat";
-@use "mediaplayer";
-@use "timeline";
-@use "pdf-viewer";
-@use "scroller";
-@use "scrollview";
+@use "adaptive" as *;
+@use "chat" as *;
+@use "mediaplayer" as *;
+@use "timeline" as *;
+@use "pdf-viewer" as *;
+@use "scroller" as *;
+@use "scrollview" as *;
 
 
 // Dataviz
-@use "dataviz";
-@use "map";
-@use "orgchart";
-@use "signature";
-
-// Setup
-@mixin config( $components: null ) {
-    @include core.configure( $components: $components );
+@use "dataviz" as *;
+@use "map" as *;
+@use "orgchart" as *;
+@use "signature" as *;
+
+
+// Configuration
+@mixin config( $config: null ) {
+    @include core-configure( $config: $config );
 }
+
+
+// Output styles
 @mixin styles() {
+    // Core css variables
+    @include core-styles();
+
+    // Color system css variables
+    @include color-system-styles();
+
     // Typography and utils
-    @include typography.styles();
-    @include utils.styles();
+    @include typography-styles();
+    @include utils-styles();
 
 
     // Generic content
-    @include icon.styles();
-    @include messagebox.styles();
+    @include icon-styles();
+    @include messagebox-styles();
 
 
     // Primitive components
-    @include action-buttons.styles();
-    @include list.styles();
-    @include listgroup.styles();
-    @include overlay.styles();
-    @include popup.styles();
-    @include ripple.styles();
-    @include table.styles();
-    @include virtual-scroller.styles();
+    @include action-buttons-styles();
+    @include list-styles();
+    @include listgroup-styles();
+    @include overlay-styles();
+    @include popup-styles();
+    @include ripple-styles();
+    @include table-styles();
+    @include virtual-scroller-styles();
 
 
     // Indicators
-    @include avatar.styles();
-    @include badge.styles();
-    @include chip.styles();
-    @include color-preview.styles();
-    @include loader.styles();
-    @include skeleton.styles();
-    @include tooltip.styles();
+    @include avatar-styles();
+    @include badge-styles();
+    @include chip-styles();
+    @include color-preview-styles();
+    @include loader-styles();
+    @include skeleton-styles();
+    @include tooltip-styles();
 
 
     // Form helpers
-    @include forms.styles();
-    @include validator.styles();
-    @include floating-label.styles();
+    @include forms-styles();
+    @include validator-styles();
+    @include floating-label-styles();
 
 
     // Native forms
-    @include button.styles();
-    @include split-button.styles();
-    @include menu-button.styles();
-    @include input.styles();
-    @include textbox.styles();
-    @include textarea.styles();
-    @include checkbox.styles();
-    @include listbox.styles();
-    @include progressbar.styles();
-    @include radio.styles();
-    @include slider.styles();
+    @include button-styles();
+    @include split-button-styles();
+    @include menu-button-styles();
+    @include input-styles();
+    @include textbox-styles();
+    @include textarea-styles();
+    @include checkbox-styles();
+    @include listbox-styles();
+    @include progressbar-styles();
+    @include radio-styles();
+    @include slider-styles();
 
 
     // Form requirements
-    @include calendar.styles();
-    @include timeselector.styles();
+    @include calendar-styles();
+    @include timeselector-styles();
 
 
     // Augmented forms
-    @include autocomplete.styles();
-    @include captcha.styles();
-    @include colorpalette.styles();
-    @include colorgradient.styles();
-    @include coloreditor.styles();
-    @include colorpicker.styles();
-    @include combobox.styles();
-    @include dateinput.styles();
-    @include datepicker.styles();
-    @include timepicker.styles();
-    @include timedurationpicker.styles();
-    @include datetimepicker.styles();
-    @include daterangepicker.styles();
-    @include dropdowngrid.styles();
-    @include dropdownlist.styles();
-    @include dropdowntree.styles();
-    @include maskedtextbox.styles();
-    @include multiselect.styles();
-    @include numerictextbox.styles();
-    @include rating.styles();
-    @include searchbox.styles();
-    @include switch.styles();
-    @include upload.styles();
-    @include dropzone.styles();
+    @include autocomplete-styles();
+    @include captcha-styles();
+    @include colorpalette-styles();
+    @include colorgradient-styles();
+    @include coloreditor-styles();
+    @include colorpicker-styles();
+    @include combobox-styles();
+    @include dateinput-styles();
+    @include datepicker-styles();
+    @include timepicker-styles();
+    @include timedurationpicker-styles();
+    @include datetimepicker-styles();
+    @include daterangepicker-styles();
+    @include dropdowngrid-styles();
+    @include dropdownlist-styles();
+    @include dropdowntree-styles();
+    @include maskedtextbox-styles();
+    @include multiselect-styles();
+    @include numerictextbox-styles();
+    @include rating-styles();
+    @include searchbox-styles();
+    @include switch-styles();
+    @include upload-styles();
+    @include dropzone-styles();
 
 
     // Command interfaces
-    @include appbar.styles();
-    @include fab.styles();
-    @include menu.styles();
-    @include toolbar.styles();
+    @include appbar-styles();
+    @include fab-styles();
+    @include menu-styles();
+    @include toolbar-styles();
 
 
     // Popups and modals
-    @include window.styles();
-    @include action-sheet.styles();
-    @include dialog.styles();
-    @include drawer.styles();
-    @include notification.styles();
-    @include popover.styles();
-    @include responsivepanel.styles();
+    @include window-styles();
+    @include action-sheet-styles();
+    @include dialog-styles();
+    @include drawer-styles();
+    @include notification-styles();
+    @include popover-styles();
+    @include responsivepanel-styles();
 
 
     // Navigation
-    @include bottom-navigation.styles();
-    @include breadcrumb.styles();
-    @include pager.styles();
-    @include stepper.styles();
-    @include tabstrip.styles();
-    @include treeview.styles();
-    @include wizard.styles();
+    @include bottom-navigation-styles();
+    @include breadcrumb-styles();
+    @include pager-styles();
+    @include stepper-styles();
+    @include tabstrip-styles();
+    @include treeview-styles();
+    @include wizard-styles();
 
 
     // Layout & containers
-    @include card.styles();
-    @include expansion-panel.styles();
-    @include panelbar.styles();
-    @include splitter.styles();
-    @include tilelayout.styles();
+    @include card-styles();
+    @include expansion-panel-styles();
+    @include panelbar-styles();
+    @include splitter-styles();
+    @include tilelayout-styles();
 
 
     // Data management
-    @include grid.styles();
-    @include listview.styles();
-    @include spreadsheet.styles();
-    @include pivotgrid.styles();
-    @include treelist.styles();
-    @include filter.styles();
-    @include filemanager.styles();
-    @include taskboard.styles();
+    @include grid-styles();
+    @include listview-styles();
+    @include spreadsheet-styles();
+    @include pivotgrid-styles();
+    @include treelist-styles();
+    @include filter-styles();
+    @include filemanager-styles();
+    @include taskboard-styles();
 
 
     // Editors
-    @include editor.styles();
-    @include imageeditor.styles();
+    @include editor-styles();
+    @include imageeditor-styles();
 
 
     // Scheduling
-    @include gantt.styles();
-    @include scheduler.styles();
+    @include gantt-styles();
+    @include scheduler-styles();
 
 
     // Misc
-    @include adaptive.styles();
-    @include chat.styles();
-    @include mediaplayer.styles();
-    @include timeline.styles();
-    @include pdf-viewer.styles();
-    @include scroller.styles();
-    @include scrollview.styles();
+    @include adaptive-styles();
+    @include chat-styles();
+    @include mediaplayer-styles();
+    @include timeline-styles();
+    @include pdf-viewer-styles();
+    @include scroller-styles();
+    @include scrollview-styles();
 
 
     // Dataviz
-    @include dataviz.styles();
-    @include map.styles();
-    @include orgchart.styles();
-    @include signature.styles();
+    @include dataviz-styles();
+    @include map-styles();
+    @include orgchart-styles();
+    @include signature-styles();
 }