@progress/kendo-theme-classic 4.42.1-dev.4 → 5.0.0-alpha.3

package/modules/@progress/kendo-theme-default/scss/floating-label/_variables.scss

@@ -1,19 +0,0 @@
-// Floating label
-$floating-label-scale: 1 !default;
-$floating-label-font-size: $input-font-size !default;
-$floating-label-line-height: $input-line-height !default;
-$floating-label-height: calc( #{$floating-label-line-height} * #{$floating-label-font-size} ) !default;
-$floating-label-offset-x: calc( #{$input-padding-x} + #{$input-border-width} ) !default;
-$floating-label-offset-y: calc( #{$floating-label-height} + #{$input-border-width} + #{$input-padding-y} ) !default;
-
-$floating-label-focus-scale: 1 !default;
-$floating-label-focus-offset-x: 0 !default;
-$floating-label-focus-offset-y: 0 !default;
-
-$floating-label-transition: .2s ease-out !default;
-
-$floating-label-bg: null !default;
-$floating-label-text: null !default;
-
-$floating-label-focus-bg: null !default;
-$floating-label-focus-text: null !default;

package/modules/@progress/kendo-theme-default/scss/forms/_index.scss

@@ -1,17 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies // TODO: extract variables
-@import "../common/_index.scss";
-@import "../tooltip/_variables.scss";
-@import "../button/_variables.scss";
-@import "../input/_variables.scss";
-@import "../toolbar/_index.scss";
-@import "../action-buttons/_variables.scss";
-@import "../window/_variables.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

package/modules/@progress/kendo-theme-default/scss/forms/_layout.scss

@@ -1,476 +0,0 @@
-@include exports("forms/layout") {
-
-    // Common
-    .k-form,
-    .k-form-inline {
-        font-size: $form-font-size;
-        line-height: $form-line-height;
-    }
-
-
-    // Fieldset
-    .k-fieldset {
-        margin: $fieldset-margin;
-        border-width: 1px 0 0;
-        border-style: solid;
-        padding: 25px 0 0;
-
-        > legend {
-            margin-left: 0;
-            padding: 0 $padding-x 0 0;
-            text-transform: uppercase;
-        }
-    }
-
-
-    // Label
-    kendo-label > .k-label {
-        margin: 0;
-    }
-
-    .k-label-optional {
-        margin-left: $label-optional-margin-x;
-        font-size: $label-optional-font-size;
-        font-style: $label-optional-font-style;
-        align-self: center;
-    }
-
-    .k-label-empty {
-        &::before {
-            content: "";
-            display: inline-block;
-        }
-    }
-
-    .k-input-label {
-        margin-right: $horizontal-form-label-margin-x;
-        z-index: 1;
-
-        &:dir(rtl),
-        .k-rtl &,
-        &.k-rtl,
-        [dir="rtl"] &,
-        &[dir="rtl"] {
-            margin-right: 0;
-            margin-left: $horizontal-form-label-margin-x;
-        }
-    }
-
-
-    // Vertical Form
-    .k-form {
-        border: 0;
-
-        .k-label,
-        kendo-label,
-        .k-form-label {
-            margin-bottom: $form-label-margin-bottom;
-            display: flex;
-            flex-flow: row nowrap;
-        }
-        .k-checkbox-label,
-        .k-radio-label {
-            display: inline-flex;
-        }
-
-        .k-label + .k-radio {
-            margin-left: 0;
-        }
-
-        .k-form-fieldset {
-            margin: $form-fieldset-margin;
-            padding: $form-fieldset-padding;
-            border: 0;
-
-            > * {
-                &:first-child {
-                    margin-top: 0;
-                }
-            }
-        }
-
-        .k-form-legend {
-            margin: $form-legend-margin;
-            padding: $form-legend-padding;
-            border-width: $form-legend-border-width;
-            border-style: $form-legend-border-style;
-            width: $form-legend-width;
-            font-size: $form-legend-font-size;
-            text-transform: $form-legend-text-transform;
-        }
-
-
-        // Form group
-        .k-form-group {
-            padding: 0;
-        }
-
-        .k-form-field,
-        .k-form-buttons,
-        .k-daterangepicker .k-textbox-container {
-            margin-top: $form-field-margin-top;
-        }
-
-        > *,
-        .k-daterangepicker .k-textbox-container {
-            &:first-child {
-                margin-top: 0;
-            }
-        }
-
-
-        // Form field
-        .k-form-field,
-        .k-form-field-wrap {
-            display: block;
-        }
-
-        .k-form-field-disabled {
-            .k-label,
-            .k-form-label {
-                @include disabled( $disabled-styling );
-            }
-        }
-
-        .k-alert-error {
-            font-size: $font-size-sm;
-            margin-top: $padding-y * 2;
-        }
-
-        .k-field-info {
-            display: inline-block;
-            font-size: $font-size-xs;
-            line-height: 1;
-            margin: 0 $padding-x;
-        }
-
-        .k-textbox,
-        .k-textarea,
-        .k-autocomplete,
-        .k-combobox,
-        .k-dropdown,
-        .k-multiselect,
-        .k-dateinput,
-        .k-datepicker,
-        .k-datetimepicker,
-        .k-daterangepicker-wrap,
-        .k-timepicker,
-        .k-numerictextbox,
-        .k-maskedtextbox,
-        .k-textbox-container,
-        .k-floating-label-container {
-            display: inline-flex;
-            width: 100%;
-        }
-
-        .k-editor .k-dropdown {
-            width: $input-default-width;
-        }
-    }
-
-    // Form Buttons Container
-    .k-form-buttons {
-        display: flex;
-
-        > * {
-            margin-right: $form-button-margin-x;
-
-            &:last-child {
-                margin-right: 0;
-            }
-        }
-    }
-
-    // Form Hint/Error Messages
-    .k-form-hint,
-    .k-form-error {
-        margin-top: $form-hint-margin-top;
-        display: flex;
-        font-size: $form-hint-font-size;
-        font-style: $form-hint-font-style;
-    }
-
-    .k-text-start,
-    .k-buttons-start {
-        justify-content: flex-start;
-    }
-
-    .k-text-end,
-    .k-buttons-end {
-        justify-content: flex-end;
-    }
-
-    // Form Separator
-    .k-form-separator {
-        margin: $form-separator-margin;
-        border-width: 1px 0 0;
-        border-style: solid;
-        display: block;
-        flex: 0 0 auto;
-    }
-
-    // Horizontal Form
-    .k-form-horizontal {
-        .k-form-field {
-            display: flex;
-
-            > .k-label,
-            > kendo-label,
-            > .k-form-label {
-                margin-right: $horizontal-form-label-margin-x;
-                padding-top: $horizontal-form-label-padding-top;
-                width: $horizontal-form-label-width;
-                text-align: end;
-                flex-direction: column;
-                align-items: $horizontal-form-label-align;
-                justify-content: flex-start;
-            }
-            .k-label-optional {
-                margin: 0;
-                align-self: inherit;
-            }
-        }
-
-        .k-form-field-wrap {
-            max-width: $horizontal-form-field-wrap-max-width;
-            flex: 1 1 auto;
-        }
-
-        .k-form-buttons {
-            margin-top: 2 * $form-field-margin-top;
-        }
-    }
-
-    // RTL Adjustments
-    .k-form {
-        [dir="rtl"],
-        .k-rtl & {
-            .k-form-buttons,
-            &.k-form-buttons {
-                > * {
-                    margin-right: 0;
-                    margin-left: $form-button-margin-x;
-
-                    &:last-child {
-                        margin-left: 0;
-                    }
-                }
-            }
-
-            .k-label-optional {
-                margin-left: 0;
-                margin-right: $label-optional-margin-x;
-            }
-        }
-    }
-
-    .k-form-horizontal {
-        [dir="rtl"],
-        .k-rtl & {
-            &.k-form-field,
-            .k-form-field {
-                > .k-label,
-                > kendo-label,
-                > .k-form-label {
-                    margin-right: 0;
-                    margin-left: $horizontal-form-label-margin-x;
-                }
-            }
-        }
-    }
-
-
-    // Scheduler
-    .k-form-inline {
-        padding: $form-spacer;
-
-        fieldset {
-            border-width: 1px 0 0;
-            border-style: solid;
-            margin: ($form-spacer * 2) 0;
-            padding: 0;
-
-            &:first-child:first-of-type {
-                margin-top: 0;
-            }
-
-            &:last-child:last-of-type {
-                margin-bottom: 0;
-            }
-        }
-
-        legend {
-            font-size: $font-size-sm;
-            text-align: left;
-            font-weight: 600;
-            line-height: 1;
-            margin-bottom: $padding-y-lg * 2;
-            text-transform: uppercase;
-            padding: 0 $padding-x 0 0;
-            width: auto;
-        }
-
-        .k-form-field {
-            display: flex;
-            align-items: flex-start;
-            text-align: left;
-            margin-bottom: $padding-y-lg * 2;
-
-            > span:not(.k-widget) {
-                width: $inline-form-element-width;
-                text-align: right;
-                line-height: $line-height;
-                padding: calc( #{$padding-y} + #{$input-border-width} ) 0;
-                padding-right: $padding-x-lg;
-                align-self: center;
-            }
-
-            > input {
-                align-self: center;
-            }
-
-            > input:not(.k-checkbox):not(.k-radio) {
-                flex: 1 1 auto;
-            }
-
-            .k-alert-error {
-                font-size: $font-size-sm;
-                margin-top: $padding-y * 2;
-            }
-
-            .k-field-info {
-                display: block;
-                font-size: $font-size-xs;
-                line-height: 1;
-                margin: 0;
-            }
-
-            &:last-child {
-                margin-bottom: 0;
-            }
-        }
-    }
-
-}
-
-@include exports("edit-form/layout") {
-
-    // Edit form
-    .k-edit-form-container {
-        width: 400px;
-        min-width: 400px;
-        border-color: inherit;
-        position: relative;
-    }
-
-
-    // Tabstrip
-    .k-edit-form-container .k-tabstrip-wrapper {
-        margin: (-$window-inner-padding-y) (-$window-inner-padding-x);
-    }
-    .k-edit-form-container .k-tabstrip.k-root-tabs {
-        margin-bottom: $window-inner-padding-y;
-    }
-    .k-edit-form-container .k-tabstrip .k-tabstrip-items {
-        padding: $window-inner-padding-y $window-inner-padding-x 0;
-    }
-    .k-edit-form-container .k-tabstrip .k-content {
-        padding: $window-inner-padding-y $window-inner-padding-x;
-        border-width: 0;
-    }
-
-
-    // Edit buttons
-    .k-edit-buttons {
-        padding: $toolbar-padding-y $toolbar-padding-x;
-        border-width: 1px 0 0;
-        border-style: solid;
-        border-color: inherit;
-        text-align: right;
-        clear: both;
-    }
-    .k-edit-buttons .k-button + .k-button {
-        margin-left: ( $spacer-x / 2 );
-    }
-    .k-edit-form-container .k-edit-buttons {
-        margin: $window-inner-padding-y (-$window-inner-padding-x) (-$window-inner-padding-y);
-        padding: $window-inner-padding-y $window-inner-padding-x;
-    }
-
-
-    // Action buttons
-    .k-popup-edit-form > .k-actions,
-    .k-edit-form-container .k-actions {
-        margin: $spacer (-$window-inner-padding-x) (-$window-inner-padding-y);
-    }
-
-
-    .k-edit-label {
-        margin: 0 0 $spacer-y 0;
-        padding: calc( #{$input-padding-y} + #{$input-border-width} ) 0;
-        width: 30%;
-        line-height: $form-line-height;
-        text-align: right;
-        float: left;
-        clear: both;
-    }
-    .k-edit-field {
-        margin: 0 0 $spacer-y 0;
-        width: 65%;
-        float: right;
-        clear: right;
-        position: relative;
-
-        &.k-no-editor {
-            padding: calc( #{$input-padding-y} + #{$input-border-width} ) 0;
-        }
-    }
-
-    .k-edit-field {
-
-        > .k-widget,
-        > .k-textbox,
-        > .k-textarea {
-            width: 100%;
-            box-sizing: border-box;
-        }
-        > .k-colorpicker {
-            width: auto;
-        }
-
-        input[type="radio"]:not(.k-radio),
-        input[type="checkbox"]:not(.k-checkbox) {
-            margin-right: .4ex;
-        }
-
-        .k-radio-label,
-        .k-checkbox-label {
-            margin-right: ($spacer);
-        }
-
-        > .k-reset > li + li {
-            margin-top: ($spacer / 2);
-        }
-
-        .k-reset .k-widget {
-            margin: 0 .4ex 0 1ex;
-        }
-    }
-
-}
-
-@include exports("edit-form/rtl") {
-
-    .k-rtl {
-
-        .k-edit-buttons {
-            text-align: left;
-
-            .k-button + .k-button {
-                margin-left: 0;
-                margin-right: .5em;
-            }
-        }
-    }
-
-}

package/modules/@progress/kendo-theme-default/scss/forms/_theme.scss

@@ -1,36 +0,0 @@
-@include exports( "forms/theme" ) {
-
-    .k-form,
-    .k-form-inline {
-        @include fill( $color: $body-text );
-
-        fieldset {
-            legend {
-                @include fill( $color: $fieldset-legend-text );
-            }
-        }
-
-        .k-form-legend {
-            @include fill( $border: $form-legend-border-color );
-        }
-
-        .k-field-info {
-            @include fill( $color: $subtle-text );
-        }
-
-        .k-alert-error {
-            @include fill( $color: $error );
-        }
-    }
-
-    .k-form-error,
-    .k-text-error,
-    .k-form-field-error .k-label {
-        @include fill( $color: $error );
-    }
-
-    .k-form-separator {
-        @include fill( $border: $form-separator-border-color );
-    }
-
-}

package/modules/@progress/kendo-theme-default/scss/forms/_variables.scss

@@ -1,63 +0,0 @@
-// Forms
-$form-spacer: $padding-x * 2 !default;
-
-$form-font-size: $font-size !default;
-$form-line-height: $line-height !default;
-$form-line-height-em: $form-line-height * 1em !default;
-$form-line-height-sm: $line-height-sm !default;
-$form-line-height-lg: $line-height-lg !default;
-
-$form-fieldset-margin: 2em 0 0 !default;
-$form-fieldset-padding: 0px !default;
-
-$form-legend-margin: 0 0 1em !default;
-$form-legend-padding: 0px !default;
-$form-legend-border-width: 0 0 2px !default;
-$form-legend-border-style: solid !default;
-$form-legend-border-color: $component-border !default;
-$form-legend-width: 100% !default;
-$form-legend-font-size: 14px !default;
-$form-legend-text-transform: uppercase !default;
-
-$form-label-margin-bottom: 0px !default;
-
-$form-button-margin-x: 8px !default;
-
-$form-hint-font-size: 12px !default;
-$form-hint-font-style: italic !default;
-$form-hint-margin-top: 4px !default;
-
-$form-field-margin-top: 1em !default;
-
-$form-separator-margin: $form-field-margin-top 0 0 !default;
-$form-separator-border-color: $form-legend-border-color !default;
-
-$horizontal-form-label-padding-top: 5px !default;
-$horizontal-form-label-margin-x: 10px !default;
-$horizontal-form-label-width: 25% !default;
-$horizontal-form-label-align: flex-end !default;
-
-$horizontal-form-field-wrap-max-width: calc( ( 100% - #{$horizontal-form-label-width} ) - #{$horizontal-form-label-margin-x} ) !default;
-
-$inline-form-element-width: 25% !default;
-
-$forms-invalid-color: $error !default;
-
-
-// Label
-$label-optional-margin-x: 6px !default;
-$label-optional-font-size: 12px !default;
-$label-optional-font-style: italic !default;
-
-
-// Fieldset
-$fieldset-margin: 30px !default;
-$fieldset-font-size: $h4-font-size !default;
-
-$fieldset-bg: null !default;
-$fieldset-text: null !default;
-$fieldset-border: null !default;
-
-$fieldset-legend-bg: null !default;
-$fieldset-legend-text: try-shade( $body-text, 2 ) !default;
-$fieldset-legend-border: null !default;

package/modules/@progress/kendo-theme-default/scss/gantt/_index.scss

@@ -1,19 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../button/_index.scss";
-@import "../input/_index.scss";
-@import "../validator/_index.scss";
-@import "../datetime/_index.scss";
-@import "../numerictextbox/_index.scss";
-@import "../window/_index.scss";
-@import "../splitter/_index.scss";
-@import "../treelist/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";