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

package/scss/forms/_variables.scss

@@ -0,0 +1,215 @@
+@use "../input/_variables.scss" as *;
+@use "../tooltip/_variables.scss" as *;
+@use "../typography/_variables.scss" as *;
+@use "../core/_index.scss" as *;
+
+
+
+// Forms
+
+/// The default size of the Form.
+/// @group form
+/// @role default
+$kendo-form-default-size: "md" !default;
+
+/// The padding of the inline Form.
+/// @group form
+$kendo-form-spacer: calc( #{k-spacing(2)} * 2 ) !default;
+
+/// The font size of the Form.
+/// @group form
+$kendo-form-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Form.
+/// @group form
+$kendo-form-line-height: var( --kendo-line-height, normal ) !default;
+
+/// The margin of the Form fieldset.
+/// @group form
+$kendo-form-fieldset-margin: 2em 0 0 !default;
+/// The padding of the Form fieldset.
+/// @group form
+$kendo-form-fieldset-padding: k-spacing(0) !default;
+
+/// The margin of the Form legend.
+/// @group form
+$kendo-form-legend-margin: 0 0 k-spacing(3.5) !default;
+/// The padding of the Form legend.
+/// @group form
+$kendo-form-legend-padding: 0 0 k-spacing(1) !default;
+/// The border width of the Form legend.
+/// @group form
+$kendo-form-legend-border-width: 0 0 1px !default;
+/// The border style of the Form legend.
+/// @group form
+$kendo-form-legend-border-style: solid !default;
+/// The border color of the Form legend.
+/// @group form
+$kendo-form-legend-border-color: k-color(border) !default;
+/// The width of the Form legend.
+/// @group form
+$kendo-form-legend-width: 100% !default;
+/// The font size of the Form legend.
+/// @group form
+$kendo-form-legend-font-size: var( --kendo-h6-font-size, inherit ) !default;
+/// The font weight of the Form legend.
+/// @group form
+$kendo-form-legend-font-weight: var( --kendo-font-weight-medium, normal ) !default;
+/// The text capitalization of the Form legend.
+/// @group form
+$kendo-form-legend-text-transform: none !default;
+
+/// The bottom margin of the Form label.
+/// @group form
+$kendo-form-label-margin-bottom: k-spacing(1) !default;
+
+/// The font size of the Form label.
+/// @group form
+$kendo-label-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The font weight of the Form label.
+/// @group form
+$kendo-label-font-weight: var( --kendo-font-weight-medium, normal ) !default;
+/// The line height of the Form label.
+/// @group form
+$kendo-label-line-height: var( --kendo-line-height-sm, normal ) !default;
+
+/// The font size of the Form hint.
+/// @group form
+$kendo-form-hint-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The font style of the Form hint.
+/// @group form
+$kendo-form-hint-font-style: italic !default;
+/// The top margin of the Form hint.
+/// @group form
+$kendo-form-hint-margin-top: k-spacing(1) !default;
+
+/// The row spacing of the small Form.
+/// @group form
+$kendo-form-sm-rows-spacing: k-spacing(2.5) !default;
+/// The row spacing of the medium Form.
+/// @group form
+$kendo-form-md-rows-spacing: k-spacing(3.5) !default;
+/// The row spacing of the large Form.
+/// @group form
+$kendo-form-lg-rows-spacing: k-spacing(4.5) !default;
+
+/// The margin of the Form separator.
+/// @group form
+$kendo-form-separator-margin: $kendo-form-md-rows-spacing 0 0 !default;
+/// The border color of the Form separator.
+/// @group form
+$kendo-form-separator-border-color: $kendo-form-legend-border-color !default;
+
+/// The top padding of the label in the horizontal Form.
+/// @group form
+$kendo-horizontal-form-label-padding-top: calc( #{k-spacing(2.5)} / 2 ) !default;
+/// The horizontal margin of the label in the horizontal Form.
+/// @group form
+$kendo-horizontal-form-label-margin-x: k-spacing(2.5) !default;
+/// The width of the label in the horizontal Form.
+/// @group form
+$kendo-horizontal-form-label-width: 25% !default;
+/// The horizontal alignment of the label in the horizontal Form.
+/// @group form
+$kendo-horizontal-form-label-align: flex-end !default;
+
+/// The maximum width of the field wrap in the horizontal Form.
+/// @group form
+$kendo-horizontal-form-field-wrap-max-width: calc( ( 100% - #{$kendo-horizontal-form-label-width} ) - #{$kendo-horizontal-form-label-margin-x} ) !default;
+
+/// The width of the inline Form element.
+/// @group form
+$kendo-inline-form-element-width: 25% !default;
+
+/// The horizontal padding of the inline Form field.
+/// @group form
+$kendo-inline-form-field-padding-x: 0 k-spacing(3) !default;
+
+/// The vertical padding of the inline Form field.
+/// @group form
+$kendo-inline-form-field-padding-y: calc( #{k-spacing(1)} + #{$kendo-input-border-width} ) !default;
+
+/// The horizontal margin of the optional label in the Form.
+/// @group form
+$kendo-label-optional-margin-x: k-spacing(1.5) !default;
+/// The font size of the optional label in the Form.
+/// @group form
+$kendo-label-optional-font-size: var( --kendo-font-size-sm, inherit ) !default;
+/// The font style of the optional label in the Form.
+/// @group form
+$kendo-label-optional-font-style: italic !default;
+/// The font weight of the optional label in the Form.
+/// @group form
+$kendo-label-optional-font-weight: var( --kendo-font-weight-normal, normal ) !default;
+
+
+/// The margin of the Form fieldset.
+/// @group form
+$kendo-fieldset-margin: k-spacing(7.5) !default;
+
+/// The padding of the Form fieldset legend.
+/// @group form
+$kendo-fieldset-legend-padding: 0 k-spacing(2) 0 0 !default;
+/// The margin of the Form fieldset legend
+/// @group form
+$kendo-fieldset-legend-margin: calc( #{k-spacing(1.5)} * 2 ) !default;
+
+/// The margin of the Form alert error.
+/// @group form
+$kendo-form-alert-error-margin: calc( #{k-spacing(1)} * 2 ) !default;
+
+/// The margin of the Form field info.
+/// @group form
+$kendo-form-field-info-margin: k-spacing(2) !default;
+
+/// The text color of the Form legend.
+/// @group form
+$kendo-fieldset-legend-text: k-color(on-app-surface) !default;
+
+
+@forward "@progress/kendo-theme-core/scss/components/forms/_variables.scss" with (
+    $kendo-form-default-size: $kendo-form-default-size,
+    $kendo-form-spacer: $kendo-form-spacer,
+    $kendo-form-font-size: $kendo-form-font-size,
+    $kendo-form-line-height: $kendo-form-line-height,
+    $kendo-form-fieldset-margin: $kendo-form-fieldset-margin,
+    $kendo-form-fieldset-padding: $kendo-form-fieldset-padding,
+    $kendo-form-legend-margin: $kendo-form-legend-margin,
+    $kendo-form-legend-padding: $kendo-form-legend-padding,
+    $kendo-form-legend-border-width: $kendo-form-legend-border-width,
+    $kendo-form-legend-border-style: $kendo-form-legend-border-style,
+    $kendo-form-legend-border-color: $kendo-form-legend-border-color,
+    $kendo-form-legend-width: $kendo-form-legend-width,
+    $kendo-form-legend-font-size: $kendo-form-legend-font-size,
+    $kendo-form-legend-font-weight: $kendo-form-legend-font-weight,
+    $kendo-form-legend-text-transform: $kendo-form-legend-text-transform,
+    $kendo-form-label-margin-bottom: $kendo-form-label-margin-bottom,
+    $kendo-label-font-size: $kendo-label-font-size,
+    $kendo-label-font-weight: $kendo-label-font-weight,
+    $kendo-label-line-height: $kendo-label-line-height,
+    $kendo-form-hint-font-size: $kendo-form-hint-font-size,
+    $kendo-form-hint-font-style: $kendo-form-hint-font-style,
+    $kendo-form-hint-margin-top: $kendo-form-hint-margin-top,
+    $kendo-form-sm-rows-spacing: $kendo-form-sm-rows-spacing,
+    $kendo-form-md-rows-spacing: $kendo-form-md-rows-spacing,
+    $kendo-form-lg-rows-spacing: $kendo-form-lg-rows-spacing,
+    $kendo-form-separator-margin: $kendo-form-separator-margin,
+    $kendo-form-separator-border-color: $kendo-form-separator-border-color,
+    $kendo-horizontal-form-label-padding-top: $kendo-horizontal-form-label-padding-top,
+    $kendo-horizontal-form-label-margin-x: $kendo-horizontal-form-label-margin-x,
+    $kendo-horizontal-form-label-width: $kendo-horizontal-form-label-width,
+    $kendo-horizontal-form-label-align: $kendo-horizontal-form-label-align,
+    $kendo-horizontal-form-field-wrap-max-width: $kendo-horizontal-form-field-wrap-max-width,
+    $kendo-inline-form-element-width: $kendo-inline-form-element-width,
+    $kendo-inline-form-field-padding-x: $kendo-inline-form-field-padding-x,
+    $kendo-inline-form-field-padding-y: $kendo-inline-form-field-padding-y,
+    $kendo-label-optional-margin-x: $kendo-label-optional-margin-x,
+    $kendo-label-optional-font-size: $kendo-label-optional-font-size,
+    $kendo-label-optional-font-style: $kendo-label-optional-font-style,
+    $kendo-label-optional-font-weight: $kendo-label-optional-font-weight,
+    $kendo-fieldset-margin: $kendo-fieldset-margin,
+    $kendo-fieldset-legend-padding: $kendo-fieldset-legend-padding,
+    $kendo-fieldset-legend-margin: $kendo-fieldset-legend-margin,
+    $kendo-form-alert-error-margin: $kendo-form-alert-error-margin,
+    $kendo-form-field-info-margin: $kendo-form-field-info-margin,
+    $kendo-fieldset-legend-text: $kendo-fieldset-legend-text
+);

package/scss/gantt/_index.scss

@@ -0,0 +1,37 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../validator/_index.scss" as *;
+@use "../datetimepicker/_index.scss" as *;
+@use "../numerictextbox/_index.scss" as *;
+@use "../window/_index.scss" as *;
+@use "../splitter/_index.scss" as *;
+@use "../treelist/_index.scss" as *;
+@use "../time-marker/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-gantt--styles() {
+    @include import-once( "gantt" ) {
+        @include core-styles();
+        @include kendo-button--styles();
+        @include kendo-input--styles();
+        @include kendo-validator--styles();
+        @include kendo-date-time-picker--styles();
+        @include kendo-numeric-textbox--styles();
+        @include kendo-window--styles();
+        @include kendo-splitter--styles();
+        @include kendo-treelist--styles();
+        @include kendo-time-marker--styles();
+        @include kendo-gantt--layout();
+        @include kendo-gantt--theme();
+        @include kendo-utils--typography--white-space();
+        @include kendo-utils--table--table-layout();
+    }
+}

package/scss/gantt/_layout.scss

@@ -0,0 +1,16 @@
+@use "@progress/kendo-theme-core/scss/components/gantt/_layout.scss" as *;
+@use "./_variables.scss" as *;
+
+@mixin kendo-gantt--layout() {
+    @include kendo-gantt--layout-base();
+
+     .k-gantt{
+        .k-splitbar {
+            border-inline: 1px solid $kendo-gantt-border;
+        }
+        .k-gantt-header,
+        .k-gantt-footer {
+            border-radius: 0;
+        }
+    }
+}

package/scss/gantt/_theme.scss

@@ -0,0 +1,15 @@
+@use "_variables.scss" as *;
+@use "@progress/kendo-theme-core/scss/components/gantt/_theme.scss" as *;
+
+
+@mixin kendo-gantt--theme() {
+    @include kendo-gantt--theme-base();
+
+    .k-gantt {
+        background-color: unset;
+
+        .k-gantt-content {
+            background-color: $kendo-gantt-bg;
+        }
+    }
+}

package/scss/gantt/_variables.scss

@@ -0,0 +1,325 @@
+@use "sass:math";
+@use "../core/_index.scss" as *;
+@use "../table/_variables.scss" as *;
+
+
+// Gantt
+
+/// The border width of the Gantt.
+/// @group gantt
+$kendo-gantt-border-width: 1px !default;
+/// The border radius of the Gantt.
+/// @group gantt
+$kendo-gantt-border-radius: k-border-radius(xxl) !default;
+/// The font family of the Gantt.
+/// @group gantt
+$kendo-gantt-font-family: var( --kendo-font-family, inherit ) !default;
+/// The font size of the Gantt.
+/// @group gantt
+$kendo-gantt-font-size: var( --kendo-font-size, inherit ) !default;
+/// The line height of the Gantt.
+/// @group gantt
+$kendo-gantt-line-height: var( --kendo-line-height, normal ) !default;
+
+/// The background color of the Gantt.
+/// @group gantt
+$kendo-gantt-bg: k-color(surface-alt) !default;
+/// The text color of the Gantt.
+/// @group gantt
+$kendo-gantt-text: k-color(on-app-surface) !default;
+/// The border color of the Gantt.
+/// @group gantt
+$kendo-gantt-border: k-color(border) !default;
+
+/// The background color of the Gantt TreeList.
+/// @group gantt
+$kendo-gantt-treelist-bg: null !default;
+/// The text color of the Gantt TreeList.
+/// @group gantt
+$kendo-gantt-treelist-text: null !default;
+/// The border color of the Gantt TreeList.
+/// @group gantt
+$kendo-gantt-treelist-border: null !default;
+
+/// The background color of the Gantt non-working days.
+/// @group gantt
+$kendo-gantt-nonwork-bg: color-mix(in srgb, k-color(on-base) 3%, transparent) !default;
+/// The text color of the Gantt non-working days.
+/// @group gantt
+$kendo-gantt-nonwork-text: null !default;
+/// The border color of the Gantt non-working days.
+/// @group gantt
+$kendo-gantt-nonwork-border: null !default;
+
+/// The size of the Gantt connecting lines.
+/// @group gantt
+$kendo-gantt-line-size: 2px !default;
+/// The background fill color of the Gantt connecting lines.
+/// @group gantt
+$kendo-gantt-line-fill: k-color(on-base) !default;
+/// The background fill of the selected Gantt connecting lines.
+/// @group gantt
+$kendo-gantt-line-selected-fill: k-color(secondary) !default;
+
+/// The size of the Gantt task dot.
+/// @group gantt
+$kendo-gantt-dot-size: 8px !default;
+/// The spacing of the Gantt task dot.
+/// @group gantt
+$kendo-gantt-dot-spacing: k-spacing(1) !default;
+/// The background color of the Gantt task dot.
+/// @group gantt
+$kendo-gantt-dot-bg: $kendo-gantt-text !default;
+/// The border color of the Gantt task dot.
+/// @group gantt
+$kendo-gantt-dot-border: null !default;
+/// The background color of the hovered Gantt task dot.
+/// @group gantt
+$kendo-gantt-dot-hover-bg: $kendo-gantt-bg !default;
+/// The border color of the hovered Gantt task dot.
+/// @group gantt
+$kendo-gantt-dot-hover-border: $kendo-gantt-text !default;
+
+/// The background color of the Gantt milestone.
+/// @group gantt
+$kendo-gantt-milestone-bg: $kendo-gantt-text !default;
+/// The border color of the Gantt milestone.
+/// @group gantt
+$kendo-gantt-milestone-border: $kendo-gantt-border !default;
+/// The background color of the selected Gantt milestone.
+/// @group gantt
+$kendo-gantt-milestone-selected-bg: k-color(secondary) !default;
+/// The border color of the selected Gantt milestone.
+/// @group gantt
+$kendo-gantt-milestone-selected-border: k-color(border) !default;
+
+/// The background color of the Gantt summary.
+/// @group gantt
+$kendo-gantt-summary-bg: k-color(subtle) !default;
+/// The background color of the Gantt summary progress.
+/// @group gantt
+$kendo-gantt-summary-progress-bg: k-color(on-base) !default;
+/// The background color of the selected Gantt summary.
+/// @group gantt
+$kendo-gantt-summary-selected-bg: k-color(secondary-subtle) !default;
+/// The background color of the selected Gantt summary progress.
+/// @group gantt
+$kendo-gantt-summary-progress-selected-bg: k-color(secondary) !default;
+
+/// The border width of the Gantt task.
+/// @group gantt
+$kendo-gantt-task-border-width: 0px !default;
+/// The horizontal padding of the Gantt task.
+/// @group gantt
+$kendo-gantt-task-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Gantt task.
+/// @group gantt
+$kendo-gantt-task-padding-y: k-spacing(1) !default;
+/// The background color of the Gantt task.
+/// @group gantt
+$kendo-gantt-task-bg: k-color(subtle) !default;
+/// The text color of the Gantt task.
+/// @group gantt
+$kendo-gantt-task-text: k-color(base) !default;
+/// The border color of the Gantt task.
+/// @group gantt
+$kendo-gantt-task-border: null !default;
+/// The background color of the Gantt task progress.
+/// @group gantt
+$kendo-gantt-task-progress-bg: k-color(on-base) !default;
+/// The background color of selected the Gantt task.
+/// @group gantt
+$kendo-gantt-task-selected-bg: k-color(secondary) !default;
+/// The text color of the selected Gantt task.
+/// @group gantt
+$kendo-gantt-task-selected-text: k-color(on-secondary) !default;
+/// The border color of the selected Gantt task.
+/// @group gantt
+$kendo-gantt-task-selected-border: null !default;
+/// The background color of the selected Gantt task progress.
+/// @group gantt
+$kendo-gantt-task-progress-selected-bg: k-color(secondary-active) !default;
+
+/// The padding of the Gantt task actions.
+/// @group gantt
+$kendo-gantt-task-actions-padding: k-spacing(0.5) !default;
+
+/// The vertical margin of the Gantt task planned line.
+/// @group gantt
+$kendo-gantt-planned-margin-y: .35em !default;
+/// The border width of the Gantt task planned line.
+/// @group gantt
+$kendo-gantt-planned-border-width: 2px !default;
+/// The line height of the Gantt task planned line.
+/// @group gantt
+$kendo-gantt-planned-line-height: .75em !default;
+
+/// The vertical margin of the Gantt planned dependencies.
+/// @group gantt
+$kendo-gantt-planned-dependency-margin-y: .55em !default;
+
+/// The default width of the Gantt planned line dot.
+/// @group gantt
+$kendo-gantt-planned-moment-width: 6px !default;
+/// The default height of the Gantt planned line dot.
+/// @group gantt
+$kendo-gantt-planned-moment-height: $kendo-gantt-planned-moment-width !default;
+/// The border radius of the Gantt planned line dot.
+/// @group gantt
+$kendo-gantt-planned-moment-border-radius: calc( ( #{$kendo-gantt-planned-border-width * 2} + #{$kendo-gantt-planned-moment-width} ) / 2 ) !default;
+/// The horizontal margin of the Gantt planned line dot.
+/// @group gantt
+$kendo-gantt-planned-moment-left-margin-x: calc( #{math.div( $kendo-gantt-planned-border-width, 2 )} - #{$kendo-gantt-planned-moment-border-radius} ) !default;
+/// The horizontal margin of the Gantt milestone planned line dot.
+/// @group gantt
+$kendo-gantt-planned-milestone-moment-margin-x: math.div( $kendo-gantt-planned-moment-width, 2 ) !default;
+
+/// The default height of the Gantt planned line.
+/// @group gantt
+$kendo-gantt-planned-duration-height: $kendo-gantt-planned-border-width !default;
+/// The height of the hovered Gantt planned line.
+/// @group gantt
+$kendo-gantt-planned-duration-hover-height: calc( #{$kendo-gantt-planned-border-width} + 1px ) !default;
+
+/// The top position of the Gantt drag hint.
+/// @group gantt
+$kendo-gantt-planned-single-drag-hint-top: 0 !default;
+/// The top position of the Gantt summary drag hint.
+/// @group gantt
+$kendo-gantt-planned-summary-drag-hint-top: .5em !default;
+/// The top position of the Gantt planned milestone drag hint.
+/// @group gantt
+$kendo-gantt-planned-milestone-drag-hint-top: .3em !default;
+
+/// The horizontal offset of the Gantt delayed task resize handler.
+/// @group gantt
+$kendo-gantt-planned-offset-resize-handler-margin-x: 1.4em !default;
+
+/// The background color of the Gantt planned Tooltip.
+/// @group gantt
+$kendo-gantt-planned-bg: k-color(primary) !default;
+/// The border color of the Gantt planned Tooltip.
+/// @group gantt
+$kendo-gantt-planned-border: $kendo-gantt-planned-bg !default;
+
+/// The background color of the Gantt delayed task.
+/// @group gantt
+$kendo-gantt-delayed-bg: k-color(error) !default;
+/// The complement background color of the Gantt delayed task.
+/// @group gantt
+$kendo-gantt-delayed-bg-lighter: k-color(error-emphasis) !default;
+
+/// The background color of the Gantt advanced task.
+/// @group gantt
+$kendo-gantt-advanced-bg: k-color(success) !default;
+/// The complement background color of the Gantt advanced task.
+/// @group gantt
+$kendo-gantt-advanced-bg-lighter: k-color(success-emphasis) !default;
+
+/// The text color of the Gantt delayed task action.
+/// @group gantt
+$kendo-gantt-action-on-offset-text: #000000 !default;
+/// The top position of the Gantt delayed task resize handler.
+/// @group gantt
+$kendo-gantt-offset-resize-handler-top: 50% !default;
+
+/// The default width of the Gantt validation Tooltip.
+/// @group gantt
+$kendo-gantt-validation-tooltip-width: 200px !default;
+/// The default width of the Gantt validation Tooltip label.
+/// @group gantt
+$kendo-gantt-validation-tooltip-label-width: 50px !default;
+/// The border color of the Gantt validation Tooltip.
+/// @group gantt
+$kendo-gantt-validation-tooltip-border: k-color(inverse-emphasis) !default;
+/// The border color of the valid Gantt validation Tooltip.
+/// @group gantt
+$kendo-gantt-validation-tooltip-valid-border: k-color(success-emphasis) !default;
+/// The border color of the invalid Gantt validation Tooltip.
+/// @group gantt
+$kendo-gantt-validation-tooltip-invalid-border: k-color(error-emphasis) !default;
+
+/// The horizontal padding of the Gantt task Tooltip.
+/// @group gantt
+$kendo-gantt-task-tooltip-padding-x: k-spacing(2) !default;
+/// The vertical padding of the Gantt task Tooltip.
+/// @group gantt
+$kendo-gantt-task-tooltip-padding-y: k-spacing(1) !default;
+
+
+
+@forward "@progress/kendo-theme-core/scss/components/gantt/_variables.scss" with (
+    $kendo-gantt-border-width: $kendo-gantt-border-width,
+    $kendo-gantt-border-radius: $kendo-gantt-border-radius,
+    $kendo-gantt-font-family: $kendo-gantt-font-family,
+    $kendo-gantt-font-size: $kendo-gantt-font-size,
+    $kendo-gantt-line-height: $kendo-gantt-line-height,
+    $kendo-gantt-bg: $kendo-gantt-bg,
+    $kendo-gantt-text: $kendo-gantt-text,
+    $kendo-gantt-border: $kendo-gantt-border,
+    $kendo-gantt-treelist-bg: $kendo-gantt-treelist-bg,
+    $kendo-gantt-treelist-text: $kendo-gantt-treelist-text,
+    $kendo-gantt-treelist-border: $kendo-gantt-treelist-border,
+    $kendo-gantt-nonwork-bg: $kendo-gantt-nonwork-bg,
+    $kendo-gantt-nonwork-text: $kendo-gantt-nonwork-text,
+    $kendo-gantt-nonwork-border: $kendo-gantt-nonwork-border,
+    $kendo-gantt-line-size: $kendo-gantt-line-size,
+    $kendo-gantt-line-fill: $kendo-gantt-line-fill,
+    $kendo-gantt-line-selected-fill: $kendo-gantt-line-selected-fill,
+    $kendo-gantt-dot-size: $kendo-gantt-dot-size,
+    $kendo-gantt-dot-spacing: $kendo-gantt-dot-spacing,
+    $kendo-gantt-dot-bg: $kendo-gantt-dot-bg,
+    $kendo-gantt-dot-border: $kendo-gantt-dot-border,
+    $kendo-gantt-dot-hover-bg: $kendo-gantt-dot-hover-bg,
+    $kendo-gantt-dot-hover-border: $kendo-gantt-dot-hover-border,
+    $kendo-gantt-milestone-bg: $kendo-gantt-milestone-bg,
+    $kendo-gantt-milestone-border: $kendo-gantt-milestone-border,
+    $kendo-gantt-milestone-selected-bg: $kendo-gantt-milestone-selected-bg,
+    $kendo-gantt-milestone-selected-border: $kendo-gantt-milestone-selected-border,
+    $kendo-gantt-summary-bg: $kendo-gantt-summary-bg,
+    $kendo-gantt-summary-progress-bg: $kendo-gantt-summary-progress-bg,
+    $kendo-gantt-summary-selected-bg: $kendo-gantt-summary-selected-bg,
+    $kendo-gantt-summary-progress-selected-bg: $kendo-gantt-summary-progress-selected-bg,
+    $kendo-gantt-task-border-width: $kendo-gantt-task-border-width,
+    $kendo-gantt-task-padding-x: $kendo-gantt-task-padding-x,
+    $kendo-gantt-task-padding-y: $kendo-gantt-task-padding-y,
+    $kendo-gantt-task-bg: $kendo-gantt-task-bg,
+    $kendo-gantt-task-text: $kendo-gantt-task-text,
+    $kendo-gantt-task-border: $kendo-gantt-task-border,
+    $kendo-gantt-task-progress-bg: $kendo-gantt-task-progress-bg,
+    $kendo-gantt-task-selected-bg: $kendo-gantt-task-selected-bg,
+    $kendo-gantt-task-selected-text: $kendo-gantt-task-selected-text,
+    $kendo-gantt-task-selected-border: $kendo-gantt-task-selected-border,
+    $kendo-gantt-task-progress-selected-bg: $kendo-gantt-task-progress-selected-bg,
+    $kendo-gantt-task-actions-padding: $kendo-gantt-task-actions-padding,
+    $kendo-gantt-planned-margin-y: $kendo-gantt-planned-margin-y,
+    $kendo-gantt-planned-border-width: $kendo-gantt-planned-border-width,
+    $kendo-gantt-planned-line-height: $kendo-gantt-planned-line-height,
+    $kendo-gantt-planned-dependency-margin-y: $kendo-gantt-planned-dependency-margin-y,
+    $kendo-gantt-planned-moment-width: $kendo-gantt-planned-moment-width,
+    $kendo-gantt-planned-moment-height: $kendo-gantt-planned-moment-height,
+    $kendo-gantt-planned-moment-border-radius: $kendo-gantt-planned-moment-border-radius,
+    $kendo-gantt-planned-moment-left-margin-x: $kendo-gantt-planned-moment-left-margin-x,
+    $kendo-gantt-planned-milestone-moment-margin-x: $kendo-gantt-planned-milestone-moment-margin-x,
+    $kendo-gantt-planned-duration-height: $kendo-gantt-planned-duration-height,
+    $kendo-gantt-planned-duration-hover-height: $kendo-gantt-planned-duration-hover-height,
+    $kendo-gantt-planned-single-drag-hint-top: $kendo-gantt-planned-single-drag-hint-top,
+    $kendo-gantt-planned-summary-drag-hint-top: $kendo-gantt-planned-summary-drag-hint-top,
+    $kendo-gantt-planned-milestone-drag-hint-top: $kendo-gantt-planned-milestone-drag-hint-top,
+    $kendo-gantt-planned-offset-resize-handler-margin-x: $kendo-gantt-planned-offset-resize-handler-margin-x,
+    $kendo-gantt-planned-bg: $kendo-gantt-planned-bg,
+    $kendo-gantt-planned-border: $kendo-gantt-planned-border,
+    $kendo-gantt-delayed-bg: $kendo-gantt-delayed-bg,
+    $kendo-gantt-delayed-bg-lighter: $kendo-gantt-delayed-bg-lighter,
+    $kendo-gantt-advanced-bg: $kendo-gantt-advanced-bg,
+    $kendo-gantt-advanced-bg-lighter: $kendo-gantt-advanced-bg-lighter,
+    $kendo-gantt-action-on-offset-text: $kendo-gantt-action-on-offset-text,
+    $kendo-gantt-offset-resize-handler-top: $kendo-gantt-offset-resize-handler-top,
+    $kendo-gantt-validation-tooltip-width: $kendo-gantt-validation-tooltip-width,
+    $kendo-gantt-validation-tooltip-label-width: $kendo-gantt-validation-tooltip-label-width,
+    $kendo-gantt-validation-tooltip-border: $kendo-gantt-validation-tooltip-border,
+    $kendo-gantt-validation-tooltip-valid-border: $kendo-gantt-validation-tooltip-valid-border,
+    $kendo-gantt-validation-tooltip-invalid-border: $kendo-gantt-validation-tooltip-invalid-border,
+    $kendo-gantt-task-tooltip-padding-x: $kendo-gantt-task-tooltip-padding-x,
+    $kendo-gantt-task-tooltip-padding-y: $kendo-gantt-task-tooltip-padding-y
+);

package/scss/grid/_index.scss

@@ -0,0 +1,68 @@
+// Dependencies
+@use "../core/_index.scss" as *;
+@use "../utils/_index.scss" as *;
+@use "../adaptive/_index.scss" as *;
+@use "../progressbar/_index.scss" as *;
+@use "../button/_index.scss" as *;
+@use "../action-buttons/_index.scss" as *;
+@use "../toolbar/_index.scss" as *;
+@use "../input/_index.scss" as *;
+@use "../textbox/_index.scss" as *;
+@use "../checkbox/_index.scss" as *;
+@use "../radio/_index.scss" as *;
+@use "../validator/_index.scss" as *;
+@use "../autocomplete/_index.scss" as *;
+@use "../datetimepicker/_index.scss" as *;
+@use "../dropdownlist/_index.scss" as *;
+@use "../numerictextbox/_index.scss" as *;
+@use "../menu/_index.scss" as *;
+@use "../dialog/_index.scss" as *;
+@use "../pager/_index.scss" as *;
+@use "../chip/_index.scss" as *;
+@use "../skeleton/_index.scss" as *;
+@use "../list/_index.scss" as *;
+@use "../table/_index.scss" as *;
+@use "../tabstrip/_index.scss" as *;
+@use "../column-menu/_index.scss" as *;
+@use "../smart-box/_index.scss" as *;
+
+// Component
+@forward "./_variables.scss";
+@use "./_layout.scss" as *;
+@use "./_theme.scss" as *;
+
+// Expose
+@mixin kendo-grid--styles() {
+    @include import-once( "grid" ) {
+        @include core-styles();
+        @include kendo-adaptive--styles();
+        @include kendo-progressbar--styles();
+        @include kendo-button--styles();
+        @include kendo-action-buttons--styles();
+        @include kendo-toolbar--styles();
+        @include kendo-input--styles();
+        @include kendo-textbox--styles();
+        @include kendo-checkbox--styles();
+        @include kendo-radio--styles();
+        @include kendo-validator--styles();
+        @include kendo-autocomplete--styles();
+        @include kendo-date-time-picker--styles();
+        @include kendo-dropdown-list--styles();
+        @include kendo-numeric-textbox--styles();
+        @include kendo-menu--styles();
+        @include kendo-dialog--styles();
+        @include kendo-pager--styles();
+        @include kendo-chip--styles();
+        @include kendo-skeleton--styles();
+        @include kendo-list--styles();
+        @include kendo-table--styles();
+        @include kendo-tabstrip--styles();
+        @include kendo-smart-box--styles();
+        @include kendo-grid--layout();
+        @include kendo-grid--theme();
+        @include kendo-utils--interactivity--touch-action();
+        @include kendo-utils--interactivity--user-select();
+        @include kendo-utils--interactivity--cursor();
+        @include kendo-utils--layout--display();
+    }
+}