@progress/kendo-theme-material 5.1.2-dev.6 → 5.1.2-dev.7
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 +386 -157
- package/dist/all.scss +226 -124
- package/package.json +3 -3
- package/scss/_variables.scss +4 -3
- package/scss/badge/_variables.scss +3 -3
- package/scss/breadcrumb/_variables.scss +1 -1
- package/scss/card/_variables.scss +1 -1
- package/scss/color-preview/_variables.scss +1 -1
- package/scss/coloreditor/_variables.scss +1 -1
- package/scss/colorgradient/_variables.scss +2 -2
- package/scss/fab/_variables.scss +1 -1
- package/scss/gantt/_variables.scss +5 -0
- package/scss/listgroup/_variables.scss +1 -1
- package/scss/loader/_variables.scss +1 -1
- package/scss/notification/_variables.scss +1 -0
- package/scss/orgchart/_variables.scss +1 -1
- package/scss/pivotgrid/_variables.scss +1 -1
- package/scss/scheduler/_variables.scss +2 -2
- package/scss/skeleton/_variables.scss +1 -1
- package/scss/spreadsheet/_variables.scss +3 -3
- package/scss/taskboard/_variables.scss +1 -1
- package/scss/tilelayout/_variables.scss +1 -1
- package/scss/tooltip/_variables.scss +1 -1
- package/scss/utils/_border.scss +4 -4
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": "5.1.2-dev.
|
|
4
|
+
"version": "5.1.2-dev.7",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"postpublish": "echo 'no postpublish for material theme'"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@progress/kendo-theme-default": "^5.1.2-dev.
|
|
53
|
+
"@progress/kendo-theme-default": "^5.1.2-dev.7"
|
|
54
54
|
},
|
|
55
|
-
"gitHead": "
|
|
55
|
+
"gitHead": "cedfa864b61e9c7f5e63839f6428eaee5af5c536"
|
|
56
56
|
}
|
package/scss/_variables.scss
CHANGED
|
@@ -125,9 +125,10 @@ $padding-x-lg: $padding-x * 1.5 !default;
|
|
|
125
125
|
$padding-y-lg: $padding-y * 1.5 !default;
|
|
126
126
|
|
|
127
127
|
/// Border radius for all components.
|
|
128
|
-
$border-radius:
|
|
129
|
-
$border-radius-sm: $border-radius / 2 !default;
|
|
130
|
-
$border-radius-
|
|
128
|
+
$kendo-border-radius: map-get( $spacing, 1 ) !default;
|
|
129
|
+
$kendo-border-radius-sm: $kendo-border-radius / 2 !default;
|
|
130
|
+
$kendo-border-radius-md: $kendo-border-radius !default;
|
|
131
|
+
$kendo-border-radius-lg: $kendo-border-radius * 1.5 !default;
|
|
131
132
|
|
|
132
133
|
$panel-padding-x: $padding-x !default;
|
|
133
134
|
$panel-padding-y: $padding-y !default;
|
|
@@ -2,21 +2,21 @@
|
|
|
2
2
|
$badge-padding-x: $padding-y !default;
|
|
3
3
|
$badge-padding-y: $badge-padding-x !default;
|
|
4
4
|
$badge-border-width: 1px !default;
|
|
5
|
-
$badge-border-radius: $border-radius !default;
|
|
5
|
+
$badge-border-radius: $kendo-border-radius-md !default;
|
|
6
6
|
$badge-font-size: $font-size-sm !default;
|
|
7
7
|
$badge-line-height: 1 !default;
|
|
8
8
|
|
|
9
9
|
$badge-padding-x-sm: ( $badge-padding-x / 2 ) !default;
|
|
10
10
|
$badge-padding-y-sm: ( $badge-padding-y / 2 ) !default;
|
|
11
11
|
$badge-border-width-sm: $badge-border-width !default;
|
|
12
|
-
$badge-border-radius-sm: $border-radius-sm !default;
|
|
12
|
+
$badge-border-radius-sm: $kendo-border-radius-sm !default;
|
|
13
13
|
$badge-font-size-sm: $font-size-xs !default;
|
|
14
14
|
$badge-line-height-sm: 1 !default;
|
|
15
15
|
|
|
16
16
|
$badge-padding-x-lg: ( $badge-padding-x * 1.5 ) !default;
|
|
17
17
|
$badge-padding-y-lg: ( $badge-padding-y * 1.5 ) !default;
|
|
18
18
|
$badge-border-width-lg: $badge-border-width !default;
|
|
19
|
-
$badge-border-radius-lg: $border-radius-lg !default;
|
|
19
|
+
$badge-border-radius-lg: $kendo-border-radius-lg !default;
|
|
20
20
|
$badge-font-size-lg: $font-size !default;
|
|
21
21
|
$badge-line-height-lg: 1 !default;
|
|
22
22
|
|
|
@@ -19,7 +19,7 @@ $breadcrumb-delimiter-icon-padding-y: 0px !default;
|
|
|
19
19
|
|
|
20
20
|
$breadcrumb-link-padding-x: ( $padding-x * 1.25 ) / 2 !default;
|
|
21
21
|
$breadcrumb-link-padding-y: $padding-y !default;
|
|
22
|
-
$breadcrumb-link-border-radius: $border-radius !default;
|
|
22
|
+
$breadcrumb-link-border-radius: $kendo-border-radius-md !default;
|
|
23
23
|
|
|
24
24
|
$breadcrumb-icon-link-padding-x: $breadcrumb-link-padding-x !default;
|
|
25
25
|
$breadcrumb-icon-link-padding-y: $breadcrumb-icon-link-padding-x !default;
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
$card-padding-x: map-get( $spacing, lg ) !default;
|
|
3
3
|
$card-padding-y: map-get( $spacing, md ) !default;
|
|
4
4
|
$card-border-width: 0px !default;
|
|
5
|
-
$card-border-radius: $border-radius !default;
|
|
5
|
+
$card-border-radius: $kendo-border-radius-md !default;
|
|
6
6
|
$card-inner-border-radius: calc( #{$card-border-radius} - #{$card-border-width} ) !default;
|
|
7
7
|
$card-font-family: $font-family !default;
|
|
8
8
|
$card-font-size: $font-size !default;
|
|
@@ -3,7 +3,7 @@ $coloreditor-spacer: map-get( $spacing, 3 ) !default;
|
|
|
3
3
|
|
|
4
4
|
$coloreditor-min-width: 294px !default;
|
|
5
5
|
$coloreditor-border-width: 1px !default;
|
|
6
|
-
$coloreditor-border-radius: $border-radius !default;
|
|
6
|
+
$coloreditor-border-radius: $kendo-border-radius-md !default;
|
|
7
7
|
$coloreditor-font-family: $font-family !default;
|
|
8
8
|
$coloreditor-font-size: $font-size !default;
|
|
9
9
|
$coloreditor-line-height: $line-height !default;
|
|
@@ -3,7 +3,7 @@ $colorgradient-spacer: map-get( $spacing, 3 ) !default;
|
|
|
3
3
|
|
|
4
4
|
$colorgradient-width: 294px !default;
|
|
5
5
|
$colorgradient-border-width: 1px !default;
|
|
6
|
-
$colorgradient-border-radius: $border-radius !default;
|
|
6
|
+
$colorgradient-border-radius: $kendo-border-radius-md !default;
|
|
7
7
|
$colorgradient-padding-y: $colorgradient-spacer !default;
|
|
8
8
|
$colorgradient-padding-x: $colorgradient-padding-y !default;
|
|
9
9
|
$colorgradient-gap: $colorgradient-spacer !default;
|
|
@@ -17,7 +17,7 @@ $colorgradient-border: $component-border !default;
|
|
|
17
17
|
$colorgradient-focus-border: $hovered-border !default;
|
|
18
18
|
$colorgradient-focus-shadow: $box-shadow-depth-2 !default;
|
|
19
19
|
|
|
20
|
-
$colorgradient-canvas-border-radius: $border-radius !default;
|
|
20
|
+
$colorgradient-canvas-border-radius: $kendo-border-radius-md !default;
|
|
21
21
|
$colorgradient-canvas-gap: $colorgradient-spacer !default;
|
|
22
22
|
$colorgradient-canvas-rectangle-height: 180px !default;
|
|
23
23
|
|
package/scss/fab/_variables.scss
CHANGED
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
$kendo-fab-border-width: 0px !default;
|
|
6
6
|
/// Border radius of the FAB.
|
|
7
7
|
/// @group floating-action-button
|
|
8
|
-
$kendo-fab-border-radius: $border-radius !default;
|
|
8
|
+
$kendo-fab-border-radius: $kendo-border-radius-md !default;
|
|
9
9
|
|
|
10
10
|
/// Font family of the FAB.
|
|
11
11
|
/// @group floating-action-button
|
|
@@ -85,3 +85,8 @@ $gantt-advanced-bg-lighter: tint($gantt-advanced-bg, 5) !default;
|
|
|
85
85
|
|
|
86
86
|
$gantt-action-on-offset-text: #000000 !default;
|
|
87
87
|
$gantt-offset-resize-handler-top: 50% !default;
|
|
88
|
+
|
|
89
|
+
$gantt-validation-tooltip-width: 200px !default;
|
|
90
|
+
$gantt-validation-tooltip-border: #656565 !default;
|
|
91
|
+
$gantt-validation-tooltip-valid-border: $success !default;
|
|
92
|
+
$gantt-validation-tooltip-invalid-border: $error !default;
|
|
@@ -27,7 +27,7 @@ $loader-secondary-bg: #000000 !default;
|
|
|
27
27
|
$loader-container-panel-border-width: 1px !default;
|
|
28
28
|
$loader-container-panel-border-style: solid !default;
|
|
29
29
|
$loader-container-panel-border-color: $component-border !default;
|
|
30
|
-
$loader-container-panel-border-radius: $border-radius !default;
|
|
30
|
+
$loader-container-panel-border-radius: $kendo-border-radius-md !default;
|
|
31
31
|
$loader-container-panel-bg: $white !default;
|
|
32
32
|
|
|
33
33
|
$loader-container-padding-sm: map-get( $spacing, 4 ) !default;
|
|
@@ -16,7 +16,7 @@ $orgchart-node-container-gap: $orgchart-spacer !default;
|
|
|
16
16
|
$orgchart-node-group-padding-y: $orgchart-spacer !default;
|
|
17
17
|
$orgchart-node-group-padding-x: $orgchart-node-group-padding-y !default;
|
|
18
18
|
$orgchart-node-group-border-width: 1px !default;
|
|
19
|
-
$orgchart-node-group-border-radius: $border-radius !default;
|
|
19
|
+
$orgchart-node-group-border-radius: $kendo-border-radius-md !default;
|
|
20
20
|
$orgchart-node-group-bg: if( $dark-theme, $dark, $light) !default;
|
|
21
21
|
$orgchart-node-group-text: $base-text !default;
|
|
22
22
|
$orgchart-node-group-border: $base-border !default;
|
|
@@ -80,7 +80,7 @@ $pivotgrid-configurator-button-size: calc( #{$pivotgrid-line-height * 1em} + #{$
|
|
|
80
80
|
$pivotgrid-calculated-field-padding-x: $pivotgrid-spacer !default;
|
|
81
81
|
$pivotgrid-calculated-field-padding-y: $pivotgrid-spacer !default;
|
|
82
82
|
$pivotgrid-calculated-field-border-width: 1px !default;
|
|
83
|
-
$pivotgrid-calculated-field-border-radius: $border-radius !default;
|
|
83
|
+
$pivotgrid-calculated-field-border-radius: $kendo-border-radius-md !default;
|
|
84
84
|
$pivotgrid-calculated-field-gap: $pivotgrid-spacer !default;
|
|
85
85
|
|
|
86
86
|
$pivotgrid-calculated-field-bg: $component-bg !default;
|
|
@@ -19,7 +19,7 @@ $scheduler-footer-border: null !default;
|
|
|
19
19
|
$scheduler-footer-gradient: null !default;
|
|
20
20
|
|
|
21
21
|
$scheduler-event-min-height: 25px !default;
|
|
22
|
-
$scheduler-event-border-radius: $border-radius !default;
|
|
22
|
+
$scheduler-event-border-radius: $kendo-border-radius-md !default;
|
|
23
23
|
$scheduler-event-line-height: calc( #{$scheduler-event-min-height} - (2 * #{$padding-y-sm}) ) !default;
|
|
24
24
|
|
|
25
25
|
$scheduler-event-bg: $primary !default;
|
|
@@ -86,7 +86,7 @@ $scheduler-tooltip-events-gap: $padding-y !default;
|
|
|
86
86
|
|
|
87
87
|
$scheduler-tooltip-event-padding-x: $padding-x-sm !default;
|
|
88
88
|
$scheduler-tooltip-event-padding-y: map-get( $spacing, 2 ) !default;
|
|
89
|
-
$scheduler-tooltip-event-border-radius: $border-radius !default;
|
|
89
|
+
$scheduler-tooltip-event-border-radius: $kendo-border-radius-md !default;
|
|
90
90
|
$scheduler-tooltip-event-gap: $padding-x-sm !default;
|
|
91
91
|
|
|
92
92
|
$scheduler-tooltip-callout-text: $scheduler-tooltip-bg !default;
|
|
@@ -15,9 +15,9 @@ $spreadsheet-insert-image-dialog-preview-width: 355px !default;
|
|
|
15
15
|
$spreadsheet-insert-image-dialog-preview-height: 230px !default;
|
|
16
16
|
$spreadsheet-insert-image-dialog-preview-img: "image-default.png" !default;
|
|
17
17
|
$spreadsheet-insert-image-dialog-preview-border: $component-border !default;
|
|
18
|
-
$spreadsheet-insert-image-dialog-preview-border-radius: $border-radius !default;
|
|
18
|
+
$spreadsheet-insert-image-dialog-preview-border-radius: $kendo-border-radius-md !default;
|
|
19
19
|
$spreadsheet-insert-image-dialog-preview-overlay-shadow: inset 0 0 0 2000px rgba(0, 0, 0, .5) !default;
|
|
20
|
-
$spreadsheet-insert-image-dialog-preview-overlay-border-radius: $border-radius !default;
|
|
20
|
+
$spreadsheet-insert-image-dialog-preview-overlay-border-radius: $kendo-border-radius-md !default;
|
|
21
21
|
$spreadsheet-insert-image-dialog-overlay-hovered-text: $component-bg !default;
|
|
22
22
|
|
|
23
23
|
$spreadsheet-drawing-handle-width: 6px !default;
|
|
@@ -27,7 +27,7 @@ $spreadsheet-drawing-handle-border-width: 1px !default;
|
|
|
27
27
|
$spreadsheet-drawing-handle-outline-color: $primary !default;
|
|
28
28
|
$spreadsheet-drawing-handle-border-color: $primary !default;
|
|
29
29
|
$spreadsheet-drawing-handle-bg: $primary !default;
|
|
30
|
-
$spreadsheet-drawing-handle-border-radius: $border-radius-lg !default;
|
|
30
|
+
$spreadsheet-drawing-handle-border-radius: $kendo-border-radius-lg !default;
|
|
31
31
|
|
|
32
32
|
$spreadsheet-drawing-outline-style: solid !default;
|
|
33
33
|
$spreadsheet-drawing-outline-width: 2px !default;
|
|
@@ -26,7 +26,7 @@ $taskboard-columns-container-gap: $taskboard-spacer !default;
|
|
|
26
26
|
|
|
27
27
|
$taskboard-column-width: 320px !default;
|
|
28
28
|
$taskboard-column-border-width: 1px !default;
|
|
29
|
-
$taskboard-column-border-radius: $border-radius !default;
|
|
29
|
+
$taskboard-column-border-radius: $kendo-border-radius-md !default;
|
|
30
30
|
$taskboard-column-bg: if( $dark-theme, $dark, $light) !default;
|
|
31
31
|
$taskboard-column-text: null !default;
|
|
32
32
|
$taskboard-column-border: transparent !default;
|
|
@@ -4,7 +4,7 @@ $tilelayout-card-border-width: 1px !default;
|
|
|
4
4
|
$tilelayout-card-focus-shadow: $card-focus-shadow !default;
|
|
5
5
|
|
|
6
6
|
$tilelayout-hint-border-width: 1px !default;
|
|
7
|
-
$tilelayout-hint-border-radius: $border-radius !default;
|
|
7
|
+
$tilelayout-hint-border-radius: $kendo-border-radius-md !default;
|
|
8
8
|
|
|
9
9
|
$tilelayout-bg: if( $dark-theme, $dark, $light) !default;
|
|
10
10
|
|
|
@@ -3,7 +3,7 @@ $tooltip-padding-y: ($padding-y * .75) !default;
|
|
|
3
3
|
$tooltip-padding-x: ($padding-x / 2) !default;
|
|
4
4
|
$tooltip-max-width: null !default;
|
|
5
5
|
$tooltip-border-width: 0px !default;
|
|
6
|
-
$tooltip-border-radius: $border-radius !default;
|
|
6
|
+
$tooltip-border-radius: $kendo-border-radius-md !default;
|
|
7
7
|
|
|
8
8
|
$tooltip-font-family: $font-family !default;
|
|
9
9
|
$tooltip-font-size: $font-size-sm !default;
|
package/scss/utils/_border.scss
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
1
|
$utils-border-radius: (
|
|
2
|
-
default:
|
|
2
|
+
default: $kendo-border-radius-md,
|
|
3
3
|
0: 0,
|
|
4
|
-
sm:
|
|
5
|
-
md:
|
|
6
|
-
lg:
|
|
4
|
+
sm: $kendo-border-radius-sm,
|
|
5
|
+
md: $kendo-border-radius-md,
|
|
6
|
+
lg: $kendo-border-radius-lg,
|
|
7
7
|
full: 9999px
|
|
8
8
|
) !default;
|
|
9
9
|
|