@progress/kendo-theme-meridian 14.2.0-dev.0 → 14.2.0-dev.2
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 +1 -1
- package/dist/meridian-main-dark.css +1 -1
- package/dist/meridian-main.css +1 -1
- package/dist/meta/sassdoc-data.json +984 -762
- package/dist/meta/sassdoc-raw-data.json +455 -355
- package/dist/meta/variables.json +28 -9
- package/lib/swatches/meridian-main-dark.json +1 -1
- package/lib/swatches/meridian-main.json +1 -1
- package/package.json +4 -5
- package/scss/card/_theme.scss +17 -1
- package/scss/list/_layout.scss +4 -0
- package/scss/list/_variables.scss +21 -4
- package/scss/timeline/_theme.scss +5 -2
package/dist/meta/variables.json
CHANGED
|
@@ -1776,16 +1776,28 @@
|
|
|
1776
1776
|
},
|
|
1777
1777
|
"kendo-list-sm-header-padding-y": {
|
|
1778
1778
|
"type": "String",
|
|
1779
|
-
"value": "var(--kendo-spacing-
|
|
1779
|
+
"value": "var(--kendo-spacing-1\\.5)"
|
|
1780
1780
|
},
|
|
1781
1781
|
"kendo-list-md-header-padding-y": {
|
|
1782
1782
|
"type": "String",
|
|
1783
|
-
"value": "var(--kendo-spacing-
|
|
1783
|
+
"value": "var(--kendo-spacing-2)"
|
|
1784
1784
|
},
|
|
1785
1785
|
"kendo-list-lg-header-padding-y": {
|
|
1786
|
+
"type": "String",
|
|
1787
|
+
"value": "var(--kendo-spacing-2\\.5)"
|
|
1788
|
+
},
|
|
1789
|
+
"kendo-list-sm-sticky-header-padding-y": {
|
|
1786
1790
|
"type": "String",
|
|
1787
1791
|
"value": "var(--kendo-spacing-1\\.5)"
|
|
1788
1792
|
},
|
|
1793
|
+
"kendo-list-md-sticky-header-padding-y": {
|
|
1794
|
+
"type": "String",
|
|
1795
|
+
"value": "var(--kendo-spacing-2)"
|
|
1796
|
+
},
|
|
1797
|
+
"kendo-list-lg-sticky-header-padding-y": {
|
|
1798
|
+
"type": "String",
|
|
1799
|
+
"value": "var(--kendo-spacing-2\\.5)"
|
|
1800
|
+
},
|
|
1789
1801
|
"kendo-list-header-border-width": {
|
|
1790
1802
|
"type": "List",
|
|
1791
1803
|
"value": "(0 0 1px)"
|
|
@@ -2028,13 +2040,13 @@
|
|
|
2028
2040
|
},
|
|
2029
2041
|
"kendo-list-sizes": {
|
|
2030
2042
|
"type": "Map",
|
|
2031
|
-
"value": "(sm: (font-size: var(--kendo-font-size-sm, inherit), line-height: var(--kendo-line-height-sm, normal), header-padding-x: var(--kendo-spacing-2), header-padding-y: var(--kendo-spacing-
|
|
2043
|
+
"value": "(sm: (font-size: var(--kendo-font-size-sm, inherit), line-height: var(--kendo-line-height-sm, normal), header-padding-x: var(--kendo-spacing-2), header-padding-y: var(--kendo-spacing-1\\.5), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-1), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-2), group-item-padding-y: var(--kendo-spacing-1\\.5), group-item-font-size: var(--kendo-font-size-xs, inherit), group-item-line-height: var(--kendo-line-height-xs, normal), item-group-label-padding-x: 0.5em, item-group-label-padding-y: 0, item-group-label-font-size: 0.75em, item-group-label-line-height: inherit, filter-padding-x: var(--kendo-spacing-2), filter-padding-y: var(--kendo-spacing-2), sticky-header-padding-y: var(--kendo-spacing-1\\.5)), md: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), header-padding-x: var(--kendo-spacing-2), header-padding-y: var(--kendo-spacing-2), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-1\\.5), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-2), group-item-padding-y: var(--kendo-spacing-2), group-item-font-size: var(--kendo-font-size-sm, inherit), group-item-line-height: var(--kendo-line-height-sm, normal), item-group-label-padding-x: 0.5em, item-group-label-padding-y: 0, item-group-label-font-size: 0.75em, item-group-label-line-height: inherit, filter-padding-x: var(--kendo-spacing-2), filter-padding-y: var(--kendo-spacing-2), sticky-header-padding-y: var(--kendo-spacing-2)), lg: (font-size: var(--kendo-font-size-lg, inherit), line-height: var(--kendo-line-height-lg, normal), header-padding-x: var(--kendo-spacing-2), header-padding-y: var(--kendo-spacing-2\\.5), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-2), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-2), group-item-padding-y: var(--kendo-spacing-2), group-item-font-size: var(--kendo-font-size, inherit), group-item-line-height: var(--kendo-line-height, normal), item-group-label-padding-x: 0.5em, item-group-label-padding-y: 0, item-group-label-font-size: 0.75em, item-group-label-line-height: inherit, filter-padding-x: var(--kendo-spacing-2), filter-padding-y: var(--kendo-spacing-2), sticky-header-padding-y: var(--kendo-spacing-2\\.5)))",
|
|
2032
2044
|
"prettyValue": {
|
|
2033
2045
|
"sm": {
|
|
2034
2046
|
"font-size": "var(--kendo-font-size-sm, inherit)",
|
|
2035
2047
|
"line-height": "var(--kendo-line-height-sm, normal)",
|
|
2036
2048
|
"header-padding-x": "var(--kendo-spacing-2)",
|
|
2037
|
-
"header-padding-y": "var(--kendo-spacing-
|
|
2049
|
+
"header-padding-y": "var(--kendo-spacing-1\\.5)",
|
|
2038
2050
|
"header-font-size": null,
|
|
2039
2051
|
"header-line-height": null,
|
|
2040
2052
|
"item-padding-x": "var(--kendo-spacing-2)",
|
|
@@ -2050,13 +2062,14 @@
|
|
|
2050
2062
|
"item-group-label-font-size": "0.75em",
|
|
2051
2063
|
"item-group-label-line-height": "inherit",
|
|
2052
2064
|
"filter-padding-x": "var(--kendo-spacing-2)",
|
|
2053
|
-
"filter-padding-y": "var(--kendo-spacing-2)"
|
|
2065
|
+
"filter-padding-y": "var(--kendo-spacing-2)",
|
|
2066
|
+
"sticky-header-padding-y": "var(--kendo-spacing-1\\.5)"
|
|
2054
2067
|
},
|
|
2055
2068
|
"md": {
|
|
2056
2069
|
"font-size": "var(--kendo-font-size, inherit)",
|
|
2057
2070
|
"line-height": "var(--kendo-line-height, normal)",
|
|
2058
2071
|
"header-padding-x": "var(--kendo-spacing-2)",
|
|
2059
|
-
"header-padding-y": "var(--kendo-spacing-
|
|
2072
|
+
"header-padding-y": "var(--kendo-spacing-2)",
|
|
2060
2073
|
"header-font-size": null,
|
|
2061
2074
|
"header-line-height": null,
|
|
2062
2075
|
"item-padding-x": "var(--kendo-spacing-2)",
|
|
@@ -2072,13 +2085,14 @@
|
|
|
2072
2085
|
"item-group-label-font-size": "0.75em",
|
|
2073
2086
|
"item-group-label-line-height": "inherit",
|
|
2074
2087
|
"filter-padding-x": "var(--kendo-spacing-2)",
|
|
2075
|
-
"filter-padding-y": "var(--kendo-spacing-2)"
|
|
2088
|
+
"filter-padding-y": "var(--kendo-spacing-2)",
|
|
2089
|
+
"sticky-header-padding-y": "var(--kendo-spacing-2)"
|
|
2076
2090
|
},
|
|
2077
2091
|
"lg": {
|
|
2078
2092
|
"font-size": "var(--kendo-font-size-lg, inherit)",
|
|
2079
2093
|
"line-height": "var(--kendo-line-height-lg, normal)",
|
|
2080
2094
|
"header-padding-x": "var(--kendo-spacing-2)",
|
|
2081
|
-
"header-padding-y": "var(--kendo-spacing-
|
|
2095
|
+
"header-padding-y": "var(--kendo-spacing-2\\.5)",
|
|
2082
2096
|
"header-font-size": null,
|
|
2083
2097
|
"header-line-height": null,
|
|
2084
2098
|
"item-padding-x": "var(--kendo-spacing-2)",
|
|
@@ -2094,7 +2108,8 @@
|
|
|
2094
2108
|
"item-group-label-font-size": "0.75em",
|
|
2095
2109
|
"item-group-label-line-height": "inherit",
|
|
2096
2110
|
"filter-padding-x": "var(--kendo-spacing-2)",
|
|
2097
|
-
"filter-padding-y": "var(--kendo-spacing-2)"
|
|
2111
|
+
"filter-padding-y": "var(--kendo-spacing-2)",
|
|
2112
|
+
"sticky-header-padding-y": "var(--kendo-spacing-2\\.5)"
|
|
2098
2113
|
}
|
|
2099
2114
|
}
|
|
2100
2115
|
},
|
|
@@ -2126,6 +2141,10 @@
|
|
|
2126
2141
|
"type": "String",
|
|
2127
2142
|
"value": "var(--kendo-elevation-2)"
|
|
2128
2143
|
},
|
|
2144
|
+
"kendo-list-sticky-header-shadow": {
|
|
2145
|
+
"type": "List",
|
|
2146
|
+
"value": "(0 2px 4px 0 rgba(56, 66, 80, 0.08))"
|
|
2147
|
+
},
|
|
2129
2148
|
"kendo-list-item-bg": {
|
|
2130
2149
|
"type": "Null",
|
|
2131
2150
|
"value": "null"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-meridian",
|
|
3
3
|
"description": "Meridian theme for Kendo UI",
|
|
4
|
-
"version": "14.2.0-dev.
|
|
4
|
+
"version": "14.2.0-dev.2",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -53,12 +53,11 @@
|
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@progress/kendo-svg-icons": "^4.9.0",
|
|
56
|
-
"@progress/kendo-theme-core": "14.2.0-dev.
|
|
57
|
-
"@progress/kendo-theme-utils": "14.2.0-dev.
|
|
56
|
+
"@progress/kendo-theme-core": "14.2.0-dev.2",
|
|
57
|
+
"@progress/kendo-theme-utils": "14.2.0-dev.2"
|
|
58
58
|
},
|
|
59
59
|
"directories": {
|
|
60
60
|
"doc": "docs",
|
|
61
61
|
"lib": "lib"
|
|
62
|
-
}
|
|
63
|
-
"gitHead": "2bc240b1c4ee65e6dc269fe4586ed2cabc5ba318"
|
|
62
|
+
}
|
|
64
63
|
}
|
package/scss/card/_theme.scss
CHANGED
|
@@ -7,7 +7,19 @@
|
|
|
7
7
|
@include kendo-card--theme-base();
|
|
8
8
|
|
|
9
9
|
.k-card {
|
|
10
|
-
|
|
10
|
+
isolation: isolate;
|
|
11
|
+
background-color: transparent;
|
|
12
|
+
|
|
13
|
+
&::before {
|
|
14
|
+
content: "";
|
|
15
|
+
position: absolute;
|
|
16
|
+
inset: 0;
|
|
17
|
+
z-index: -1;
|
|
18
|
+
background-color: $kendo-card-bg;
|
|
19
|
+
backdrop-filter: k-translucency-blur(2);
|
|
20
|
+
border-radius: inherit;
|
|
21
|
+
pointer-events: none;
|
|
22
|
+
}
|
|
11
23
|
|
|
12
24
|
&:focus,
|
|
13
25
|
&.k-focus {
|
|
@@ -18,5 +30,9 @@
|
|
|
18
30
|
$outline-offset: $kendo-card-focus-outline-offset
|
|
19
31
|
);
|
|
20
32
|
}
|
|
33
|
+
|
|
34
|
+
.k-card-callout {
|
|
35
|
+
background-color: $kendo-card-bg;
|
|
36
|
+
}
|
|
21
37
|
}
|
|
22
38
|
}
|
package/scss/list/_layout.scss
CHANGED
|
@@ -56,13 +56,23 @@ $kendo-list-lg-header-padding-x: k-spacing(2) !default;
|
|
|
56
56
|
|
|
57
57
|
/// The vertical padding of the small List header.
|
|
58
58
|
/// @group list
|
|
59
|
-
$kendo-list-sm-header-padding-y: k-spacing(
|
|
59
|
+
$kendo-list-sm-header-padding-y: k-spacing(1.5) !default;
|
|
60
60
|
/// The vertical padding of the medium List header.
|
|
61
61
|
/// @group list
|
|
62
|
-
$kendo-list-md-header-padding-y: k-spacing(
|
|
62
|
+
$kendo-list-md-header-padding-y: k-spacing(2) !default;
|
|
63
63
|
/// The vertical padding of the large List header.
|
|
64
64
|
/// @group list
|
|
65
|
-
$kendo-list-lg-header-padding-y: k-spacing(
|
|
65
|
+
$kendo-list-lg-header-padding-y: k-spacing(2.5) !default;
|
|
66
|
+
|
|
67
|
+
/// The vertical padding of the small List sticky header.
|
|
68
|
+
/// @group list
|
|
69
|
+
$kendo-list-sm-sticky-header-padding-y: k-spacing(1.5) !default;
|
|
70
|
+
/// The vertical padding of the medium List sticky header.
|
|
71
|
+
/// @group list
|
|
72
|
+
$kendo-list-md-sticky-header-padding-y: k-spacing(2) !default;
|
|
73
|
+
/// The vertical padding of the large List sticky header.
|
|
74
|
+
/// @group list
|
|
75
|
+
$kendo-list-lg-sticky-header-padding-y: k-spacing(2.5) !default;
|
|
66
76
|
|
|
67
77
|
/// The border width of the List header.
|
|
68
78
|
/// @group list
|
|
@@ -291,7 +301,6 @@ $kendo-list-header-border: inherit !default;
|
|
|
291
301
|
/// @group list
|
|
292
302
|
$kendo-list-header-shadow: k-elevation(2) !default;
|
|
293
303
|
|
|
294
|
-
|
|
295
304
|
/// The background color of the List items.
|
|
296
305
|
/// @group list
|
|
297
306
|
$kendo-list-item-bg: null !default;
|
|
@@ -318,6 +327,10 @@ $kendo-list-item-focus-text: null !default;
|
|
|
318
327
|
/// The box shadow of the focused List items.
|
|
319
328
|
/// @group list
|
|
320
329
|
$kendo-list-item-focus-shadow: null !default;
|
|
330
|
+
|
|
331
|
+
/// The box shadow of the List sticky header.
|
|
332
|
+
/// @group list
|
|
333
|
+
$kendo-list-sticky-header-shadow: 0 2px 4px 0 rgba(56, 66, 80, 0.08) !default;
|
|
321
334
|
/// The outline color of the focused List items.
|
|
322
335
|
/// @group list
|
|
323
336
|
$kendo-list-item-focus-outline-color: k-color(subtle) !default;
|
|
@@ -385,6 +398,9 @@ $kendo-list-item-description-text: k-color(subtle) !default;
|
|
|
385
398
|
$kendo-list-sm-header-padding-y: $kendo-list-sm-header-padding-y,
|
|
386
399
|
$kendo-list-md-header-padding-y: $kendo-list-md-header-padding-y,
|
|
387
400
|
$kendo-list-lg-header-padding-y: $kendo-list-lg-header-padding-y,
|
|
401
|
+
$kendo-list-sm-sticky-header-padding-y: $kendo-list-sm-sticky-header-padding-y,
|
|
402
|
+
$kendo-list-md-sticky-header-padding-y: $kendo-list-md-sticky-header-padding-y,
|
|
403
|
+
$kendo-list-lg-sticky-header-padding-y: $kendo-list-lg-sticky-header-padding-y,
|
|
388
404
|
$kendo-list-header-border-width: $kendo-list-header-border-width,
|
|
389
405
|
$kendo-list-header-font-size: $kendo-list-header-font-size,
|
|
390
406
|
$kendo-list-sm-header-font-size: $kendo-list-sm-header-font-size,
|
|
@@ -460,6 +476,7 @@ $kendo-list-item-description-text: k-color(subtle) !default;
|
|
|
460
476
|
$kendo-list-item-focus-bg: $kendo-list-item-focus-bg,
|
|
461
477
|
$kendo-list-item-focus-text: $kendo-list-item-focus-text,
|
|
462
478
|
$kendo-list-item-focus-shadow: $kendo-list-item-focus-shadow,
|
|
479
|
+
$kendo-list-sticky-header-shadow: $kendo-list-sticky-header-shadow,
|
|
463
480
|
$kendo-list-item-selected-bg: $kendo-list-item-selected-bg,
|
|
464
481
|
$kendo-list-item-selected-text: $kendo-list-item-selected-text,
|
|
465
482
|
$kendo-list-item-selected-hover-bg: $kendo-list-item-selected-hover-bg,
|
|
@@ -6,8 +6,11 @@
|
|
|
6
6
|
@mixin kendo-timeline--theme() {
|
|
7
7
|
@include kendo-timeline--theme-base();
|
|
8
8
|
|
|
9
|
-
.k-timeline-card
|
|
10
|
-
|
|
9
|
+
.k-timeline-card {
|
|
10
|
+
.k-card,
|
|
11
|
+
.k-card-callout {
|
|
12
|
+
background-color: k-color(surface-alt);
|
|
13
|
+
}
|
|
11
14
|
}
|
|
12
15
|
|
|
13
16
|
.k-timeline-track-item.k-focus .k-timeline-circle {
|