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

package/scss/upload/_index.scss

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

package/scss/upload/_layout.scss

@@ -0,0 +1,15 @@
+@use "../core/_index.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/upload/_layout.scss" as *;
+
+
+@mixin kendo-upload--layout() {
+    @include kendo-upload--layout-base();
+
+    .k-upload {
+        // Drop zone
+        .k-dropzone,
+        .k-upload-dropzone {
+            padding-inline-end: k-spacing(4);
+        }
+    }
+}

package/scss/upload/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/upload/_theme.scss" as *;
+
+
+@mixin kendo-upload--theme() {
+    @include kendo-upload--theme-base();
+}

package/scss/upload/_variables.scss

@@ -0,0 +1,152 @@
+@use "../core/_index.scss" as *;
+@use "../icons/_variables.scss" as *;
+
+// Upload
+
+/// The width of the border around the Upload.
+/// @group upload
+$kendo-upload-border-width: 1px !default;
+/// The border radius of the Upload.
+/// @group upload
+$kendo-upload-border-radius: k-border-radius(xxl) !default;
+/// The font family of the Upload.
+/// @group upload
+$kendo-upload-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Upload.
+/// @group upload
+$kendo-upload-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Upload.
+/// @group upload
+$kendo-upload-line-height: var( --kendo-line-height, normal ) !default;
+/// The maximum height of the list with uploaded items.
+/// @group upload
+$kendo-upload-max-height: 300px !default;
+
+/// The text color of the Upload.
+/// @group upload
+$kendo-upload-text: k-color(on-app-surface) !default;
+/// The background color of the Upload.
+/// @group upload
+$kendo-upload-bg: k-color(surface-alt) !default;
+/// The border color of the Upload.
+/// @group upload
+$kendo-upload-border: k-color(border) !default;
+
+/// The horizontal padding of the Upload dropzone.
+/// @group upload
+$kendo-upload-dropzone-padding-x: k-spacing(2.5) !default;
+/// The vertical padding of the Upload dropzone.
+/// @group upload
+$kendo-upload-dropzone-padding-y: k-spacing(2.5) !default;
+/// The text color of the Upload dropzone.
+/// @group upload
+$kendo-upload-dropzone-text: k-color(on-app-surface) !default;
+/// The background color of the Upload dropzone.
+/// @group upload
+$kendo-upload-dropzone-bg: k-color(surface) !default;
+/// The border color of the Upload dropzone.
+/// @group upload
+$kendo-upload-dropzone-border: $kendo-upload-border !default;
+/// The background color of the hovered Upload dropzone.
+/// @group upload
+$kendo-upload-dropzone-hover-bg: color-mix(in srgb, k-color(on-app-surface) 8%, transparent) !default;
+
+/// The text color of the Upload status message.
+/// @group upload
+$kendo-upload-status-text: k-color(subtle) !default;
+/// The opacity of the Upload status message.
+/// @group upload
+$kendo-upload-status-text-opacity: null !default;
+
+/// The horizontal padding of an uploaded item.
+/// @group upload
+$kendo-upload-item-padding-x: k-spacing(2.5) !default;
+/// The vertical padding of an uploaded item.
+/// @group upload
+$kendo-upload-item-padding-y: k-spacing(2.5) !default;
+
+/// The vertical spacing between uploaded batch items.
+/// @group upload
+$kendo-upload-multiple-items-spacing: k-spacing(3) !default;
+
+/// The font size of the Upload validation message.
+/// @group upload
+$kendo-upload-validation-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The line height of the Upload validation message.
+/// @group upload
+$kendo-upload-validation-line-height: var( --kendo-line-height-xs, normal ) !default;
+/// The horizontal spacing of the Upload status icon.
+/// @group upload
+$kendo-upload-icon-spacing: $kendo-icon-spacing !default;
+/// The color of the uploaded items icon.
+/// @group upload
+$kendo-upload-icon-color: k-color(subtle) !default;
+
+/// The thickness of the Upload progress bar.
+/// @group upload
+$kendo-upload-progress-thickness: 2px !default;
+/// The background color of the Upload progress bar.
+/// @group upload
+$kendo-upload-progress-bg: k-color(info) !default;
+
+/// The success text color of the Upload.
+/// @group upload
+$kendo-upload-success-text: k-color(success-on-surface) !default;
+/// The success background color of the Upload progress bar.
+/// @group upload
+$kendo-upload-success-bg: k-color(success) !default;
+
+/// The error text color of the Upload.
+/// @group upload
+$kendo-upload-error-text: k-color(error-on-surface) !default;
+/// The error background color of the Upload progress bar.
+/// @group upload
+$kendo-upload-error-bg: k-color(error) !default;
+
+/// The shadow of the focused Upload button, actions and uploaded items.
+/// @group upload
+$kendo-upload-focus-shadow: 0 0 0 2px k-color(border-alt) !default;
+
+/// The margin of the Upload list.
+/// @group upload
+$kendo-upload-files-list-margin: calc( -1 * #{k-spacing(1)} ) !default;
+
+/// The margin of the Upload.
+/// @group upload
+$kendo-upload-file-info-margin: k-spacing(2) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/upload/_variables.scss" with (
+    $kendo-upload-border-width: $kendo-upload-border-width,
+    $kendo-upload-border-radius: $kendo-upload-border-radius,
+    $kendo-upload-font-family: $kendo-upload-font-family,
+    $kendo-upload-font-size: $kendo-upload-font-size,
+    $kendo-upload-line-height: $kendo-upload-line-height,
+    $kendo-upload-max-height: $kendo-upload-max-height,
+    $kendo-upload-text: $kendo-upload-text,
+    $kendo-upload-bg: $kendo-upload-bg,
+    $kendo-upload-border: $kendo-upload-border,
+    $kendo-upload-dropzone-padding-x: $kendo-upload-dropzone-padding-x,
+    $kendo-upload-dropzone-padding-y: $kendo-upload-dropzone-padding-y,
+    $kendo-upload-dropzone-text: $kendo-upload-dropzone-text,
+    $kendo-upload-dropzone-bg: $kendo-upload-dropzone-bg,
+    $kendo-upload-dropzone-border: $kendo-upload-dropzone-border,
+    $kendo-upload-dropzone-hover-bg: $kendo-upload-dropzone-hover-bg,
+    $kendo-upload-status-text: $kendo-upload-status-text,
+    $kendo-upload-status-text-opacity: $kendo-upload-status-text-opacity,
+    $kendo-upload-item-padding-x: $kendo-upload-item-padding-x,
+    $kendo-upload-item-padding-y: $kendo-upload-item-padding-y,
+    $kendo-upload-multiple-items-spacing: $kendo-upload-multiple-items-spacing,
+    $kendo-upload-validation-font-size: $kendo-upload-validation-font-size,
+    $kendo-upload-validation-line-height: $kendo-upload-validation-line-height,
+    $kendo-upload-icon-spacing: $kendo-upload-icon-spacing,
+    $kendo-upload-icon-color: $kendo-upload-icon-color,
+    $kendo-upload-progress-thickness: $kendo-upload-progress-thickness,
+    $kendo-upload-progress-bg: $kendo-upload-progress-bg,
+    $kendo-upload-success-text: $kendo-upload-success-text,
+    $kendo-upload-success-bg: $kendo-upload-success-bg,
+    $kendo-upload-error-text: $kendo-upload-error-text,
+    $kendo-upload-error-bg: $kendo-upload-error-bg,
+    $kendo-upload-focus-shadow: $kendo-upload-focus-shadow,
+    $kendo-upload-files-list-margin: $kendo-upload-files-list-margin,
+    $kendo-upload-file-info-margin: $kendo-upload-file-info-margin
+);

package/scss/utils/_index.scss

@@ -0,0 +1 @@
+@forward "@progress/kendo-theme-utils/scss/index.scss";

package/scss/validator/_index.scss

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

package/scss/validator/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/validator/_layout.scss" as *;
+
+
+@mixin kendo-validator--layout() {
+    @include kendo-validator--layout-base();
+}

package/scss/validator/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/validator/_theme.scss" as *;
+
+
+@mixin kendo-validator--theme() {
+    @include kendo-validator--theme-base();
+}

package/scss/virtual-scroller/_index.scss

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

package/scss/virtual-scroller/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/virtual-scroller/_layout.scss" as *;
+
+
+@mixin kendo-virtual-scroller--layout() {
+    @include kendo-virtual-scroller--layout-base();
+}

package/scss/virtual-scroller/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/virtual-scroller/_theme.scss" as *;
+
+
+@mixin kendo-virtual-scroller--theme() {
+    @include kendo-virtual-scroller--theme-base();
+}

package/scss/virtual-scroller/_variables.scss

@@ -0,0 +1 @@
+// Virtual-scroller

package/scss/window/_index.scss

@@ -0,0 +1,26 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../icons/_index.scss" as *;
+@use "../overlay/_index.scss" as *;
+@use "../forms/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../action-buttons/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-window--styles() {
+    @include import-once( "window" ) {
+        @include core-styles();
+        @include kendo-overlay--styles();
+        @include kendo-form--styles();
+        @include kendo-button--styles();
+        @include kendo-action-buttons--styles();
+        @include kendo-icon--styles();
+        @include kendo-window--layout();
+        @include kendo-window--theme();
+    }
+}

package/scss/window/_layout.scss

@@ -0,0 +1,25 @@
+@use "@progress/kendo-theme-core/scss/components/window/_layout.scss" as *;
+@use "_variables.scss" as *;
+
+
+@mixin kendo-window--layout() {
+    @include kendo-window--layout-base();
+
+    .k-window-title {
+        font-weight: var( --kendo-font-weight-medium, normal );
+    }
+
+    .k-window-titlebar:last-child {
+        border-end-start-radius: $kendo-window-border-radius;
+        border-end-end-radius: $kendo-window-border-radius;
+    }
+
+    .k-window-content:first-child {
+        border-start-start-radius: $kendo-window-border-radius;
+        border-start-end-radius: $kendo-window-border-radius;
+    }
+    .k-window-content:last-child {
+        border-end-start-radius: $kendo-window-border-radius;
+        border-end-end-radius: $kendo-window-border-radius;
+    }
+}

package/scss/window/_theme.scss

@@ -0,0 +1,20 @@
+@use "../core/_index.scss" as *;
+@use "variables.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/window/_theme.scss" as *;
+
+
+@mixin kendo-window--theme() {
+    @include kendo-window--theme-base();
+
+    .k-window {
+        background-color: unset;
+    }
+    .k-window-titlebar {
+        backdrop-filter: k-translucency-blur(4);
+    }
+
+    .k-window-actions,
+    .k-window-content {
+        background-color: $kendo-window-bg;
+    }
+}

package/scss/window/_variables.scss

@@ -0,0 +1,134 @@
+@use "sass:map";
+@use "../action-buttons/_variables.scss" as *;
+@use "../core/_index.scss" as *;
+
+// Window
+
+/// The default size of the Window.
+/// @group window
+/// @role default
+$kendo-window-default-size: "auto" !default;
+
+/// The width of the border around the Window.
+/// @group window
+$kendo-window-border-width: 1px !default;
+/// The border radius of the Window.
+/// @group window
+$kendo-window-border-radius: k-border-radius(xxl) !default;
+/// The font family of the Window.
+/// @group window
+$kendo-window-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Window.
+/// @group window
+$kendo-window-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Window.
+/// @group window
+$kendo-window-line-height: var( --kendo-line-height, normal ) !default;
+
+/// The horizontal padding of the Window titlebar.
+/// @group window
+$kendo-window-titlebar-padding-x: k-spacing(4) !default;
+/// The vertical padding of the Window titlebar.
+/// @group window
+$kendo-window-titlebar-padding-y: k-spacing(4) !default;
+/// The width of the border of the Window titlebar.
+/// @group window
+$kendo-window-titlebar-border-width: 0 !default;
+/// The style of the border of the Window titlebar.
+/// @group window
+$kendo-window-titlebar-border-style: solid !default;
+
+/// The font size of the title of the Window.
+/// @group window
+$kendo-window-title-font-size: var( --kendo-font-size-lg, inherit ) !default;
+/// The line height of the title of the Window.
+/// @group window
+$kendo-window-title-line-height: calc( var( --kendo-line-height-xs, 1 ) * 1.2 ) !default;
+
+/// The spacing between the buttons in the Window titlebar.
+/// @group window
+$kendo-window-actions-gap: k-spacing(1) !default;
+/// The opacity of the buttons in the Window titlebar.
+/// @group window
+$kendo-window-action-opacity: null !default;
+/// The opacity of the hovered buttons in the Window titlebar.
+/// @group window
+$kendo-window-action-hover-opacity: null !default;
+
+/// The horizontal padding of the content of the Window.
+/// @group window
+$kendo-window-inner-padding-x: k-spacing(4) !default;
+/// The vertical padding of the content of the Window.
+/// @group window
+$kendo-window-inner-padding-y: k-spacing(2) !default;
+
+/// The horizontal padding of the Window action buttons.
+/// @group window
+$kendo-window-buttongroup-padding-x: k-spacing(4) !default;
+/// The vertical padding of the Window action buttons.
+/// @group window
+$kendo-window-buttongroup-padding-y: k-spacing(4) !default;
+/// The width of the top border of the Window action buttons.
+/// @group window
+$kendo-window-buttongroup-border-width: 0 !default;
+
+/// The background color of the Window.
+/// @group window
+$kendo-window-bg: k-elevation-bg(3, k-color(surface-alt)) !default;
+/// The text color of the Window.
+/// @group window
+$kendo-window-text: k-color(on-app-surface) !default;
+/// The border color of the Window.
+/// @group window
+$kendo-window-border: k-color(border) !default;
+/// The box shadow of the Window.
+/// @group window
+$kendo-window-shadow: k-elevation(3) !default;
+/// The box shadow of the focused Window.
+/// @group window
+$kendo-window-focus-shadow: k-elevation(5) !default;
+
+/// The background color of the Window titlebar.
+/// @group window
+$kendo-window-titlebar-bg: k-translucency-bg(k-elevation-bg(3, k-color(surface-alt))) !default;
+/// The text color of the Window titlebar.
+/// @group window
+$kendo-window-titlebar-text: k-color(on-app-surface) !default;
+/// The border color of the Window titlebar.
+/// @group window
+$kendo-window-titlebar-border: inherit !default;
+/// The background gradient of the Window titlebar.
+/// @group window
+$kendo-window-titlebar-gradient: null !default;
+
+@forward "@progress/kendo-theme-core/scss/components/window/_variables.scss" with (
+    $kendo-window-border-width: $kendo-window-border-width,
+    $kendo-window-border-radius: $kendo-window-border-radius,
+    $kendo-window-font-family: $kendo-window-font-family,
+    $kendo-window-font-size: $kendo-window-font-size,
+    $kendo-window-line-height: $kendo-window-line-height,
+    $kendo-window-titlebar-padding-x: $kendo-window-titlebar-padding-x,
+    $kendo-window-titlebar-padding-y: $kendo-window-titlebar-padding-y,
+    $kendo-window-titlebar-border-width: $kendo-window-titlebar-border-width,
+    $kendo-window-titlebar-border-style: $kendo-window-titlebar-border-style,
+    $kendo-window-title-font-size: $kendo-window-title-font-size,
+    $kendo-window-title-line-height: $kendo-window-title-line-height,
+    $kendo-window-actions-gap: $kendo-window-actions-gap,
+    $kendo-window-action-opacity: $kendo-window-action-opacity,
+    $kendo-window-action-hover-opacity: $kendo-window-action-hover-opacity,
+    $kendo-window-inner-padding-x: $kendo-window-inner-padding-x,
+    $kendo-window-inner-padding-y: $kendo-window-inner-padding-y,
+    $kendo-window-buttongroup-padding-x: $kendo-window-buttongroup-padding-x,
+    $kendo-window-buttongroup-padding-y: $kendo-window-buttongroup-padding-y,
+    $kendo-window-buttongroup-border-width: $kendo-window-buttongroup-border-width,
+    $kendo-window-bg: $kendo-window-bg,
+    $kendo-window-text: $kendo-window-text,
+    $kendo-window-border: $kendo-window-border,
+    $kendo-window-shadow: $kendo-window-shadow,
+    $kendo-window-focus-shadow: $kendo-window-focus-shadow,
+    $kendo-window-titlebar-bg: $kendo-window-titlebar-bg,
+    $kendo-window-titlebar-text: $kendo-window-titlebar-text,
+    $kendo-window-titlebar-border: $kendo-window-titlebar-border,
+    $kendo-window-titlebar-gradient: $kendo-window-titlebar-gradient,
+    $kendo-window-default-size: $kendo-window-default-size
+);

package/scss/wizard/_index.scss

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

package/scss/wizard/_layout.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/wizard/_layout.scss" as *;
+
+
+@mixin kendo-wizard--layout() {
+    @include kendo-wizard--layout-base();
+}

package/scss/wizard/_theme.scss

@@ -0,0 +1,6 @@
+@use "@progress/kendo-theme-core/scss/components/wizard/_theme.scss" as *;
+
+
+@mixin kendo-wizard--theme() {
+    @include kendo-wizard--theme-base();
+}

package/scss/wizard/_variables.scss

@@ -0,0 +1,49 @@
+@use "../core/_index.scss" as *;
+
+// Wizard
+
+/// The horizontal padding of the Wizard.
+/// @group wizard
+$kendo-wizard-padding-x: k-spacing(5) !default;
+/// The vertical padding of the Wizard.
+/// @group wizard
+$kendo-wizard-padding-y: k-spacing(5) !default;
+/// The horizontal padding of the Wizard content.
+/// @group wizard
+$kendo-wizard-content-padding-x: k-spacing(8) !default;
+/// The vertical padding of the Wizard content.
+/// @group wizard
+$kendo-wizard-content-padding-y: k-spacing(8) !default;
+/// The horizontal margin of the Wizard's Button container.
+/// @group wizard
+$kendo-wizard-buttons-margin-x: k-spacing(2.5) !default;
+
+/// The border width of the Wizard.
+/// @group wizard
+$kendo-wizard-border-width: 0px !default;
+/// The font size of the Wizard.
+/// @group wizard
+$kendo-wizard-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Wizard.
+/// @group wizard
+$kendo-wizard-line-height: var( --kendo-line-height, normal ) !default;
+/// The font family of the Wizard.
+/// @group wizard
+$kendo-wizard-font-family: var( --kendo-font-family, inherit ) !default;
+
+/// The outline of the focused Wizard step.
+/// @group wizard
+$kendo-wizard-step-focus-border: k-color(subtle) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/wizard/_variables.scss" with (
+    $kendo-wizard-padding-x: $kendo-wizard-padding-x,
+    $kendo-wizard-padding-y: $kendo-wizard-padding-y,
+    $kendo-wizard-content-padding-x: $kendo-wizard-content-padding-x,
+    $kendo-wizard-content-padding-y: $kendo-wizard-content-padding-y,
+    $kendo-wizard-buttons-margin-x: $kendo-wizard-buttons-margin-x,
+    $kendo-wizard-border-width: $kendo-wizard-border-width,
+    $kendo-wizard-font-size: $kendo-wizard-font-size,
+    $kendo-wizard-line-height: $kendo-wizard-line-height,
+    $kendo-wizard-font-family: $kendo-wizard-font-family,
+    $kendo-wizard-step-focus-border: $kendo-wizard-step-focus-border
+);