@progress/kendo-theme-meridian 14.0.0-dev.1

package/scss/index.scss

@@ -0,0 +1,486 @@
+// Forward component modules by dependency order
+
+@forward "./core/_index.scss";
+@forward "./typography/_index.scss";
+@forward "./icons/_index.scss";
+@forward "./messagebox/_index.scss";
+@forward "./draggable/_index.scss";
+@forward "./list/_index.scss";
+@forward "./listgroup/_index.scss";
+@forward "./overlay/_index.scss";
+@forward "./popup/_index.scss";
+@forward "./ripple/_index.scss";
+@forward "./table/_index.scss";
+@forward "./gridlayout/_index.scss";
+@forward "./stacklayout/_index.scss";
+@forward "./virtual-scroller/_index.scss";
+@forward "./no-data/_index.scss";
+@forward "./suggestion/_index.scss";
+@forward "./bubble/_index.scss";
+@forward "./avatar/_index.scss";
+@forward "./badge/_index.scss";
+@forward "./color-preview/_index.scss";
+@forward "./loader/_index.scss";
+@forward "./skeleton/_index.scss";
+@forward "./time-marker/_index.scss";
+@forward "./tooltip/_index.scss";
+@forward "./button/_index.scss";
+@forward "./speech-to-text-button/_index.scss";
+@forward "./input/_index.scss";
+@forward "./floating-label/_index.scss";
+@forward "./textbox/_index.scss";
+@forward "./textarea/_index.scss";
+@forward "./segmented-control/_index.scss";
+@forward "./smart-box/_index.scss";
+@forward "./checkbox/_index.scss";
+@forward "./listbox/_index.scss";
+@forward "./progressbar/_index.scss";
+@forward "./radio/_index.scss";
+@forward "./slider/_index.scss";
+@forward "./chip/_index.scss";
+@forward "./action-buttons/_index.scss";
+@forward "./menu/_index.scss";
+@forward "./menu-button/_index.scss";
+@forward "./split-button/_index.scss";
+@forward "./toolbar/_index.scss";
+@forward "./forms/_index.scss";
+@forward "./validator/_index.scss";
+@forward "./calendar/_index.scss";
+@forward "./timeselector/_index.scss";
+@forward "./autocomplete/_index.scss";
+@forward "./captcha/_index.scss";
+@forward "./colorpalette/_index.scss";
+@forward "./numerictextbox/_index.scss";
+@forward "./colorgradient/_index.scss";
+@forward "./coloreditor/_index.scss";
+@forward "./colorpicker/_index.scss";
+@forward "./combobox/_index.scss";
+@forward "./dateinput/_index.scss";
+@forward "./datepicker/_index.scss";
+@forward "./timepicker/_index.scss";
+@forward "./datetimepicker/_index.scss";
+@forward "./timedurationpicker/_index.scss";
+@forward "./daterangepicker/_index.scss";
+@forward "./dropdowngrid/_index.scss";
+@forward "./dropdownlist/_index.scss";
+@forward "./multiselect/_index.scss";
+@forward "./treeview/_index.scss";
+@forward "./dropdowntree/_index.scss";
+@forward "./maskedtextbox/_index.scss";
+@forward "./rating/_index.scss";
+@forward "./searchbox/_index.scss";
+@forward "./switch/_index.scss";
+@forward "./dropzone/_index.scss";
+@forward "./upload/_index.scss";
+@forward "./appbar/_index.scss";
+@forward "./fab/_index.scss";
+@forward "./card/_index.scss";
+@forward "./action-sheet/_index.scss";
+@forward "./window/_index.scss";
+@forward "./dialog/_index.scss";
+@forward "./drawer/_index.scss";
+@forward "./notification/_index.scss";
+@forward "./popover/_index.scss";
+@forward "./responsivepanel/_index.scss";
+@forward "./bottom-navigation/_index.scss";
+@forward "./breadcrumb/_index.scss";
+@forward "./pager/_index.scss";
+@forward "./stepper/_index.scss";
+@forward "./tabstrip/_index.scss";
+@forward "./wizard/_index.scss";
+@forward "./expansion-panel/_index.scss";
+@forward "./panel/_index.scss";
+@forward "./panelbar/_index.scss";
+@forward "./splitter/_index.scss";
+@forward "./tilelayout/_index.scss";
+@forward "./dock-manager/_index.scss";
+@forward "./adaptive/_index.scss";
+@forward "./grid/_index.scss";
+@forward "./listview/_index.scss";
+@forward "./spreadsheet/_index.scss";
+@forward "./pivotgrid/_index.scss";
+@forward "./treelist/_index.scss";
+@forward "./filter/_index.scss";
+@forward "./filemanager/_index.scss";
+@forward "./taskboard/_index.scss";
+@forward "./editor/_index.scss";
+@forward "./imageeditor/_index.scss";
+@forward "./gantt/_index.scss";
+@forward "./scheduler/_index.scss";
+@forward "./file-box/_index.scss";
+@forward "./prompt-box/_index.scss";
+@forward "./chat/_index.scss";
+@forward "./mediaplayer/_index.scss";
+@forward "./timeline/_index.scss";
+@forward "./pdf-viewer/_index.scss";
+@forward "./scroller/_index.scss";
+@forward "./scrollview/_index.scss";
+@forward "./speech-to-text-button/_index.scss";
+@forward "./prompt/_index.scss";
+@forward "./dataviz/_index.scss";
+@forward "./chart-wizard/_index.scss";
+@forward "./map/_index.scss";
+@forward "./orgchart/_index.scss";
+@forward "./signature/_index.scss";
+@forward "./otp/_index.scss";
+@forward "./column-menu/_index.scss";
+@forward "./marquee/_index.scss";
+
+
+// Use component modules
+@use "./core/_index.scss" as *;
+
+
+// Typography
+@use "./typography/_index.scss" as *;
+
+
+// Generic content
+@use "./icons/_index.scss" as *;
+@use "./messagebox/_index.scss" as *;
+
+
+// Primitive components
+@use "./draggable/_index.scss" as *;
+@use "./list/_index.scss" as *;
+@use "./listgroup/_index.scss" as *;
+@use "./overlay/_index.scss" as *;
+@use "./popup/_index.scss" as *;
+@use "./ripple/_index.scss" as *;
+@use "./table/_index.scss" as *;
+@use "./virtual-scroller/_index.scss" as *;
+@use "./no-data/_index.scss" as *;
+@use "./suggestion/_index.scss" as *;
+@use "./bubble/_index.scss" as *;
+@use "./column-menu/_index.scss" as *;
+
+
+// Indicators
+@use "./avatar/_index.scss" as *;
+@use "./badge/_index.scss" as *;
+@use "./chip/_index.scss" as *;
+@use "./color-preview/_index.scss" as *;
+@use "./loader/_index.scss" as *;
+@use "./skeleton/_index.scss" as *;
+@use "./time-marker/_index.scss" as *;
+@use "./marquee/_index.scss" as *;
+
+
+// Native forms
+@use "./button/_index.scss" as *;
+@use "./split-button/_index.scss" as *;
+@use "./menu-button/_index.scss" as *;
+@use "./speech-to-text-button/_index.scss" as *;
+@use "./input/_index.scss" as *;
+@use "./textbox/_index.scss" as *;
+@use "./textarea/_index.scss" as *;
+@use "./checkbox/_index.scss" as *;
+@use "./listbox/_index.scss" as *;
+@use "./progressbar/_index.scss" as *;
+@use "./radio/_index.scss" as *;
+@use "./slider/_index.scss" as *;
+
+
+// Form helpers
+@use "./forms/_index.scss" as *;
+@use "./validator/_index.scss" as *;
+@use "./floating-label/_index.scss" as *;
+
+// Form requirements
+@use "./calendar/_index.scss" as *;
+@use "./timeselector/_index.scss" as *;
+
+
+// Augmented forms
+@use "./autocomplete/_index.scss" as *;
+@use "./captcha/_index.scss" as *;
+@use "./colorpalette/_index.scss" as *;
+@use "./colorgradient/_index.scss" as *;
+@use "./coloreditor/_index.scss" as *;
+@use "./colorpicker/_index.scss" as *;
+@use "./combobox/_index.scss" as *;
+@use "./dateinput/_index.scss" as *;
+@use "./datepicker/_index.scss" as *;
+@use "./timepicker/_index.scss" as *;
+@use "./datetimepicker/_index.scss" as *;
+@use "./timedurationpicker/_index.scss" as *;
+@use "./daterangepicker/_index.scss" as *;
+@use "./dropdowngrid/_index.scss" as *;
+@use "./dropdownlist/_index.scss" as *;
+@use "./dropdowntree/_index.scss" as *;
+@use "./maskedtextbox/_index.scss" as *;
+@use "./multiselect/_index.scss" as *;
+@use "./numerictextbox/_index.scss" as *;
+@use "./rating/_index.scss" as *;
+@use "./searchbox/_index.scss" as *;
+@use "./switch/_index.scss" as *;
+@use "./upload/_index.scss" as *;
+@use "./dropzone/_index.scss" as *;
+@use "./otp/_index.scss" as *;
+
+
+// Command interfaces
+@use "./action-buttons/_index.scss" as *;
+@use "./appbar/_index.scss" as *;
+@use "./fab/_index.scss" as *;
+@use "./menu/_index.scss" as *;
+@use "./toolbar/_index.scss" as *;
+
+
+// Popups and modals
+@use "./action-sheet/_index.scss" as *;
+@use "./dialog/_index.scss" as *;
+@use "./drawer/_index.scss" as *;
+@use "./notification/_index.scss" as *;
+@use "./popover/_index.scss" as *;
+@use "./responsivepanel/_index.scss" as *;
+@use "./tooltip/_index.scss" as *;
+@use "./window/_index.scss" as *;
+
+
+// Navigation
+@use "./bottom-navigation/_index.scss" as *;
+@use "./breadcrumb/_index.scss" as *;
+@use "./pager/_index.scss" as *;
+@use "./stepper/_index.scss" as *;
+@use "./tabstrip/_index.scss" as *;
+@use "./treeview/_index.scss" as *;
+@use "./wizard/_index.scss" as *;
+
+
+// Layout & containers
+@use "./card/_index.scss" as *;
+@use "./expansion-panel/_index.scss" as *;
+@use "./panel/_index.scss" as *;
+@use "./panelbar/_index.scss" as *;
+@use "./splitter/_index.scss" as *;
+@use "./tilelayout/_index.scss" as *;
+@use "./gridlayout/_index.scss" as *;
+@use "./stacklayout/_index.scss" as *;
+@use "./dock-manager/_index.scss" as *;
+@use "./chart-wizard/_index.scss" as *;
+
+
+// Data management
+@use "./grid/_index.scss" as *;
+@use "./listview/_index.scss" as *;
+@use "./spreadsheet/_index.scss" as *;
+@use "./pivotgrid/_index.scss" as *;
+@use "./treelist/_index.scss" as *;
+@use "./filter/_index.scss" as *;
+@use "./filemanager/_index.scss" as *;
+@use "./taskboard/_index.scss" as *;
+
+
+// Editors
+@use "./editor/_index.scss" as *;
+@use "./imageeditor/_index.scss" as *;
+
+
+// Scheduling
+@use "./gantt/_index.scss" as *;
+@use "./scheduler/_index.scss" as *;
+
+
+// Misc
+@use "./adaptive/_index.scss" as *;
+@use "./file-box/_index.scss" as *;
+@use "./chat/_index.scss" as *;
+@use "./mediaplayer/_index.scss" as *;
+@use "./timeline/_index.scss" as *;
+@use "./pdf-viewer/_index.scss" as *;
+@use "./scroller/_index.scss" as *;
+@use "./scrollview/_index.scss" as *;
+@use "./prompt/_index.scss" as *;
+@use "./segmented-control/_index.scss" as *;
+@use "./smart-box/_index.scss" as *;
+@use "./prompt-box/_index.scss" as *;
+
+
+// Dataviz
+@use "./dataviz/_index.scss" as *;
+@use "./map/_index.scss" as *;
+@use "./orgchart/_index.scss" as *;
+@use "./signature/_index.scss" as *;
+
+
+// Styles
+@mixin kendo-theme--styles() {
+    // Core
+    @include core-styles();
+    @include kendo-translucency--styles();
+
+
+    // Typography
+    @include kendo-typography--styles();
+
+
+    // Generic content
+    @include kendo-icon--styles();
+    @include kendo-messagebox--styles();
+
+
+    // Primitive components
+    @include kendo-draggable--styles();
+    @include kendo-list--styles();
+    @include kendo-listgroup--styles();
+    @include kendo-action-buttons--styles();
+    @include kendo-overlay--styles();
+    @include kendo-popup--styles();
+    @include kendo-ripple--styles();
+    @include kendo-table--styles();
+    @include kendo-virtual-scroller--styles();
+    @include kendo-no-data--styles();
+    @include kendo-suggestion--styles();
+    @include kendo-bubble--styles();
+    @include kendo-column-menu--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();
+    @include kendo-time-marker--styles();
+    @include kendo-marquee--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-speech-to-text-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();
+    @include kendo-otp--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-panel--styles();
+    @include kendo-panelbar--styles();
+    @include kendo-splitter--styles();
+    @include kendo-tile-layout--styles();
+    @include kendo-grid-layout--styles();
+    @include kendo-stack-layout--styles();
+    @include kendo-dock-manager--styles();
+    @include kendo-chart-wizard--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-file-box--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();
+    @include kendo-prompt--styles();
+    @include kendo-segmented-control--styles();
+    @include kendo-smart-box--styles();
+    @include kendo-prompt-box--styles();
+
+
+    // Dataviz
+    @include kendo-dataviz--styles();
+    @include kendo-map--styles();
+    @include kendo-orgchart--styles();
+    @include kendo-signature--styles();
+}

package/scss/input/_index.scss

@@ -0,0 +1,18 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../button/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-input--styles() {
+    @include import-once( "input" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-input--layout();
+        @include kendo-input--theme();
+    }
+}

package/scss/input/_layout.scss

@@ -0,0 +1,93 @@
+@use "sass:map";
+@use "../core/index.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/input/_layout.scss" as *;
+@use "../core/functions/index.scss" as *;
+@use "../input/_variables.scss" as *;
+@use "../core/z-index/index.scss" as *;
+
+
+@mixin kendo-input--layout() {
+    @include kendo-input--layout-base();
+
+    .k-input {
+        transition: color k-transition(rapid), background-color k-transition(rapid), border-color k-transition(rapid), outline k-transition(rapid), opacity k-transition(rapid);
+
+        .k-input-button,
+        .k-input-spinner {
+            // border-inline-start-width: 0;
+            position: relative;
+
+            &::before {
+                content: "";
+                display: block;
+                position: absolute;
+                inset-inline-start: 0;
+                width: 1px;
+                z-index: k-z-index("base", 1);
+            }
+        }
+
+        .k-input-spinner {
+            .k-spinner-increase {
+                padding-block-end: 0;
+            }
+
+            .k-spinner-decrease {
+                padding-block-start: 0;
+            }
+        }
+
+        // Sizing
+        @each $size, $size-props in $kendo-input-sizes {
+            $_padding-x: map.get( $size-props, padding-x );
+            $_padding-y: map.get( $size-props, padding-y );
+
+            #{k-when-default($kendo-input-default-size, $size)}
+            &.k-input-#{$size} {
+                .k-input-icon,
+                .k-input-validation-icon,
+                .k-input-loading-icon,
+                .k-input-prefix > .k-icon,
+                .k-input-prefix > .k-icon-wrapper-host .k-icon,
+                .k-input-prefix > .k-input-prefix-text,
+                .k-input-suffix > .k-icon,
+                .k-input-suffix > .k-icon-wrapper-host .k-icon,
+                .k-input-suffix > .k-input-suffix-text {
+                    padding-block: calc( (#{$_padding-x} + #{$_padding-y}) / 2) ;
+                    padding-inline: calc( (#{$_padding-x} + #{$_padding-y}) / 2) ;
+                }
+
+                .k-clear-value {
+                    padding-block: calc( (#{$_padding-x} + #{$_padding-y}) / 2) ;
+                    padding-inline: 0 $_padding-x;
+                }
+
+                .k-input-inner + .k-input-validation-icon {
+                    padding-inline-start: 0;
+                }
+
+                .k-input-button,
+                .k-input-spinner {
+                    &::before {
+                        top: calc( #{$_padding-x} / 2 );
+                        bottom: calc( #{$_padding-x} / 2 );
+                    }
+                }
+            }
+        }
+    }
+
+    .k-input,
+    .k-picker {
+        > .k-input,
+        > .k-picker {
+            outline: 0;
+
+            &:focus,
+            &.k-focus,
+            &:focus-within {
+                outline: 0;
+            }
+        }
+    }
+}

package/scss/input/_theme.scss

@@ -0,0 +1,81 @@
+@use "@progress/kendo-theme-core/scss/components/input/_theme.scss" as *;
+@use "../core/_index.scss" as *;
+@use "../input/_variables.scss" as *;
+
+
+@mixin kendo-input--theme() {
+    @include kendo-input--theme-base();
+
+    // Input
+    .k-input {
+        .k-input-button,
+        .k-spinner-increase,
+        .k-spinner-decrease {
+            background-color: k-color(surface-alt);
+        }
+
+        .k-input-button,
+        .k-input-spinner {
+            &::before {
+                background-color: k-color(border);
+                opacity: 1;
+            }
+        }
+
+        &.k-focus,
+        &:focus,
+        &:focus-within {
+            @include focus-indicator(
+                $type: "outline",
+                $indicator: $kendo-input-focus-outline-color,
+                $outline-width: $kendo-input-focus-outline-width,
+                $outline-offset: $kendo-input-focus-outline-offset
+            );
+        }
+
+        &.k-invalid.k-focus,
+        &.k-invalid:focus,
+        &.k-invalid:focus-within {
+            outline-color: $kendo-input-invalid-focus-outline;
+        }
+
+        .k-clear-value {
+            color: k-color(subtle);
+        }
+    }
+
+    // Picker
+    .k-picker {
+        &.k-focus,
+        &:focus,
+        &:focus-within {
+            @include focus-indicator(
+                $type: "outline",
+                $indicator: $kendo-picker-focus-outline-color,
+                $outline-width: $kendo-picker-focus-outline-width,
+                $outline-offset: $kendo-picker-focus-outline-offset
+            );
+        }
+
+        &.k-invalid.k-focus,
+        &.k-invalid:focus,
+        &.k-invalid:focus-within {
+            outline-color: $kendo-picker-invalid-focus-outline;
+        }
+    }
+
+    .k-input,
+    .k-picker {
+        .k-input-button {
+            &:hover,
+            &.k-hover {
+                background: none !important; // stylelint-disable-line declaration-no-important
+            }
+
+            &:focus,
+            &.k-focus {
+                outline: none;
+            }
+        }
+    }
+}