@progress/kendo-theme-classic 4.41.3-dev.0 → 5.0.0-next.3

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

@@ -1,143 +0,0 @@
-// Typography
-
-/// Global typography styles for the Kendo Default theme.
-/// @group typography
-$enable-typography: false !default;
-
-/// Base font size across all components.
-/// @group typography
-$font-size: 14px !default;
-$font-size-xs: 10px !default;
-$font-size-sm: 12px !default;
-$font-size-md: 16px !default;
-$font-size-lg: 18px !default;
-$font-size-xl: 20px !default;
-
-/// Font family across all components.
-/// @group typography
-$font-family: inherit !default;
-
-/// Font family for monospaced text. Used for styling the code.
-/// @group typography
-$font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono", "Ubuntu Mono", "Lucida Console", "Courier New", monospace !default;
-
-/// Line height used along with $font-size.
-/// @group typography
-$line-height: (20 / 14) !default;
-$line-height-xs: 1 !default;
-$line-height-sm: 1.2 !default;
-$line-height-md: $line-height !default;
-$line-height-lg: 1.5 !default;
-$line-height-em: $line-height * 1em;
-
-
-// Font weight
-$font-weight-light: 300 !default;
-$font-weight-normal: 400 !default;
-$font-weight-bold: 700 !default;
-
-
-// Letter Spacing
-$letter-spacing: null !default;
-
-
-// Headings
-$h1-font-size: ($font-size * 3) !default;
-$h2-font-size: 34px !default;
-$h3-font-size: ($font-size * 2) !default;
-$h4-font-size: 22px !default;
-$h5-font-size: $font-size-lg !default;
-$h6-font-size: $font-size !default;
-
-$h1-font-family: $font-family !default;
-$h2-font-family: $font-family !default;
-$h3-font-family: $font-family !default;
-$h4-font-family: $font-family !default;
-$h5-font-family: $font-family !default;
-$h6-font-family: $font-family !default;
-
-$h1-line-height: 54px !default;
-$h2-line-height: 46px !default;
-$h3-line-height: 42px !default;
-$h4-line-height: 32px !default;
-$h5-line-height: 26px !default;
-$h6-line-height: 20px !default;
-
-$h1-font-weight: $font-weight-normal !default;
-$h2-font-weight: $font-weight-normal !default;
-$h3-font-weight: $font-weight-normal !default;
-$h4-font-weight: $font-weight-bold !default;
-$h5-font-weight: $font-weight-bold !default;
-$h6-font-weight: $font-weight-bold !default;
-
-$h1-letter-spacing: null !default;
-$h2-letter-spacing: null !default;
-$h3-letter-spacing: null !default;
-$h4-letter-spacing: null !default;
-$h5-letter-spacing: null !default;
-$h6-letter-spacing: null !default;
-
-$h1-margin: 0 0 $font-size !default;
-$h2-margin: 0 0 $font-size !default;
-$h3-margin: 0 0 $font-size !default;
-$h4-margin: 0 0 $font-size !default;
-$h5-margin: 0 0 $font-size !default;
-$h6-margin: 0 0 $font-size !default;
-
-
-// Paragraph
-$paragraph-margin: 0 0 $font-size !default;
-$paragraph-font-size: $font-size !default;
-$paragraph-font-family: $font-family !default;
-$paragraph-line-height: 20px !default;
-$paragraph-font-weight: $font-weight-normal !default;
-$paragraph-letter-spacing: null !default;
-
-
-// Code
-$code-font-size: $font-size !default;
-$code-font-family: $font-family-monospace !default;
-$code-line-height: 20px !default;
-$code-font-weight: $font-weight-normal !default;
-$code-letter-spacing: null !default;
-
-$code-padding-x: 4px !default;
-$code-padding-y: 0px !default;
-$pre-padding-x: 24px !default;
-$pre-padding-y: 16px !default;
-$code-border-width: 1px !default;
-
-$code-bg: $base-bg !default;
-$code-text: $component-text !default;
-$code-border: $component-border !default;
-
-// Link
-$link-text: $primary !default;
-$link-hover-text: $primary-darker !default;
-
-
-// Display
-$display1-font-size: ($font-size * 6) !default;
-$display2-font-size: ($font-size * 5) !default;
-$display3-font-size: ($font-size * 4) !default;
-$display4-font-size: ($font-size * 3) !default;
-
-$display1-font-family: $font-family !default;
-$display2-font-family: $font-family !default;
-$display3-font-family: $font-family !default;
-$display4-font-family: $font-family !default;
-
-$display1-line-height: 1.2 !default;
-$display2-line-height: 1.2 !default;
-$display3-line-height: 1.2 !default;
-$display4-line-height: 1.2 !default;
-
-$display1-font-weight: $font-weight-light !default;
-$display2-font-weight: $font-weight-light !default;
-$display3-font-weight: $font-weight-light !default;
-$display4-font-weight: $font-weight-light !default;
-
-$display1-letter-spacing: null !default;
-$display2-letter-spacing: null !default;
-$display3-letter-spacing: null !default;
-$display4-letter-spacing: null !default;

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

@@ -1,16 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../button/_index.scss";
-@import "../action-buttons/_index.scss";
-@import "../icons/_index.scss";
-@import "../dropzone/_index.scss";
-@import "../toolbar/_variables.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

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

@@ -1,505 +0,0 @@
-@include exports("upload/layout") {
-
-    .k-upload {
-        border-width: $upload-border-width;
-        border-style: solid;
-        box-sizing: border-box;
-        outline: 0;
-        font-family: $upload-font-family;
-        font-size: $upload-font-size;
-        line-height: $upload-line-height;
-        position: relative;
-        display: block;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-
-        .k-upload-button {
-            min-width: 7em;
-        }
-
-        // Drop zone
-        .k-dropzone {
-            padding: $upload-dropzone-padding-y $upload-dropzone-padding-x;
-            border-width: 0;
-            text-align: right;
-            display: flex;
-            align-items: center;
-            justify-content: space-between;
-            position: relative;
-            background-color: transparent;
-
-            .k-dropzone-hint {
-                font-style: normal;
-                font-weight: normal;
-                white-space: nowrap;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                position: relative;
-                flex: 1;
-            }
-
-            .k-upload-status {
-                font-weight: normal;
-                display: flex;
-                align-items: center;
-                position: relative;
-
-                > .k-icon {
-                    margin-right: $upload-icon-spacing;
-                }
-            }
-
-            .k-upload-status + .k-dropzone-hint {
-                display: none;
-            }
-        }
-
-        .k-dropzone-active {
-            .k-upload-status {
-                display: none;
-            }
-
-            .k-upload-status + .k-dropzone-hint {
-                display: block;
-            }
-        }
-
-        // Upload files list
-        .k-upload-files {
-            max-height: $upload-max-height;
-            overflow-y: auto;
-            margin: 0;
-            padding: 0;
-            border-width: 1px 0 0;
-            border-style: solid;
-            border-color: inherit;
-            list-style: none;
-
-            .k-file-multiple,
-            .k-file-single {
-                width: 100%;
-                display: flex;
-                justify-content: space-between;
-            }
-
-            .k-file-single {
-                align-items: center;
-            }
-
-            .k-file-multiple {
-                align-items: flex-start;
-            }
-
-            .k-file {
-                padding: $upload-item-padding-y $upload-item-padding-x calc(#{$upload-item-padding-y} + #{$upload-progress-thickness});
-                border-width: 0 0 1px;
-                border-style: solid;
-                outline: none;
-                display: flex;
-                align-items: flex-start;
-                position: relative;
-            }
-            .k-file:last-child {
-                border-width: 0;
-            }
-
-            .k-filename {
-                margin-left: $spacer-x;
-                flex: 1;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                position: relative;
-            }
-
-            .k-upload-status {
-                .k-icon {
-                    vertical-align: middle;
-                }
-            }
-
-            .k-upload-pct {
-                margin: 0 $upload-icon-spacing;
-                font-weight: normal;
-                vertical-align: middle;
-            }
-
-            ~ .k-clear-selected,
-            ~ .k-upload-selected {
-                margin-top: -$padding-y;
-                border-width: 0;
-            }
-
-            ~ .k-upload-selected {
-                border-left-width: 1px;
-                border-left-style: solid;
-                margin-left: -1px;
-            }
-
-            .k-file-name,
-            .k-file-size,
-            .k-file-validation-message,
-            .k-file-information {
-                display: block;
-            }
-
-            .k-file-name {
-                overflow: hidden;
-                text-overflow: ellipsis;
-                white-space: nowrap;
-                position: relative;
-            }
-
-            .k-file-size,
-            .k-file-information,
-            .k-file-validation-message {
-                font-size: $upload-validation-font-size;
-                line-height: 1;
-            }
-
-            .k-file-extension-wrapper,
-            .k-multiple-files-extension-wrapper,
-            .k-file-invalid-extension-wrapper,
-            .k-multiple-files-invalid-extension-wrapper {
-                margin: ($upload-item-image-border / 2) 0;
-                width: 24px;
-                height: 34px;
-                border-width: 2px;
-                border-style: solid;
-                font-size: ($font-size * .57);
-                text-transform: uppercase;
-                box-sizing: content-box;
-                position: absolute;
-                top: $upload-item-padding-y;
-            }
-
-            .k-file-group-wrapper,
-            .k-file-invalid-group-wrapper,
-            .k-multiple-files-group-wrapper,
-            .k-multiple-files-invalid-group-wrapper {
-
-                .k-file-group {
-                    font-size: $upload-group-icon-size;
-                }
-
-                .k-file-state {
-                    position: absolute;
-                }
-            }
-
-            .k-file-invalid-extension-wrapper,
-            .k-multiple-files-invalid-extension-wrapper {
-                font-size: 1.2em;
-            }
-
-            .k-multiple-files-extension-wrapper,
-            .k-multiple-files-invalid-extension-wrapper {
-                margin-top: $padding-y;
-            }
-
-            .k-file-state {
-                visibility: hidden;
-            }
-
-            // Old icon rendering
-            .k-file-invalid-extension-wrapper + .k-file-name-size-wrapper,
-            .k-file-single > .k-file-extension-wrapper + .k-file-name-size-wrapper {
-                // 24px - image width
-                margin-left: calc( 24px + #{$spacer-x} );
-                //34px - $upload-item-image-height; 2px - $upload-item-image-border;
-                min-height: 34px + (2px * 2);
-                display: block;
-                overflow: hidden;
-            }
-
-            // Old icon rendering
-            .k-multiple-files-invalid-extension-wrapper + .k-file-name-size-wrapper,
-            .k-multiple-files-extension-wrapper + .k-file-name-size-wrapper {
-                // 24px - image width
-                margin-left: calc( 24px + #{$spacer-x} );
-            }
-
-            // Old icon rendering
-            .k-file-extension-wrapper + .k-file-name-size-wrapper {
-                margin-bottom: -2px;
-
-                .k-file-size,
-                .k-file-information,
-                .k-file-validation-message {
-                    font-size: $font-size-sm * .786;
-                }
-            }
-
-            // Old icon rendering
-            .k-file-extension-wrapper::before,
-            .k-multiple-files-extension-wrapper::before,
-            .k-multiple-files-extension-wrapper::after,
-            .k-file-invalid-extension-wrapper::before,
-            .k-multiple-files-invalid-extension-wrapper::before,
-            .k-multiple-files-invalid-extension-wrapper::after {
-                content: "";
-                border-style: solid;
-                display: inline-block;
-                position: absolute;
-            }
-
-            // Old icon rendering
-            .k-file-extension-wrapper::before,
-            .k-multiple-files-extension-wrapper::before,
-            .k-file-invalid-extension-wrapper::before,
-            .k-multiple-files-invalid-extension-wrapper::before {
-                top: -1px;
-                right: -1px;
-                width: 0;
-                height: 0;
-                border-width: 6px;
-                margin-top: -1px;
-                margin-right: -1px;
-            }
-
-            // Old icon rendering
-            .k-multiple-files-extension-wrapper::after,
-            .k-multiple-files-invalid-extension-wrapper::after {
-                top: -6px;
-                left: -6px;
-                width: 15px;
-                height: 35px;
-                border-width: 2px 0 0 2px;
-            }
-
-            // Old icon rendering
-            .k-file-extension,
-            .k-file-invalid-icon {
-                position: absolute;
-                bottom: 0;
-                line-height: normal;
-            }
-
-            // Old icon rendering
-            .k-file-invalid-icon {
-                margin-left: 4px;
-            }
-
-            .k-file-extension {
-                margin-left: .2em;
-                margin-bottom: .3em;
-                overflow: hidden;
-                text-overflow: ellipsis;
-                max-width: 100%;
-                left: 0;
-            }
-
-            .k-upload-action {
-                border-width: 0;
-                color: inherit;
-                background: none;
-                box-shadow: none;
-            }
-        }
-
-        .k-upload-files .k-file-name-size-wrapper {
-            margin-left: 0;
-            margin-right: 0;
-            min-height: $upload-group-icon-size;
-            display: block;
-            overflow: hidden;
-            flex: 1 0 0;
-        }
-
-        // old rendering
-        .k-file-multiple > .k-file-name-size-wrapper {
-            margin-left: $upload-item-padding-x;
-        }
-
-        .k-multiple-files-wrapper,
-        .k-file-single > .k-file-name-size-wrapper,
-        .k-file > .k-file-name-size-wrapper {
-            margin-left: $padding-x;
-            margin-right: 0;
-            min-height: $upload-group-icon-size;
-            display: block;
-            overflow: hidden;
-            flex: 1 0 0;
-        }
-
-        .k-multiple-files-wrapper {
-            .k-file-name-size-wrapper {
-                margin-bottom: $upload-multiple-items-spacing;
-                display: block;
-            }
-
-            .k-file-information {
-                margin-top: -($upload-multiple-items-spacing / 3);
-            }
-        }
-
-        //old rendering
-        .k-progress {
-            height: $upload-progress-thickness;
-            position: absolute;
-            bottom: 0;
-            left: 0;
-        }
-
-        .k-progressbar {
-            height: $upload-progress-thickness;
-            position: absolute;
-            bottom: $upload-item-padding-y / 2;
-            // successed
-            width: calc(100% - #{$upload-item-padding-x}*2);
-
-            .k-progress {
-                position: absolute;
-                width: 100%;
-                max-width: 100%;
-                height: 100%;
-            }
-        }
-
-        .k-file-invalid > .k-progress {
-            width: 100%;
-        }
-
-
-        // Action buttons
-        .k-actions {
-            border-top-width: 1px;
-        }
-
-        // RTL styles
-        &[dir = "rtl"],
-        .k-rtl & {
-            .k-dropzone  {
-                text-align: left;
-
-                .k-upload-status > .k-icon {
-                    margin-left: $padding-y-lg;
-                    margin-right: 0;
-                }
-            }
-
-            .k-multiple-files-wrapper,
-            .k-file-single > .k-file-name-size-wrapper,
-            .k-file-multiple > .k-file-name-size-wrapper,
-            .k-file > .k-file-name-size-wrapper {
-                margin-right: $padding-x;
-            }
-
-            .k-button+.k-button {
-                border-right-width: 0;
-            }
-
-            //old rendering
-            .k-progress {
-                left: auto;
-                right: 0;
-            }
-        }
-    }
-
-    .k-upload-button {
-        position: relative;
-        overflow: hidden;
-        direction: ltr;
-
-        input {
-            // font should not depend on outside styles, otherwise upload may break
-            font: 170px monospace !important; // sass-lint:disable-block no-important
-            margin: 0;
-            padding: 0;
-            width: 100%;
-            height: 100%;
-            opacity: 0;
-            cursor: pointer;
-            position: absolute;
-            bottom: 0;
-            right: 0;
-            z-index: 1;
-        }
-        input[disabled],
-        input.k-state-disabled {
-            visibility: hidden;
-        }
-    }
-
-    .k-ie9 {
-        .k-upload-status-total {
-            top: 1.5em;
-
-            > .k-icon {
-                margin-top: -3px;
-            }
-        }
-    }
-
-    // No flexbox variant for older browsers
-    .k-no-flexbox {
-
-        // Upload files list
-        .k-upload-files {
-            .k-file-multiple,
-            .k-file-single {
-                display: block;
-                width: 100%;
-            }
-
-            .k-upload-status {
-                position: absolute;
-                right: $upload-item-padding-x;
-                top: $upload-item-padding-y;
-            }
-
-            .k-file-group-wrapper,
-            .k-file-invalid-group-wrapper,
-            .k-multiple-files-group-wrapper,
-            .k-multiple-files-invalid-group-wrapper {
-                position: absolute;
-                top: $upload-item-padding-y;
-            }
-
-            .k-multiple-files-wrapper,
-            .k-file-single > .k-file-name-size-wrapper,
-            .k-file > .k-file-name-size-wrapper {
-                margin-left: calc( #{$upload-group-icon-size} + #{$padding-x} );
-                margin-right: calc( (#{$button-calc-size} + #{$button-padding-x} * 2) + 2em );
-            }
-        }
-
-        .k-dropzone {
-            position: relative;
-            text-align: left;
-
-            .k-upload-button {
-                display: inline-block;
-            }
-
-            .k-dropzone-hint,
-            .k-upload-status-total {
-                position: absolute;
-                top: 50%;
-                right: $upload-dropzone-padding-x;
-                transform: translateY(-50%);
-            }
-        }
-
-        // RTL styles
-        [dir = "rtl"],
-        .k-rtl {
-            .k-dropzone-hint,
-            .k-upload-status-total,
-            .k-upload-files .k-upload-status {
-                right: auto;
-                left: $upload-dropzone-padding-x;
-            }
-
-            .k-multiple-files-wrapper,
-            .k-file-single > .k-file-name-size-wrapper,
-            .k-file > .k-file-name-size-wrapper {
-                margin-left: calc( (#{$button-calc-size} + #{$button-padding-x} * 2) + 2em );
-                margin-right: calc( #{$upload-group-icon-size} + #{$padding-x} );
-
-            }
-        }
-    }
-
-}