@progress/kendo-theme-default 7.0.3-dev.3 → 7.1.0-dev.1
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 +143 -109
- package/dist/all.scss +90 -172
- package/dist/meta/sassdoc-data.json +1034 -110
- package/dist/meta/sassdoc-raw-data.json +480 -55
- package/dist/meta/variables.json +10 -62
- package/lib/swatches/default-blue.json +1 -1
- package/lib/swatches/default-dataviz-v4.json +1 -1
- package/lib/swatches/default-green.json +1 -1
- package/lib/swatches/default-main-dark.json +1 -1
- package/lib/swatches/default-main.json +1 -1
- package/lib/swatches/default-nordic.json +1 -1
- package/lib/swatches/default-ocean-blue-a11y.json +1 -1
- package/lib/swatches/default-ocean-blue.json +1 -1
- package/lib/swatches/default-orange.json +1 -1
- package/lib/swatches/default-purple.json +1 -1
- package/lib/swatches/default-turquoise.json +1 -1
- package/lib/swatches/default-urban.json +1 -1
- package/package.json +4 -4
- package/scss/card/_layout.scss +18 -57
- package/scss/colorgradient/_layout.scss +0 -1
- package/scss/grid/_layout.scss +1 -0
- package/scss/notification/_layout.scss +4 -9
- package/scss/notification/_variables.scss +4 -0
- package/scss/popup/_layout.scss +1 -0
- package/scss/slider/_layout.scss +1 -22
- package/scss/timeline/_layout.scss +0 -4
- package/scss/tooltip/_layout.scss +0 -1
- package/scss/tooltip/_theme.scss +13 -62
- package/scss/tooltip/_variables.scss +49 -16
package/dist/meta/variables.json
CHANGED
|
@@ -3715,10 +3715,6 @@
|
|
|
3715
3715
|
"type": "Number",
|
|
3716
3716
|
"value": "8px"
|
|
3717
3717
|
},
|
|
3718
|
-
"kendo-tooltip-max-width": {
|
|
3719
|
-
"type": "Null",
|
|
3720
|
-
"value": "null"
|
|
3721
|
-
},
|
|
3722
3718
|
"kendo-tooltip-border-width": {
|
|
3723
3719
|
"type": "Number",
|
|
3724
3720
|
"value": "0px"
|
|
@@ -3767,65 +3763,13 @@
|
|
|
3767
3763
|
"type": "String",
|
|
3768
3764
|
"value": "var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12))"
|
|
3769
3765
|
},
|
|
3770
|
-
"kendo-tooltip-
|
|
3771
|
-
"type": "
|
|
3772
|
-
"value": "#ff6358"
|
|
3773
|
-
},
|
|
3774
|
-
"kendo-tooltip-primary-text": {
|
|
3775
|
-
"type": "Color",
|
|
3776
|
-
"value": "white"
|
|
3777
|
-
},
|
|
3778
|
-
"kendo-tooltip-primary-border": {
|
|
3779
|
-
"type": "Color",
|
|
3780
|
-
"value": "#ff6358"
|
|
3781
|
-
},
|
|
3782
|
-
"kendo-tooltip-info-bg": {
|
|
3783
|
-
"type": "Color",
|
|
3784
|
-
"value": "#0058e9"
|
|
3785
|
-
},
|
|
3786
|
-
"kendo-tooltip-info-text": {
|
|
3787
|
-
"type": "Color",
|
|
3788
|
-
"value": "white"
|
|
3789
|
-
},
|
|
3790
|
-
"kendo-tooltip-info-border": {
|
|
3791
|
-
"type": "Color",
|
|
3792
|
-
"value": "#0058e9"
|
|
3793
|
-
},
|
|
3794
|
-
"kendo-tooltip-success-bg": {
|
|
3795
|
-
"type": "Color",
|
|
3796
|
-
"value": "#37b400"
|
|
3797
|
-
},
|
|
3798
|
-
"kendo-tooltip-success-text": {
|
|
3799
|
-
"type": "Color",
|
|
3800
|
-
"value": "white"
|
|
3801
|
-
},
|
|
3802
|
-
"kendo-tooltip-success-border": {
|
|
3803
|
-
"type": "Color",
|
|
3804
|
-
"value": "#37b400"
|
|
3805
|
-
},
|
|
3806
|
-
"kendo-tooltip-warning-bg": {
|
|
3807
|
-
"type": "Color",
|
|
3808
|
-
"value": "#ffc000"
|
|
3809
|
-
},
|
|
3810
|
-
"kendo-tooltip-warning-text": {
|
|
3811
|
-
"type": "Color",
|
|
3812
|
-
"value": "black"
|
|
3813
|
-
},
|
|
3814
|
-
"kendo-tooltip-warning-border": {
|
|
3815
|
-
"type": "Color",
|
|
3816
|
-
"value": "#ffc000"
|
|
3817
|
-
},
|
|
3818
|
-
"kendo-tooltip-error-bg": {
|
|
3819
|
-
"type": "Color",
|
|
3820
|
-
"value": "#f31700"
|
|
3821
|
-
},
|
|
3822
|
-
"kendo-tooltip-error-text": {
|
|
3823
|
-
"type": "Color",
|
|
3824
|
-
"value": "white"
|
|
3766
|
+
"kendo-tooltip-theme-colors": {
|
|
3767
|
+
"type": "Map",
|
|
3768
|
+
"value": "(\"primary\": #ff6358, \"secondary\": #666666, \"tertiary\": #03a9f4, \"info\": #0058e9, \"success\": #37b400, \"warning\": #ffc000, \"error\": #f31700, \"dark\": #424242, \"light\": #ebebeb, \"inverse\": #424242)"
|
|
3825
3769
|
},
|
|
3826
|
-
"kendo-tooltip-
|
|
3827
|
-
"type": "
|
|
3828
|
-
"value": "#f31700"
|
|
3770
|
+
"kendo-tooltip-theme": {
|
|
3771
|
+
"type": "Map",
|
|
3772
|
+
"value": "(\"inverse\": (color: white, background-color: #424242, border: #424242), \"light\": (color: black, background-color: #ebebeb, border: #ebebeb), \"dark\": (color: white, background-color: #424242, border: #424242), \"error\": (color: white, background-color: #f31700, border: #f31700), \"warning\": (color: black, background-color: #ffc000, border: #ffc000), \"success\": (color: white, background-color: #37b400, border: #37b400), \"info\": (color: white, background-color: #0058e9, border: #0058e9), \"tertiary\": (color: white, background-color: #03a9f4, border: #03a9f4), \"secondary\": (color: white, background-color: #666666, border: #666666), \"primary\": (color: white, background-color: #ff6358, border: #ff6358))"
|
|
3829
3773
|
},
|
|
3830
3774
|
"kendo-window-border-width": {
|
|
3831
3775
|
"type": "Number",
|
|
@@ -6923,6 +6867,10 @@
|
|
|
6923
6867
|
"type": "Color",
|
|
6924
6868
|
"value": "white"
|
|
6925
6869
|
},
|
|
6870
|
+
"kendo-notification-group-gap": {
|
|
6871
|
+
"type": "Number",
|
|
6872
|
+
"value": "8px"
|
|
6873
|
+
},
|
|
6926
6874
|
"kendo-notification-padding-x": {
|
|
6927
6875
|
"type": "Number",
|
|
6928
6876
|
"value": "8px"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-default",
|
|
3
3
|
"description": "SASS resources for the default Kendo UI theme",
|
|
4
|
-
"version": "7.0
|
|
4
|
+
"version": "7.1.0-dev.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -52,12 +52,12 @@
|
|
|
52
52
|
},
|
|
53
53
|
"dependencies": {
|
|
54
54
|
"@progress/kendo-svg-icons": "2.0.0",
|
|
55
|
-
"@progress/kendo-theme-core": "7.0
|
|
56
|
-
"@progress/kendo-theme-utils": "7.0
|
|
55
|
+
"@progress/kendo-theme-core": "7.1.0-dev.1",
|
|
56
|
+
"@progress/kendo-theme-utils": "7.1.0-dev.1"
|
|
57
57
|
},
|
|
58
58
|
"directories": {
|
|
59
59
|
"doc": "docs",
|
|
60
60
|
"lib": "lib"
|
|
61
61
|
},
|
|
62
|
-
"gitHead": "
|
|
62
|
+
"gitHead": "9b5f2911c5d1962fef292ed43c870776a0bf23d9"
|
|
63
63
|
}
|
package/scss/card/_layout.scss
CHANGED
|
@@ -33,6 +33,15 @@
|
|
|
33
33
|
*::after {
|
|
34
34
|
box-sizing: border-box;
|
|
35
35
|
}
|
|
36
|
+
|
|
37
|
+
// Card avatar
|
|
38
|
+
.k-card-avatar,
|
|
39
|
+
.k-avatar {
|
|
40
|
+
margin-right: $kendo-card-avatar-spacing;
|
|
41
|
+
width: $kendo-card-avatar-size;
|
|
42
|
+
height: $kendo-card-avatar-size;
|
|
43
|
+
flex-basis: $kendo-card-avatar-size;
|
|
44
|
+
}
|
|
36
45
|
}
|
|
37
46
|
.k-card > .k-card-inner {
|
|
38
47
|
@include border-radius( $kendo-card-inner-border-radius );
|
|
@@ -42,11 +51,9 @@
|
|
|
42
51
|
position: relative;
|
|
43
52
|
}
|
|
44
53
|
|
|
45
|
-
|
|
46
54
|
// Card orientation
|
|
47
|
-
.k-card-horizontal
|
|
48
|
-
.k-card-vertical
|
|
49
|
-
|
|
55
|
+
.k-card-horizontal { flex-flow: row nowrap; } // stylelint-disable-line block-opening-brace-space-before
|
|
56
|
+
.k-card-vertical { flex-flow: column nowrap; } // stylelint-disable-line block-opening-brace-space-before
|
|
50
57
|
|
|
51
58
|
// Header
|
|
52
59
|
.k-card-header {
|
|
@@ -103,30 +110,13 @@
|
|
|
103
110
|
}
|
|
104
111
|
}
|
|
105
112
|
|
|
106
|
-
|
|
107
|
-
// Card avatar
|
|
108
|
-
.k-card-avatar,
|
|
109
|
-
.k-card .k-avatar {
|
|
110
|
-
margin-right: $kendo-card-avatar-spacing;
|
|
111
|
-
width: $kendo-card-avatar-size;
|
|
112
|
-
height: $kendo-card-avatar-size;
|
|
113
|
-
flex-basis: $kendo-card-avatar-size;
|
|
114
|
-
}
|
|
115
|
-
|
|
116
|
-
|
|
117
|
-
// Card image
|
|
118
|
-
.k-card-image,
|
|
113
|
+
// Card media
|
|
119
114
|
.k-card-media {
|
|
120
115
|
border: 0;
|
|
121
116
|
max-width: 100%;
|
|
122
117
|
flex-shrink: 0;
|
|
123
118
|
overflow: hidden;
|
|
124
119
|
|
|
125
|
-
> img {
|
|
126
|
-
border: 0;
|
|
127
|
-
max-width: 100%;
|
|
128
|
-
}
|
|
129
|
-
|
|
130
120
|
.k-card-horizontal & {
|
|
131
121
|
max-width: $kendo-card-img-max-width;
|
|
132
122
|
object-fit: cover;
|
|
@@ -170,22 +160,23 @@
|
|
|
170
160
|
flex: 0 0 auto;
|
|
171
161
|
align-self: stretch;
|
|
172
162
|
}
|
|
173
|
-
|
|
174
|
-
.k-card-horizontal > .k-card-separator {
|
|
175
|
-
border-left-width: 1px;
|
|
176
|
-
}
|
|
163
|
+
|
|
177
164
|
.k-card-separator.k-separator-horizontal,
|
|
178
165
|
.k-card-vertical > .k-card-separator {
|
|
179
166
|
border-top-width: 1px;
|
|
180
167
|
}
|
|
181
168
|
|
|
169
|
+
.k-card-separator.k-separator-vertical,
|
|
170
|
+
.k-card-horizontal > .k-card-separator {
|
|
171
|
+
border-left-width: 1px;
|
|
172
|
+
}
|
|
173
|
+
|
|
182
174
|
.k-card > .k-hr {
|
|
183
175
|
margin: 0;
|
|
184
176
|
flex: 0 0 auto;
|
|
185
177
|
border-color: inherit;
|
|
186
178
|
}
|
|
187
179
|
|
|
188
|
-
|
|
189
180
|
// Card actions
|
|
190
181
|
.k-card-actions {
|
|
191
182
|
padding-block: $kendo-card-actions-padding-y;
|
|
@@ -200,33 +191,6 @@
|
|
|
200
191
|
gap: $kendo-card-actions-gap;
|
|
201
192
|
}
|
|
202
193
|
|
|
203
|
-
|
|
204
|
-
// Actions align
|
|
205
|
-
.k-card-actions-start { justify-content: flex-start; } // stylelint-disable-line block-opening-brace-space-before
|
|
206
|
-
.k-card-actions-end { justify-content: flex-end; } // stylelint-disable-line block-opening-brace-space-before
|
|
207
|
-
.k-card-actions-center { justify-content: center; } // stylelint-disable-line block-opening-brace-space-before
|
|
208
|
-
|
|
209
|
-
|
|
210
|
-
// Actions orientation
|
|
211
|
-
.k-card-actions-horizontal { flex-flow: row nowrap; } // stylelint-disable-line block-opening-brace-space-before
|
|
212
|
-
.k-card-actions-vertical { flex-flow: column nowrap; } // stylelint-disable-line block-opening-brace-space-before
|
|
213
|
-
|
|
214
|
-
|
|
215
|
-
// Stretched actions
|
|
216
|
-
.k-card-actions-stretched > * {
|
|
217
|
-
flex: 1 1 auto;
|
|
218
|
-
}
|
|
219
|
-
|
|
220
|
-
|
|
221
|
-
// Card action
|
|
222
|
-
.k-card-action {
|
|
223
|
-
border-width: 0;
|
|
224
|
-
border-style: solid;
|
|
225
|
-
border-color: inherit;
|
|
226
|
-
display: inline-flex;
|
|
227
|
-
}
|
|
228
|
-
|
|
229
|
-
|
|
230
194
|
// List
|
|
231
195
|
.k-card-list {
|
|
232
196
|
display: flex;
|
|
@@ -318,9 +282,6 @@
|
|
|
318
282
|
}
|
|
319
283
|
}
|
|
320
284
|
|
|
321
|
-
|
|
322
|
-
|
|
323
|
-
|
|
324
285
|
// Card with callout
|
|
325
286
|
.k-card-with-callout {
|
|
326
287
|
overflow: visible;
|
package/scss/grid/_layout.scss
CHANGED
|
@@ -907,6 +907,7 @@
|
|
|
907
907
|
$_selection-aggregates-padding-x: k-map-get( $size-props, selection-aggregates-padding-x );
|
|
908
908
|
$_selection-aggregates-padding-y: k-map-get( $size-props, selection-aggregates-padding-y );
|
|
909
909
|
|
|
910
|
+
.k-grid .k-grid-#{$size},
|
|
910
911
|
.k-grid-#{$size} {
|
|
911
912
|
|
|
912
913
|
.k-table-th {
|
|
@@ -7,17 +7,12 @@
|
|
|
7
7
|
flex-flow: column-reverse wrap;
|
|
8
8
|
position: fixed;
|
|
9
9
|
z-index: 1000;
|
|
10
|
+
gap: $kendo-notification-group-gap 0;
|
|
10
11
|
}
|
|
11
12
|
|
|
12
|
-
|
|
13
|
-
|
|
14
|
-
|
|
15
|
-
display: inline-flex;
|
|
16
|
-
vertical-align: top;
|
|
17
|
-
|
|
18
|
-
&-animating {
|
|
19
|
-
overflow: hidden;
|
|
20
|
-
}
|
|
13
|
+
// Needed due to the specifics in the implementation of animations in Angular
|
|
14
|
+
.k-notification-container-animating {
|
|
15
|
+
overflow: hidden;
|
|
21
16
|
}
|
|
22
17
|
|
|
23
18
|
.k-notification {
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
// Notification
|
|
2
2
|
|
|
3
|
+
/// The row-gap between the elements in the Notification group.
|
|
4
|
+
/// @group notification
|
|
5
|
+
$kendo-notification-group-gap: k-map-get( $kendo-spacing, 2 ) !default;
|
|
6
|
+
|
|
3
7
|
/// The horizontal padding of the Notification.
|
|
4
8
|
/// @group notification
|
|
5
9
|
$kendo-notification-padding-x: 8px !default;
|
package/scss/popup/_layout.scss
CHANGED
package/scss/slider/_layout.scss
CHANGED
|
@@ -53,19 +53,6 @@
|
|
|
53
53
|
}
|
|
54
54
|
}
|
|
55
55
|
|
|
56
|
-
|
|
57
|
-
// Slider wrap
|
|
58
|
-
.k-slider-wrap {
|
|
59
|
-
width: 100%;
|
|
60
|
-
height: 100%;
|
|
61
|
-
display: flex;
|
|
62
|
-
flex-flow: inherit;
|
|
63
|
-
align-items: inherit;
|
|
64
|
-
gap: inherit;
|
|
65
|
-
position: relative;
|
|
66
|
-
}
|
|
67
|
-
|
|
68
|
-
|
|
69
56
|
// New rendering
|
|
70
57
|
.k-slider {
|
|
71
58
|
width: min-content;
|
|
@@ -397,15 +384,7 @@
|
|
|
397
384
|
.k-slider kendo-resize-sensor {
|
|
398
385
|
position: absolute;
|
|
399
386
|
}
|
|
400
|
-
|
|
401
|
-
padding-inline-start: calc( #{$kendo-slider-draghandle-size} / 2 );
|
|
402
|
-
padding-inline-end: calc( #{$kendo-slider-draghandle-size} / 2 );
|
|
403
|
-
}
|
|
404
|
-
.k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
|
|
405
|
-
padding-top: calc( #{$kendo-slider-draghandle-size} / 2 );
|
|
406
|
-
padding-bottom: calc( #{$kendo-slider-draghandle-size} / 2 );
|
|
407
|
-
}
|
|
408
|
-
|
|
387
|
+
|
|
409
388
|
// Aliases
|
|
410
389
|
.k-draghandle { @extend .k-slider-thumb !optional; }
|
|
411
390
|
.k-draghandle-start { @extend .k-slider-thumb-start !optional; }
|
package/scss/tooltip/_theme.scss
CHANGED
|
@@ -1,12 +1,4 @@
|
|
|
1
1
|
@mixin kendo-tooltip--theme-base() {
|
|
2
|
-
|
|
3
|
-
.k-tooltip-wrapper {
|
|
4
|
-
.k-tooltip {
|
|
5
|
-
box-shadow: $kendo-tooltip-shadow;
|
|
6
|
-
}
|
|
7
|
-
}
|
|
8
|
-
|
|
9
|
-
|
|
10
2
|
// Default tooltip
|
|
11
3
|
.k-tooltip {
|
|
12
4
|
@include fill(
|
|
@@ -14,67 +6,26 @@
|
|
|
14
6
|
$kendo-tooltip-bg,
|
|
15
7
|
$kendo-tooltip-border
|
|
16
8
|
);
|
|
9
|
+
|
|
10
|
+
@include box-shadow( $kendo-tooltip-shadow );
|
|
17
11
|
|
|
18
12
|
.k-callout {
|
|
19
13
|
color: $kendo-tooltip-bg;
|
|
20
14
|
}
|
|
21
15
|
}
|
|
22
16
|
|
|
23
|
-
|
|
24
17
|
// Tooltip variants
|
|
25
|
-
|
|
26
|
-
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
.k-tooltip-info {
|
|
37
|
-
@include fill(
|
|
38
|
-
$kendo-tooltip-info-text,
|
|
39
|
-
$kendo-tooltip-info-bg,
|
|
40
|
-
$kendo-tooltip-info-border
|
|
41
|
-
);
|
|
42
|
-
|
|
43
|
-
.k-callout {
|
|
44
|
-
color: $kendo-tooltip-info-bg;
|
|
45
|
-
}
|
|
46
|
-
}
|
|
47
|
-
.k-tooltip-success {
|
|
48
|
-
@include fill(
|
|
49
|
-
$kendo-tooltip-success-text,
|
|
50
|
-
$kendo-tooltip-success-bg,
|
|
51
|
-
$kendo-tooltip-success-border
|
|
52
|
-
);
|
|
53
|
-
|
|
54
|
-
.k-callout {
|
|
55
|
-
color: $kendo-tooltip-success-bg;
|
|
56
|
-
}
|
|
57
|
-
}
|
|
58
|
-
.k-tooltip-warning {
|
|
59
|
-
@include fill(
|
|
60
|
-
$kendo-tooltip-warning-text,
|
|
61
|
-
$kendo-tooltip-warning-bg,
|
|
62
|
-
$kendo-tooltip-warning-border
|
|
63
|
-
);
|
|
64
|
-
|
|
65
|
-
.k-callout {
|
|
66
|
-
color: $kendo-tooltip-warning-bg;
|
|
67
|
-
}
|
|
68
|
-
}
|
|
69
|
-
.k-tooltip-error {
|
|
70
|
-
@include fill(
|
|
71
|
-
$kendo-tooltip-error-text,
|
|
72
|
-
$kendo-tooltip-error-bg,
|
|
73
|
-
$kendo-tooltip-error-border
|
|
74
|
-
);
|
|
75
|
-
|
|
76
|
-
.k-callout {
|
|
77
|
-
color: $kendo-tooltip-error-bg;
|
|
18
|
+
@each $name, $props in $kendo-tooltip-theme {
|
|
19
|
+
.k-tooltip-#{$name} {
|
|
20
|
+
@include fill(
|
|
21
|
+
k-map-get( $props, color ),
|
|
22
|
+
k-map-get( $props, background-color ),
|
|
23
|
+
k-map-get( $props, border )
|
|
24
|
+
);
|
|
25
|
+
|
|
26
|
+
.k-callout {
|
|
27
|
+
color: k-map-get( $props, background-color );
|
|
28
|
+
}
|
|
78
29
|
}
|
|
79
30
|
}
|
|
80
31
|
|