@progress/kendo-theme-material 14.4.0-dev.2 → 14.4.0-dev.4

package/scss/checkpoint/_variables.scss

@@ -0,0 +1,33 @@
+@use "../core/_index.scss" as *;
+
+/// The color of the Checkpoint separator line.
+/// @group checkpoint
+$kendo-checkpoint-line-color: k-color(border) !default;
+/// The gap between the Checkpoint line and stamp.
+/// @group checkpoint
+$kendo-checkpoint-gap: k-spacing(1.5) !default;
+/// The width of the Checkpoint separator line.
+/// @group checkpoint
+$kendo-checkpoint-line-width: 1px !default;
+/// The font size of the Checkpoint stamp text.
+/// @group checkpoint
+$kendo-checkpoint-stamp-font-size: var(--kendo-font-size-md) !default;
+/// The text color of the Checkpoint stamp.
+/// @group checkpoint
+$kendo-checkpoint-stamp-color: k-color(subtle) !default;
+/// The font weight of the Checkpoint stamp text.
+/// @group checkpoint
+$kendo-checkpoint-stamp-font-weight: null !default;
+/// The horizontal padding of the Checkpoint stamp.
+/// @group checkpoint
+$kendo-checkpoint-stamp-padding-x: k-spacing(1) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/checkpoint/_variables.scss" with (
+    $kendo-checkpoint-line-color: $kendo-checkpoint-line-color,
+    $kendo-checkpoint-gap: $kendo-checkpoint-gap,
+    $kendo-checkpoint-line-width: $kendo-checkpoint-line-width,
+    $kendo-checkpoint-stamp-font-size: $kendo-checkpoint-stamp-font-size,
+    $kendo-checkpoint-stamp-color: $kendo-checkpoint-stamp-color,
+    $kendo-checkpoint-stamp-font-weight: $kendo-checkpoint-stamp-font-weight,
+    $kendo-checkpoint-stamp-padding-x: $kendo-checkpoint-stamp-padding-x
+);

package/scss/citation/_index.scss

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

package/scss/citation/_layout.scss

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

package/scss/citation/_theme.scss

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

package/scss/citation/_variables.scss

@@ -0,0 +1,15 @@
+@use "../core/_index.scss" as *;
+
+// Citation
+
+/// The padding of the CitationPopover view.
+/// @group citation
+$kendo-citation-popover-view-padding: k-spacing(4) !default;
+/// The text color of the CitationPopover page indicator.
+/// @group citation
+$kendo-citation-pages-color: k-color(subtle) !default;
+
+@forward "@progress/kendo-theme-core/scss/components/citation/_variables.scss" with (
+    $kendo-citation-popover-view-padding: $kendo-citation-popover-view-padding,
+    $kendo-citation-pages-color: $kendo-citation-pages-color
+);

package/scss/filemanager/_variables.scss

@@ -159,6 +159,10 @@ $kendo-file-manager-preview-spacing: $kendo-file-manager-spacer !default;
 /// The gap between the columns in the FileManager preview.
 /// @group file-manager
 $kendo-file-manager-preview-column-gap: k-spacing(1) !default;
+
+/// The icon spacing in FileManager items.
+/// @group file-manager
+$kendo-file-manager-icon-spacing: k-spacing(2) !default;
 /// The background color of the FileManager preview.
 /// @group file-manager
 $kendo-file-manager-preview-bg: null !default;
@@ -229,6 +233,7 @@ $kendo-file-manager-preview-icon-border: null !default;
     $kendo-file-manager-preview-border-width: $kendo-file-manager-preview-border-width,
     $kendo-file-manager-preview-spacing: $kendo-file-manager-preview-spacing,
     $kendo-file-manager-preview-column-gap: $kendo-file-manager-preview-column-gap,
+    $kendo-file-manager-icon-spacing: $kendo-file-manager-icon-spacing,
     $kendo-file-manager-preview-bg: $kendo-file-manager-preview-bg,
     $kendo-file-manager-preview-text: $kendo-file-manager-preview-text,
     $kendo-file-manager-preview-border: $kendo-file-manager-preview-border,

package/scss/grid/_variables.scss

@@ -192,6 +192,10 @@ $kendo-grid-header-first-border: 1px !default;
 /// @group grid
 $kendo-grid-header-menu-icon-spacing: k-spacing(3.5) !default;
 
+/// The spacing between icon and text in Grid column menu items.
+/// @group grid
+$kendo-grid-column-menu-icon-spacing: k-spacing(2) !default;
+
 /// The width of the border around the Grid toolbar.
 /// @group grid
 $kendo-grid-toolbar-border-width: $kendo-grid-border-width !default;
@@ -591,6 +595,7 @@ $kendo-grid-pinned-source-font-weight: var(--kendo-font-weight-semibold) !defaul
     $kendo-grid-header-font-size: $kendo-grid-header-font-size,
     $kendo-grid-header-first-border: $kendo-grid-header-first-border,
     $kendo-grid-header-menu-icon-spacing: $kendo-grid-header-menu-icon-spacing,
+    $kendo-grid-column-menu-icon-spacing: $kendo-grid-column-menu-icon-spacing,
     $kendo-grid-toolbar-border-width: $kendo-grid-toolbar-border-width,
     $kendo-grid-cell-horizontal-border-width: $kendo-grid-cell-horizontal-border-width,
     $kendo-grid-cell-vertical-border-width: $kendo-grid-cell-vertical-border-width,

package/scss/icons/_variables.scss

@@ -8,27 +8,6 @@ $kendo-icon-default-size: "md" !default;
 /// The default size icon size.
 /// @group icon
 $kendo-icon-size: 16px !default;
-/// The extra small icon size.
-/// @group icon
-$kendo-icon-size-xs: calc( #{$kendo-icon-size} * .75 ) !default;
-/// The small icon size.
-/// @group icon
-$kendo-icon-size-sm: calc( #{$kendo-icon-size} * .875 ) !default;
-/// The medium icon size.
-/// @group icon
-$kendo-icon-size-md: $kendo-icon-size !default;
-/// The large icon size.
-/// @group icon
-$kendo-icon-size-lg: calc( #{$kendo-icon-size} * 1.25 ) !default;
-/// The extra large icon size.
-/// @group icon
-$kendo-icon-size-xl: calc( #{$kendo-icon-size} * 1.5 ) !default;
-/// The double extra large icon size.
-/// @group icon
-$kendo-icon-size-xxl: calc( #{$kendo-icon-size} * 2 ) !default;
-/// The triple extra large icon size.
-/// @group icon
-$kendo-icon-size-xxxl: calc( #{$kendo-icon-size} * 3 ) !default;
 /// The default icon spacing.
 /// @group icon
 $kendo-icon-spacing: k-spacing(2) !default;
@@ -46,13 +25,6 @@ $kendo-action-icon-color: k-color( primary-on-surface ) !default;
 @forward "@progress/kendo-theme-core/scss/components/icons/_variables.scss" with (
     $kendo-icon-default-size: $kendo-icon-default-size,
     $kendo-icon-size: $kendo-icon-size,
-    $kendo-icon-size-xs: $kendo-icon-size-xs,
-    $kendo-icon-size-sm: $kendo-icon-size-sm,
-    $kendo-icon-size-md: $kendo-icon-size-md,
-    $kendo-icon-size-lg: $kendo-icon-size-lg,
-    $kendo-icon-size-xl: $kendo-icon-size-xl,
-    $kendo-icon-size-xxl: $kendo-icon-size-xxl,
-    $kendo-icon-size-xxxl: $kendo-icon-size-xxxl,
     $kendo-icon-spacing: $kendo-icon-spacing,
     $kendo-icon-padding: $kendo-icon-padding,
     $kendo-accent-icon-color: $kendo-accent-icon-color,

package/scss/index.scss

@@ -109,6 +109,9 @@
 @forward "./file-box/_index.scss";
 @forward "./prompt-box/_index.scss";
 @forward "./chat/_index.scss";
+@forward "./agent-response/_index.scss";
+@forward "./citation/_index.scss";
+@forward "./checkpoint/_index.scss";
 @forward "./mediaplayer/_index.scss";
 @forward "./timeline/_index.scss";
 @forward "./pdf-viewer/_index.scss";
@@ -282,6 +285,9 @@
 // Misc
 @use "./file-box/_index.scss" as *;
 @use "./chat/_index.scss" as *;
+@use "./agent-response/_index.scss" as *;
+@use "./citation/_index.scss" as *;
+@use "./checkpoint/_index.scss" as *;
 @use "./mediaplayer/_index.scss" as *;
 @use "./timeline/_index.scss" as *;
 @use "./pdf-viewer/_index.scss" as *;
@@ -462,6 +468,9 @@
     // Misc
     @include kendo-file-box--styles();
     @include kendo-chat--styles();
+    @include kendo-agent-response--styles();
+    @include kendo-citation--styles();
+    @include kendo-checkpoint--styles();
     @include kendo-media-player--styles();
     @include kendo-timeline--styles();
     @include kendo-pdf-viewer--styles();

package/scss/menu/_variables.scss

@@ -148,6 +148,10 @@ $kendo-menu-icon-padding-x: k-spacing(1) !default;
 /// @group menu
 $kendo-menu-icon-padding-y: k-spacing(1) !default;
 
+/// The spacing used for the menu expand arrow negative offset.
+/// @group menu
+$kendo-menu-expand-arrow-spacing: k-spacing(2) !default;
+
 
 // Menu Separator
 
@@ -351,6 +355,7 @@ $kendo-menu-popup-item-focus-shadow: null !default;
     $kendo-menu-scroll-button-hover-gradient: $kendo-menu-scroll-button-hover-gradient,
     $kendo-menu-icon-padding-x: $kendo-menu-icon-padding-x,
     $kendo-menu-icon-padding-y: $kendo-menu-icon-padding-y,
+    $kendo-menu-expand-arrow-spacing: $kendo-menu-expand-arrow-spacing,
     $kendo-menu-separator-margin-inline: $kendo-menu-separator-margin-inline,
     $kendo-menu-separator-margin-block: $kendo-menu-separator-margin-block,
     $kendo-menu-separator-border: $kendo-menu-separator-border,

package/scss/panelbar/_variables.scss

@@ -40,6 +40,10 @@ $kendo-panelbar-item-padding-x: k-spacing(4) !default;
 /// @group panelbar
 $kendo-panelbar-item-padding-y: k-spacing(3.5) !default;
 
+/// The spacing between icon and text in PanelBar items.
+/// @group panelbar
+$kendo-panelbar-item-icon-spacing: k-spacing(2) !default;
+
 /// The maximum nesting of the PanelBar items.
 /// @group panelbar
 $kendo-panelbar-item-level-count: 4 !default;
@@ -281,6 +285,7 @@ $kendo-panelbar-header-expanded-gradient: null !default;
     $kendo-panelbar-header-padding-y: $kendo-panelbar-header-padding-y,
     $kendo-panelbar-item-padding-x: $kendo-panelbar-item-padding-x,
     $kendo-panelbar-item-padding-y: $kendo-panelbar-item-padding-y,
+    $kendo-panelbar-item-icon-spacing: $kendo-panelbar-item-icon-spacing,
     $kendo-panelbar-item-level-count: $kendo-panelbar-item-level-count,
     $kendo-panelbar-bg: $kendo-panelbar-bg,
     $kendo-panelbar-text: $kendo-panelbar-text,

package/scss/scheduler/_variables.scss

@@ -263,6 +263,10 @@ $kendo-scheduler-marquee-label-inset-x: k-spacing(2) !default;
 /// @group scheduler
 $kendo-scheduler-marquee-label-inset-y: k-spacing(0.5) !default;
 
+/// The spacing between icon and text in Scheduler navigation items.
+/// @group scheduler
+$kendo-scheduler-nav-item-icon-spacing: k-spacing(2) !default;
+
 /// The background color of the Scheduler header.
 /// @group scheduler
 $kendo-scheduler-header-bg: k-color(app-surface) !default;
@@ -364,6 +368,7 @@ $kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
     $kendo-scheduler-indicators-margin: $kendo-scheduler-indicators-margin,
     $kendo-scheduler-marquee-label-inset-x: $kendo-scheduler-marquee-label-inset-x,
     $kendo-scheduler-marquee-label-inset-y: $kendo-scheduler-marquee-label-inset-y,
+    $kendo-scheduler-nav-item-icon-spacing: $kendo-scheduler-nav-item-icon-spacing,
     $kendo-scheduler-header-bg: $kendo-scheduler-header-bg,
     $kendo-scheduler-adaptive-bg: $kendo-scheduler-adaptive-bg,
     $kendo-scheduler-adaptive-text: $kendo-scheduler-adaptive-text,

package/scss/stepper/_variables.scss

@@ -30,6 +30,10 @@ $kendo-stepper-label-padding-y: k-spacing(1.5) !default;
 /// The border radius of the Stepper label.
 /// @group stepper
 $kendo-stepper-label-border-radius: k-border-radius(xxl) !default;
+
+/// The spacing between icon and text in Stepper labels.
+/// @group stepper
+$kendo-stepper-label-icon-spacing: k-spacing(2) !default;
 /// The width of the border around the Stepper.
 /// @group stepper
 $kendo-stepper-border-width: 0px !default;
@@ -244,6 +248,7 @@ $kendo-stepper-content-transition-timing-function: k-easing(standard) !default;
     $kendo-stepper-label-padding-x: $kendo-stepper-label-padding-x,
     $kendo-stepper-label-padding-y: $kendo-stepper-label-padding-y,
     $kendo-stepper-label-border-radius: $kendo-stepper-label-border-radius,
+    $kendo-stepper-label-icon-spacing: $kendo-stepper-label-icon-spacing,
     $kendo-stepper-border-width: $kendo-stepper-border-width,
     $kendo-stepper-inline-content-padding-x: $kendo-stepper-inline-content-padding-x,
     $kendo-stepper-inline-content-padding-y: $kendo-stepper-inline-content-padding-y,

package/scss/tabstrip/_variables.scss

@@ -81,6 +81,10 @@ $kendo-tabstrip-item-border-radius: 0px !default;
 /// The gap between the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-gap: k-spacing(0) !default;
+
+/// The spacing between icon and text in TabStrip tab items.
+/// @group tabstrip
+$kendo-tabstrip-item-icon-spacing: k-spacing(2) !default;
 /// The horizontal spacing of the TabStrip items.
 /// @group tabstrip
 $kendo-tabstrip-item-spacing-x: k-spacing(1) !default;
@@ -234,6 +238,7 @@ $kendo-tabstrip-scroll-button-spacing: null !default;
     $kendo-tabstrip-item-border-width: $kendo-tabstrip-item-border-width,
     $kendo-tabstrip-item-border-radius: $kendo-tabstrip-item-border-radius,
     $kendo-tabstrip-item-gap: $kendo-tabstrip-item-gap,
+    $kendo-tabstrip-item-icon-spacing: $kendo-tabstrip-item-icon-spacing,
     $kendo-tabstrip-item-spacing-x: $kendo-tabstrip-item-spacing-x,
     $kendo-tabstrip-item-bg: $kendo-tabstrip-item-bg,
     $kendo-tabstrip-sm-item-padding-x: $kendo-tabstrip-sm-item-padding-x,

package/scss/toolbar/_variables.scss

@@ -44,6 +44,10 @@ $kendo-toolbar-md-spacing: k-spacing(2) !default;
 /// @group toolbar
 $kendo-toolbar-lg-spacing: k-spacing(2.5) !default;
 
+/// The spacing between icon and text in Toolbar items.
+/// @group toolbar
+$kendo-toolbar-item-icon-spacing: k-spacing(2) !default;
+
 /// The height of the Toolbar button separator.
 /// @group toolbar
 $kendo-toolbar-separator-height: $kendo-button-md-calc-size !default;
@@ -166,6 +170,7 @@ $kendo-floating-toolbar-border-radius: k-border-radius(xxl) !default;
     $kendo-toolbar-sm-spacing: $kendo-toolbar-sm-spacing,
     $kendo-toolbar-md-spacing: $kendo-toolbar-md-spacing,
     $kendo-toolbar-lg-spacing: $kendo-toolbar-lg-spacing,
+    $kendo-toolbar-item-icon-spacing: $kendo-toolbar-item-icon-spacing,
     $kendo-toolbar-separator-height: $kendo-toolbar-separator-height,
     $kendo-toolbar-sm-separator-height: $kendo-toolbar-sm-separator-height,
     $kendo-toolbar-md-separator-height: $kendo-toolbar-md-separator-height,

package/scss/tooltip/_variables.scss

@@ -11,6 +11,10 @@ $kendo-tooltip-padding-y: k-spacing(1) !default;
 /// The horizontal padding of the Tooltip.
 /// @group tooltip
 $kendo-tooltip-padding-x: k-spacing(2) !default;
+
+/// The spacing between icon and tooltip text/button.
+/// @group tooltip
+$kendo-tooltip-icon-spacing: k-spacing(2) !default;
 /// The width of the border around the Tooltip.
 /// @group tooltip
 $kendo-tooltip-border-width: 0px !default;
@@ -63,6 +67,7 @@ $kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;
 @forward "@progress/kendo-theme-core/scss/components/tooltip/_variables.scss" with (
     $kendo-tooltip-padding-y: $kendo-tooltip-padding-y,
     $kendo-tooltip-padding-x: $kendo-tooltip-padding-x,
+    $kendo-tooltip-icon-spacing: $kendo-tooltip-icon-spacing,
     $kendo-tooltip-border-width: $kendo-tooltip-border-width,
     $kendo-tooltip-border-radius: $kendo-tooltip-border-radius,
     $kendo-tooltip-font-family: $kendo-tooltip-font-family,

package/scss/treeview/_variables.scss

@@ -10,6 +10,10 @@ $kendo-treeview-default-size: "md" !default;
 /// The gap of the TreeView.
 /// @group treeview
 $kendo-treeview-gap: k-spacing(0.5) !default;
+
+/// The spacing between icon and text in TreeView items.
+/// @group treeview
+$kendo-treeview-item-icon-spacing: k-spacing(2) !default;
 /// The border radius of the TreeView.
 /// @group treeview
 $kendo-treeview-border-radius: k-border-radius(md) !default;
@@ -171,6 +175,7 @@ $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !defaul
 @forward "@progress/kendo-theme-core/scss/components/treeview/_variables.scss" with (
     $kendo-treeview-default-size: $kendo-treeview-default-size,
     $kendo-treeview-gap: $kendo-treeview-gap,
+    $kendo-treeview-item-icon-spacing: $kendo-treeview-item-icon-spacing,
     $kendo-treeview-border-radius: $kendo-treeview-border-radius,
     $kendo-treeview-font-family: $kendo-treeview-font-family,
     $kendo-treeview-font-size: $kendo-treeview-font-size,