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

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

@@ -1,277 +0,0 @@
-@include exports("pivotgrid/theme") {
-
-    .k-pivotgrid {
-        @include fill (
-            $pivotgrid-text,
-            $pivotgrid-bg,
-            $pivotgrid-border
-        );
-    }
-
-    .k-pivotgrid-column-headers,
-    .k-pivotgrid-row-headers,
-    .k-pivotgrid-empty-cell {
-        @include fill (
-            $pivotgrid-headers-text,
-            $pivotgrid-headers-bg,
-            $pivotgrid-headers-border
-        );
-    }
-
-    .k-pivotgrid-empty-cell {
-        @include fill (
-            $border: $pivotgrid-alt-border
-        );
-    }
-
-    .k-pivotgrid-row-headers .k-pivotgrid-row .k-pivotgrid-cell:last-child {
-        border-right-color: $pivotgrid-alt-border;
-    }
-
-    .k-pivotgrid-column-headers .k-pivotgrid-column-total:nth-last-of-type(2) .k-pivotgrid-cell:not(.k-pivotgrid-expanded),
-    .k-pivotgrid-column-headers .k-pivotgrid-row:last-child {
-        border-bottom-color: $pivotgrid-alt-border;
-    }
-
-
-    .k-pivotgrid-header-total,
-    .k-pivotgrid-total {
-        @include fill (
-            $pivotgrid-total-text,
-            $pivotgrid-total-bg,
-            $pivotgrid-total-border
-        );
-    }
-
-
-    // Hover state
-    .k-pivotgrid-row-headers tbody > .k-pivotgrid-row.k-state-hover,
-    .k-pivotgrid-row-headers tbody > .k-pivotgrid-row:hover,
-    .k-pivotgrid-column-headers tbody > .k-pivotgrid-row.k-state-hover,
-    .k-pivotgrid-column-headers tbody > .k-pivotgrid-row:hover,
-    .k-pivotgrid-values tbody > .k-pivotgrid-row.k-state-hover,
-    .k-pivotgrid-values tbody > .k-pivotgrid-row:hover {
-        @include fill (
-            $pivotgrid-hover-text,
-            $pivotgrid-hover-bg,
-            $pivotgrid-hover-border
-        );
-    }
-
-    // Focus state
-    .k-pivotgrid-cell.k-state-focus,
-    .k-pivotgrid-cell:focus,
-    .k-master-row > .k-pivotgrid-cell:focus,
-    .k-grouping-row > .k-pivotgrid-cell:focus,
-    .k-detail-row > .k-pivotgrid-cell:focus,
-    .k-group-footer > .k-pivotgrid-cell:focus {
-        @include box-shadow($pivotgrid-focus-shadow);
-    }
-
-    // Selected state
-    .k-pivotgrid-cell.k-state-selected,
-    .k-pivotgrid-row.k-state-selected > .k-pivotgrid-cell {
-        @include fill (
-            $pivotgrid-selected-text,
-            $pivotgrid-selected-bg,
-            $pivotgrid-selected-border
-        );
-    }
-
-}
-
-
-
-@include exports("pivotgrid/theme/configurator") {
-
-    .k-pivotgrid-configurator-button,
-    .k-pivotgrid-configurator-panel {
-        @include fill (
-            $pivotgrid-configurator-text,
-            $pivotgrid-configurator-bg,
-            $pivotgrid-configurator-border
-        );
-    }
-
-    .k-pivotgrid-configurator-header {
-        @include fill(
-            $pivotgrid-configurator-header-text,
-            $pivotgrid-configurator-header-bg,
-            $pivotgrid-configurator-header-border
-        );
-    }
-
-    .k-pivotgrid-configurator-content .k-fields-list-wrapper {
-        @include fill(
-            $border: $pivotgrid-configurator-border
-        );
-    }
-
-
-    // Calculated field
-    .k-calculated-field {
-        @include fill (
-            $pivotgrid-calculated-field-text,
-            $pivotgrid-calculated-field-bg,
-            $pivotgrid-calculated-field-border
-        );
-    }
-
-    .k-calculated-field-header {
-        @include fill(
-            $pivotgrid-calculated-field-header-text,
-            $pivotgrid-calculated-field-header-bg,
-            $pivotgrid-calculated-field-header-border
-        );
-    }
-
-    .k-filter-menu .k-calculated-item {
-        @include fill( $border: $popup-border );
-    }
-
-    .k-pivotgrid-configurator-content .k-form-field-wrapper {
-        @include fill( $border: $component-border );
-    }
-
-
-    // Overlay mode
-    .k-pivotgrid-configurator-overlay {
-        .k-flex-row & {
-            @include box-shadow( $pivotgrid-configurator-end-shadow );
-        }
-
-        .k-flex-row-reverse & {
-            @include box-shadow( $pivotgrid-configurator-start-shadow );
-        }
-
-        .k-flex-col & {
-            @include box-shadow( $pivotgrid-configurator-top-shadow );
-        }
-
-        .k-flex-col-reverse & {
-            @include box-shadow( $pivotgrid-configurator-bottom-shadow );
-        }
-    }
-}
-
-
-
-@include exports("pivotgrid/theme/legacy") {
-
-    .k-pivot {
-        border-color: $pivotgrid-border;
-    }
-
-    .k-alt,
-    .k-pivot-layout > tbody > tr:first-child > td:first-child {
-        background-color: $pivotgrid-alt-bg;
-    }
-
-    .k-fieldselector {
-        color: $pivotgrid-configurator-text;
-    }
-
-    .k-fieldselector .k-list-container {
-        background-color: $pivotgrid-container-bg;
-    }
-
-    .k-pivot-toolbar,
-    .k-pivot-table,
-    .k-fieldselector,
-    .k-fieldselector .k-list-container,
-    .k-fieldselector .k-columns > div,
-    .k-pivot-rowheaders > .k-grid td:first-child,
-    .k-pivot-table .k-grid-header .k-header.k-first {
-        border-color: $pivotgrid-chrome-border;
-    }
-
-    .k-pivot-rowheaders .k-alt .k-alt,
-    .k-header.k-alt {
-        background-color: $pivotgrid-row-headers-bg;
-    }
-
-    .k-pivot-toolbar .k-button,
-    .k-fieldselector .k-list li.k-item {
-        @include fill(
-            $button-text,
-            $button-bg,
-            $button-border,
-            $button-gradient
-        );
-
-        &:hover,
-        &.k-state-hover {
-            @include fill(
-                $button-hovered-text,
-                $button-hovered-bg,
-                $button-hovered-border,
-                $button-hovered-gradient
-            );
-        }
-
-        // Pressed state
-        &:active,
-        &.k-state-active {
-            @include fill(
-                $button-active-text,
-                $button-active-bg,
-                $button-active-border,
-                $button-active-gradient
-            );
-        }
-
-        // Focused state
-        &:focus,
-        &.k-state-focus,
-        &.k-state-focused {
-            box-shadow: $button-focused-shadow;
-        }
-
-        &.k-empty {
-            color: $subtle-text;
-        }
-    }
-
-    .k-pivot-toolbar {
-        .k-empty {
-            color: $subtle-text;
-        }
-    }
-
-    .k-pivot-layout .k-grid-footer,
-    .k-pivot-layout .k-grid.k-alt {
-        color: $pivotgrid-alt-text;
-        background-color: $pivotgrid-alt-bg;
-    }
-
-    // Loading indicator
-    .k-fieldselector {
-        .k-i-loading {
-            border-color: $header-bg;
-        }
-
-        .k-i-loading::before,
-        .k-i-loading::after {
-            background-color: $header-bg;
-        }
-    }
-
-    // KPI icons
-    .k-i-kpi-trend-increase,
-    .k-i-kpi-trend-decrease,
-    .k-i-kpi-trend-equal {
-        color: inherit;
-    }
-
-    .k-i-kpi-status-hold {
-        color: $warning;
-    }
-
-    .k-i-kpi-status-deny {
-        color: $error;
-    }
-
-    .k-i-kpi-status-open {
-        color: $success;
-    }
-}

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

@@ -1,116 +0,0 @@
-// Pivot grid
-$pivotgrid-spacer: map-get( $spacing, 4 ) !default;
-$pivotgrid-padding-x: null !default;
-$pivotgrid-padding-y: null !default;
-$pivotgrid-font-family: $font-family !default;
-$pivotgrid-font-size: $font-size !default;
-$pivotgrid-line-height: $line-height !default;
-$pivotgrid-border-width: 1px !default;
-
-$pivotgrid-row-header-width: 300px !default;
-$pivotgrid-column-header-height: 75px !default;
-
-$pivotgrid-cell-padding-x: $table-cell-padding-x !default;
-$pivotgrid-cell-padding-y: $table-cell-padding-y !default;
-$pivotgrid-cell-border-width: 1px !default;
-
-$pivotgrid-bg: $component-bg !default;
-$pivotgrid-text: $component-text !default;
-$pivotgrid-border: $component-border !default;
-
-$pivotgrid-alt-border: try-shade($pivotgrid-border, 2) !default;
-
-$pivotgrid-headers-bg: $header-bg !default;
-$pivotgrid-headers-text: $header-text !default;
-$pivotgrid-headers-border: $header-border !default;
-
-$pivotgrid-total-bg: try-shade( $pivotgrid-bg, 1 ) !default;
-$pivotgrid-total-text: $header-text !default;
-$pivotgrid-total-border: $header-border !default;
-
-$pivotgrid-hover-bg: darken($pivotgrid-bg, 7%) !default;
-$pivotgrid-hover-text: null !default;
-$pivotgrid-hover-border: null !default;
-
-$pivotgrid-selected-bg: rgba($selected-bg, .25) !default;
-$pivotgrid-selected-text: null !default;
-$pivotgrid-selected-border: null !default;
-
-$pivotgrid-focus-shadow: $list-item-focused-shadow !default;
-
-// Pivotgrid Configurator
-$pivotgrid-configurator-padding-x: null !default;
-$pivotgrid-configurator-padding-y: null !default;
-$pivotgrid-configurator-border-width: 1px !default;
-
-$pivotgrid-configurator-header-padding-x: $pivotgrid-spacer !default;
-$pivotgrid-configurator-header-padding-y: ( $pivotgrid-spacer * .75 ) !default;
-$pivotgrid-configurator-header-font-size: 18px !default;
-$pivotgrid-configurator-header-font-weight: 500 !default;
-
-$pivotgrid-configurator-content-padding-x: $pivotgrid-spacer !default;
-$pivotgrid-configurator-content-padding-y: 2px !default;
-
-$pivotgrid-configurator-fields-margin-x: 0px !default;
-$pivotgrid-configurator-fields-margin-y: ( $pivotgrid-spacer / 2 ) !default;
-
-$pivotgrid-configurator-actions-padding-x: ( $pivotgrid-spacer / 2 ) !default;
-$pivotgrid-configurator-actions-padding-y: ( $pivotgrid-spacer * .75 ) !default;
-
-$pivotgrid-configurator-vertical-width: 320px !default;
-$pivotgrid-configurator-horizontal-height: 420px !default;
-
-$pivotgrid-configurator-bg: $component-bg !default;
-$pivotgrid-configurator-text: $component-text !default;
-$pivotgrid-configurator-border: $component-border !default;
-
-$pivotgrid-configurator-header-bg: null !default;
-$pivotgrid-configurator-header-text: $header-text !default;
-$pivotgrid-configurator-header-border: null !default;
-
-$pivotgrid-configurator-end-shadow: -3px 0px 6px rgba(0, 0, 0, .16) !default;
-$pivotgrid-configurator-start-shadow: 3px 0px 6px rgba(0, 0, 0, .16) !default;
-$pivotgrid-configurator-top-shadow: 0px -3px 6px rgba(0, 0, 0, .16) !default;
-$pivotgrid-configurator-bottom-shadow: 0px 3px 6px rgba(0, 0, 0, .16) !default;
-
-$pivotgrid-configurator-button-padding-x: map-get($spacing, 1) !default;
-$pivotgrid-configurator-button-padding-y: map-get($spacing, 1) !default;
-$pivotgrid-configurator-button-border-width: 1px !default;
-$pivotgrid-configurator-button-size: calc( #{$pivotgrid-line-height * 1em} + #{$pivotgrid-configurator-button-padding-y * 2} + #{$pivotgrid-configurator-button-border-width * 2} ) !default;
-
-// Calculated fields
-$pivotgrid-calculated-field-padding-x: $pivotgrid-spacer !default;
-$pivotgrid-calculated-field-padding-y: $pivotgrid-spacer !default;
-$pivotgrid-calculated-field-border-width: 1px !default;
-$pivotgrid-calculated-field-border-radius: $border-radius !default;
-$pivotgrid-calculated-field-gap: $pivotgrid-spacer !default;
-
-$pivotgrid-calculated-field-bg: $component-bg !default;
-$pivotgrid-calculated-field-text: $component-text !default;
-$pivotgrid-calculated-field-border: $component-border !default;
-
-$pivotgrid-calculated-field-header-bg: null !default;
-$pivotgrid-calculated-field-header-text: $header-text !default;
-$pivotgrid-calculated-field-header-border: null !default;
-
-
-$pivotgrid-treeview-padding-x: ( $pivotgrid-spacer / 2 ) !default;
-$pivotgrid-treeview-padding-y: 0px !default;
-
-// Legacy variables
-$pivotgrid-alt-bg: $grid-header-bg !default;
-$pivotgrid-alt-text: $grid-header-text !default;
-$pivotgrid-chrome-border: $grid-border !default;
-
-$pivotgrid-container-bg: $component-bg !default;
-$pivotgrid-row-headers-bg: try-shade( $component-bg, 1 ) !default;
-
-$pivotgrid-button-bg: null !default;
-$pivotgrid-button-text: null !default;
-$pivotgrid-button-hover-bg: null !default;
-$pivotgrid-button-hover-text: null !default;
-$pivotgrid-button-active-bg: null !default;
-$pivotgrid-button-active-text: null !default;
-
-$pivotgrid-remove-bg: null !default;
-$pivotgrid-remove-text: null !default;

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

@@ -1,13 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../card/_index.scss";
-@import "../popup/_index.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";

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

@@ -1,77 +0,0 @@
-@include exports("popover/layout") {
-
-    // Popover
-    .k-popover {
-        @include border-radius( $popover-border-radius );
-        padding: 0;
-        border-width: $popover-border-width;
-        border-style: $popover-border-style;
-        box-sizing: border-box;
-        outline: 0;
-        font-size: $popover-font-size;
-        font-family: $popover-font-family;
-        line-height: $popover-line-height;
-        display: flex;
-        flex-flow: column nowrap;
-        position: absolute;
-        z-index: 12000;
-        -webkit-touch-callout: none;
-        -webkit-tap-highlight-color: $rgba-transparent;
-    }
-
-    // Header
-    .k-popover-header {
-        @include border-top-radius( $popover-border-radius );
-        padding: $popover-header-padding-y $popover-header-padding-x;
-        border-width: 0 0 $popover-header-border-width;
-        border-style: $popover-header-border-style;
-    }
-
-    // Body
-    .k-popover-body {
-        padding: $popover-body-padding-y $popover-body-padding-x;
-    }
-
-    // Actions
-    .k-popover-actions {
-        border-width: $popover-actions-border-width 0 0;
-    }
-
-}
-
-@include exports( "popover/layout/callout" ) {
-
-    .k-popover-callout {
-        margin: 0;
-        width: $popover-callout-width;
-        height: $popover-callout-height;
-        border-width: $popover-callout-border-width $popover-callout-border-width 0 0;
-        border-style: $popover-callout-border-style;
-        position: absolute;
-
-        &.k-callout-n {
-            top: 0;
-            left: 50%;
-            transform: translate(-50%, -50%) rotate(-45deg);
-        }
-
-        &.k-callout-e {
-            top: 50%;
-            right: 0;
-            transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
-        }
-
-        &.k-callout-s {
-            bottom: 0;
-            left: 50%;
-            transform: translate(-50%, 50%) rotate(135deg);
-        }
-
-        &.k-callout-w {
-            top: 50%;
-            left: 0;
-            transform: translate(-50%, -50%) rotate(-135deg);
-        }
-    }
-
-}

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

@@ -1,36 +0,0 @@
-@include exports("popover/theme") {
-
-    // Popover
-    .k-popover {
-        @include box-shadow( $popover-shadow );
-
-        @include fill(
-            $popover-text,
-            $popover-bg,
-            $popover-border
-        );
-    }
-
-    // Header
-    .k-popover-header {
-        @include fill(
-            $popover-header-text,
-            $popover-header-bg,
-            $popover-header-border
-        );
-    }
-
-    // Callout
-    .k-popover-callout {
-        @include fill(
-            $bg: $popover-callout-bg,
-            $border: $popover-callout-border
-        );
-
-        &.k-callout-n { @include box-shadow( $popover-callout-shadow-n ); }
-        &.k-callout-e { @include box-shadow( $popover-callout-shadow-e ); }
-        &.k-callout-s { @include box-shadow( $popover-callout-shadow-s ); }
-        &.k-callout-w { @include box-shadow( $popover-callout-shadow-w ); }
-    }
-
-}

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

@@ -1,36 +0,0 @@
-// Popover
-$popover-border-width: $card-border-width !default;
-$popover-border-style: solid !default;
-$popover-border-radius: $card-border-radius !default;
-$popover-font-size: $card-font-size !default;
-$popover-font-family: $card-font-family !default;
-$popover-line-height: $card-line-height !default;
-$popover-bg: $component-bg !default;
-$popover-text: $component-text !default;
-$popover-border: $component-border !default;
-$popover-shadow: $popup-shadow !default;
-
-$popover-header-padding-y: $card-header-padding-y !default;
-$popover-header-padding-x: $card-header-padding-x !default;
-$popover-header-border-width: $card-header-border-width !default;
-$popover-header-border-style: $popover-border-style !default;
-$popover-header-bg: $card-header-bg !default;
-$popover-header-text: $card-header-text !default;
-$popover-header-border: $card-header-border !default;
-
-$popover-body-padding-y: $card-body-padding-y !default;
-$popover-body-padding-x: $card-body-padding-x !default;
-
-$popover-actions-border-width: $popover-border-width !default;
-
-$popover-callout-width: $card-callout-width !default;
-$popover-callout-height: $card-callout-height !default;
-$popover-callout-border-width: $popover-border-width !default;
-$popover-callout-border-style: $popover-border-style !default;
-$popover-callout-bg: $popover-bg !default;
-$popover-callout-border: $popover-border !default;
-
-$popover-callout-shadow-n: null !default;
-$popover-callout-shadow-e: rgba( black, .03 ) 2px -1px 4px 0px !default;
-$popover-callout-shadow-s: rgba( black, .06 ) 2px -2px 4px 0px !default;
-$popover-callout-shadow-w: rgba( black, .03 ) 2px -1px 4px 0px !default;

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

@@ -1,15 +0,0 @@
-@import "../core/_index.scss";
-
-
-// Dependencies
-@import "../common/_index.scss";
-@import "../icons/_index.scss";
-@import "../button/_index.scss";
-@import "../input/_index.scss";
-@import "../forms/_variables.scss";
-
-
-// Component
-@import "_variables.scss";
-@import "_layout.scss";
-@import "_theme.scss";