@progress/kendo-theme-default 14.4.0 → 14.4.1-dev.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -59,13 +59,36 @@ $kendo-scheduler-footer-gradient: $kendo-toolbar-gradient !default;
59
59
 
60
60
  /// The minimum height of the Scheduler event.
61
61
  /// @group scheduler
62
- $kendo-scheduler-event-min-height: 25px !default;
62
+ $kendo-scheduler-event-min-height: 12px !default;
63
63
  /// The border radius of the Scheduler event.
64
64
  /// @group scheduler
65
65
  $kendo-scheduler-event-border-radius: k-border-radius(md) !default;
66
- /// The line height of the Scheduler event.
66
+
67
+ /// The font size of the Scheduler event title.
68
+ /// @group scheduler
69
+ $kendo-scheduler-event-title-font-size: var(--kendo-font-size-sm) !default;
70
+ /// The line height of the Scheduler event title.
71
+ /// @group scheduler
72
+ $kendo-scheduler-event-title-line-height: var(--kendo-line-height-sm) !default;
73
+ /// The top padding of the Scheduler event title.
74
+ /// @group scheduler
75
+ $kendo-scheduler-event-title-padding-top: k-spacing(1) !default;
76
+ /// The bottom padding of the Scheduler event title.
77
+ /// @group scheduler
78
+ $kendo-scheduler-event-title-padding-bottom: k-spacing(0.5) !default;
79
+
80
+ /// The font size of the Scheduler event time.
81
+ /// @group scheduler
82
+ $kendo-scheduler-event-time-font-size: var(--kendo-font-size-xs) !default;
83
+ /// The line height of the Scheduler event time.
84
+ /// @group scheduler
85
+ $kendo-scheduler-event-time-line-height: var(--kendo-line-height-sm) !default;
86
+ /// The top padding of the Scheduler event time.
87
+ /// @group scheduler
88
+ $kendo-scheduler-event-time-padding-top: k-spacing(0.5) !default;
89
+ /// The bottom padding of the Scheduler event time.
67
90
  /// @group scheduler
68
- $kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{k-spacing(1)}) ) !default;
91
+ $kendo-scheduler-event-time-padding-bottom: k-spacing(0.5) !default;
69
92
 
70
93
  /// The background color of the Scheduler event.
71
94
  /// @group scheduler
@@ -83,6 +106,16 @@ $kendo-scheduler-event-gradient: null !default;
83
106
  /// @group scheduler
84
107
  $kendo-scheduler-event-shadow: null !default;
85
108
 
109
+ /// The background color of the read-only Scheduler event.
110
+ /// @group scheduler
111
+ $kendo-scheduler-event-readonly-bg: k-color(primary-subtle) !default;
112
+ /// The text color of the read-only Scheduler event.
113
+ /// @group scheduler
114
+ $kendo-scheduler-event-readonly-text: k-color(primary-on-subtle) !default;
115
+ /// The border color of the read-only Scheduler event.
116
+ /// @group scheduler
117
+ $kendo-scheduler-event-readonly-border: k-color(primary-emphasis) !default;
118
+
86
119
  /// The background color of the hovered Scheduler event.
87
120
  /// @group scheduler
88
121
  $kendo-scheduler-event-hover-bg: null !default;
@@ -119,6 +152,22 @@ $kendo-scheduler-event-selected-shadow: inset 0 0 0 2px k-color(border-alt) !def
119
152
  /// @group scheduler
120
153
  $kendo-scheduler-event-ongoing-shadow: inset 0px 0px 0px 1px #ff0000 !default;
121
154
 
155
+ /// The size of the Scheduler resize handle hit area.
156
+ /// @group scheduler
157
+ $kendo-scheduler-resizer-size: 0.5em !default;
158
+ /// The length of the Scheduler resize handle visual indicator.
159
+ /// @group scheduler
160
+ $kendo-scheduler-resize-handle-size: 8px !default;
161
+ /// The border radius of the Scheduler resize handle.
162
+ /// @group scheduler
163
+ $kendo-scheduler-resize-handle-border-radius: k-border-radius(full) !default;
164
+ /// The border width of the Scheduler resize handle.
165
+ /// @group scheduler
166
+ $kendo-scheduler-resize-handle-border-width: 2px !default;
167
+ /// The background color of the Scheduler resize handle.
168
+ /// @group scheduler
169
+ $kendo-scheduler-resize-handle-bg: $kendo-scheduler-event-bg !default;
170
+
122
171
  /// The horizontal padding of the Scheduler cell.
123
172
  /// @group scheduler
124
173
  $kendo-scheduler-cell-padding-x: k-spacing(2) !default;
@@ -179,65 +228,35 @@ $kendo-scheduler-yearview-indicator-bg: k-color(primary) !default;
179
228
  /// @group scheduler
180
229
  $kendo-scheduler-yearview-indicator-selected-bg: k-color(on-primary) !default;
181
230
 
182
- /// The horizontal padding of the Scheduler Tooltip.
183
- /// @group scheduler
184
- $kendo-scheduler-tooltip-padding-x: k-spacing(2) !default;
185
- /// The vertical padding of the Scheduler Tooltip.
186
- /// @group scheduler
187
- $kendo-scheduler-tooltip-padding-y: k-spacing(2) !default;
188
- /// The width of the border of the Scheduler Tooltip.
189
- /// @group scheduler
190
- $kendo-scheduler-tooltip-border-width: 0 !default;
191
- /// The background color of the Scheduler Tooltip.
192
- /// @group scheduler
193
- $kendo-scheduler-tooltip-bg: k-color(on-primary) !default;
194
- /// The text color of the Scheduler Tooltip.
195
- /// @group scheduler
196
- $kendo-scheduler-tooltip-text: k-color(on-app-surface) !default;
197
- /// The border color of the Scheduler Tooltip.
198
- /// @group scheduler
199
- $kendo-scheduler-tooltip-border: null !default;
200
- /// The shadow of the Scheduler Tooltip.
201
- /// @group scheduler
202
- $kendo-scheduler-tooltip-shadow: k-elevation(2) !default;
203
-
204
- /// The vertical margin of the Scheduler Tooltip title.
231
+ /// The font size of the month inside the Scheduler Popover.
205
232
  /// @group scheduler
206
- $kendo-scheduler-tooltip-title-margin-y: k-spacing(3) !default;
207
- /// The font size of the month inside the Scheduler Tooltip.
233
+ $kendo-scheduler-popover-month-font-size: var(--kendo-font-size-sm) !default;
234
+ /// The font size of the day inside the Scheduler Popover.
208
235
  /// @group scheduler
209
- $kendo-scheduler-tooltip-month-font-size: var(--kendo-font-size-sm) !default;
210
- /// The font size of the day inside the Scheduler Tooltip.
211
- /// @group scheduler
212
- $kendo-scheduler-tooltip-day-font-size: calc( var(--kendo-font-size-sm) * 2 ) !default;
236
+ $kendo-scheduler-popover-day-font-size: calc( var(--kendo-font-size-sm) * 2 ) !default;
213
237
 
214
- /// The max height of the events inside the Scheduler Tooltip.
238
+ /// The max height of the events inside the Scheduler Popover.
215
239
  /// @group scheduler
216
- $kendo-scheduler-tooltip-events-max-height: 250px !default;
217
- /// The spacing between the events inside the Scheduler Tooltip.
240
+ $kendo-scheduler-popover-events-max-height: 250px !default;
241
+ /// The spacing between the events inside the Scheduler Popover.
218
242
  /// @group scheduler
219
- $kendo-scheduler-tooltip-events-gap: k-spacing(1) !default;
243
+ $kendo-scheduler-popover-events-gap: k-spacing(1.5) !default;
220
244
 
221
- /// The horizontal padding of the events inside the Scheduler Tooltip.
245
+ /// The minimum height of the events inside the Scheduler Popover.
222
246
  /// @group scheduler
223
- $kendo-scheduler-tooltip-event-padding-x: k-spacing(2) !default;
224
- /// The vertical padding of the events inside the Scheduler Tooltip.
247
+ $kendo-scheduler-popover-event-min-height: 25px !default;
248
+ /// The horizontal padding of the events inside the Scheduler Popover.
225
249
  /// @group scheduler
226
- $kendo-scheduler-tooltip-event-padding-y: k-spacing(1) !default;
227
- /// The border radius of the events inside the Scheduler Tooltip.
250
+ $kendo-scheduler-popover-event-padding-x: k-spacing(2) !default;
251
+ /// The vertical padding of the events inside the Scheduler Popover.
228
252
  /// @group scheduler
229
- $kendo-scheduler-tooltip-event-border-radius: k-border-radius(md) !default;
230
- /// The spacing between the events items inside the Scheduler Tooltip.
253
+ $kendo-scheduler-popover-event-padding-y: null !default;
254
+ /// The border radius of the events inside the Scheduler Popover.
231
255
  /// @group scheduler
232
- $kendo-scheduler-tooltip-event-gap: k-spacing(1) !default;
233
-
234
- /// The color of the Scheduler Tooltip callout.
256
+ $kendo-scheduler-popover-event-border-radius: k-border-radius(md) !default;
257
+ /// The spacing between the events items inside the Scheduler Popover.
235
258
  /// @group scheduler
236
- $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
237
-
238
- /// The padding of the Scheduler appointments.
239
- /// @group scheduler
240
- $kendo-scheduler-appointments-padding: k-spacing(2) !default;
259
+ $kendo-scheduler-popover-event-gap: k-spacing(1) !default;
241
260
 
242
261
  /// The horizontal padding of the Scheduler event template.
243
262
  /// @group scheduler
@@ -246,14 +265,6 @@ $kendo-scheduler-event-template-padding-x: k-spacing(2) !default;
246
265
  /// @group scheduler
247
266
  $kendo-scheduler-event-template-padding-y: k-spacing(1) !default;
248
267
 
249
- /// The inline inset of the Scheduler event actions.
250
- /// @group scheduler
251
- $kendo-scheduler-event-actions-inset-x: k-spacing(2) !default;
252
-
253
- /// The margin of the Scheduler event indicators.
254
- /// @group scheduler
255
- $kendo-scheduler-indicators-margin: k-spacing(0.5) k-spacing(1) !default;
256
-
257
268
  /// The inline inset of the Scheduler marquee labels.
258
269
  /// @group scheduler
259
270
  $kendo-scheduler-marquee-label-inset-x: k-spacing(1) !default;
@@ -277,8 +288,6 @@ $kendo-scheduler-adaptive-border: k-color(border) !default;
277
288
 
278
289
  $kendo-scheduler-adaptive-content-bg: k-color(surface) !default;
279
290
 
280
- $kendo-scheduler-adaptive-menu-clear-text: k-color(primary-on-surface) !default;
281
-
282
291
  $kendo-scheduler-adaptive-border-width: 1px !default;
283
292
  $kendo-scheduler-adaptive-font-family: var(--kendo-font-family) !default;
284
293
  $kendo-scheduler-adaptive-font-size: var(--kendo-font-size) !default;
@@ -287,6 +296,7 @@ $kendo-scheduler-adaptive-line-height: var(--kendo-line-height) !default;
287
296
  $kendo-scheduler-adaptive-current-text: k-color(primary-on-surface) !default;
288
297
  $kendo-scheduler-adaptive-base-text: inherit !default;
289
298
  $kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
299
+ $kendo-scheduler-recurrence-fields-row-gap: k-spacing(2) !default;
290
300
 
291
301
  @forward "@progress/kendo-theme-core/scss/components/scheduler/_variables.scss" with (
292
302
  $kendo-scheduler-border-width: $kendo-scheduler-border-width,
@@ -307,12 +317,22 @@ $kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
307
317
  $kendo-scheduler-footer-gradient: $kendo-scheduler-footer-gradient,
308
318
  $kendo-scheduler-event-min-height: $kendo-scheduler-event-min-height,
309
319
  $kendo-scheduler-event-border-radius: $kendo-scheduler-event-border-radius,
310
- $kendo-scheduler-event-line-height: $kendo-scheduler-event-line-height,
320
+ $kendo-scheduler-event-title-font-size: $kendo-scheduler-event-title-font-size,
321
+ $kendo-scheduler-event-title-line-height: $kendo-scheduler-event-title-line-height,
322
+ $kendo-scheduler-event-title-padding-top: $kendo-scheduler-event-title-padding-top,
323
+ $kendo-scheduler-event-title-padding-bottom: $kendo-scheduler-event-title-padding-bottom,
324
+ $kendo-scheduler-event-time-font-size: $kendo-scheduler-event-time-font-size,
325
+ $kendo-scheduler-event-time-line-height: $kendo-scheduler-event-time-line-height,
326
+ $kendo-scheduler-event-time-padding-top: $kendo-scheduler-event-time-padding-top,
327
+ $kendo-scheduler-event-time-padding-bottom: $kendo-scheduler-event-time-padding-bottom,
311
328
  $kendo-scheduler-event-bg: $kendo-scheduler-event-bg,
312
329
  $kendo-scheduler-event-text: $kendo-scheduler-event-text,
313
330
  $kendo-scheduler-event-border: $kendo-scheduler-event-border,
314
331
  $kendo-scheduler-event-gradient: $kendo-scheduler-event-gradient,
315
332
  $kendo-scheduler-event-shadow: $kendo-scheduler-event-shadow,
333
+ $kendo-scheduler-event-readonly-bg: $kendo-scheduler-event-readonly-bg,
334
+ $kendo-scheduler-event-readonly-text: $kendo-scheduler-event-readonly-text,
335
+ $kendo-scheduler-event-readonly-border: $kendo-scheduler-event-readonly-border,
316
336
  $kendo-scheduler-event-hover-bg: $kendo-scheduler-event-hover-bg,
317
337
  $kendo-scheduler-event-hover-text: $kendo-scheduler-event-hover-text,
318
338
  $kendo-scheduler-event-hover-border: $kendo-scheduler-event-hover-border,
@@ -324,6 +344,11 @@ $kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
324
344
  $kendo-scheduler-event-selected-gradient: $kendo-scheduler-event-selected-gradient,
325
345
  $kendo-scheduler-event-selected-shadow: $kendo-scheduler-event-selected-shadow,
326
346
  $kendo-scheduler-event-ongoing-shadow: $kendo-scheduler-event-ongoing-shadow,
347
+ $kendo-scheduler-resizer-size: $kendo-scheduler-resizer-size,
348
+ $kendo-scheduler-resize-handle-size: $kendo-scheduler-resize-handle-size,
349
+ $kendo-scheduler-resize-handle-border-radius: $kendo-scheduler-resize-handle-border-radius,
350
+ $kendo-scheduler-resize-handle-border-width: $kendo-scheduler-resize-handle-border-width,
351
+ $kendo-scheduler-resize-handle-bg: $kendo-scheduler-resize-handle-bg,
327
352
  $kendo-scheduler-cell-padding-x: $kendo-scheduler-cell-padding-x,
328
353
  $kendo-scheduler-cell-padding-y: $kendo-scheduler-cell-padding-y,
329
354
  $kendo-scheduler-cell-height: $kendo-scheduler-cell-height,
@@ -342,28 +367,17 @@ $kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
342
367
  $kendo-scheduler-yearview-indicator-border-radius: $kendo-scheduler-yearview-indicator-border-radius,
343
368
  $kendo-scheduler-yearview-indicator-bg: $kendo-scheduler-yearview-indicator-bg,
344
369
  $kendo-scheduler-yearview-indicator-selected-bg: $kendo-scheduler-yearview-indicator-selected-bg,
345
- $kendo-scheduler-tooltip-padding-x: $kendo-scheduler-tooltip-padding-x,
346
- $kendo-scheduler-tooltip-padding-y: $kendo-scheduler-tooltip-padding-y,
347
- $kendo-scheduler-tooltip-border-width: $kendo-scheduler-tooltip-border-width,
348
- $kendo-scheduler-tooltip-bg: $kendo-scheduler-tooltip-bg,
349
- $kendo-scheduler-tooltip-text: $kendo-scheduler-tooltip-text,
350
- $kendo-scheduler-tooltip-border: $kendo-scheduler-tooltip-border,
351
- $kendo-scheduler-tooltip-shadow: $kendo-scheduler-tooltip-shadow,
352
- $kendo-scheduler-tooltip-title-margin-y: $kendo-scheduler-tooltip-title-margin-y,
353
- $kendo-scheduler-tooltip-month-font-size: $kendo-scheduler-tooltip-month-font-size,
354
- $kendo-scheduler-tooltip-day-font-size: $kendo-scheduler-tooltip-day-font-size,
355
- $kendo-scheduler-tooltip-events-max-height: $kendo-scheduler-tooltip-events-max-height,
356
- $kendo-scheduler-tooltip-events-gap: $kendo-scheduler-tooltip-events-gap,
357
- $kendo-scheduler-tooltip-event-padding-x: $kendo-scheduler-tooltip-event-padding-x,
358
- $kendo-scheduler-tooltip-event-padding-y: $kendo-scheduler-tooltip-event-padding-y,
359
- $kendo-scheduler-tooltip-event-border-radius: $kendo-scheduler-tooltip-event-border-radius,
360
- $kendo-scheduler-tooltip-event-gap: $kendo-scheduler-tooltip-event-gap,
361
- $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-callout-text,
362
- $kendo-scheduler-appointments-padding: $kendo-scheduler-appointments-padding,
370
+ $kendo-scheduler-popover-month-font-size: $kendo-scheduler-popover-month-font-size,
371
+ $kendo-scheduler-popover-day-font-size: $kendo-scheduler-popover-day-font-size,
372
+ $kendo-scheduler-popover-events-max-height: $kendo-scheduler-popover-events-max-height,
373
+ $kendo-scheduler-popover-events-gap: $kendo-scheduler-popover-events-gap,
374
+ $kendo-scheduler-popover-event-min-height: $kendo-scheduler-popover-event-min-height,
375
+ $kendo-scheduler-popover-event-padding-x: $kendo-scheduler-popover-event-padding-x,
376
+ $kendo-scheduler-popover-event-padding-y: $kendo-scheduler-popover-event-padding-y,
377
+ $kendo-scheduler-popover-event-border-radius: $kendo-scheduler-popover-event-border-radius,
378
+ $kendo-scheduler-popover-event-gap: $kendo-scheduler-popover-event-gap,
363
379
  $kendo-scheduler-event-template-padding-x: $kendo-scheduler-event-template-padding-x,
364
380
  $kendo-scheduler-event-template-padding-y: $kendo-scheduler-event-template-padding-y,
365
- $kendo-scheduler-event-actions-inset-x: $kendo-scheduler-event-actions-inset-x,
366
- $kendo-scheduler-indicators-margin: $kendo-scheduler-indicators-margin,
367
381
  $kendo-scheduler-marquee-label-inset-x: $kendo-scheduler-marquee-label-inset-x,
368
382
  $kendo-scheduler-marquee-label-inset-y: $kendo-scheduler-marquee-label-inset-y,
369
383
  $kendo-scheduler-nav-item-icon-spacing: $kendo-scheduler-nav-item-icon-spacing,
@@ -372,12 +386,12 @@ $kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
372
386
  $kendo-scheduler-adaptive-text: $kendo-scheduler-adaptive-text,
373
387
  $kendo-scheduler-adaptive-border: $kendo-scheduler-adaptive-border,
374
388
  $kendo-scheduler-adaptive-content-bg: $kendo-scheduler-adaptive-content-bg,
375
- $kendo-scheduler-adaptive-menu-clear-text: $kendo-scheduler-adaptive-menu-clear-text,
376
389
  $kendo-scheduler-adaptive-border-width: $kendo-scheduler-adaptive-border-width,
377
390
  $kendo-scheduler-adaptive-font-family: $kendo-scheduler-adaptive-font-family,
378
391
  $kendo-scheduler-adaptive-font-size: $kendo-scheduler-adaptive-font-size,
379
392
  $kendo-scheduler-adaptive-line-height: $kendo-scheduler-adaptive-line-height,
380
393
  $kendo-scheduler-adaptive-current-text: $kendo-scheduler-adaptive-current-text,
381
394
  $kendo-scheduler-adaptive-base-text: $kendo-scheduler-adaptive-base-text,
382
- $kendo-scheduler-adaptive-subtle-text: $kendo-scheduler-adaptive-subtle-text
395
+ $kendo-scheduler-adaptive-subtle-text: $kendo-scheduler-adaptive-subtle-text,
396
+ $kendo-scheduler-recurrence-fields-row-gap: $kendo-scheduler-recurrence-fields-row-gap
383
397
  );