@progress/kendo-theme-bootstrap 6.8.0-dev.2 → 7.0.0
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 +557 -4791
- package/dist/all.scss +278 -1308
- package/dist/meta/sassdoc-data.json +350 -182
- package/dist/meta/sassdoc-raw-data.json +134 -59
- package/dist/meta/variables.json +69 -93
- package/lib/swatches/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +6 -6
- package/scss/action-sheet/_variables.scss +1 -1
- package/scss/appbar/_variables.scss +2 -2
- package/scss/bottom-navigation/_variables.scss +2 -2
- package/scss/card/_variables.scss +1 -1
- package/scss/colorgradient/_variables.scss +14 -8
- package/scss/common/_index.scss +1 -0
- package/scss/common/_indicators.scss +1 -0
- package/scss/core/_index.scss +6 -0
- package/scss/core/elevation/index.import.scss +34 -0
- package/scss/fab/_variables.scss +2 -2
- package/scss/grid/_theme.scss +1 -2
- package/scss/pdf-viewer/_variables.scss +1 -1
- package/scss/pivotgrid/_variables.scss +5 -4
- package/scss/popup/_variables.scss +1 -1
- package/scss/scheduler/_variables.scss +1 -3
- package/scss/tabstrip/_variables.scss +1 -1
- package/scss/timeline/_variables.scss +1 -1
- package/scss/tooltip/_variables.scss +2 -0
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-bootstrap",
|
|
3
3
|
"description": "Bootstrap theme for Kendo UI",
|
|
4
|
-
"version": "
|
|
4
|
+
"version": "7.0.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -50,11 +50,11 @@
|
|
|
50
50
|
"postpublish": "echo 'no postpublish for bootstrap theme'"
|
|
51
51
|
},
|
|
52
52
|
"dependencies": {
|
|
53
|
-
"@progress/kendo-
|
|
54
|
-
"@progress/kendo-theme-core": "
|
|
55
|
-
"@progress/kendo-theme-default": "
|
|
56
|
-
"@progress/kendo-theme-utils": "
|
|
53
|
+
"@progress/kendo-svg-icons": "2.0.0",
|
|
54
|
+
"@progress/kendo-theme-core": "7.0.0",
|
|
55
|
+
"@progress/kendo-theme-default": "7.0.0",
|
|
56
|
+
"@progress/kendo-theme-utils": "7.0.0",
|
|
57
57
|
"bootstrap": "5.2.1"
|
|
58
58
|
},
|
|
59
|
-
"gitHead": "
|
|
59
|
+
"gitHead": "61d73126ecd6c97602f73d0adf12a12bdafe4d0a"
|
|
60
60
|
}
|
|
@@ -16,7 +16,7 @@ $kendo-actionsheet-line-height: $kendo-line-height-md !default;
|
|
|
16
16
|
$kendo-actionsheet-bg: $kendo-component-bg !default;
|
|
17
17
|
$kendo-actionsheet-text: $kendo-component-text !default;
|
|
18
18
|
$kendo-actionsheet-border: $kendo-component-border !default;
|
|
19
|
-
$kendo-actionsheet-shadow:
|
|
19
|
+
$kendo-actionsheet-shadow: k-elevation(7) !default;
|
|
20
20
|
|
|
21
21
|
|
|
22
22
|
// Actionsheet header
|
|
@@ -48,7 +48,7 @@ $kendo-appbar-dark-text: k-contrast-color( $kendo-color-dark ) !default;
|
|
|
48
48
|
|
|
49
49
|
/// The box shadow of the AppBar.
|
|
50
50
|
/// @group appbar
|
|
51
|
-
$kendo-appbar-box-shadow:
|
|
51
|
+
$kendo-appbar-box-shadow: k-elevation(4) !default;
|
|
52
52
|
/// The box shadow of the AppBar with bottom position.
|
|
53
53
|
/// @group appbar
|
|
54
|
-
$kendo-appbar-bottom-box-shadow:
|
|
54
|
+
$kendo-appbar-bottom-box-shadow: k-elevation(4) !default;
|
|
@@ -49,7 +49,7 @@ $kendo-bottom-nav-item-gap: 0 k-map-get( $kendo-spacing, 1 ) !default;
|
|
|
49
49
|
|
|
50
50
|
/// The box shadow of the BottomNavigation.
|
|
51
51
|
/// @group bottom-navigation
|
|
52
|
-
$kendo-bottom-nav-shadow:
|
|
52
|
+
$kendo-bottom-nav-shadow: k-elevation(4) !default;
|
|
53
53
|
|
|
54
54
|
/// The text color of the flat BottomNavigation.
|
|
55
55
|
/// @group bottom-navigation
|
|
@@ -59,4 +59,4 @@ $kendo-bottom-nav-flat-text: $kendo-component-text !default;
|
|
|
59
59
|
$kendo-bottom-nav-flat-bg: $kendo-component-bg !default;
|
|
60
60
|
/// The border color of the flat BottomNavigation.
|
|
61
61
|
/// @group bottom-navigation
|
|
62
|
-
$kendo-bottom-nav-flat-border: $kendo-component-border !default;
|
|
62
|
+
$kendo-bottom-nav-flat-border: $kendo-component-border !default;
|
|
@@ -21,7 +21,7 @@ $kendo-card-shadow: null !default;
|
|
|
21
21
|
$kendo-card-focus-bg: null !default;
|
|
22
22
|
$kendo-card-focus-text: null !default;
|
|
23
23
|
$kendo-card-focus-border: null !default;
|
|
24
|
-
$kendo-card-focus-shadow:
|
|
24
|
+
$kendo-card-focus-shadow: k-elevation(3) !default;
|
|
25
25
|
|
|
26
26
|
$kendo-card-header-padding-x: $kendo-card-padding-x !default;
|
|
27
27
|
$kendo-card-header-padding-y: $kendo-card-padding-y !default;
|
|
@@ -86,6 +86,9 @@ $kendo-color-gradient-draghandle-height: 14px !default;
|
|
|
86
86
|
/// The width of the border around the ColorGradient canvas drag handle.
|
|
87
87
|
/// @group cologradient
|
|
88
88
|
$kendo-color-gradient-draghandle-border-width: 1px !default;
|
|
89
|
+
/// The width of the outline around the ColorGradient canvas drag handle.
|
|
90
|
+
/// @group cologradient
|
|
91
|
+
$kendo-color-gradient-draghandle-outline-width: 1px !default;
|
|
89
92
|
/// The border radius of the ColorGradient canvas drag handle.
|
|
90
93
|
/// @group cologradient
|
|
91
94
|
$kendo-color-gradient-draghandle-border-radius: 50% !default;
|
|
@@ -97,16 +100,19 @@ $kendo-color-gradient-draghandle-text: null !default;
|
|
|
97
100
|
$kendo-color-gradient-draghandle-bg: transparent !default;
|
|
98
101
|
/// The color of the border around the ColorGradient canvas drag handle.
|
|
99
102
|
/// @group cologradient
|
|
100
|
-
$kendo-color-gradient-draghandle-border: rgba( white, .8) !default;
|
|
101
|
-
/// The
|
|
103
|
+
$kendo-color-gradient-draghandle-border: rgba( $kendo-color-white, .8) !default;
|
|
104
|
+
/// The color of the outline around the ColorGradient canvas drag handle.
|
|
102
105
|
/// @group cologradient
|
|
103
|
-
$kendo-color-gradient-draghandle-shadow:
|
|
104
|
-
/// The
|
|
106
|
+
$kendo-color-gradient-draghandle-shadow: rgba( $kendo-color-black, .5) !default;
|
|
107
|
+
/// The focus color of the outline around the ColorGradient canvas drag handle.
|
|
105
108
|
/// @group cologradient
|
|
106
|
-
$kendo-color-gradient-draghandle-focus-shadow:
|
|
107
|
-
/// The
|
|
109
|
+
$kendo-color-gradient-draghandle-focus-shadow: $kendo-color-black !default;
|
|
110
|
+
/// The outline color of the outline around the ColorGradient canvas drag handle.
|
|
111
|
+
/// @group cologradient
|
|
112
|
+
$kendo-color-gradient-draghandle-hover-shadow: $kendo-color-black !default;
|
|
113
|
+
/// The box shadow of the ColorGradient canvas drag handle.
|
|
108
114
|
/// @group cologradient
|
|
109
|
-
$kendo-color-gradient-draghandle-
|
|
115
|
+
$kendo-color-gradient-draghandle-shadow: k-elevation(2) !default;
|
|
110
116
|
|
|
111
117
|
/// The vertical margin of the ColorGradient canvas drag handle.
|
|
112
118
|
/// @group cologradient
|
|
@@ -133,4 +139,4 @@ $kendo-color-gradient-input-label-text: $kendo-subtle-text !default;
|
|
|
133
139
|
$kendo-color-gradient-contrast-ratio-font-weight: $kendo-font-weight-bold !default;
|
|
134
140
|
/// The spacing between the items in the ColorGradient contrast tool.
|
|
135
141
|
/// @group cologradient
|
|
136
|
-
$kendo-color-gradient-contrast-spacer: k-math-div( $kendo-color-gradient-spacer, 2 ) !default;
|
|
142
|
+
$kendo-color-gradient-contrast-spacer: k-math-div( $kendo-color-gradient-spacer, 2 ) !default;
|
package/scss/common/_index.scss
CHANGED
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@import "@progress/kendo-theme-default/scss/common/_indicators.scss";
|
package/scss/core/_index.scss
CHANGED
|
@@ -3,9 +3,15 @@ $wcag-min-contrast-ratio: 4.5 !default;
|
|
|
3
3
|
// Variables
|
|
4
4
|
@import "../_variables.scss";
|
|
5
5
|
|
|
6
|
+
// Elevation
|
|
7
|
+
@import "./elevation/index.import.scss";
|
|
8
|
+
|
|
6
9
|
@import "@progress/kendo-theme-core/scss/index.import.scss";
|
|
7
10
|
|
|
8
11
|
// Expose
|
|
9
12
|
@include exports("kendo-core-styles") {
|
|
10
13
|
@include kendo-core--styles();
|
|
14
|
+
|
|
15
|
+
// Elevation System
|
|
16
|
+
@include kendo-elevation--styles();
|
|
11
17
|
}
|
|
@@ -0,0 +1,34 @@
|
|
|
1
|
+
$_default-elevation: (
|
|
2
|
+
1: (
|
|
3
|
+
0px 1px 2px rgba(0, 0, 0, 0.038),
|
|
4
|
+
),
|
|
5
|
+
2: (
|
|
6
|
+
0px 2px 7px rgba(0, 0, 0, 0.075),
|
|
7
|
+
),
|
|
8
|
+
3: (
|
|
9
|
+
0px 4px 10px rgba(0, 0, 0, 0.1),
|
|
10
|
+
),
|
|
11
|
+
4: (
|
|
12
|
+
0px 6px 13px rgba(0, 0, 0, 0.125),
|
|
13
|
+
),
|
|
14
|
+
5: (
|
|
15
|
+
0px 8px 16px 0px rgba(0, 0, 0, 0.15),
|
|
16
|
+
),
|
|
17
|
+
6: (
|
|
18
|
+
0px 11px 24px 0px rgba(0, 0, 0, 0.159),
|
|
19
|
+
),
|
|
20
|
+
7: (
|
|
21
|
+
0px 14px 36px 0px rgba(0, 0, 0, 0.168),
|
|
22
|
+
),
|
|
23
|
+
8: (
|
|
24
|
+
0px 16px 48px 0px rgba(0, 0, 0, 0.176),
|
|
25
|
+
),
|
|
26
|
+
9: (
|
|
27
|
+
0px 18px 60px 0px rgba(0, 0, 0, 0.185),
|
|
28
|
+
),
|
|
29
|
+
);
|
|
30
|
+
|
|
31
|
+
/// Global Elevation.
|
|
32
|
+
/// @group elevation
|
|
33
|
+
$kendo-elevation: $_default-elevation !default;
|
|
34
|
+
|
package/scss/fab/_variables.scss
CHANGED
|
@@ -114,10 +114,10 @@ $kendo-fab-sizes: (
|
|
|
114
114
|
|
|
115
115
|
/// The base shadow of the FAB.
|
|
116
116
|
/// @group floating-action-button
|
|
117
|
-
$kendo-fab-shadow:
|
|
117
|
+
$kendo-fab-shadow: k-elevation(5) !default;
|
|
118
118
|
/// The shadow of the disabled FAB.
|
|
119
119
|
/// @group floating-action-button
|
|
120
|
-
$kendo-fab-disabled-shadow:
|
|
120
|
+
$kendo-fab-disabled-shadow: k-elevation(5) !default;
|
|
121
121
|
/// The shadow of the active FAB.
|
|
122
122
|
/// @group floating-action-button
|
|
123
123
|
$kendo-fab-active-shadow: null !default;
|
package/scss/grid/_theme.scss
CHANGED
|
@@ -142,8 +142,7 @@
|
|
|
142
142
|
.k-grid-filter,
|
|
143
143
|
.k-header-column-menu,
|
|
144
144
|
.k-grid-header-menu,
|
|
145
|
-
.k-hierarchy-cell .k-icon
|
|
146
|
-
.k-hierarchy-cell .k-svg-icon {
|
|
145
|
+
.k-hierarchy-cell .k-icon {
|
|
147
146
|
&:focus,
|
|
148
147
|
&.k-focus {
|
|
149
148
|
box-shadow: inset 0 0 0 2px rgba( black, .1 );
|
|
@@ -23,7 +23,7 @@ $kendo-pdf-viewer-page-spacing: 30px !default;
|
|
|
23
23
|
$kendo-pdf-viewer-page-bg: white !default;
|
|
24
24
|
$kendo-pdf-viewer-page-text: $kendo-component-text !default;
|
|
25
25
|
$kendo-pdf-viewer-page-border: $kendo-component-border !default;
|
|
26
|
-
$kendo-pdf-viewer-page-shadow:
|
|
26
|
+
$kendo-pdf-viewer-page-shadow: k-elevation(3) !default;
|
|
27
27
|
|
|
28
28
|
$kendo-pdf-viewer-search-panel-padding-x: $kendo-toolbar-md-padding-x !default;
|
|
29
29
|
$kendo-pdf-viewer-search-panel-padding-y: calc( #{$kendo-toolbar-md-padding-x} * 2 ) !default;
|
|
@@ -69,10 +69,11 @@ $kendo-pivotgrid-configurator-header-bg: null !default;
|
|
|
69
69
|
$kendo-pivotgrid-configurator-header-text: $kendo-component-header-text !default;
|
|
70
70
|
$kendo-pivotgrid-configurator-header-border: null !default;
|
|
71
71
|
|
|
72
|
-
$kendo-pivotgrid-configurator-
|
|
73
|
-
$kendo-pivotgrid-configurator-
|
|
74
|
-
$kendo-pivotgrid-configurator-
|
|
75
|
-
$kendo-pivotgrid-configurator-
|
|
72
|
+
$kendo-pivotgrid-configurator-shadow: k-elevation(3) !default;
|
|
73
|
+
$kendo-pivotgrid-configurator-end-shadow: $kendo-pivotgrid-configurator-shadow !default;
|
|
74
|
+
$kendo-pivotgrid-configurator-start-shadow: $kendo-pivotgrid-configurator-shadow !default;
|
|
75
|
+
$kendo-pivotgrid-configurator-top-shadow: $kendo-pivotgrid-configurator-shadow !default;
|
|
76
|
+
$kendo-pivotgrid-configurator-bottom-shadow: $kendo-pivotgrid-configurator-shadow !default;
|
|
76
77
|
|
|
77
78
|
$kendo-pivotgrid-configurator-button-padding-x: k-map-get( $kendo-spacing, 1 ) !default;
|
|
78
79
|
$kendo-pivotgrid-configurator-button-padding-y: k-map-get( $kendo-spacing, 1 ) !default;
|
|
@@ -36,4 +36,4 @@ $kendo-popup-text: $kendo-component-text !default;
|
|
|
36
36
|
$kendo-popup-border: $kendo-component-border !default;
|
|
37
37
|
/// Box shadow of the popup.
|
|
38
38
|
/// @group popup
|
|
39
|
-
$kendo-popup-shadow:
|
|
39
|
+
$kendo-popup-shadow: k-elevation(4) !default;
|
|
@@ -48,8 +48,6 @@ $kendo-scheduler-cell-height: $kendo-line-height-em !default;
|
|
|
48
48
|
$kendo-scheduler-datecolumn-width: 12em !default;
|
|
49
49
|
$kendo-scheduler-timecolumn-width: 11em !default;
|
|
50
50
|
|
|
51
|
-
$kendo-scheduler-current-time-color: #ff0000 !default;
|
|
52
|
-
|
|
53
51
|
$kendo-scheduler-nonwork-bg: k-try-shade( $kendo-scheduler-bg, .5 ) !default;
|
|
54
52
|
$kendo-scheduler-nonwork-text: null !default;
|
|
55
53
|
|
|
@@ -77,7 +75,7 @@ $kendo-scheduler-tooltip-border-width: 0 !default;
|
|
|
77
75
|
$kendo-scheduler-tooltip-bg: $kendo-color-primary-contrast !default;
|
|
78
76
|
$kendo-scheduler-tooltip-text: $kendo-base-text !default;
|
|
79
77
|
$kendo-scheduler-tooltip-border: null !default;
|
|
80
|
-
$kendo-scheduler-tooltip-shadow:
|
|
78
|
+
$kendo-scheduler-tooltip-shadow: k-elevation(2) !default;
|
|
81
79
|
|
|
82
80
|
$kendo-scheduler-tooltip-title-margin-y: k-map-get( $kendo-spacing, 3 ) !default;
|
|
83
81
|
$kendo-scheduler-tooltip-month-font-size: $kendo-font-size-sm !default;
|
|
@@ -80,7 +80,7 @@ $kendo-tabstrip-item-selected-gradient: null !default;
|
|
|
80
80
|
|
|
81
81
|
$kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
|
|
82
82
|
|
|
83
|
-
$kendo-tabstrip-item-dragging-shadow:
|
|
83
|
+
$kendo-tabstrip-item-dragging-shadow: k-elevation(3) !default;
|
|
84
84
|
|
|
85
85
|
$kendo-tabstrip-item-disabled-bg: null !default;
|
|
86
86
|
$kendo-tabstrip-item-disabled-text: null !default;
|
|
@@ -27,7 +27,7 @@ $kendo-timeline-track-end-calc: calc(#{$kendo-timeline-track-arrow-width} - 2 *
|
|
|
27
27
|
$kendo-timeline-track-bg: $kendo-button-bg !default;
|
|
28
28
|
$kendo-timeline-track-border-color: $kendo-timeline-track-bg !default;
|
|
29
29
|
|
|
30
|
-
$kendo-timeline-track-item-focus-shadow:
|
|
30
|
+
$kendo-timeline-track-item-focus-shadow: k-elevation(2) !default;
|
|
31
31
|
|
|
32
32
|
$kendo-timeline-track-event-offset: 36px !default;
|
|
33
33
|
|
|
@@ -18,6 +18,8 @@ $kendo-tooltip-bg: if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-bl
|
|
|
18
18
|
$kendo-tooltip-text: k-contrast-color( $kendo-tooltip-bg ) !default;
|
|
19
19
|
$kendo-tooltip-border: $kendo-tooltip-bg !default;
|
|
20
20
|
|
|
21
|
+
$kendo-tooltip-shadow: k-elevation(2) !default;
|
|
22
|
+
|
|
21
23
|
$kendo-tooltip-primary-bg: $kendo-color-primary !default;
|
|
22
24
|
$kendo-tooltip-primary-text: k-contrast-color( $kendo-tooltip-primary-bg ) !default;
|
|
23
25
|
$kendo-tooltip-primary-border: $kendo-tooltip-primary-bg !default;
|