@progress/kendo-theme-fluent 14.4.1-dev.0 → 14.4.1-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.
@@ -68,18 +68,41 @@ $kendo-scheduler-footer-gradient: var( --kendo-scheduler-footer-gradient, null )
68
68
  /// The border radius of the Scheduler event.
69
69
  /// @group scheduler
70
70
  $kendo-scheduler-event-border-radius: var( --kendo-scheduler-event-border-radius, k-border-radius(md) ) !default;
71
- /// The line height of the Scheduler event.
71
+
72
+ /// The font size of the Scheduler event title.
73
+ /// @group scheduler
74
+ $kendo-scheduler-event-title-font-size: var(--kendo-font-size-sm) !default;
75
+ /// The line height of the Scheduler event title.
76
+ /// @group scheduler
77
+ $kendo-scheduler-event-title-line-height: var(--kendo-line-height-sm) !default;
78
+ /// The top padding of the Scheduler event title.
79
+ /// @group scheduler
80
+ $kendo-scheduler-event-title-padding-top: k-spacing(1) !default;
81
+ /// The bottom padding of the Scheduler event title.
82
+ /// @group scheduler
83
+ $kendo-scheduler-event-title-padding-bottom: k-spacing(0.5) !default;
84
+
85
+ /// The font size of the Scheduler event time.
86
+ /// @group scheduler
87
+ $kendo-scheduler-event-time-font-size: var(--kendo-font-size-xs) !default;
88
+ /// The line height of the Scheduler event time.
89
+ /// @group scheduler
90
+ $kendo-scheduler-event-time-line-height: var(--kendo-line-height-sm) !default;
91
+ /// The top padding of the Scheduler event time.
92
+ /// @group scheduler
93
+ $kendo-scheduler-event-time-padding-top: k-spacing(0.5) !default;
94
+ /// The bottom padding of the Scheduler event time.
72
95
  /// @group scheduler
73
- $kendo-scheduler-event-line-height: var( --kendo-scheduler-event-line-height, $kendo-scheduler-line-height ) !default;
96
+ $kendo-scheduler-event-time-padding-bottom: k-spacing(0.5) !default;
74
97
  /// The horizontal padding of the Scheduler event.
75
98
  /// @group scheduler
76
- $kendo-scheduler-event-padding-x: var( --kendo-scheduler-event-padding-x, k-spacing(2) ) !default;
99
+ $kendo-scheduler-event-template-padding-x: var( --kendo-scheduler-event-padding-x, k-spacing(2) ) !default;
77
100
  /// The vertical padding of the Scheduler event.
78
101
  /// @group scheduler
79
- $kendo-scheduler-event-padding-y: var( --kendo-scheduler-event-padding-y, k-spacing(0.5) ) !default;
102
+ $kendo-scheduler-event-template-padding-y: var( --kendo-scheduler-event-padding-y, k-spacing(0.5) ) !default;
80
103
  /// The minimum height of the Scheduler event.
81
104
  /// @group scheduler
82
- $kendo-scheduler-event-min-height: var( --kendo-scheduler-event-min-height, calc( #{$kendo-scheduler-line-height} + 2 * #{$kendo-scheduler-event-padding-y} ) ) !default;
105
+ $kendo-scheduler-event-min-height: var( --kendo-scheduler-event-min-height, 12px ) !default;
83
106
 
84
107
  /// The background color of the Scheduler event.
85
108
  /// @group scheduler
@@ -97,6 +120,16 @@ $kendo-scheduler-event-gradient: var( --kendo-scheduler-event-gradient, null ) !
97
120
  /// @group scheduler
98
121
  $kendo-scheduler-event-shadow: var( --kendo-scheduler-event-shadow, null ) !default;
99
122
 
123
+ /// The background color of the read-only Scheduler event.
124
+ /// @group scheduler
125
+ $kendo-scheduler-event-readonly-bg: var( --kendo-scheduler-event-readonly-bg, k-color(primary-subtle) ) !default;
126
+ /// The text color of the read-only Scheduler event.
127
+ /// @group scheduler
128
+ $kendo-scheduler-event-readonly-text: var( --kendo-scheduler-event-readonly-text, k-color(primary-on-subtle) ) !default;
129
+ /// The border color of the read-only Scheduler event.
130
+ /// @group scheduler
131
+ $kendo-scheduler-event-readonly-border: var( --kendo-scheduler-event-readonly-border, k-color(primary-emphasis) ) !default;
132
+
100
133
  /// The background color of the hovered Scheduler event.
101
134
  /// @group scheduler
102
135
  $kendo-scheduler-event-hover-bg: var( --kendo-scheduler-event-hover-bg, k-color(primary-hover) ) !default;
@@ -133,6 +166,22 @@ $kendo-scheduler-event-selected-shadow: var( --kendo-scheduler-event-selected-sh
133
166
  /// @group scheduler
134
167
  $kendo-scheduler-event-ongoing-shadow: var( --kendo-scheduler-event-ongoing-shadow, inset 0px 0px 0px 1px #ff0000 ) !default;
135
168
 
169
+ /// The size of the Scheduler resize handle hit area.
170
+ /// @group scheduler
171
+ $kendo-scheduler-resizer-size: var( --kendo-scheduler-resizer-size, 0.5em ) !default;
172
+ /// The length of the Scheduler resize handle visual indicator.
173
+ /// @group scheduler
174
+ $kendo-scheduler-resize-handle-size: var( --kendo-scheduler-resize-handle-size, 8px ) !default;
175
+ /// The border radius of the Scheduler resize handle.
176
+ /// @group scheduler
177
+ $kendo-scheduler-resize-handle-border-radius: var( --kendo-scheduler-resize-handle-border-radius, k-border-radius(full) ) !default;
178
+ /// The border width of the Scheduler resize handle.
179
+ /// @group scheduler
180
+ $kendo-scheduler-resize-handle-border-width: var( --kendo-scheduler-resize-handle-border-width, 2px ) !default;
181
+ /// The background color of the Scheduler resize handle.
182
+ /// @group scheduler
183
+ $kendo-scheduler-resize-handle-bg: var( --kendo-scheduler-resize-handle-bg, $kendo-scheduler-event-bg ) !default;
184
+
136
185
  /// The horizontal padding of the Scheduler cell.
137
186
  /// @group scheduler
138
187
  $kendo-scheduler-cell-padding-x: var( --kendo-scheduler-cell-padding-x, k-spacing(2) ) !default;
@@ -193,69 +242,35 @@ $kendo-scheduler-yearview-indicator-bg: var( --kendo-scheduler-yearview-indicato
193
242
  /// @group scheduler
194
243
  $kendo-scheduler-yearview-indicator-selected-bg: var( --kendo-scheduler-yearview-indicator-selected-bg, k-color(app-surface) ) !default;
195
244
 
196
- /// The horizontal padding of the Scheduler Tooltip.
197
- /// @group scheduler
198
- $kendo-scheduler-tooltip-padding-x: var( --kendo-scheduler-tooltip-padding-x, k-spacing(2) ) !default;
199
- /// The vertical padding of the Scheduler Tooltip.
200
- /// @group scheduler
201
- $kendo-scheduler-tooltip-padding-y: var( --kendo-scheduler-tooltip-padding-y, $kendo-scheduler-tooltip-padding-x ) !default;
202
- /// The width of the border of the Scheduler Tooltip.
203
- /// @group scheduler
204
- $kendo-scheduler-tooltip-border-width: var( --kendo-scheduler-tooltip-border-width, 0 ) !default;
205
- /// The background color of the Scheduler Tooltip.
206
- /// @group scheduler
207
- $kendo-scheduler-tooltip-bg: var( --kendo-scheduler-tooltip-bg, k-color(app-surface) ) !default;
208
- /// The text color of the Scheduler Tooltip.
245
+ /// The font size of the month inside the Scheduler Popover.
209
246
  /// @group scheduler
210
- $kendo-scheduler-tooltip-text: var( --kendo-scheduler-tooltip-text, k-color(subtle) ) !default;
211
- /// The border color of the Scheduler Tooltip.
247
+ $kendo-scheduler-popover-month-font-size: var( --kendo-scheduler-popover-month-font-size, var(--kendo-font-size-sm) ) !default;
248
+ /// The font size of the day inside the Scheduler Popover.
212
249
  /// @group scheduler
213
- $kendo-scheduler-tooltip-border: var( --kendo-scheduler-tooltip-border, null ) !default;
214
- /// The shadow of the Scheduler Tooltip.
215
- /// @group scheduler
216
- $kendo-scheduler-tooltip-shadow: var( --kendo-scheduler-tooltip-shadow, k-elevation(2) ) !default;
250
+ $kendo-scheduler-popover-day-font-size: var( --kendo-scheduler-popover-day-font-size, calc( var(--kendo-font-size-sm) * 2 ) ) !default;
217
251
 
218
- /// The vertical margin of the Scheduler Tooltip title.
219
- /// @group scheduler
220
- $kendo-scheduler-tooltip-title-margin-y: var( --kendo-scheduler-tooltip-title-margin-y, k-spacing(3) ) !default;
221
- /// The font size of the month inside the Scheduler Tooltip.
252
+ /// The max height of the events inside the Scheduler Popover.
222
253
  /// @group scheduler
223
- $kendo-scheduler-tooltip-month-font-size: var( --kendo-scheduler-tooltip-month-font-size, var(--kendo-font-size-sm) ) !default;
224
- /// The font size of the day inside the Scheduler Tooltip.
254
+ $kendo-scheduler-popover-events-max-height: var( --kendo-scheduler-popover-events-max-height, 250px ) !default;
255
+ /// The spacing between the events inside the Scheduler Popover.
225
256
  /// @group scheduler
226
- $kendo-scheduler-tooltip-day-font-size: var( --kendo-scheduler-tooltip-day-font-size, calc( var(--kendo-font-size-sm) * 2 ) ) !default;
257
+ $kendo-scheduler-popover-events-gap: var( --kendo-scheduler-popover-events-gap, k-spacing(1.5) ) !default;
227
258
 
228
- /// The max height of the events inside the Scheduler Tooltip.
259
+ /// The minimum height of the events inside the Scheduler Popover.
229
260
  /// @group scheduler
230
- $kendo-scheduler-tooltip-events-max-height: var( --kendo-scheduler-tooltip-events-max-height, 250px ) !default;
231
- /// The spacing between the events inside the Scheduler Tooltip.
232
- /// @group scheduler
233
- $kendo-scheduler-tooltip-events-gap: var( --kendo-scheduler-tooltip-events-gap, k-spacing(2) ) !default;
234
-
235
- /// The horizontal padding of the events inside the Scheduler Tooltip.
261
+ $kendo-scheduler-popover-event-min-height: var( --kendo-scheduler-popover-event-min-height, 25px ) !default;
262
+ /// The horizontal padding of the events inside the Scheduler Popover.
236
263
  /// @group scheduler
237
- $kendo-scheduler-tooltip-event-padding-x: var( --kendo-scheduler-tooltip-event-padding-x, $kendo-scheduler-event-padding-x ) !default;
238
- /// The vertical padding of the events inside the Scheduler Tooltip.
264
+ $kendo-scheduler-popover-event-padding-x: var( --kendo-scheduler-popover-event-padding-x, $kendo-scheduler-event-template-padding-x ) !default;
265
+ /// The vertical padding of the events inside the Scheduler Popover.
239
266
  /// @group scheduler
240
- $kendo-scheduler-tooltip-event-padding-y: var( --kendo-scheduler-tooltip-event-padding-y, $kendo-scheduler-event-padding-y ) !default;
241
- /// The border radius of the events inside the Scheduler Tooltip.
267
+ $kendo-scheduler-popover-event-padding-y: null !default;
268
+ /// The border radius of the events inside the Scheduler Popover.
242
269
  /// @group scheduler
243
- $kendo-scheduler-tooltip-event-border-radius: var( --kendo-scheduler-tooltip-event-border-radius, $kendo-scheduler-event-border-radius ) !default;
244
- /// The spacing between the events items inside the Scheduler Tooltip.
270
+ $kendo-scheduler-popover-event-border-radius: var( --kendo-scheduler-popover-event-border-radius, $kendo-scheduler-event-border-radius ) !default;
271
+ /// The spacing between the events items inside the Scheduler Popover.
245
272
  /// @group scheduler
246
- $kendo-scheduler-tooltip-event-gap: var( --kendo-scheduler-tooltip-event-gap, k-spacing(0.5) ) !default;
247
-
248
- /// The color of the Scheduler Tooltip callout.
249
- /// @group scheduler
250
- $kendo-scheduler-tooltip-callout-color: var( --kendo-scheduler-tooltip-callout-color, $kendo-scheduler-tooltip-bg ) !default;
251
-
252
- /// The width of the Scheduler resize handle.
253
- /// @group scheduler
254
- $kendo-scheduler-resize-handle-width: var( --kendo-scheduler-resize-handle-width, 2em ) !default;
255
-
256
- /// The height of the Scheduler more events button.
257
- /// @group scheduler
258
- $kendo-scheduler-more-btn-height: var( --kendo-scheduler-more-btn-height, 13px ) !default;
273
+ $kendo-scheduler-popover-event-gap: var( --kendo-scheduler-popover-event-gap, k-spacing(0.5) ) !default;
259
274
 
260
275
  /// The color of the Scheduler marquee.
261
276
  /// @group scheduler
@@ -271,8 +286,6 @@ $kendo-scheduler-adaptive-border: var( --kendo-scheduler-adaptive-border, #{colo
271
286
 
272
287
  $kendo-scheduler-adaptive-content-bg: var( --kendo-scheduler-adaptive-content-bg, #{k-color(surface-alt)} ) !default;
273
288
 
274
- $kendo-scheduler-adaptive-menu-clear-text: var( --kendo-scheduler-adaptive-menu-clear-text, #{k-color(primary-on-surface)} ) !default;
275
-
276
289
  $kendo-scheduler-adaptive-border-width: var( --kendo-scheduler-adaptive-border-width, 1px ) !default;
277
290
  $kendo-scheduler-adaptive-font-family: var( --kendo-scheduler-adaptive-font-family, var(--kendo-font-family) ) !default;
278
291
  $kendo-scheduler-adaptive-font-size: var( --kendo-scheduler-adaptive-font-size, var(--kendo-font-size) ) !default;
@@ -282,6 +295,9 @@ $kendo-scheduler-adaptive-current-text: var( --kendo-scheduler-adaptive-current-
282
295
  $kendo-scheduler-adaptive-base-text: var( --kendo-scheduler-adaptive-base-text, inherit ) !default;
283
296
  $kendo-scheduler-adaptive-subtle-text: var( --kendo-scheduler-adaptive-subtle-text, #{k-color(on-app-surface)} ) !default;
284
297
 
298
+ $kendo-scheduler-datetime-section-margin-top: k-spacing(2) !default;
299
+ $kendo-scheduler-recurrence-fields-row-gap: k-spacing(3) !default;
300
+
285
301
  @forward "@progress/kendo-theme-core/scss/components/scheduler/_variables.scss" with (
286
302
  $kendo-scheduler-border-width: $kendo-scheduler-border-width,
287
303
  $kendo-scheduler-border-radius: $kendo-scheduler-border-radius,
@@ -301,12 +317,24 @@ $kendo-scheduler-adaptive-subtle-text: var( --kendo-scheduler-adaptive-subtle-te
301
317
  $kendo-scheduler-footer-gradient: $kendo-scheduler-footer-gradient,
302
318
  $kendo-scheduler-event-min-height: $kendo-scheduler-event-min-height,
303
319
  $kendo-scheduler-event-border-radius: $kendo-scheduler-event-border-radius,
304
- $kendo-scheduler-event-line-height: $kendo-scheduler-event-line-height,
320
+ $kendo-scheduler-event-template-padding-x: $kendo-scheduler-event-template-padding-x,
321
+ $kendo-scheduler-event-template-padding-y: $kendo-scheduler-event-template-padding-y,
322
+ $kendo-scheduler-event-title-font-size: $kendo-scheduler-event-title-font-size,
323
+ $kendo-scheduler-event-title-line-height: $kendo-scheduler-event-title-line-height,
324
+ $kendo-scheduler-event-title-padding-top: $kendo-scheduler-event-title-padding-top,
325
+ $kendo-scheduler-event-title-padding-bottom: $kendo-scheduler-event-title-padding-bottom,
326
+ $kendo-scheduler-event-time-font-size: $kendo-scheduler-event-time-font-size,
327
+ $kendo-scheduler-event-time-line-height: $kendo-scheduler-event-time-line-height,
328
+ $kendo-scheduler-event-time-padding-top: $kendo-scheduler-event-time-padding-top,
329
+ $kendo-scheduler-event-time-padding-bottom: $kendo-scheduler-event-time-padding-bottom,
305
330
  $kendo-scheduler-event-bg: $kendo-scheduler-event-bg,
306
331
  $kendo-scheduler-event-text: $kendo-scheduler-event-text,
307
332
  $kendo-scheduler-event-border: $kendo-scheduler-event-border,
308
333
  $kendo-scheduler-event-gradient: $kendo-scheduler-event-gradient,
309
334
  $kendo-scheduler-event-shadow: $kendo-scheduler-event-shadow,
335
+ $kendo-scheduler-event-readonly-bg: $kendo-scheduler-event-readonly-bg,
336
+ $kendo-scheduler-event-readonly-text: $kendo-scheduler-event-readonly-text,
337
+ $kendo-scheduler-event-readonly-border: $kendo-scheduler-event-readonly-border,
310
338
  $kendo-scheduler-event-hover-bg: $kendo-scheduler-event-hover-bg,
311
339
  $kendo-scheduler-event-hover-text: $kendo-scheduler-event-hover-text,
312
340
  $kendo-scheduler-event-hover-border: $kendo-scheduler-event-hover-border,
@@ -318,6 +346,11 @@ $kendo-scheduler-adaptive-subtle-text: var( --kendo-scheduler-adaptive-subtle-te
318
346
  $kendo-scheduler-event-selected-gradient: $kendo-scheduler-event-selected-gradient,
319
347
  $kendo-scheduler-event-selected-shadow: $kendo-scheduler-event-selected-shadow,
320
348
  $kendo-scheduler-event-ongoing-shadow: $kendo-scheduler-event-ongoing-shadow,
349
+ $kendo-scheduler-resizer-size: $kendo-scheduler-resizer-size,
350
+ $kendo-scheduler-resize-handle-size: $kendo-scheduler-resize-handle-size,
351
+ $kendo-scheduler-resize-handle-border-radius: $kendo-scheduler-resize-handle-border-radius,
352
+ $kendo-scheduler-resize-handle-border-width: $kendo-scheduler-resize-handle-border-width,
353
+ $kendo-scheduler-resize-handle-bg: $kendo-scheduler-resize-handle-bg,
321
354
  $kendo-scheduler-cell-padding-x: $kendo-scheduler-cell-padding-x,
322
355
  $kendo-scheduler-cell-padding-y: $kendo-scheduler-cell-padding-y,
323
356
  $kendo-scheduler-cell-height: $kendo-scheduler-cell-height,
@@ -336,34 +369,27 @@ $kendo-scheduler-adaptive-subtle-text: var( --kendo-scheduler-adaptive-subtle-te
336
369
  $kendo-scheduler-yearview-indicator-border-radius: $kendo-scheduler-yearview-indicator-border-radius,
337
370
  $kendo-scheduler-yearview-indicator-bg: $kendo-scheduler-yearview-indicator-bg,
338
371
  $kendo-scheduler-yearview-indicator-selected-bg: $kendo-scheduler-yearview-indicator-selected-bg,
339
- $kendo-scheduler-tooltip-padding-x: $kendo-scheduler-tooltip-padding-x,
340
- $kendo-scheduler-tooltip-padding-y: $kendo-scheduler-tooltip-padding-y,
341
- $kendo-scheduler-tooltip-border-width: $kendo-scheduler-tooltip-border-width,
342
- $kendo-scheduler-tooltip-bg: $kendo-scheduler-tooltip-bg,
343
- $kendo-scheduler-tooltip-text: $kendo-scheduler-tooltip-text,
344
- $kendo-scheduler-tooltip-border: $kendo-scheduler-tooltip-border,
345
- $kendo-scheduler-tooltip-shadow: $kendo-scheduler-tooltip-shadow,
346
- $kendo-scheduler-tooltip-title-margin-y: $kendo-scheduler-tooltip-title-margin-y,
347
- $kendo-scheduler-tooltip-month-font-size: $kendo-scheduler-tooltip-month-font-size,
348
- $kendo-scheduler-tooltip-day-font-size: $kendo-scheduler-tooltip-day-font-size,
349
- $kendo-scheduler-tooltip-events-max-height: $kendo-scheduler-tooltip-events-max-height,
350
- $kendo-scheduler-tooltip-events-gap: $kendo-scheduler-tooltip-events-gap,
351
- $kendo-scheduler-tooltip-event-padding-x: $kendo-scheduler-tooltip-event-padding-x,
352
- $kendo-scheduler-tooltip-event-padding-y: $kendo-scheduler-tooltip-event-padding-y,
353
- $kendo-scheduler-tooltip-event-border-radius: $kendo-scheduler-tooltip-event-border-radius,
354
- $kendo-scheduler-tooltip-event-gap: $kendo-scheduler-tooltip-event-gap,
355
- $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-callout-color,
356
- $kendo-scheduler-nav-item-icon-spacing: $kendo-scheduler-nav-item-icon-spacing,
372
+ $kendo-scheduler-popover-month-font-size: $kendo-scheduler-popover-month-font-size,
373
+ $kendo-scheduler-popover-day-font-size: $kendo-scheduler-popover-day-font-size,
374
+ $kendo-scheduler-popover-events-max-height: $kendo-scheduler-popover-events-max-height,
375
+ $kendo-scheduler-popover-events-gap: $kendo-scheduler-popover-events-gap,
376
+ $kendo-scheduler-popover-event-min-height: $kendo-scheduler-popover-event-min-height,
377
+ $kendo-scheduler-popover-event-padding-x: $kendo-scheduler-popover-event-padding-x,
378
+ $kendo-scheduler-popover-event-padding-y: $kendo-scheduler-popover-event-padding-y,
379
+ $kendo-scheduler-popover-event-border-radius: $kendo-scheduler-popover-event-border-radius,
380
+ $kendo-scheduler-popover-event-gap: $kendo-scheduler-popover-event-gap,
357
381
  $kendo-scheduler-adaptive-bg: $kendo-scheduler-adaptive-bg,
358
382
  $kendo-scheduler-adaptive-text: $kendo-scheduler-adaptive-text,
359
383
  $kendo-scheduler-adaptive-border: $kendo-scheduler-adaptive-border,
360
384
  $kendo-scheduler-adaptive-content-bg: $kendo-scheduler-adaptive-content-bg,
361
- $kendo-scheduler-adaptive-menu-clear-text: $kendo-scheduler-adaptive-menu-clear-text,
362
385
  $kendo-scheduler-adaptive-border-width: $kendo-scheduler-adaptive-border-width,
363
386
  $kendo-scheduler-adaptive-font-family: $kendo-scheduler-adaptive-font-family,
364
387
  $kendo-scheduler-adaptive-font-size: $kendo-scheduler-adaptive-font-size,
365
388
  $kendo-scheduler-adaptive-line-height: $kendo-scheduler-adaptive-line-height,
366
389
  $kendo-scheduler-adaptive-current-text: $kendo-scheduler-adaptive-current-text,
367
390
  $kendo-scheduler-adaptive-base-text: $kendo-scheduler-adaptive-base-text,
368
- $kendo-scheduler-adaptive-subtle-text: $kendo-scheduler-adaptive-subtle-text
391
+ $kendo-scheduler-adaptive-subtle-text: $kendo-scheduler-adaptive-subtle-text,
392
+ $kendo-scheduler-datetime-section-margin-top: $kendo-scheduler-datetime-section-margin-top,
393
+ $kendo-scheduler-recurrence-fields-row-gap: $kendo-scheduler-recurrence-fields-row-gap,
394
+ $kendo-scheduler-nav-item-icon-spacing: $kendo-scheduler-nav-item-icon-spacing
369
395
  );