@progress/kendo-theme-material 6.4.0-dev.2 → 6.4.0-dev.4
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 +80 -242
- package/dist/all.scss +293 -516
- package/dist/meta/sassdoc-data.json +414 -414
- package/dist/meta/sassdoc-raw-data.json +205 -205
- package/dist/meta/variables.json +6 -2
- package/dist/meta/variables.scss +1 -1
- 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 +5 -5
- package/scss/_variables.scss +1 -2
- package/scss/badge/_variables.scss +2 -2
- package/scss/button/_layout.scss +3 -3
- package/scss/chip/_theme.scss +1 -1
- package/scss/chip/_variables.scss +1 -1
- package/scss/core/color-system/_color-system-material.scss +0 -3
- package/scss/editor/_variables.scss +1 -1
- package/scss/fab/_variables.scss +1 -1
- package/scss/floating-label/_variables.scss +1 -1
- package/scss/grid/_theme.scss +2 -4
- package/scss/grid/_variables.scss +1 -0
- package/scss/input/_layout.scss +3 -6
- package/scss/input/_variables.scss +1 -1
- package/scss/listbox/_index.scss +0 -1
- package/scss/menu/_variables.scss +1 -1
- package/scss/notification/_variables.scss +0 -1
- package/scss/progressbar/_theme.scss +2 -2
- package/scss/scheduler/_layout.scss +3 -2
- package/scss/signature/_variables.scss +1 -1
- package/scss/typography/_variables.scss +1 -1
package/dist/meta/variables.json
CHANGED
|
@@ -873,7 +873,7 @@
|
|
|
873
873
|
},
|
|
874
874
|
"kendo-paragraph-letter-spacing": {
|
|
875
875
|
"type": "Number",
|
|
876
|
-
"value": "0.
|
|
876
|
+
"value": "0.0313em"
|
|
877
877
|
},
|
|
878
878
|
"kendo-code-font-size": {
|
|
879
879
|
"type": "Number",
|
|
@@ -9347,6 +9347,10 @@
|
|
|
9347
9347
|
"type": "Number",
|
|
9348
9348
|
"value": "250px"
|
|
9349
9349
|
},
|
|
9350
|
+
"kendo-grid-column-menu-max-width": {
|
|
9351
|
+
"type": "Number",
|
|
9352
|
+
"value": "320px"
|
|
9353
|
+
},
|
|
9350
9354
|
"kendo-grid-filter-menu-check-all-border-bottom-width": {
|
|
9351
9355
|
"type": "Number",
|
|
9352
9356
|
"value": "0"
|
|
@@ -10633,7 +10637,7 @@
|
|
|
10633
10637
|
},
|
|
10634
10638
|
"kendo-editor-selectednode-outline-color": {
|
|
10635
10639
|
"type": "Color",
|
|
10636
|
-
"value": "#
|
|
10640
|
+
"value": "#88ccff"
|
|
10637
10641
|
},
|
|
10638
10642
|
"kendo-image-editor-margin-y": {
|
|
10639
10643
|
"type": "Null",
|
package/dist/meta/variables.scss
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-material",
|
|
3
3
|
"description": "Material theme for Kendo UI",
|
|
4
|
-
"version": "6.4.0-dev.
|
|
4
|
+
"version": "6.4.0-dev.4",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -51,9 +51,9 @@
|
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
53
|
"@progress/kendo-font-icons": "1.5.0",
|
|
54
|
-
"@progress/kendo-theme-core": "6.4.0-dev.
|
|
55
|
-
"@progress/kendo-theme-default": "6.4.0-dev.
|
|
56
|
-
"@progress/kendo-theme-utils": "6.4.0-dev.
|
|
54
|
+
"@progress/kendo-theme-core": "6.4.0-dev.4",
|
|
55
|
+
"@progress/kendo-theme-default": "6.4.0-dev.4",
|
|
56
|
+
"@progress/kendo-theme-utils": "6.4.0-dev.4"
|
|
57
57
|
},
|
|
58
|
-
"gitHead": "
|
|
58
|
+
"gitHead": "f1697f6f332595856450d44528bc344d6d4c728c"
|
|
59
59
|
}
|
package/scss/_variables.scss
CHANGED
|
@@ -19,7 +19,6 @@ $kendo-auto-bootstrap: true !default;
|
|
|
19
19
|
|
|
20
20
|
// Spacing
|
|
21
21
|
$kendo-spacing: (
|
|
22
|
-
// sass-lint:disable-block leading-zero
|
|
23
22
|
0: 0,
|
|
24
23
|
1px: 1px,
|
|
25
24
|
0.5: 2px,
|
|
@@ -120,7 +119,7 @@ $kendo-icon-padding: k-map-get( $kendo-spacing, 1 ) !default;
|
|
|
120
119
|
$kendo-padding-x: 16px !default;
|
|
121
120
|
$kendo-padding-y: 4px !default;
|
|
122
121
|
$kendo-padding-sm-x: k-map-get( $kendo-spacing, 2 ) !default;
|
|
123
|
-
$kendo-padding-sm-y: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
122
|
+
$kendo-padding-sm-y: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
124
123
|
$kendo-padding-md-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
125
124
|
$kendo-padding-md-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
126
125
|
$kendo-padding-lg-x: k-map-get( $kendo-spacing, 6 ) !default;
|
|
@@ -14,7 +14,7 @@ $kendo-badge-border-radius: $kendo-border-radius-md !default;
|
|
|
14
14
|
$kendo-badge-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
15
15
|
/// The horizontal padding of the small Badge.
|
|
16
16
|
/// @group badge
|
|
17
|
-
$kendo-badge-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
17
|
+
$kendo-badge-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
18
18
|
/// The horizontal padding of the medium Badge.
|
|
19
19
|
/// @group badge
|
|
20
20
|
$kendo-badge-md-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
@@ -27,7 +27,7 @@ $kendo-badge-lg-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
|
27
27
|
$kendo-badge-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
28
28
|
/// The vertical padding of the small Badge.
|
|
29
29
|
/// @group badge
|
|
30
|
-
$kendo-badge-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
30
|
+
$kendo-badge-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
31
31
|
/// The vertical padding of the medium Badge.
|
|
32
32
|
/// @group badge
|
|
33
33
|
$kendo-badge-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
package/scss/button/_layout.scss
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
transition: opacity .4s cubic-bezier( .25, .8, .25, 1 );
|
|
16
16
|
}
|
|
17
17
|
&::after {
|
|
18
|
-
display: none !important; //
|
|
18
|
+
display: none !important; // stylelint-disable-line declaration-no-important
|
|
19
19
|
}
|
|
20
20
|
|
|
21
21
|
&:disabled,
|
|
@@ -28,8 +28,8 @@
|
|
|
28
28
|
|
|
29
29
|
// Outline button
|
|
30
30
|
.k-button-outline {
|
|
31
|
-
background-color: transparent !important; //
|
|
32
|
-
box-shadow: none !important; //
|
|
31
|
+
background-color: transparent !important; // stylelint-disable-line declaration-no-important
|
|
32
|
+
box-shadow: none !important; // stylelint-disable-line declaration-no-important
|
|
33
33
|
}
|
|
34
34
|
|
|
35
35
|
|
package/scss/chip/_theme.scss
CHANGED
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
@include box-shadow( none );
|
|
30
30
|
@include fill( $bg: k-try-tint( $color, 88% ) );
|
|
31
31
|
}
|
|
32
|
-
} @else if($name == "warning") {
|
|
32
|
+
} @else if ($name == "warning") {
|
|
33
33
|
@include fill(
|
|
34
34
|
$color: if( $kendo-is-dark-theme, k-try-shade( $color, 50% ), $kendo-chip-outline-text)
|
|
35
35
|
);
|
|
@@ -28,7 +28,7 @@ $kendo-chip-lg-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
|
28
28
|
$kendo-chip-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
29
29
|
/// The vertical padding of the small Chip.
|
|
30
30
|
/// @group chip
|
|
31
|
-
$kendo-chip-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
31
|
+
$kendo-chip-sm-padding-y: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
32
32
|
/// The vertical padding of the medium Chip.
|
|
33
33
|
/// @group chip
|
|
34
34
|
$kendo-chip-md-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
@@ -735,7 +735,6 @@ $material-light-complimentary: (
|
|
|
735
735
|
|
|
736
736
|
// stylelint-disable-next-line function-comma-newline-after
|
|
737
737
|
$result: k-map-merge($base-palette, (
|
|
738
|
-
// sass-lint:disable-block indentation
|
|
739
738
|
main: k-map-get($base-palette, $main),
|
|
740
739
|
lighter: k-map-get($base-palette, $lighter),
|
|
741
740
|
darker: k-map-get($base-palette, $darker),
|
|
@@ -748,7 +747,6 @@ $material-light-complimentary: (
|
|
|
748
747
|
@each $hue, $color in $base-palette {
|
|
749
748
|
// stylelint-disable-next-line function-comma-newline-after
|
|
750
749
|
$result: k-map-merge($result, (
|
|
751
|
-
// sass-lint:disable-block indentation
|
|
752
750
|
"#{$hue}-contrast": material-contrast($base-palette, $hue)
|
|
753
751
|
));
|
|
754
752
|
}
|
|
@@ -782,7 +780,6 @@ $material-light-complimentary: (
|
|
|
782
780
|
@function material-theme($kendo-color-primary, $kendo-color-secondary, $theme-type, $warn: material-palette(red)) {
|
|
783
781
|
$complimentary: if($theme-type == dark, $material-dark-complimentary, $material-light-complimentary);
|
|
784
782
|
@return k-map-merge((
|
|
785
|
-
// sass-lint:disable-block indentation
|
|
786
783
|
primary: $kendo-color-primary,
|
|
787
784
|
secondary: $kendo-color-secondary,
|
|
788
785
|
warn: $warn
|
|
@@ -20,4 +20,4 @@ $kendo-editor-resize-handle-border: #000000 !default;
|
|
|
20
20
|
$kendo-editor-resize-handle-bg: #ffffff !default;
|
|
21
21
|
|
|
22
22
|
$kendo-editor-selectednode-outline-width: 2px !default;
|
|
23
|
-
$kendo-editor-selectednode-outline-color: #
|
|
23
|
+
$kendo-editor-selectednode-outline-color: #88ccff !default;
|
package/scss/fab/_variables.scss
CHANGED
|
@@ -45,7 +45,7 @@ $kendo-fab-lg-padding-y: ( $kendo-fab-padding-y * 1.5 ) !default;
|
|
|
45
45
|
|
|
46
46
|
/// The horizontal padding of the FAB icon.
|
|
47
47
|
/// @group floating-action-button
|
|
48
|
-
$kendo-fab-icon-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
48
|
+
$kendo-fab-icon-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
49
49
|
/// The vertical padding of the FAB icon.
|
|
50
50
|
/// @group floating-action-button
|
|
51
51
|
$kendo-fab-icon-padding-y: $kendo-fab-icon-padding-x !default;
|
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
/// The transformation scale of the Floating Label.
|
|
4
4
|
/// @group floating-label
|
|
5
5
|
$kendo-floating-label-scale: 1 !default;
|
|
6
|
-
///The font size of the Floating Label.
|
|
6
|
+
/// The font size of the Floating Label.
|
|
7
7
|
/// @group floating-label
|
|
8
8
|
$kendo-floating-label-font-size: $kendo-input-font-size !default;
|
|
9
9
|
/// The maximum width of the Floating Label.
|
package/scss/grid/_theme.scss
CHANGED
|
@@ -166,15 +166,13 @@
|
|
|
166
166
|
}
|
|
167
167
|
|
|
168
168
|
.k-table-thead > .k-table-row:not(:only-child) > .k-table-th {
|
|
169
|
+
border-inline-start-color: $kendo-grid-border;
|
|
170
|
+
|
|
169
171
|
&.k-grid-header-sticky {
|
|
170
172
|
border-inline-color: $kendo-grid-sticky-header-border;
|
|
171
173
|
}
|
|
172
174
|
}
|
|
173
175
|
|
|
174
|
-
.k-table-thead > .k-table-row:not(:only-child) > .k-table-th {
|
|
175
|
-
border-inline-start-color: $kendo-grid-border;
|
|
176
|
-
}
|
|
177
|
-
|
|
178
176
|
.k-grid-header-locked .k-table-thead .k-table-row .k-table-th {
|
|
179
177
|
border-inline-color: $kendo-grid-sticky-header-border;
|
|
180
178
|
}
|
|
@@ -258,6 +258,7 @@ $kendo-grid-sticky-hover-bg: k-try-shade($kendo-grid-bg, 7%) !default;
|
|
|
258
258
|
$kendo-grid-sticky-selected-hover-bg: k-try-shade($kendo-grid-sticky-selected-bg, .87) !default;
|
|
259
259
|
|
|
260
260
|
$kendo-grid-column-menu-width: 250px !default;
|
|
261
|
+
$kendo-grid-column-menu-max-width: 320px !default;
|
|
261
262
|
|
|
262
263
|
$kendo-grid-filter-menu-check-all-border-bottom-width: 0 !default;
|
|
263
264
|
|
package/scss/input/_layout.scss
CHANGED
|
@@ -8,9 +8,9 @@
|
|
|
8
8
|
// Fill mode
|
|
9
9
|
.k-input-solid,
|
|
10
10
|
.k-picker-solid {
|
|
11
|
-
@include border-bottom-radius( 0 !important ); //
|
|
11
|
+
@include border-bottom-radius( 0 !important ); // stylelint-disable-line declaration-no-important
|
|
12
12
|
border-width: $kendo-input-border-width 0;
|
|
13
|
-
border-top-color: transparent !important; //
|
|
13
|
+
border-top-color: transparent !important; // stylelint-disable-line declaration-no-important
|
|
14
14
|
|
|
15
15
|
.k-input-button,
|
|
16
16
|
.k-input-spinner .k-spinner-increase,
|
|
@@ -76,10 +76,7 @@
|
|
|
76
76
|
display: block;
|
|
77
77
|
position: absolute;
|
|
78
78
|
z-index: 2;
|
|
79
|
-
|
|
80
|
-
bottom: -1px;
|
|
81
|
-
left: -1px;
|
|
82
|
-
right: -1px;
|
|
79
|
+
inset: -1px;
|
|
83
80
|
opacity: 0;
|
|
84
81
|
transform: scaleX(0);
|
|
85
82
|
transition: opacity .3s, transform .3s;
|
|
@@ -248,7 +248,7 @@ $kendo-input-clear-value-hover-opacity: 1 !default;
|
|
|
248
248
|
|
|
249
249
|
/// The vertical margin of the clear value icon.
|
|
250
250
|
/// @group input
|
|
251
|
-
$kendo-input-values-margin-y: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
251
|
+
$kendo-input-values-margin-y: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
252
252
|
/// The horizontal margin of the clear value icon.
|
|
253
253
|
/// @group input
|
|
254
254
|
$kendo-input-values-margin-x: $kendo-input-values-margin-y !default;
|
package/scss/listbox/_index.scss
CHANGED
|
@@ -13,7 +13,7 @@ $kendo-menu-gradient: null !default;
|
|
|
13
13
|
|
|
14
14
|
$kendo-menu-item-padding-x: k-map-get( $kendo-spacing, 4 ) !default;
|
|
15
15
|
$kendo-menu-item-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
16
|
-
$kendo-menu-item-spacing: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
16
|
+
$kendo-menu-item-spacing: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
17
17
|
$kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
|
|
18
18
|
|
|
19
19
|
$kendo-menu-item-bg: rgba( $kendo-menu-text, 0 ) !default;
|
|
@@ -42,7 +42,6 @@ $kendo-notification-border: $kendo-component-border !default;
|
|
|
42
42
|
@function notification-theme( $colors ) {
|
|
43
43
|
$_theme: ();
|
|
44
44
|
|
|
45
|
-
// sass-lint:disable-block indentation
|
|
46
45
|
@each $name, $color in $colors {
|
|
47
46
|
$_theme: k-map-merge(( $name: (
|
|
48
47
|
color: k-contrast-color( $color ),
|
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
@import "@progress/kendo-theme-default/scss/progressbar/_theme.scss";
|
|
2
2
|
|
|
3
|
-
@function _translate($direction, $value) {
|
|
3
|
+
@function _translate($direction, $value) { // stylelint-disable-line
|
|
4
4
|
@return if($direction == horizontal, translateX($value), translateY($value));
|
|
5
5
|
}
|
|
6
|
-
@function _scale($direction, $value) {
|
|
6
|
+
@function _scale($direction, $value) { // stylelint-disable-line
|
|
7
7
|
@return if($direction == horizontal, scaleX($value), scaleY($value));
|
|
8
8
|
}
|
|
9
9
|
|
|
@@ -46,9 +46,9 @@
|
|
|
46
46
|
}
|
|
47
47
|
}
|
|
48
48
|
|
|
49
|
+
// Angular fix for stronger selector and smaller padding
|
|
49
50
|
.k-event-template {
|
|
50
|
-
|
|
51
|
-
& {
|
|
51
|
+
& { // stylelint-disable-line
|
|
52
52
|
padding-block: $kendo-padding-sm-y;
|
|
53
53
|
padding-inline: $kendo-padding-sm-x;
|
|
54
54
|
}
|
|
@@ -61,6 +61,7 @@
|
|
|
61
61
|
|
|
62
62
|
$handle-size: 2px;
|
|
63
63
|
$handle-half-size: k-math-div( $handle-size, 2 );
|
|
64
|
+
|
|
64
65
|
.k-event {
|
|
65
66
|
.k-event-delete {
|
|
66
67
|
border-radius: 50%;
|
|
@@ -7,7 +7,7 @@ $kendo-signature-maximized-width: 750px !default;
|
|
|
7
7
|
$kendo-signature-maximized-height: 252px !default;
|
|
8
8
|
|
|
9
9
|
$kendo-signature-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
10
|
-
$kendo-signature-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
10
|
+
$kendo-signature-sm-padding-x: k-map-get( $kendo-spacing, 0.5 ) !default;
|
|
11
11
|
$kendo-signature-md-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
12
12
|
$kendo-signature-lg-padding-x: k-map-get( $kendo-spacing, 1.5 ) !default;
|
|
13
13
|
|
|
@@ -51,7 +51,7 @@ $kendo-paragraph-font-size: 1rem !default;
|
|
|
51
51
|
$kendo-paragraph-font-family: $kendo-font-family !default;
|
|
52
52
|
$kendo-paragraph-line-height: $kendo-line-height-lg !default;
|
|
53
53
|
$kendo-paragraph-font-weight: $kendo-font-weight-normal !default;
|
|
54
|
-
$kendo-paragraph-letter-spacing: .
|
|
54
|
+
$kendo-paragraph-letter-spacing: .0313em !default;
|
|
55
55
|
|
|
56
56
|
|
|
57
57
|
// Code
|