@progress/kendo-theme-fluent 14.1.1-dev.3 → 14.2.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 +1 -1
- package/dist/fluent-1-dark.css +1 -1
- package/dist/fluent-1.css +1 -1
- package/dist/fluent-main-dark.css +1 -1
- package/dist/fluent-main.css +1 -1
- package/dist/meta/sassdoc-data.json +430 -1732
- package/dist/meta/sassdoc-raw-data.json +215 -815
- package/dist/meta/variables.json +48 -96
- package/lib/swatches/all.json +1 -1
- package/lib/swatches/fluent-1-dark.json +1 -1
- package/lib/swatches/fluent-1.json +1 -1
- package/lib/swatches/fluent-main-dark.json +1 -1
- package/lib/swatches/fluent-main.json +1 -1
- package/package.json +4 -5
- package/scss/diagram/_index.scss +16 -0
- package/scss/diagram/_layout.scss +6 -0
- package/scss/diagram/_theme.scss +6 -0
- package/scss/diagram/_variables.scss +1 -0
- package/scss/drawer/_variables.scss +0 -12
- package/scss/grid/_index.scss +0 -2
- package/scss/index.scss +2 -3
- package/scss/scheduler/_index.scss +10 -2
- package/scss/scheduler/_variables.scss +30 -1
- package/scss/slider/_layout.scss +1 -1
- package/scss/timeline/_theme.scss +0 -19
- package/scss/timeline/_variables.scss +0 -9
- package/scss/adaptive/_index.scss +0 -26
- package/scss/adaptive/_layout.scss +0 -10
- package/scss/adaptive/_theme.scss +0 -19
- package/scss/adaptive/_variables.scss +0 -90
package/dist/meta/variables.json
CHANGED
|
@@ -10594,22 +10594,10 @@
|
|
|
10594
10594
|
"type": "String",
|
|
10595
10595
|
"value": "var(--kendo-drawer-scrollbar-width, 7px)"
|
|
10596
10596
|
},
|
|
10597
|
-
"kendo-drawer-scrollbar-color": {
|
|
10598
|
-
"type": "String",
|
|
10599
|
-
"value": "var(--kendo-drawer-scrollbar-color, color-mix(in srgb, var(--kendo-color-on-app-surface) 46%, transparent))"
|
|
10600
|
-
},
|
|
10601
|
-
"kendo-drawer-scrollbar-bg": {
|
|
10602
|
-
"type": "String",
|
|
10603
|
-
"value": "var(--kendo-drawer-scrollbar-bg, var(--kendo-color-base-subtle))"
|
|
10604
|
-
},
|
|
10605
10597
|
"kendo-drawer-scrollbar-radius": {
|
|
10606
10598
|
"type": "String",
|
|
10607
10599
|
"value": "var(--kendo-drawer-scrollbar-radius, 20px)"
|
|
10608
10600
|
},
|
|
10609
|
-
"kendo-drawer-scrollbar-hover-color": {
|
|
10610
|
-
"type": "String",
|
|
10611
|
-
"value": "var(--kendo-drawer-scrollbar-hover-color, var(--kendo-drawer-scrollbar-color, color-mix(in srgb, var(--kendo-color-on-app-surface) 46%, transparent)))"
|
|
10612
|
-
},
|
|
10613
10601
|
"kendo-drawer-items-padding-x": {
|
|
10614
10602
|
"type": "String",
|
|
10615
10603
|
"value": "var(--kendo-drawer-items-padding-x, var(--kendo-spacing-2\\.5))"
|
|
@@ -12979,78 +12967,6 @@
|
|
|
12979
12967
|
"type": "String",
|
|
12980
12968
|
"value": "var(--kendo-dock-manager-dock-preview-border, var(--kendo-color-primary))"
|
|
12981
12969
|
},
|
|
12982
|
-
"kendo-adaptive-bg": {
|
|
12983
|
-
"type": "String",
|
|
12984
|
-
"value": "var(--kendo-adaptive-bg, var(--kendo-color-surface-alt))"
|
|
12985
|
-
},
|
|
12986
|
-
"kendo-adaptive-text": {
|
|
12987
|
-
"type": "String",
|
|
12988
|
-
"value": "var(--kendo-adaptive-text, var(--kendo-color-on-app-surface))"
|
|
12989
|
-
},
|
|
12990
|
-
"kendo-adaptive-border": {
|
|
12991
|
-
"type": "String",
|
|
12992
|
-
"value": "var(--kendo-adaptive-border, color-mix(in srgb, var(--kendo-color-border) 16%, transparent))"
|
|
12993
|
-
},
|
|
12994
|
-
"kendo-adaptive-content-bg": {
|
|
12995
|
-
"type": "String",
|
|
12996
|
-
"value": "var(--kendo-adaptive-content-bg, var(--kendo-color-surface-alt))"
|
|
12997
|
-
},
|
|
12998
|
-
"kendo-adaptive-content-text": {
|
|
12999
|
-
"type": "String",
|
|
13000
|
-
"value": "var(--kendo-adaptive-content-text, var(--kendo-color-on-app-surface))"
|
|
13001
|
-
},
|
|
13002
|
-
"kendo-adaptive-menu-bg": {
|
|
13003
|
-
"type": "String",
|
|
13004
|
-
"value": "var(--kendo-adaptive-menu-bg, var(--kendo-color-primary))"
|
|
13005
|
-
},
|
|
13006
|
-
"kendo-adaptive-menu-text": {
|
|
13007
|
-
"type": "String",
|
|
13008
|
-
"value": "var(--kendo-adaptive-menu-text, var(--kendo-color-app-surface))"
|
|
13009
|
-
},
|
|
13010
|
-
"kendo-adaptive-menu-clear-text": {
|
|
13011
|
-
"type": "String",
|
|
13012
|
-
"value": "var(--kendo-adaptive-menu-clear-text, var(--kendo-color-primary-on-surface))"
|
|
13013
|
-
},
|
|
13014
|
-
"kendo-adaptive-menu-item-border": {
|
|
13015
|
-
"type": "String",
|
|
13016
|
-
"value": "var(--kendo-adaptive-menu-item-border, color-mix(in srgb, var(--kendo-color-border) 16%, transparent))"
|
|
13017
|
-
},
|
|
13018
|
-
"kendo-adaptive-menu-title-text": {
|
|
13019
|
-
"type": "String",
|
|
13020
|
-
"value": "var(--kendo-adaptive-menu-title-text, var(--kendo-color-on-app-surface))"
|
|
13021
|
-
},
|
|
13022
|
-
"kendo-adaptive-border-width": {
|
|
13023
|
-
"type": "String",
|
|
13024
|
-
"value": "var(--kendo-adaptive-border-width, 1px)"
|
|
13025
|
-
},
|
|
13026
|
-
"kendo-adaptive-font-family": {
|
|
13027
|
-
"type": "String",
|
|
13028
|
-
"value": "var(--kendo-adaptive-font-family, var(--kendo-font-family))"
|
|
13029
|
-
},
|
|
13030
|
-
"kendo-adaptive-font-size": {
|
|
13031
|
-
"type": "String",
|
|
13032
|
-
"value": "var(--kendo-adaptive-font-size, var(--kendo-font-size))"
|
|
13033
|
-
},
|
|
13034
|
-
"kendo-adaptive-line-height": {
|
|
13035
|
-
"type": "String",
|
|
13036
|
-
"value": "var(--kendo-adaptive-line-height, var(--kendo-line-height))"
|
|
13037
|
-
},
|
|
13038
|
-
"kendo-adaptive-grid-sort-text": {
|
|
13039
|
-
"type": "String",
|
|
13040
|
-
"value": "var(--kendo-adaptive-grid-sort-text, var(--kendo-color-primary-on-surface))"
|
|
13041
|
-
},
|
|
13042
|
-
"kendo-adaptive-scheduler-current-text": {
|
|
13043
|
-
"type": "String",
|
|
13044
|
-
"value": "var(--kendo-adaptive-scheduler-current-text, var(--kendo-color-primary-on-surface))"
|
|
13045
|
-
},
|
|
13046
|
-
"kendo-adaptive-scheduler-base-text": {
|
|
13047
|
-
"type": "String",
|
|
13048
|
-
"value": "var(--kendo-adaptive-scheduler-base-text, inherit)"
|
|
13049
|
-
},
|
|
13050
|
-
"kendo-adaptive-scheduler-subtle-text": {
|
|
13051
|
-
"type": "String",
|
|
13052
|
-
"value": "var(--kendo-adaptive-scheduler-subtle-text, var(--kendo-color-on-app-surface))"
|
|
13053
|
-
},
|
|
13054
12970
|
"kendo-grid-default-size": {
|
|
13055
12971
|
"type": "String",
|
|
13056
12972
|
"value": "\"md\""
|
|
@@ -16131,6 +16047,54 @@
|
|
|
16131
16047
|
"type": "Null",
|
|
16132
16048
|
"value": "null"
|
|
16133
16049
|
},
|
|
16050
|
+
"kendo-scheduler-adaptive-bg": {
|
|
16051
|
+
"type": "String",
|
|
16052
|
+
"value": "var(--kendo-scheduler-adaptive-bg, var(--kendo-color-surface-alt))"
|
|
16053
|
+
},
|
|
16054
|
+
"kendo-scheduler-adaptive-text": {
|
|
16055
|
+
"type": "String",
|
|
16056
|
+
"value": "var(--kendo-scheduler-adaptive-text, var(--kendo-color-on-app-surface))"
|
|
16057
|
+
},
|
|
16058
|
+
"kendo-scheduler-adaptive-border": {
|
|
16059
|
+
"type": "String",
|
|
16060
|
+
"value": "var(--kendo-scheduler-adaptive-border, color-mix(in srgb, var(--kendo-color-border) 16%, transparent))"
|
|
16061
|
+
},
|
|
16062
|
+
"kendo-scheduler-adaptive-content-bg": {
|
|
16063
|
+
"type": "String",
|
|
16064
|
+
"value": "var(--kendo-scheduler-adaptive-content-bg, var(--kendo-color-surface-alt))"
|
|
16065
|
+
},
|
|
16066
|
+
"kendo-scheduler-adaptive-menu-clear-text": {
|
|
16067
|
+
"type": "String",
|
|
16068
|
+
"value": "var(--kendo-scheduler-adaptive-menu-clear-text, var(--kendo-color-primary-on-surface))"
|
|
16069
|
+
},
|
|
16070
|
+
"kendo-scheduler-adaptive-border-width": {
|
|
16071
|
+
"type": "String",
|
|
16072
|
+
"value": "var(--kendo-scheduler-adaptive-border-width, 1px)"
|
|
16073
|
+
},
|
|
16074
|
+
"kendo-scheduler-adaptive-font-family": {
|
|
16075
|
+
"type": "String",
|
|
16076
|
+
"value": "var(--kendo-scheduler-adaptive-font-family, var(--kendo-font-family))"
|
|
16077
|
+
},
|
|
16078
|
+
"kendo-scheduler-adaptive-font-size": {
|
|
16079
|
+
"type": "String",
|
|
16080
|
+
"value": "var(--kendo-scheduler-adaptive-font-size, var(--kendo-font-size))"
|
|
16081
|
+
},
|
|
16082
|
+
"kendo-scheduler-adaptive-line-height": {
|
|
16083
|
+
"type": "String",
|
|
16084
|
+
"value": "var(--kendo-scheduler-adaptive-line-height, var(--kendo-line-height))"
|
|
16085
|
+
},
|
|
16086
|
+
"kendo-scheduler-adaptive-current-text": {
|
|
16087
|
+
"type": "String",
|
|
16088
|
+
"value": "var(--kendo-scheduler-adaptive-current-text, var(--kendo-color-primary-on-surface))"
|
|
16089
|
+
},
|
|
16090
|
+
"kendo-scheduler-adaptive-base-text": {
|
|
16091
|
+
"type": "String",
|
|
16092
|
+
"value": "var(--kendo-scheduler-adaptive-base-text, inherit)"
|
|
16093
|
+
},
|
|
16094
|
+
"kendo-scheduler-adaptive-subtle-text": {
|
|
16095
|
+
"type": "String",
|
|
16096
|
+
"value": "var(--kendo-scheduler-adaptive-subtle-text, var(--kendo-color-on-app-surface))"
|
|
16097
|
+
},
|
|
16134
16098
|
"kendo-scheduler-selected-bg": {
|
|
16135
16099
|
"type": "String",
|
|
16136
16100
|
"value": "var(--kendo-scheduler-selected-bg, var(--kendo-color-primary-active))"
|
|
@@ -16839,18 +16803,6 @@
|
|
|
16839
16803
|
"type": "String",
|
|
16840
16804
|
"value": "var(--kendo-timeline-card-header-text, var(--kendo-color-on-app-surface))"
|
|
16841
16805
|
},
|
|
16842
|
-
"kendo-timeline-card-body-scroll-border": {
|
|
16843
|
-
"type": "String",
|
|
16844
|
-
"value": "var(--kendo-timeline-card-body-scroll-border, color-mix(in srgb, var(--kendo-color-border) 16%, transparent))"
|
|
16845
|
-
},
|
|
16846
|
-
"kendo-timeline-card-body-scroll-bg": {
|
|
16847
|
-
"type": "String",
|
|
16848
|
-
"value": "var(--kendo-timeline-card-body-scroll-bg, var(--kendo-color-surface-alt))"
|
|
16849
|
-
},
|
|
16850
|
-
"kendo-timeline-card-scroll-thumb-hover": {
|
|
16851
|
-
"type": "String",
|
|
16852
|
-
"value": "var(--kendo-timeline-card-scroll-thumb-hover, color-mix(in srgb, var(--kendo-color-border) 10%, transparent))"
|
|
16853
|
-
},
|
|
16854
16806
|
"kendo-timeline-date-body-text": {
|
|
16855
16807
|
"type": "String",
|
|
16856
16808
|
"value": "var(--kendo-timeline-date-body-text, var(--kendo-color-on-app-surface))"
|
package/lib/swatches/all.json
CHANGED
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-fluent",
|
|
3
3
|
"description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
|
|
4
|
-
"version": "14.
|
|
4
|
+
"version": "14.2.0-0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -55,12 +55,11 @@
|
|
|
55
55
|
},
|
|
56
56
|
"dependencies": {
|
|
57
57
|
"@progress/kendo-svg-icons": "^4.9.0",
|
|
58
|
-
"@progress/kendo-theme-core": "14.
|
|
59
|
-
"@progress/kendo-theme-utils": "14.
|
|
58
|
+
"@progress/kendo-theme-core": "14.2.0-0",
|
|
59
|
+
"@progress/kendo-theme-utils": "14.2.0-0"
|
|
60
60
|
},
|
|
61
61
|
"directories": {
|
|
62
62
|
"doc": "docs",
|
|
63
63
|
"lib": "lib"
|
|
64
|
-
}
|
|
65
|
-
"gitHead": "bb56b0126e8d6f3e5d77c2ac6d87e8d90d450711"
|
|
64
|
+
}
|
|
66
65
|
}
|
|
@@ -0,0 +1,16 @@
|
|
|
1
|
+
// Dependencies
|
|
2
|
+
@use "../core/_index.scss" as *;
|
|
3
|
+
|
|
4
|
+
// Component
|
|
5
|
+
@forward "./_variables.scss";
|
|
6
|
+
@use "./_layout.scss" as *;
|
|
7
|
+
@use "./_theme.scss" as *;
|
|
8
|
+
|
|
9
|
+
// Expose
|
|
10
|
+
@mixin kendo-diagram--styles() {
|
|
11
|
+
@include import-once( "diagram" ) {
|
|
12
|
+
@include core-styles();
|
|
13
|
+
@include kendo-diagram--layout();
|
|
14
|
+
@include kendo-diagram--theme();
|
|
15
|
+
}
|
|
16
|
+
}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
@use "../core/_index.scss" as *;
|
|
@@ -34,18 +34,9 @@ $kendo-drawer-content-padding-y: var( --kendo-drawer-content-padding-y, null ) !
|
|
|
34
34
|
/// The width of the Drawer scrollbar.
|
|
35
35
|
/// @group drawer
|
|
36
36
|
$kendo-drawer-scrollbar-width: var( --kendo-drawer-scrollbar-width, 7px ) !default;
|
|
37
|
-
/// The color of the Drawer scrollbar.
|
|
38
|
-
/// @group drawer
|
|
39
|
-
$kendo-drawer-scrollbar-color: var( --kendo-drawer-scrollbar-color, color-mix(in srgb, k-color(on-app-surface) 46%, transparent) ) !default;
|
|
40
|
-
/// The background of the Drawer scrollbar.
|
|
41
|
-
/// @group drawer
|
|
42
|
-
$kendo-drawer-scrollbar-bg: var( --kendo-drawer-scrollbar-bg, k-color(base-subtle) ) !default;
|
|
43
37
|
/// The border radius of the Drawer scrollbar.
|
|
44
38
|
/// @group drawer
|
|
45
39
|
$kendo-drawer-scrollbar-radius: var( --kendo-drawer-scrollbar-radius, 20px ) !default;
|
|
46
|
-
/// The hover color of the Drawer scrollbar.
|
|
47
|
-
/// @group drawer
|
|
48
|
-
$kendo-drawer-scrollbar-hover-color: var( --kendo-drawer-scrollbar-hover-color, $kendo-drawer-scrollbar-color ) !default;
|
|
49
40
|
|
|
50
41
|
/// The horizontal padding of the Drawer items.
|
|
51
42
|
/// @group drawer
|
|
@@ -176,10 +167,7 @@ $kendo-drawer-item-selected-hover-text: var( --kendo-drawer-item-selected-hover-
|
|
|
176
167
|
$kendo-drawer-content-padding-x: $kendo-drawer-content-padding-x,
|
|
177
168
|
$kendo-drawer-content-padding-y: $kendo-drawer-content-padding-y,
|
|
178
169
|
$kendo-drawer-scrollbar-width: $kendo-drawer-scrollbar-width,
|
|
179
|
-
$kendo-drawer-scrollbar-color: $kendo-drawer-scrollbar-color,
|
|
180
|
-
$kendo-drawer-scrollbar-bg: $kendo-drawer-scrollbar-bg,
|
|
181
170
|
$kendo-drawer-scrollbar-radius: $kendo-drawer-scrollbar-radius,
|
|
182
|
-
$kendo-drawer-scrollbar-hover-color: $kendo-drawer-scrollbar-hover-color,
|
|
183
171
|
$kendo-drawer-items-padding-x: $kendo-drawer-items-padding-x,
|
|
184
172
|
$kendo-drawer-items-padding-y: $kendo-drawer-items-padding-y,
|
|
185
173
|
$kendo-drawer-item-padding-x: $kendo-drawer-item-padding-x,
|
package/scss/grid/_index.scss
CHANGED
|
@@ -1,7 +1,6 @@
|
|
|
1
1
|
// Dependencies
|
|
2
2
|
@use "../core/_index.scss" as *;
|
|
3
3
|
@use "../utils/_index.scss" as *;
|
|
4
|
-
@use "../adaptive/_index.scss" as *;
|
|
5
4
|
@use "../progressbar/_index.scss" as *;
|
|
6
5
|
@use "../button/_index.scss" as *;
|
|
7
6
|
@use "../action-buttons/_index.scss" as *;
|
|
@@ -35,7 +34,6 @@
|
|
|
35
34
|
@mixin kendo-grid--styles() {
|
|
36
35
|
@include import-once( "grid" ) {
|
|
37
36
|
@include core-styles();
|
|
38
|
-
@include kendo-adaptive--styles();
|
|
39
37
|
@include kendo-progressbar--styles();
|
|
40
38
|
@include kendo-button--styles();
|
|
41
39
|
@include kendo-action-buttons--styles();
|
package/scss/index.scss
CHANGED
|
@@ -94,7 +94,6 @@
|
|
|
94
94
|
@forward "./splitter/_index.scss";
|
|
95
95
|
@forward "./tilelayout/_index.scss";
|
|
96
96
|
@forward "./dock-manager/_index.scss";
|
|
97
|
-
@forward "./adaptive/_index.scss";
|
|
98
97
|
@forward "./grid/_index.scss";
|
|
99
98
|
@forward "./listview/_index.scss";
|
|
100
99
|
@forward "./spreadsheet/_index.scss";
|
|
@@ -283,7 +282,6 @@
|
|
|
283
282
|
|
|
284
283
|
|
|
285
284
|
// Misc
|
|
286
|
-
@use "./adaptive/index.scss" as *;
|
|
287
285
|
@use "./file-box/index.scss" as *;
|
|
288
286
|
@use "./chat/index.scss" as *;
|
|
289
287
|
@use "./mediaplayer/index.scss" as *;
|
|
@@ -299,6 +297,7 @@
|
|
|
299
297
|
|
|
300
298
|
// Dataviz
|
|
301
299
|
@use "./dataviz/index.scss" as *;
|
|
300
|
+
@use "./diagram/_index.scss" as *;
|
|
302
301
|
@use "./map/index.scss" as *;
|
|
303
302
|
@use "./orgchart/index.scss" as *;
|
|
304
303
|
@use "./signature/index.scss" as *;
|
|
@@ -461,7 +460,6 @@
|
|
|
461
460
|
|
|
462
461
|
|
|
463
462
|
// Misc
|
|
464
|
-
@include kendo-adaptive--styles();
|
|
465
463
|
@include kendo-file-box--styles();
|
|
466
464
|
@include kendo-chat--styles();
|
|
467
465
|
@include kendo-media-player--styles();
|
|
@@ -477,6 +475,7 @@
|
|
|
477
475
|
|
|
478
476
|
// Dataviz
|
|
479
477
|
@include kendo-dataviz--styles();
|
|
478
|
+
@include kendo-diagram--styles();
|
|
480
479
|
@include kendo-map--styles();
|
|
481
480
|
@include kendo-orgchart--styles();
|
|
482
481
|
@include kendo-signature--styles();
|
|
@@ -2,7 +2,11 @@
|
|
|
2
2
|
@use "../core/_index.scss" as *;
|
|
3
3
|
@use "../icons/_index.scss" as *;
|
|
4
4
|
@use "../utils/_index.scss" as *;
|
|
5
|
-
@use "../
|
|
5
|
+
@use "../listgroup/_index.scss" as *;
|
|
6
|
+
@use "../checkbox/_index.scss" as *;
|
|
7
|
+
@use "../radio/_index.scss" as *;
|
|
8
|
+
@use "../switch/_index.scss" as *;
|
|
9
|
+
@use "../toolbar/_index.scss" as *;
|
|
6
10
|
@use "../button/_index.scss" as *;
|
|
7
11
|
@use "../datetimepicker/_index.scss" as *;
|
|
8
12
|
@use "../dropdownlist/_index.scss" as *;
|
|
@@ -20,7 +24,11 @@
|
|
|
20
24
|
@include import-once( "scheduler" ) {
|
|
21
25
|
@include core-styles();
|
|
22
26
|
@include kendo-icon--styles();
|
|
23
|
-
@include kendo-
|
|
27
|
+
@include kendo-listgroup--styles();
|
|
28
|
+
@include kendo-checkbox--styles();
|
|
29
|
+
@include kendo-radio--styles();
|
|
30
|
+
@include kendo-switch--styles();
|
|
31
|
+
@include kendo-toolbar--styles();
|
|
24
32
|
@include kendo-button--styles();
|
|
25
33
|
@include kendo-date-time-picker--styles();
|
|
26
34
|
@include kendo-dropdown-list--styles();
|
|
@@ -260,6 +260,23 @@ $kendo-scheduler-more-btn-height: var( --kendo-scheduler-more-btn-height, 13px )
|
|
|
260
260
|
/// The color of the Scheduler marquee.
|
|
261
261
|
/// @group scheduler
|
|
262
262
|
$kendo-scheduler-marquee-color: var( --kendo-scheduler-marquee-color, k-color(primary) ) !default;
|
|
263
|
+
// Adaptive
|
|
264
|
+
$kendo-scheduler-adaptive-bg: var( --kendo-scheduler-adaptive-bg, #{k-color(surface-alt)} ) !default;
|
|
265
|
+
$kendo-scheduler-adaptive-text: var( --kendo-scheduler-adaptive-text, #{k-color(on-app-surface)} ) !default;
|
|
266
|
+
$kendo-scheduler-adaptive-border: var( --kendo-scheduler-adaptive-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
|
|
267
|
+
|
|
268
|
+
$kendo-scheduler-adaptive-content-bg: var( --kendo-scheduler-adaptive-content-bg, #{k-color(surface-alt)} ) !default;
|
|
269
|
+
|
|
270
|
+
$kendo-scheduler-adaptive-menu-clear-text: var( --kendo-scheduler-adaptive-menu-clear-text, #{k-color(primary-on-surface)} ) !default;
|
|
271
|
+
|
|
272
|
+
$kendo-scheduler-adaptive-border-width: var( --kendo-scheduler-adaptive-border-width, 1px ) !default;
|
|
273
|
+
$kendo-scheduler-adaptive-font-family: var( --kendo-scheduler-adaptive-font-family, var(--kendo-font-family) ) !default;
|
|
274
|
+
$kendo-scheduler-adaptive-font-size: var( --kendo-scheduler-adaptive-font-size, var(--kendo-font-size) ) !default;
|
|
275
|
+
$kendo-scheduler-adaptive-line-height: var( --kendo-scheduler-adaptive-line-height, var(--kendo-line-height) ) !default;
|
|
276
|
+
|
|
277
|
+
$kendo-scheduler-adaptive-current-text: var( --kendo-scheduler-adaptive-current-text, #{k-color(primary-on-surface)} ) !default;
|
|
278
|
+
$kendo-scheduler-adaptive-base-text: var( --kendo-scheduler-adaptive-base-text, inherit ) !default;
|
|
279
|
+
$kendo-scheduler-adaptive-subtle-text: var( --kendo-scheduler-adaptive-subtle-text, #{k-color(on-app-surface)} ) !default;
|
|
263
280
|
|
|
264
281
|
@forward "@progress/kendo-theme-core/scss/components/scheduler/_variables.scss" with (
|
|
265
282
|
$kendo-scheduler-border-width: $kendo-scheduler-border-width,
|
|
@@ -331,5 +348,17 @@ $kendo-scheduler-marquee-color: var( --kendo-scheduler-marquee-color, k-color(pr
|
|
|
331
348
|
$kendo-scheduler-tooltip-event-padding-y: $kendo-scheduler-tooltip-event-padding-y,
|
|
332
349
|
$kendo-scheduler-tooltip-event-border-radius: $kendo-scheduler-tooltip-event-border-radius,
|
|
333
350
|
$kendo-scheduler-tooltip-event-gap: $kendo-scheduler-tooltip-event-gap,
|
|
334
|
-
$kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-callout-color
|
|
351
|
+
$kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-callout-color,
|
|
352
|
+
$kendo-scheduler-adaptive-bg: $kendo-scheduler-adaptive-bg,
|
|
353
|
+
$kendo-scheduler-adaptive-text: $kendo-scheduler-adaptive-text,
|
|
354
|
+
$kendo-scheduler-adaptive-border: $kendo-scheduler-adaptive-border,
|
|
355
|
+
$kendo-scheduler-adaptive-content-bg: $kendo-scheduler-adaptive-content-bg,
|
|
356
|
+
$kendo-scheduler-adaptive-menu-clear-text: $kendo-scheduler-adaptive-menu-clear-text,
|
|
357
|
+
$kendo-scheduler-adaptive-border-width: $kendo-scheduler-adaptive-border-width,
|
|
358
|
+
$kendo-scheduler-adaptive-font-family: $kendo-scheduler-adaptive-font-family,
|
|
359
|
+
$kendo-scheduler-adaptive-font-size: $kendo-scheduler-adaptive-font-size,
|
|
360
|
+
$kendo-scheduler-adaptive-line-height: $kendo-scheduler-adaptive-line-height,
|
|
361
|
+
$kendo-scheduler-adaptive-current-text: $kendo-scheduler-adaptive-current-text,
|
|
362
|
+
$kendo-scheduler-adaptive-base-text: $kendo-scheduler-adaptive-base-text,
|
|
363
|
+
$kendo-scheduler-adaptive-subtle-text: $kendo-scheduler-adaptive-subtle-text
|
|
335
364
|
);
|
package/scss/slider/_layout.scss
CHANGED
|
@@ -117,7 +117,7 @@
|
|
|
117
117
|
}
|
|
118
118
|
.k-slider-thumb:focus,
|
|
119
119
|
.k-slider-thumb:active {
|
|
120
|
-
transform: translate(-50%, -50%) scale($kendo-slider-thumb-active-scale);
|
|
120
|
+
transform: if( $kendo-slider-thumb-active-scale, translate(-50%, -50%) scale($kendo-slider-thumb-active-scale), null );
|
|
121
121
|
}
|
|
122
122
|
.k-slider-thumb-start {
|
|
123
123
|
inset-inline-start: calc( var( --kendo-slider-start, 0) * 1% );
|
|
@@ -16,25 +16,6 @@
|
|
|
16
16
|
background-color: $kendo-timeline-card-header-bg;
|
|
17
17
|
color: $kendo-timeline-card-header-text;
|
|
18
18
|
}
|
|
19
|
-
|
|
20
|
-
.k-card-body {
|
|
21
|
-
|
|
22
|
-
// Scrollbar styles for Mozilla
|
|
23
|
-
scrollbar-color: $kendo-timeline-card-body-scroll-border $kendo-timeline-card-body-scroll-bg;
|
|
24
|
-
|
|
25
|
-
// Scrollbar styles for Chrome, Safari and Opera
|
|
26
|
-
&::-webkit-scrollbar-track {
|
|
27
|
-
background: $kendo-timeline-card-body-scroll-bg;
|
|
28
|
-
}
|
|
29
|
-
|
|
30
|
-
&::-webkit-scrollbar-thumb {
|
|
31
|
-
background: $kendo-timeline-card-body-scroll-bg;
|
|
32
|
-
}
|
|
33
|
-
|
|
34
|
-
&::-webkit-scrollbar-thumb:hover {
|
|
35
|
-
background: $kendo-timeline-card-scroll-thumb-hover;
|
|
36
|
-
}
|
|
37
|
-
}
|
|
38
19
|
}
|
|
39
20
|
|
|
40
21
|
// TODO: remove
|
|
@@ -133,15 +133,6 @@ $kendo-timeline-card-header-bg: var( --kendo-timeline-card-header-bg, k-color(su
|
|
|
133
133
|
/// The text color of the Timeline's Card header.
|
|
134
134
|
/// @group timeline
|
|
135
135
|
$kendo-timeline-card-header-text: var( --kendo-timeline-card-header-text, k-color(on-app-surface) ) !default;
|
|
136
|
-
/// The border of the Timeline's Card body scroll.
|
|
137
|
-
/// @group timeline
|
|
138
|
-
$kendo-timeline-card-body-scroll-border: var( --kendo-timeline-card-body-scroll-border, color-mix(in srgb, k-color(border) 16%, transparent) ) !default;
|
|
139
|
-
/// The background color of the Timeline's Card body scroll.
|
|
140
|
-
/// @group timeline
|
|
141
|
-
$kendo-timeline-card-body-scroll-bg: var( --kendo-timeline-card-body-scroll-bg, k-color(surface-alt) ) !default;
|
|
142
|
-
/// The color of the Timeline's hovered card scroll thumb.
|
|
143
|
-
/// @group timeline
|
|
144
|
-
$kendo-timeline-card-scroll-thumb-hover: var( --kendo-timeline-card-scroll-thumb-hover, color-mix(in srgb, k-color(border) 10%, transparent) ) !default;
|
|
145
136
|
|
|
146
137
|
/// The text color of the Timeline date body.
|
|
147
138
|
/// @group timeline
|
|
@@ -1,26 +0,0 @@
|
|
|
1
|
-
// Dependencies (TODO: extract variables)
|
|
2
|
-
@use "../core/_index.scss" as *;
|
|
3
|
-
@use "../listgroup/_index.scss" as *;
|
|
4
|
-
@use "../checkbox/_index.scss" as *;
|
|
5
|
-
@use "../radio/_index.scss" as *;
|
|
6
|
-
@use "../switch/_index.scss" as *;
|
|
7
|
-
@use "../toolbar/_index.scss" as *;
|
|
8
|
-
|
|
9
|
-
// Component
|
|
10
|
-
@forward "./_variables.scss";
|
|
11
|
-
@use "./_layout.scss" as *;
|
|
12
|
-
@use "./_theme.scss" as *;
|
|
13
|
-
|
|
14
|
-
// Expose
|
|
15
|
-
@mixin kendo-adaptive--styles() {
|
|
16
|
-
@include import-once( "adaptive" ) {
|
|
17
|
-
@include core-styles();
|
|
18
|
-
@include kendo-listgroup--styles();
|
|
19
|
-
@include kendo-checkbox--styles();
|
|
20
|
-
@include kendo-radio--styles();
|
|
21
|
-
@include kendo-switch--styles();
|
|
22
|
-
@include kendo-toolbar--styles();
|
|
23
|
-
@include kendo-adaptive--layout();
|
|
24
|
-
@include kendo-adaptive--theme();
|
|
25
|
-
}
|
|
26
|
-
}
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
@use "sass:map";
|
|
2
|
-
@use "../core/_index.scss" as *;
|
|
3
|
-
@use "../toolbar/_variables.scss" as *;
|
|
4
|
-
@use "../listgroup/_variables.scss" as *;
|
|
5
|
-
@use "./_variables.scss" as *;
|
|
6
|
-
@use "@progress/kendo-theme-core/scss/components/adaptive/_layout.scss" as *;
|
|
7
|
-
|
|
8
|
-
@mixin kendo-adaptive--layout() {
|
|
9
|
-
@include kendo-adaptive--layout-base();
|
|
10
|
-
}
|
|
@@ -1,19 +0,0 @@
|
|
|
1
|
-
@use "../core/_index.scss" as *;
|
|
2
|
-
@use "./_variables.scss" as *;
|
|
3
|
-
@use "@progress/kendo-theme-core/scss/components/adaptive/_theme.scss" as *;
|
|
4
|
-
|
|
5
|
-
@mixin kendo-adaptive--theme() {
|
|
6
|
-
@include kendo-adaptive--theme-base();
|
|
7
|
-
|
|
8
|
-
.k-pane-wrapper .k-pane {
|
|
9
|
-
.k-grid-mobile {
|
|
10
|
-
.k-column-active + th.k-header {
|
|
11
|
-
border-inline-start-color: k-color(surface-alt);
|
|
12
|
-
}
|
|
13
|
-
|
|
14
|
-
.k-resize-handle-inner::before {
|
|
15
|
-
background-color: k-color(surface-alt);
|
|
16
|
-
}
|
|
17
|
-
}
|
|
18
|
-
}
|
|
19
|
-
}
|
|
@@ -1,90 +0,0 @@
|
|
|
1
|
-
@use "../core/_index.scss" as *;
|
|
2
|
-
|
|
3
|
-
|
|
4
|
-
// Adaptive
|
|
5
|
-
/// The background color of the Adaptive component.
|
|
6
|
-
/// @group adaptive
|
|
7
|
-
$kendo-adaptive-bg: var( --kendo-adaptive-bg, #{k-color(surface-alt)} ) !default;
|
|
8
|
-
/// The text color of the Adaptive component.
|
|
9
|
-
/// @group adaptive
|
|
10
|
-
$kendo-adaptive-text: var( --kendo-adaptive-text, #{k-color(on-app-surface)} ) !default;
|
|
11
|
-
/// The border color of the Adaptive component.
|
|
12
|
-
/// @group adaptive
|
|
13
|
-
$kendo-adaptive-border: var( --kendo-adaptive-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
|
|
14
|
-
|
|
15
|
-
/// The background color of the Adaptive content.
|
|
16
|
-
/// @group adaptive
|
|
17
|
-
$kendo-adaptive-content-bg: var( --kendo-adaptive-content-bg, #{k-color(surface-alt)} ) !default;
|
|
18
|
-
/// The text color of the Adaptive content.
|
|
19
|
-
/// @group adaptive
|
|
20
|
-
$kendo-adaptive-content-text: var( --kendo-adaptive-content-text, #{k-color(on-app-surface)} ) !default;
|
|
21
|
-
|
|
22
|
-
/// The background color of the Adaptive menu.
|
|
23
|
-
/// @group adaptive
|
|
24
|
-
$kendo-adaptive-menu-bg: var( --kendo-adaptive-menu-bg, #{k-color(primary)} ) !default;
|
|
25
|
-
/// The text color of the Adaptive menu.
|
|
26
|
-
/// @group adaptive
|
|
27
|
-
$kendo-adaptive-menu-text: var( --kendo-adaptive-menu-text, #{k-color(app-surface)} ) !default;
|
|
28
|
-
|
|
29
|
-
/// The text color of the Adaptive menu clear button.
|
|
30
|
-
/// @group adaptive
|
|
31
|
-
$kendo-adaptive-menu-clear-text: var( --kendo-adaptive-menu-clear-text, #{k-color(primary-on-surface)} ) !default;
|
|
32
|
-
|
|
33
|
-
/// The border color of the Adaptive menu item.
|
|
34
|
-
/// @group adaptive
|
|
35
|
-
$kendo-adaptive-menu-item-border: var( --kendo-adaptive-menu-item-border, #{color-mix(in srgb, k-color(border) 16%, transparent)} ) !default;
|
|
36
|
-
/// The text color of the Adaptive menu title.
|
|
37
|
-
/// @group adaptive
|
|
38
|
-
$kendo-adaptive-menu-title-text: var( --kendo-adaptive-menu-title-text, #{k-color(on-app-surface)} ) !default;
|
|
39
|
-
|
|
40
|
-
/// The width of the border around the Adaptive component.
|
|
41
|
-
/// @group adaptive
|
|
42
|
-
$kendo-adaptive-border-width: var( --kendo-adaptive-border-width, 1px ) !default;
|
|
43
|
-
/// The font family of the Adaptive component.
|
|
44
|
-
/// @group adaptive
|
|
45
|
-
$kendo-adaptive-font-family: var( --kendo-adaptive-font-family, var(--kendo-font-family) ) !default;
|
|
46
|
-
/// The font size of the Adaptive component.
|
|
47
|
-
/// @group adaptive
|
|
48
|
-
$kendo-adaptive-font-size: var( --kendo-adaptive-font-size, var(--kendo-font-size) ) !default;
|
|
49
|
-
/// The line height of the Adaptive component.
|
|
50
|
-
/// @group adaptive
|
|
51
|
-
$kendo-adaptive-line-height: var( --kendo-adaptive-line-height, var(--kendo-line-height) ) !default;
|
|
52
|
-
|
|
53
|
-
|
|
54
|
-
// Adaptive Grid
|
|
55
|
-
/// The text color of the Adaptive Grid sort indicator.
|
|
56
|
-
/// @group adaptive
|
|
57
|
-
$kendo-adaptive-grid-sort-text: var( --kendo-adaptive-grid-sort-text, #{k-color(primary-on-surface)} ) !default;
|
|
58
|
-
|
|
59
|
-
|
|
60
|
-
// Adaptive Scheduler
|
|
61
|
-
/// The text color of the current date in the Adaptive Scheduler.
|
|
62
|
-
/// @group adaptive
|
|
63
|
-
$kendo-adaptive-scheduler-current-text: var( --kendo-adaptive-scheduler-current-text, #{k-color(primary-on-surface)} ) !default;
|
|
64
|
-
/// The base text color of the Adaptive Scheduler.
|
|
65
|
-
/// @group adaptive
|
|
66
|
-
$kendo-adaptive-scheduler-base-text: var( --kendo-adaptive-scheduler-base-text, inherit ) !default;
|
|
67
|
-
/// The subtle text color of the Adaptive Scheduler.
|
|
68
|
-
/// @group adaptive
|
|
69
|
-
$kendo-adaptive-scheduler-subtle-text: var( --kendo-adaptive-scheduler-subtle-text, #{k-color(on-app-surface)} ) !default;
|
|
70
|
-
|
|
71
|
-
@forward "@progress/kendo-theme-core/scss/components/adaptive/_variables.scss" with (
|
|
72
|
-
$kendo-adaptive-bg: $kendo-adaptive-bg,
|
|
73
|
-
$kendo-adaptive-text: $kendo-adaptive-text,
|
|
74
|
-
$kendo-adaptive-border: $kendo-adaptive-border,
|
|
75
|
-
$kendo-adaptive-content-bg: $kendo-adaptive-content-bg,
|
|
76
|
-
$kendo-adaptive-content-text: $kendo-adaptive-content-text,
|
|
77
|
-
$kendo-adaptive-menu-bg: $kendo-adaptive-menu-bg,
|
|
78
|
-
$kendo-adaptive-menu-text: $kendo-adaptive-menu-text,
|
|
79
|
-
$kendo-adaptive-menu-clear-text: $kendo-adaptive-menu-clear-text,
|
|
80
|
-
$kendo-adaptive-menu-item-border: $kendo-adaptive-menu-item-border,
|
|
81
|
-
$kendo-adaptive-menu-title-text: $kendo-adaptive-menu-title-text,
|
|
82
|
-
$kendo-adaptive-border-width: $kendo-adaptive-border-width,
|
|
83
|
-
$kendo-adaptive-font-family: $kendo-adaptive-font-family,
|
|
84
|
-
$kendo-adaptive-font-size: $kendo-adaptive-font-size,
|
|
85
|
-
$kendo-adaptive-line-height: $kendo-adaptive-line-height,
|
|
86
|
-
$kendo-adaptive-grid-sort-text: $kendo-adaptive-grid-sort-text,
|
|
87
|
-
$kendo-adaptive-scheduler-current-text: $kendo-adaptive-scheduler-current-text,
|
|
88
|
-
$kendo-adaptive-scheduler-base-text: $kendo-adaptive-scheduler-base-text,
|
|
89
|
-
$kendo-adaptive-scheduler-subtle-text: $kendo-adaptive-scheduler-subtle-text
|
|
90
|
-
);
|