@progress/kendo-theme-material 7.1.0-dev.1 → 7.1.0-dev.11
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/all.css +403 -43
- package/dist/all.scss +3117 -1644
- package/dist/meta/sassdoc-data.json +4803 -3617
- package/dist/meta/sassdoc-raw-data.json +1309 -763
- package/dist/meta/variables.json +588 -412
- package/lib/swatches/material-aqua-dark.json +1 -1
- package/lib/swatches/material-arctic.json +1 -1
- package/lib/swatches/material-burnt-teal.json +1 -1
- package/lib/swatches/material-dataviz-v4.json +1 -1
- package/lib/swatches/material-eggplant.json +1 -1
- package/lib/swatches/material-lime-dark.json +1 -1
- package/lib/swatches/material-lime.json +1 -1
- package/lib/swatches/material-main-dark.json +1 -1
- package/lib/swatches/material-main.json +1 -1
- package/lib/swatches/material-nova.json +1 -1
- package/lib/swatches/material-pacific-dark.json +1 -1
- package/lib/swatches/material-pacific.json +1 -1
- package/lib/swatches/material-sky-dark.json +1 -1
- package/lib/swatches/material-sky.json +1 -1
- package/lib/swatches/material-smoke.json +1 -1
- package/package.json +6 -6
- package/scss/_variables.scss +0 -224
- package/scss/action-buttons/_theme.scss +2 -2
- package/scss/adaptive/_variables.scss +1 -1
- package/scss/appbar/_variables.scss +2 -2
- package/scss/bottom-navigation/_theme.scss +12 -1
- package/scss/breadcrumb/_variables.scss +2 -2
- package/scss/button/_theme.scss +3 -3
- package/scss/button/_variables.scss +3 -3
- package/scss/calendar/_theme.scss +1 -1
- package/scss/calendar/_variables.scss +3 -3
- package/scss/chat/_variables.scss +2 -2
- package/scss/checkbox/_theme.scss +1 -1
- package/scss/checkbox/_variables.scss +4 -4
- package/scss/chip/_theme.scss +16 -13
- package/scss/chip/_variables.scss +8 -8
- package/scss/core/_index.scss +4 -1
- package/scss/core/color-system/_functions.scss +101 -0
- package/scss/core/color-system/_palettes-legacy.scss +671 -0
- package/scss/core/color-system/_palettes.scss +297 -0
- package/scss/core/color-system/_swatch-legacy.scss +65 -0
- package/scss/core/color-system/_swatch.scss +426 -0
- package/scss/dataviz/_variables.scss +42 -42
- package/scss/dock-manager/_variables.scss +2 -2
- package/scss/draggable/_variables.scss +1 -1
- package/scss/dropzone/_variables.scss +2 -2
- package/scss/editor/_variables.scss +1 -1
- package/scss/fab/_theme.scss +20 -20
- package/scss/filemanager/_variables.scss +3 -3
- package/scss/gantt/_layout.scss +1 -1
- package/scss/gantt/_theme.scss +1 -1
- package/scss/gantt/_variables.scss +8 -8
- package/scss/grid/_theme.scss +67 -52
- package/scss/grid/_variables.scss +9 -6
- package/scss/index.scss +2 -0
- package/scss/input/_variables.scss +20 -7
- package/scss/list/_theme.scss +8 -0
- package/scss/listview/_theme.scss +1 -1
- package/scss/listview/_variables.scss +2 -2
- package/scss/map/_variables.scss +1 -1
- package/scss/mediaplayer/_variables.scss +1 -1
- package/scss/menu/_variables.scss +2 -2
- package/scss/notification/_variables.scss +1 -1
- package/scss/orgchart/_variables.scss +2 -2
- package/scss/pager/_variables.scss +2 -2
- package/scss/panelbar/_variables.scss +12 -12
- package/scss/pdf-viewer/_variables.scss +1 -1
- package/scss/pivotgrid/_variables.scss +8 -8
- package/scss/progressbar/_variables.scss +1 -1
- package/scss/prompt/_index.scss +37 -0
- package/scss/prompt/_layout.scss +6 -0
- package/scss/prompt/_theme.scss +6 -0
- package/scss/prompt/_variables.scss +66 -0
- package/scss/radio/_theme.scss +1 -1
- package/scss/scheduler/_theme.scss +12 -0
- package/scss/scheduler/_variables.scss +7 -7
- package/scss/signature/_variables.scss +1 -1
- package/scss/skeleton/_variables.scss +1 -1
- package/scss/slider/_variables.scss +2 -2
- package/scss/splitter/_variables.scss +2 -2
- package/scss/spreadsheet/_variables.scss +4 -4
- package/scss/stepper/_variables.scss +7 -7
- package/scss/switch/_theme.scss +1 -1
- package/scss/switch/_variables.scss +3 -3
- package/scss/table/_layout.scss +25 -0
- package/scss/table/_theme.scss +31 -16
- package/scss/table/_variables.scss +3 -3
- package/scss/tabstrip/_variables.scss +1 -1
- package/scss/taskboard/_variables.scss +5 -4
- package/scss/tilelayout/_variables.scss +1 -1
- package/scss/timeline/_variables.scss +4 -4
- package/scss/toolbar/_theme.scss +2 -2
- package/scss/tooltip/_variables.scss +2 -2
- package/scss/treeview/_variables.scss +1 -1
- package/scss/upload/_theme.scss +1 -1
- package/scss/core/color-system/_color-system-material.scss +0 -801
- package/scss/core/color-system/index.import.scss +0 -1
|
@@ -27,13 +27,13 @@ $kendo-taskboard-columns-container-gap: $kendo-taskboard-spacer !default;
|
|
|
27
27
|
$kendo-taskboard-column-width: 320px !default;
|
|
28
28
|
$kendo-taskboard-column-border-width: 1px !default;
|
|
29
29
|
$kendo-taskboard-column-border-radius: $kendo-border-radius-md !default;
|
|
30
|
-
$kendo-taskboard-column-bg: if( $kendo-is-dark-theme, $kendo-color-dark, $kendo-color-light) !default;
|
|
30
|
+
$kendo-taskboard-column-bg: if($kendo-enable-color-system, k-color( surface ), if( $kendo-is-dark-theme, $kendo-color-dark, $kendo-color-light)) !default;
|
|
31
31
|
$kendo-taskboard-column-text: null !default;
|
|
32
32
|
$kendo-taskboard-column-border: transparent !default;
|
|
33
33
|
|
|
34
34
|
$kendo-taskboard-column-focus-bg: null !default;
|
|
35
35
|
$kendo-taskboard-column-focus-text: null !default;
|
|
36
|
-
$kendo-taskboard-column-focus-border: k-try-shade( $kendo-base-border, 2.5 ) !default;
|
|
36
|
+
$kendo-taskboard-column-focus-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-base-border, 2.5 )) !default;
|
|
37
37
|
|
|
38
38
|
$kendo-taskboard-column-header-padding-y: k-math-div( $kendo-taskboard-spacer, 2 ) !default;
|
|
39
39
|
$kendo-taskboard-column-header-padding-x: $kendo-taskboard-column-header-padding-y !default;
|
|
@@ -76,10 +76,11 @@ $kendo-taskboard-card-shadow: none !default;
|
|
|
76
76
|
|
|
77
77
|
$kendo-taskboard-card-category-border-width: 4px !default;
|
|
78
78
|
|
|
79
|
-
$kendo-taskboard-card-
|
|
79
|
+
$kendo-taskboard-card-hover-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 10% )) !default;
|
|
80
|
+
|
|
81
|
+
$kendo-taskboard-card-focus-border: if($kendo-enable-color-system, k-color( border-alt ), k-try-shade( $kendo-taskboard-card-border, 9% )) !default;
|
|
80
82
|
$kendo-taskboard-card-focus-shadow: none !default;
|
|
81
83
|
|
|
82
|
-
$kendo-taskboard-card-hover-border: k-try-shade( $kendo-taskboard-card-border, 10% ) !default;
|
|
83
84
|
|
|
84
85
|
$kendo-taskboard-card-selected-border: $kendo-color-primary-lighter !default;
|
|
85
86
|
$kendo-taskboard-card-selected-shadow: none !default;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
$kendo-tile-layout-border-width: 0px !default;
|
|
6
6
|
/// The background color of the TileLayout.
|
|
7
7
|
/// @group tilelayout
|
|
8
|
-
$kendo-tile-layout-bg: if( $kendo-is-dark-theme, $kendo-color-dark, $kendo-color-light) !default;
|
|
8
|
+
$kendo-tile-layout-bg: if($kendo-enable-color-system, k-color( surface ), if( $kendo-is-dark-theme, $kendo-color-dark, $kendo-color-light)) !default;
|
|
9
9
|
|
|
10
10
|
/// The horizontal padding of the TileLayout.
|
|
11
11
|
/// @group tilelayout
|
|
@@ -13,9 +13,9 @@ $kendo-timeline-mobile-spacing-y: $kendo-padding-md-x !default;
|
|
|
13
13
|
$kendo-timeline-track-arrow-width: 36px !default;
|
|
14
14
|
$kendo-timeline-track-arrow-height: 36px !default;
|
|
15
15
|
|
|
16
|
-
$kendo-timeline-track-arrow-disabled-
|
|
17
|
-
$kendo-timeline-track-arrow-disabled-
|
|
18
|
-
$kendo-timeline-track-arrow-disabled-border: k-true-mix($kendo-button-border, $kendo-body-bg, 65%) !default;
|
|
16
|
+
$kendo-timeline-track-arrow-disabled-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, rgba ), .09 ), k-true-mix(#000000, $kendo-body-bg, 8%)) !default;
|
|
17
|
+
$kendo-timeline-track-arrow-disabled-text: if($kendo-enable-color-system, rgba( k-color( on-app-surface, rgba ), .32 ), k-true-mix($kendo-button-text, $kendo-body-bg, 65%)) !default;
|
|
18
|
+
$kendo-timeline-track-arrow-disabled-border: if($kendo-enable-color-system, transparent, k-true-mix($kendo-button-border, $kendo-body-bg, 65%)) !default;
|
|
19
19
|
|
|
20
20
|
$kendo-timeline-track-size: 6px !default;
|
|
21
21
|
$kendo-timeline-track-wrap-padding-bottom: k-math-div( $kendo-timeline-track-size, 2 ) !default;
|
|
@@ -39,7 +39,7 @@ $kendo-timeline-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$
|
|
|
39
39
|
$kendo-timeline-mobile-flag-max-width: calc(#{$kendo-timeline-flag-min-width} + 2 * #{$kendo-timeline-mobile-spacing-x}) !default;
|
|
40
40
|
$kendo-timeline-horizontal-flag-min-width: 60px !default;
|
|
41
41
|
$kendo-timeline-flag-bg: $kendo-color-primary !default;
|
|
42
|
-
$kendo-timeline-flag-text: k-contrast-color( $kendo-timeline-flag-bg ) !default;
|
|
42
|
+
$kendo-timeline-flag-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-timeline-flag-bg )) !default;
|
|
43
43
|
|
|
44
44
|
$kendo-timeline-flag-callout-width: 10px !default;
|
|
45
45
|
$kendo-timeline-flag-callout-height: 10px !default;
|
package/scss/toolbar/_theme.scss
CHANGED
|
@@ -8,8 +8,8 @@
|
|
|
8
8
|
.k-toolbar {
|
|
9
9
|
|
|
10
10
|
.k-button-solid-base {
|
|
11
|
-
background-color: k-try-shade( $kendo-button-bg );
|
|
12
|
-
border-color: k-try-shade( $kendo-button-bg );
|
|
11
|
+
background-color: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-button-bg ));
|
|
12
|
+
border-color: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-button-bg ));
|
|
13
13
|
|
|
14
14
|
&.k-input-button,
|
|
15
15
|
&.k-input-spinner .k-spinner-increase,
|
|
@@ -53,7 +53,7 @@ $kendo-tooltip-shadow: $box-shadow-depth-2 !default;
|
|
|
53
53
|
|
|
54
54
|
@each $name, $color in $colors {
|
|
55
55
|
$_theme: k-map-merge(( $name: (
|
|
56
|
-
color: k-contrast-color( $color ),
|
|
56
|
+
color: if($kendo-enable-color-system, k-color( on-#{$name} ), k-contrast-color( $color )),
|
|
57
57
|
background-color: $color,
|
|
58
58
|
border: $color,
|
|
59
59
|
)), $_theme );
|
|
@@ -67,4 +67,4 @@ $kendo-tooltip-shadow: $box-shadow-depth-2 !default;
|
|
|
67
67
|
$kendo-tooltip-theme-colors: $kendo-theme-colors !default;
|
|
68
68
|
/// The generated theme colors map for the Tooltip.
|
|
69
69
|
/// @group tooltip
|
|
70
|
-
$kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;
|
|
70
|
+
$kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;
|
|
@@ -124,7 +124,7 @@ $kendo-treeview-border: null !default;
|
|
|
124
124
|
|
|
125
125
|
/// The background color of hovered TreeView.
|
|
126
126
|
/// @group treeview
|
|
127
|
-
$kendo-treeview-item-hover-bg: rgba( $kendo-treeview-text, .07 ) !default;
|
|
127
|
+
$kendo-treeview-item-hover-bg: if($kendo-enable-color-system, rgba( k-color( on-app-surface, true ), .07 ), rgba( $kendo-treeview-text, .07 )) !default;
|
|
128
128
|
/// The text color of hovered TreeView items.
|
|
129
129
|
/// @group treeview
|
|
130
130
|
$kendo-treeview-item-hover-text: null !default;
|
package/scss/upload/_theme.scss
CHANGED