@progress/kendo-theme-fluent 7.2.0-dev.0 → 7.2.1-dev.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/meta/sassdoc-data.json +530 -530
- package/dist/meta/sassdoc-raw-data.json +265 -265
- package/lib/swatches/all.json +1 -1
- package/lib/swatches/fluent-main.json +1 -1
- package/package.json +4 -4
- package/scss/chat/_variables.scss +64 -64
- package/scss/orgchart/_variables.scss +46 -46
- package/scss/splitter/_variables.scss +20 -20
- package/scss/stepper/_variables.scss +60 -60
- package/scss/taskboard/_variables.scss +63 -63
- package/scss/wizard/_variables.scss +15 -15
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": "7.2.
|
|
4
|
+
"version": "7.2.1-dev.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -53,12 +53,12 @@
|
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@progress/kendo-svg-icons": "2.1.0",
|
|
56
|
-
"@progress/kendo-theme-core": "7.2.
|
|
57
|
-
"@progress/kendo-theme-utils": "7.2.
|
|
56
|
+
"@progress/kendo-theme-core": "7.2.1-dev.0",
|
|
57
|
+
"@progress/kendo-theme-utils": "7.2.1-dev.0"
|
|
58
58
|
},
|
|
59
59
|
"directories": {
|
|
60
60
|
"doc": "docs",
|
|
61
61
|
"lib": "lib"
|
|
62
62
|
},
|
|
63
|
-
"gitHead": "
|
|
63
|
+
"gitHead": "e2d5c5a08efe3d7ba9bb5a5c9666d7f2aab15d3d"
|
|
64
64
|
}
|
|
@@ -4,210 +4,210 @@
|
|
|
4
4
|
|
|
5
5
|
// Chat
|
|
6
6
|
|
|
7
|
-
/// The box shadow transition of the
|
|
7
|
+
/// The box shadow transition of the Chat.
|
|
8
8
|
/// @group chat
|
|
9
9
|
$kendo-chat-transition: var( --kendo-transition, inherit ) !default;
|
|
10
|
-
/// The hover text of
|
|
10
|
+
/// The hover text color of the Chat bubble links.
|
|
11
11
|
/// @group chat
|
|
12
12
|
$kendo-chat-link-hover-text: var( --kendo-link-hover-text, inherit ) !default;
|
|
13
|
-
/// The text of
|
|
13
|
+
/// The text color of the Chat bubble links.
|
|
14
14
|
/// @group chat
|
|
15
15
|
$kendo-chat-link-text: var( --kendo-link-text, inherit ) !default;
|
|
16
|
-
/// The horizontal padding of the
|
|
16
|
+
/// The horizontal padding of the Chat.
|
|
17
17
|
/// @group chat
|
|
18
18
|
$kendo-chat-padding-x: map.get( $kendo-spacing, 4 ) !default;
|
|
19
|
-
/// The vertical padding of the
|
|
19
|
+
/// The vertical padding of the Chat.
|
|
20
20
|
/// @group chat
|
|
21
21
|
$kendo-chat-padding-y: map.get( $kendo-spacing, 4 ) !default;
|
|
22
|
-
///
|
|
22
|
+
/// The width of the Chat.
|
|
23
23
|
/// @group chat
|
|
24
24
|
$kendo-chat-width: 500px !default;
|
|
25
|
-
/// The height of the
|
|
25
|
+
/// The height of the Chat.
|
|
26
26
|
/// @group chat
|
|
27
27
|
$kendo-chat-height: 600px !default;
|
|
28
|
-
/// The border width of the
|
|
28
|
+
/// The border width of the Chat.
|
|
29
29
|
/// @group chat
|
|
30
30
|
$kendo-chat-border-width: 1px !default;
|
|
31
|
-
/// The font family of the
|
|
31
|
+
/// The font family of the Chat.
|
|
32
32
|
/// @group chat
|
|
33
33
|
$kendo-chat-font-family: var( --kendo-font-family, inherit ) !default;
|
|
34
|
-
/// The font size of the
|
|
34
|
+
/// The font size of the Chat.
|
|
35
35
|
/// @group chat
|
|
36
36
|
$kendo-chat-font-size: var( --kendo-font-size, inherit ) !default;
|
|
37
|
-
/// The line height of the
|
|
37
|
+
/// The line height of the Chat.
|
|
38
38
|
/// @group chat
|
|
39
39
|
$kendo-chat-line-height: var( --kendo-line-height, normal ) !default;
|
|
40
40
|
|
|
41
|
-
/// The size of the
|
|
41
|
+
/// The size of the Chat typing indicator dot.
|
|
42
42
|
/// @group chat
|
|
43
43
|
$kendo-chat-typing-indicator-dot-size: 8px !default;
|
|
44
|
-
/// The spacing of the
|
|
44
|
+
/// The spacing of the Chat typing indicator dot.
|
|
45
45
|
/// @group chat
|
|
46
46
|
$kendo-chat-typing-indicator-dot-spacing: 5px !default;
|
|
47
47
|
|
|
48
|
-
/// The horizontal spacing between items of the
|
|
48
|
+
/// The horizontal spacing between the items of the Chat.
|
|
49
49
|
/// @group chat
|
|
50
50
|
$kendo-chat-item-spacing-x: map.get( $kendo-spacing, 2 ) !default;
|
|
51
|
-
/// The vertical spacing between items of the
|
|
51
|
+
/// The vertical spacing between the items of the Chat.
|
|
52
52
|
/// @group chat
|
|
53
53
|
$kendo-chat-item-spacing-y: map.get( $kendo-spacing, 4 ) !default;
|
|
54
54
|
|
|
55
|
-
/// The horizontal padding of message list
|
|
55
|
+
/// The horizontal padding of the Chat message list.
|
|
56
56
|
/// @group chat
|
|
57
57
|
$kendo-chat-message-list-padding-x: $kendo-chat-padding-x !default;
|
|
58
|
-
/// The vertical padding of message list
|
|
58
|
+
/// The vertical padding of the Chat message list.
|
|
59
59
|
/// @group chat
|
|
60
60
|
$kendo-chat-message-list-padding-y: $kendo-chat-padding-y !default;
|
|
61
|
-
/// The spacing of message list
|
|
61
|
+
/// The spacing of the Chat message list.
|
|
62
62
|
/// @group chat
|
|
63
63
|
$kendo-chat-message-list-spacing: $kendo-chat-item-spacing-y !default;
|
|
64
64
|
|
|
65
|
-
/// The font size of the
|
|
65
|
+
/// The font size of the Chat timestamp.
|
|
66
66
|
/// @group chat
|
|
67
67
|
$kendo-chat-timestamp-font-size: smaller !default;
|
|
68
|
-
/// The line height of the timestamp.
|
|
68
|
+
/// The line height of the Chat timestamp.
|
|
69
69
|
/// @group chat
|
|
70
70
|
$kendo-chat-timestamp-line-height: var( --kendo-line-height, normal ) !default;
|
|
71
|
-
///
|
|
71
|
+
/// The text transform of the Chat timestamp.
|
|
72
72
|
/// @group chat
|
|
73
73
|
$kendo-chat-timestamp-transform: uppercase !default;
|
|
74
|
-
/// The text of the timestamp.
|
|
74
|
+
/// The text color of the Chat timestamp.
|
|
75
75
|
/// @group chat
|
|
76
76
|
$kendo-chat-timestamp-text: var( --kendo-subtle-text, inherit ) !default;
|
|
77
|
-
///
|
|
77
|
+
/// The background color of the Chat timestamp.
|
|
78
78
|
/// @group chat
|
|
79
79
|
$kendo-chat-timestamp-bg: normal !default;
|
|
80
80
|
|
|
81
|
-
/// The horizontal padding of the bubble message.
|
|
81
|
+
/// The horizontal padding of the Chat bubble message.
|
|
82
82
|
/// @group chat
|
|
83
83
|
$kendo-chat-bubble-padding-x: map.get( $kendo-spacing, 3 ) !default;
|
|
84
|
-
/// The vertical padding of the bubble message.
|
|
84
|
+
/// The vertical padding of the Chat bubble message.
|
|
85
85
|
/// @group chat
|
|
86
86
|
$kendo-chat-bubble-padding-y: map.get( $kendo-spacing, 2 ) !default;
|
|
87
|
-
/// The spacing of the bubble message.
|
|
87
|
+
/// The spacing of the Chat bubble message.
|
|
88
88
|
/// @group chat
|
|
89
89
|
$kendo-chat-bubble-spacing: map.get( $kendo-spacing, 0.5 ) !default;
|
|
90
|
-
/// The line height of the bubble message.
|
|
90
|
+
/// The line height of the Chat bubble message.
|
|
91
91
|
/// @group chat
|
|
92
92
|
$kendo-chat-bubble-line-height: var( --kendo-line-height, normal ) !default;
|
|
93
93
|
|
|
94
|
-
/// The
|
|
94
|
+
/// The spacing of the Chat scroll button.
|
|
95
95
|
/// @group chat
|
|
96
96
|
$kendo-chat-scroll-button: map.get( $kendo-spacing, 2 ) !default;
|
|
97
|
-
/// The size of the
|
|
97
|
+
/// The size of the Chat Card deck scrollbar.
|
|
98
98
|
/// @group chat
|
|
99
99
|
$kendo-card-deck-scrollbar-size: 20px !default;
|
|
100
100
|
|
|
101
|
-
/// The border radius of the bubble message.
|
|
101
|
+
/// The border radius of the Chat bubble message.
|
|
102
102
|
/// @group chat
|
|
103
103
|
$kendo-chat-bubble-border-radius: map.get( $kendo-spacing, 3 ) !default;
|
|
104
|
-
/// The border radius of the small bubble message
|
|
104
|
+
/// The border radius of the Chat small bubble message
|
|
105
105
|
/// @group chat
|
|
106
106
|
$kendo-chat-bubble-border-radius-sm: var( --kendo-border-radius, 0 ) !default;
|
|
107
107
|
|
|
108
|
-
/// The size of the
|
|
108
|
+
/// The size of the Chat Avatar.
|
|
109
109
|
/// @group chat
|
|
110
110
|
$kendo-chat-avatar-size: 32px !default;
|
|
111
|
-
/// The spacing of the
|
|
111
|
+
/// The spacing of the Chat Avatar.
|
|
112
112
|
/// @group chat
|
|
113
113
|
$kendo-chat-avatar-spacing: $kendo-chat-item-spacing-x !default;
|
|
114
114
|
|
|
115
|
-
/// The horizontal padding of the
|
|
115
|
+
/// The horizontal padding of the Chat Toolbar.
|
|
116
116
|
/// @group chat
|
|
117
117
|
$kendo-chat-toolbar-padding-x: $kendo-toolbar-md-padding-x !default;
|
|
118
|
-
/// The vertical padding of the
|
|
118
|
+
/// The vertical padding of the Chat Toolbar.
|
|
119
119
|
/// @group chat
|
|
120
120
|
$kendo-chat-toolbar-padding-y: $kendo-toolbar-md-padding-y !default;
|
|
121
|
-
/// The spacing of the
|
|
121
|
+
/// The spacing of the Chat Toolbar.
|
|
122
122
|
/// @group chat
|
|
123
123
|
$kendo-chat-toolbar-spacing: $kendo-toolbar-md-spacing !default;
|
|
124
|
-
/// The background of the
|
|
124
|
+
/// The background color of the Chat Toolbar.
|
|
125
125
|
/// @group chat
|
|
126
126
|
$kendo-chat-toolbar-bg: $kendo-toolbar-bg !default;
|
|
127
|
-
/// The text of the
|
|
127
|
+
/// The text color of the Chat Toolbar.
|
|
128
128
|
/// @group chat
|
|
129
129
|
$kendo-chat-toolbar-text: $kendo-toolbar-text !default;
|
|
130
|
-
/// The border of the
|
|
130
|
+
/// The border color of the Chat Toolbar.
|
|
131
131
|
/// @group chat
|
|
132
132
|
$kendo-chat-toolbar-border: inherit !default;
|
|
133
133
|
|
|
134
|
-
/// The horizontal padding of the quick reply
|
|
134
|
+
/// The horizontal padding of the Chat quick reply.
|
|
135
135
|
/// @group chat
|
|
136
136
|
$kendo-chat-quick-reply-padding-x: map.get( $kendo-spacing, 3 ) !default;
|
|
137
|
-
/// The vertical padding of the quick reply
|
|
137
|
+
/// The vertical padding of the Chat quick reply.
|
|
138
138
|
/// @group chat
|
|
139
139
|
$kendo-chat-quick-reply-padding-y: map.get( $kendo-spacing, 2 ) !default;
|
|
140
|
-
/// The spacing of the quick reply
|
|
140
|
+
/// The spacing of the Chat quick reply.
|
|
141
141
|
/// @group chat
|
|
142
142
|
$kendo-chat-quick-reply-spacing: map.get( $kendo-spacing, 2 ) !default;
|
|
143
|
-
/// The line height of the quick reply
|
|
143
|
+
/// The line height of the Chat quick reply.
|
|
144
144
|
/// @group chat
|
|
145
145
|
$kendo-chat-quick-reply-line-height: $kendo-chat-bubble-line-height !default;
|
|
146
146
|
|
|
147
|
-
/// The background of the
|
|
147
|
+
/// The background color of the Chat.
|
|
148
148
|
/// @group chat
|
|
149
149
|
$kendo-chat-bg: if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 )) !default;
|
|
150
|
-
/// The text of the
|
|
150
|
+
/// The text color of the Chat.
|
|
151
151
|
/// @group chat
|
|
152
152
|
$kendo-chat-text: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-190 )) !default;
|
|
153
|
-
/// The border of the
|
|
153
|
+
/// The border color of the Chat.
|
|
154
154
|
/// @group chat
|
|
155
155
|
$kendo-chat-border: if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 )) !default;
|
|
156
156
|
|
|
157
|
-
/// The background of the bubble
|
|
157
|
+
/// The background color of the Chat bubble.
|
|
158
158
|
/// @group chat
|
|
159
159
|
$kendo-chat-bubble-bg: var( --kendo-component-bg, inherit ) !default;
|
|
160
|
-
/// The text of the bubble
|
|
160
|
+
/// The text color of the Chat bubble.
|
|
161
161
|
/// @group chat
|
|
162
162
|
$kendo-chat-bubble-text: var( --kendo-component-text, inherit ) !default;
|
|
163
|
-
/// The border of the bubble
|
|
163
|
+
/// The border color of the Chat bubble.
|
|
164
164
|
/// @group chat
|
|
165
165
|
$kendo-chat-bubble-border: $kendo-chat-bubble-bg !default;
|
|
166
|
-
/// The box shadow of the bubble
|
|
166
|
+
/// The box shadow of the Chat bubble.
|
|
167
167
|
/// @group chat
|
|
168
168
|
$kendo-chat-bubble-shadow: var( --kendo-box-shadow-depth-1, none ) !default;
|
|
169
|
-
/// The
|
|
169
|
+
/// The shadow of the hovered Chat bubble.
|
|
170
170
|
/// @group chat
|
|
171
171
|
$kendo-chat-bubble-hover-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
|
|
172
|
-
/// The
|
|
172
|
+
/// The shadow of the selected Chat bubble.
|
|
173
173
|
/// @group chat
|
|
174
174
|
$kendo-chat-bubble-selected-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
|
|
175
175
|
|
|
176
|
-
/// The background of the alt bubble
|
|
176
|
+
/// The background color of the Chat alt bubble.
|
|
177
177
|
/// @group chat
|
|
178
178
|
$kendo-chat-alt-bubble-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
|
|
179
|
-
/// The text of the alt bubble
|
|
179
|
+
/// The text color of the Chat alt bubble.
|
|
180
180
|
/// @group chat
|
|
181
181
|
$kendo-chat-alt-bubble-text: var( --kendo-component-bg, inherit ) !default;
|
|
182
|
-
/// The border of the alt bubble
|
|
182
|
+
/// The border color of the Chat alt bubble.
|
|
183
183
|
/// @group chat
|
|
184
184
|
$kendo-chat-alt-bubble-border: $kendo-chat-alt-bubble-bg !default;
|
|
185
|
-
/// The shadow of the alt bubble
|
|
185
|
+
/// The shadow of the Chat alt bubble.
|
|
186
186
|
/// @group chat
|
|
187
187
|
$kendo-chat-alt-bubble-shadow: var( --kendo-box-shadow-depth-1, none ) !default;
|
|
188
|
-
/// The
|
|
188
|
+
/// The shadow of the hovered Chat alt bubble.
|
|
189
189
|
/// @group chat
|
|
190
190
|
$kendo-chat-alt-bubble-hover-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
|
|
191
|
-
/// The
|
|
191
|
+
/// The shadow of the selected Chat alt bubble.
|
|
192
192
|
/// @group chat
|
|
193
193
|
$kendo-chat-alt-bubble-selected-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
|
|
194
194
|
|
|
195
|
-
/// The background of quick reply
|
|
195
|
+
/// The background color of the Chat quick reply.
|
|
196
196
|
/// @group chat
|
|
197
197
|
$kendo-chat-quick-reply-bg: transparent !default;
|
|
198
|
-
/// The text of quick reply
|
|
198
|
+
/// The text color of the Chat quick reply.
|
|
199
199
|
/// @group chat
|
|
200
200
|
$kendo-chat-quick-reply-text: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
|
|
201
|
-
/// The border of quick reply
|
|
201
|
+
/// The border color of the Chat quick reply.
|
|
202
202
|
/// @group chat
|
|
203
203
|
$kendo-chat-quick-reply-border: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
|
|
204
204
|
|
|
205
|
-
/// The
|
|
205
|
+
/// The background color of the hovered Chat quick reply.
|
|
206
206
|
/// @group chat
|
|
207
207
|
$kendo-chat-quick-reply-hover-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
|
|
208
|
-
/// The text of
|
|
208
|
+
/// The text color of the hovered Chat quick reply.
|
|
209
209
|
/// @group chat
|
|
210
210
|
$kendo-chat-quick-reply-hover-text: var( --kendo-component-bg, inherit ) !default;
|
|
211
|
-
/// The
|
|
211
|
+
/// The border color of the hovered Chat quick reply.
|
|
212
212
|
/// @group chat
|
|
213
213
|
$kendo-chat-quick-reply-hover-border: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
|
|
@@ -2,151 +2,151 @@
|
|
|
2
2
|
@use "../core/" as *;
|
|
3
3
|
@use "../card/_variables.scss" as *;
|
|
4
4
|
|
|
5
|
-
///
|
|
5
|
+
/// The spacing index of the OrgChart.
|
|
6
6
|
/// @group orgchart
|
|
7
7
|
$kendo-orgchart-spacer: map.get( $kendo-spacing, 6) !default;
|
|
8
|
-
///
|
|
8
|
+
/// The vertical padding of the OrgChart.
|
|
9
9
|
/// @group orgchart
|
|
10
10
|
$kendo-orgchart-padding-y: $kendo-orgchart-spacer !default;
|
|
11
|
-
///
|
|
11
|
+
/// The horizontal padding of the OrgChart.
|
|
12
12
|
/// @group orgchart
|
|
13
13
|
$kendo-orgchart-padding-x: $kendo-orgchart-padding-y !default;
|
|
14
|
-
///
|
|
14
|
+
/// The font family of the OrgChart.
|
|
15
15
|
/// @group orgchart
|
|
16
16
|
$kendo-orgchart-font-family: var( --kendo-font-family, inherit ) !default;
|
|
17
|
-
///
|
|
17
|
+
/// The font size of the OrgChart.
|
|
18
18
|
/// @group orgchart
|
|
19
19
|
$kendo-orgchart-font-size: var( --kendo-font-size, inherit ) !default;
|
|
20
|
-
///
|
|
20
|
+
/// The line height of the OrgChart.
|
|
21
21
|
/// @group orgchart
|
|
22
22
|
$kendo-orgchart-line-height: var( --kendo-line-height, normal ) !default;
|
|
23
|
-
///
|
|
23
|
+
/// The background color of the OrgChart.
|
|
24
24
|
/// @group orgchart
|
|
25
25
|
$kendo-orgchart-bg: var( --kendo-component-bg, initial ) !default;
|
|
26
|
-
///
|
|
26
|
+
/// The text color of the OrgChart.
|
|
27
27
|
/// @group orgchart
|
|
28
28
|
$kendo-orgchart-text: var( --kendo-component-text, initial ) !default;
|
|
29
|
-
///
|
|
29
|
+
/// The border color of the OrgChart.
|
|
30
30
|
/// @group orgchart
|
|
31
31
|
$kendo-orgchart-border: var( --kendo-component-border, initial ) !default;
|
|
32
32
|
|
|
33
|
-
///
|
|
33
|
+
/// The spacing of the OrgChart node.
|
|
34
34
|
/// @group orgchart
|
|
35
35
|
$kendo-orgchart-node-spacing: $kendo-orgchart-spacer !default;
|
|
36
|
-
///
|
|
36
|
+
/// The spacing of the OrgChart group.
|
|
37
37
|
/// @group orgchart
|
|
38
38
|
$kendo-orgchart-group-spacing: $kendo-orgchart-spacer !default;
|
|
39
|
-
///
|
|
39
|
+
/// The spacing of the OrgChart node container.
|
|
40
40
|
/// @group orgchart
|
|
41
41
|
$kendo-orgchart-node-container-spacing: $kendo-orgchart-spacer !default;
|
|
42
42
|
|
|
43
|
-
///
|
|
43
|
+
/// The vertical padding of the OrgChart node group.
|
|
44
44
|
/// @group orgchart
|
|
45
45
|
$kendo-orgchart-node-group-padding-y: $kendo-orgchart-spacer !default;
|
|
46
|
-
///
|
|
46
|
+
/// The horizontal padding of the OrgChart node group.
|
|
47
47
|
/// @group orgchart
|
|
48
48
|
$kendo-orgchart-node-group-padding-x: $kendo-orgchart-node-group-padding-y !default;
|
|
49
|
-
///
|
|
49
|
+
/// The border width of the OrgChart node group.
|
|
50
50
|
/// @group orgchart
|
|
51
51
|
$kendo-orgchart-node-group-border-width: 1px !default;
|
|
52
|
-
///
|
|
52
|
+
/// The border radius of the OrgChart node group.
|
|
53
53
|
/// @group orgchart
|
|
54
54
|
$kendo-orgchart-node-group-border-radius: var( --kendo-border-radius-md, #{$kendo-border-radius-md} ) !default;
|
|
55
|
-
///
|
|
55
|
+
/// The background color of the OrgChart node group.
|
|
56
56
|
/// @group orgchart
|
|
57
57
|
$kendo-orgchart-node-group-bg: if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 )) !default;
|
|
58
|
-
///
|
|
58
|
+
/// The text color of the OrgChart node group.
|
|
59
59
|
/// @group orgchart
|
|
60
60
|
$kendo-orgchart-node-group-text: if($kendo-enable-color-system, k-color( on-app-surface ), k-get-theme-color-var( neutral-190 )) !default;
|
|
61
|
-
///
|
|
61
|
+
/// The border color of the OrgChart node group.
|
|
62
62
|
/// @group orgchart
|
|
63
63
|
$kendo-orgchart-node-group-border: if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 )) !default;
|
|
64
|
-
///
|
|
64
|
+
/// The border color of the focused OrgChart node group.
|
|
65
65
|
/// @group orgchart
|
|
66
66
|
$kendo-orgchart-node-group-focus-border: $kendo-card-focus-border !default;
|
|
67
|
-
///
|
|
67
|
+
/// The shadow of the focused OrgChart node group.
|
|
68
68
|
/// @group orgchart
|
|
69
69
|
$kendo-orgchart-node-group-focus-shadow: $kendo-card-focus-shadow !default;
|
|
70
70
|
|
|
71
|
-
///
|
|
71
|
+
/// The vertical margin of the OrgChart node group title.
|
|
72
72
|
/// @group orgchart
|
|
73
73
|
$kendo-orgchart-node-group-title-margin-y: 0px !default;
|
|
74
|
-
///
|
|
74
|
+
/// The font size of the OrgChart node group title.
|
|
75
75
|
/// @group orgchart
|
|
76
76
|
$kendo-orgchart-node-group-title-font-size: var( --kendo-font-size-xl, inherit ) !default;
|
|
77
|
-
///
|
|
77
|
+
/// The line height of the OrgChart node group title.
|
|
78
78
|
/// @group orgchart
|
|
79
79
|
$kendo-orgchart-node-group-title-line-height: var( --kendo-line-height-md, normal ) !default;
|
|
80
80
|
|
|
81
|
-
///
|
|
81
|
+
/// The vertical margin of the OrgChart node group subtitle.
|
|
82
82
|
/// @group orgchart
|
|
83
83
|
$kendo-orgchart-node-group-subtitle-margin-y: $kendo-orgchart-spacer - map.get( $kendo-spacing, 1 ) !default;
|
|
84
|
-
///
|
|
84
|
+
/// The font size of the OrgChart node group subtitle.
|
|
85
85
|
/// @group orgchart
|
|
86
86
|
$kendo-orgchart-node-group-subtitle-font-size: var( --kendo-font-size, inherit ) !default;
|
|
87
|
-
///
|
|
87
|
+
/// The line height of the OrgChart node group subtitle.
|
|
88
88
|
/// @group orgchart
|
|
89
89
|
$kendo-orgchart-node-group-subtitle-text: var( --kendo-subtle-text, inherit ) !default;
|
|
90
90
|
|
|
91
|
-
///
|
|
91
|
+
/// The width of the OrgChart Card.
|
|
92
92
|
/// @group orgchart
|
|
93
93
|
$kendo-orgchart-card-width: 300px !default;
|
|
94
|
-
///
|
|
94
|
+
/// The border width of the OrgChart Card.
|
|
95
95
|
/// @group orgchart
|
|
96
96
|
$kendo-orgchart-card-border-width: $kendo-card-border-width !default;
|
|
97
|
-
///
|
|
97
|
+
/// The shadow of the OrgChart Card.
|
|
98
98
|
/// @group orgchart
|
|
99
99
|
$kendo-orgchart-card-shadow: $kendo-card-shadow !default;
|
|
100
|
-
///
|
|
100
|
+
/// The shadow of the focused OrgChart Card.
|
|
101
101
|
/// @group orgchart
|
|
102
102
|
$kendo-orgchart-card-focus-shadow: $kendo-card-focus-shadow !default;
|
|
103
103
|
|
|
104
|
-
///
|
|
104
|
+
/// The vertical margin of the OrgChart Card title.
|
|
105
105
|
/// @group orgchart
|
|
106
106
|
$kendo-orgchart-card-title-margin-y: 0px !default;
|
|
107
|
-
///
|
|
107
|
+
/// The font size of the OrgChart Card title.
|
|
108
108
|
/// @group orgchart
|
|
109
109
|
$kendo-orgchart-card-title-font-size: $kendo-card-title-font-size !default;
|
|
110
|
-
///
|
|
110
|
+
/// The line height of the OrgChart Card title.
|
|
111
111
|
/// @group orgchart
|
|
112
112
|
$kendo-orgchart-card-title-line-height: var( --kendo-line-height, normal ) !default;
|
|
113
113
|
|
|
114
|
-
///
|
|
114
|
+
/// The vertical margin of the OrgChart Card subtitle.
|
|
115
115
|
/// @group orgchart
|
|
116
116
|
$kendo-orgchart-card-subtitle-margin-y: 0px !default;
|
|
117
|
-
///
|
|
117
|
+
/// The font size of the OrgChart Card subtitle.
|
|
118
118
|
/// @group orgchart
|
|
119
119
|
$kendo-orgchart-card-subtitle-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
120
|
-
///
|
|
120
|
+
/// The line height of the OrgChart Card subtitle.
|
|
121
121
|
/// @group orgchart
|
|
122
122
|
$kendo-orgchart-card-subtitle-line-height: var( --kendo-line-height-md, inherit ) !default;
|
|
123
123
|
|
|
124
|
-
///
|
|
124
|
+
/// The vertical padding of the OrgChart Card body.
|
|
125
125
|
/// @group orgchart
|
|
126
126
|
$kendo-orgchart-card-body-padding-y: $kendo-orgchart-spacer - map.get( $kendo-spacing, 2 ) !default;
|
|
127
|
-
///
|
|
127
|
+
/// The horizontal padding of the OrgChart Card body.
|
|
128
128
|
/// @group orgchart
|
|
129
129
|
$kendo-orgchart-card-body-padding-x: $kendo-orgchart-card-body-padding-y !default;
|
|
130
|
-
///
|
|
130
|
+
/// The top border width of the OrgChart Card body.
|
|
131
131
|
/// @group orgchart
|
|
132
132
|
$kendo-orgchart-card-body-border-width: 2px 0 0 !default;
|
|
133
|
-
///
|
|
133
|
+
/// The border color of the OrgChart Card body.
|
|
134
134
|
/// @group orgchart
|
|
135
135
|
$kendo-orgchart-card-body-border-color: transparent !default;
|
|
136
136
|
|
|
137
|
-
///
|
|
137
|
+
/// The horizontal margin of the OrgChart Card body title wrap.
|
|
138
138
|
/// @group orgchart
|
|
139
139
|
$kendo-orgchart-card-body-vbox-margin-x: $kendo-orgchart-spacer - map.get( $kendo-spacing, 2 ) !default;
|
|
140
|
-
///
|
|
140
|
+
/// The min height of the OrgChart Card body title wrap.
|
|
141
141
|
/// @group orgchart
|
|
142
142
|
$kendo-orgchart-card-body-vbox-min-height: $kendo-card-avatar-size !default;
|
|
143
143
|
|
|
144
|
-
///
|
|
144
|
+
/// The size of the OrgChart connecting line.
|
|
145
145
|
/// @group orgchart
|
|
146
146
|
$kendo-orgchart-line-size: 1px !default;
|
|
147
|
-
///
|
|
147
|
+
/// The fill color of the OrgChart connecting line.
|
|
148
148
|
/// @group orgchart
|
|
149
149
|
$kendo-orgchart-line-text: if($kendo-enable-color-system, rgba( k-color( border, true ), .16 ), k-get-theme-color-var( neutral-30 )) !default;
|
|
150
|
-
///
|
|
150
|
+
/// The height of the OrgChart connecting line.
|
|
151
151
|
/// @group orgchart
|
|
152
152
|
$kendo-orgchart-line-v-height: 25px !default;
|
|
@@ -1,70 +1,70 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "../core/" as *;
|
|
3
3
|
|
|
4
|
-
///
|
|
4
|
+
/// The width of the border around the Splitter.
|
|
5
5
|
/// @group splitter
|
|
6
6
|
$kendo-splitter-border-width: 1px !default;
|
|
7
|
-
///
|
|
7
|
+
/// The font size of the Splitter.
|
|
8
8
|
/// @group splitter
|
|
9
9
|
$kendo-splitter-font-size: var( --kendo-font-size, initial ) !default;
|
|
10
|
-
///
|
|
10
|
+
/// The line height of the Splitter.
|
|
11
11
|
/// @group splitter
|
|
12
12
|
$kendo-splitter-line-height: var( --kendo-line-height, initial ) !default;
|
|
13
|
-
///
|
|
13
|
+
/// The font family of the Splitter.
|
|
14
14
|
/// @group splitter
|
|
15
15
|
$kendo-splitter-font-family: var( --kendo-font-family, initial ) !default;
|
|
16
16
|
|
|
17
|
-
///
|
|
17
|
+
/// The background color of the Splitter.
|
|
18
18
|
/// @group splitter
|
|
19
19
|
$kendo-splitter-bg: var( --kendo-component-bg, initial ) !default;
|
|
20
|
-
///
|
|
20
|
+
/// The text color of the Splitter.
|
|
21
21
|
/// @group splitter
|
|
22
22
|
$kendo-splitter-text: var( --kendo-component-text, initial ) !default;
|
|
23
|
-
///
|
|
23
|
+
/// The border color of the Splitter.
|
|
24
24
|
/// @group splitter
|
|
25
25
|
$kendo-splitter-border: var( --kendo-component-border, initial ) !default;
|
|
26
26
|
|
|
27
|
-
///
|
|
27
|
+
/// The size of the Splitter split bar.
|
|
28
28
|
/// @group splitter
|
|
29
29
|
$kendo-splitter-splitbar-size: map.get( $kendo-spacing, 3 ) !default;
|
|
30
|
-
///
|
|
30
|
+
/// The length of the Splitter drag handle.
|
|
31
31
|
/// @group splitter
|
|
32
32
|
$kendo-splitter-drag-handle-length: map.get( $kendo-spacing, 5 ) !default;
|
|
33
|
-
/// thickness of the
|
|
33
|
+
/// The thickness of the Splitter drag handle.
|
|
34
34
|
/// @group splitter
|
|
35
35
|
$kendo-splitter-drag-handle-thickness: map.get( $kendo-spacing, 0.5 ) !default;
|
|
36
|
-
///
|
|
36
|
+
/// The margin of the Splitter drag handle icon.
|
|
37
37
|
/// @group splitter
|
|
38
38
|
$kendo-splitter-drag-icon-margin: map.get( $kendo-spacing, 2 ) !default;
|
|
39
39
|
|
|
40
|
-
///
|
|
40
|
+
/// The horizontal padding of the collapse icon in the Splitter.
|
|
41
41
|
/// @group splitter
|
|
42
42
|
$kendo-splitter-collapse-icon-padding-x: null !default;
|
|
43
|
-
///
|
|
43
|
+
/// The vertical padding of the collapse icon in the Splitter.
|
|
44
44
|
/// @group splitter
|
|
45
45
|
$kendo-splitter-collapse-icon-padding-y: map.get( $kendo-spacing, .5 ) !default;
|
|
46
46
|
|
|
47
|
-
///
|
|
47
|
+
/// The background color of the Splitter split bar.
|
|
48
48
|
/// @group splitter
|
|
49
49
|
$kendo-splitbar-bg: if($kendo-enable-color-system, k-color( surface ), k-get-theme-color-var( neutral-10 )) !default;
|
|
50
|
-
///
|
|
50
|
+
/// The text color of the Splitter split bar.
|
|
51
51
|
/// @group splitter
|
|
52
52
|
$kendo-splitbar-text: var( --kendo-component-text, initial ) !default;
|
|
53
53
|
|
|
54
|
-
///
|
|
54
|
+
/// The hover background color of the Splitter split bar.
|
|
55
55
|
/// @group splitter
|
|
56
56
|
$kendo-splitbar-hover-bg: if($kendo-enable-color-system, k-color( base-hover ), k-get-theme-color-var( neutral-20 )) !default;
|
|
57
|
-
///
|
|
57
|
+
/// The hover text color of the Splitter split bar.
|
|
58
58
|
/// @group splitter
|
|
59
59
|
$kendo-splitbar-hover-text: $kendo-splitbar-text !default;
|
|
60
60
|
|
|
61
|
-
///
|
|
61
|
+
/// The selected background color of the Splitter split bar.
|
|
62
62
|
/// @group splitter
|
|
63
63
|
$kendo-splitbar-selected-bg: if($kendo-enable-color-system, k-color( primary ), k-get-theme-color-var( primary-100 )) !default;
|
|
64
|
-
///
|
|
64
|
+
/// The selected text color of the Splitter split bar.
|
|
65
65
|
/// @group splitter
|
|
66
66
|
$kendo-splitbar-selected-text: var( --kendo-component-bg, inherit ) !default;
|
|
67
67
|
|
|
68
|
-
///
|
|
68
|
+
/// The size of the Splitter static split bar.
|
|
69
69
|
/// @group splitter
|
|
70
70
|
$kendo-splitter-splitbar-static-size: map.get( $kendo-spacing, 0.5 ) !default;
|