@progress/kendo-theme-meridian 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.
@@ -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(sm) !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.
67
74
  /// @group scheduler
68
- $kendo-scheduler-event-line-height: calc( #{$kendo-scheduler-event-min-height} - (2 * #{k-spacing(1)}) ) !default;
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.
90
+ /// @group scheduler
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,33 @@ $kendo-scheduler-event-gradient: null !default;
83
106
  /// @group scheduler
84
107
  $kendo-scheduler-event-shadow: inset 3px 0 0 0 k-color(secondary) !default;
85
108
 
109
+
110
+ /// The background color of the read-only Scheduler event.
111
+ /// @group scheduler
112
+ $kendo-scheduler-event-readonly-bg: k-color(primary-subtle) !default;
113
+ /// The text color of the read-only Scheduler event.
114
+ /// @group scheduler
115
+ $kendo-scheduler-event-readonly-text: k-color(primary-on-subtle) !default;
116
+ /// The border color of the read-only Scheduler event.
117
+ /// @group scheduler
118
+ $kendo-scheduler-event-readonly-border: k-color(primary-emphasis) !default;
119
+
120
+ /// The size of the Scheduler resize handle hit area.
121
+ /// @group scheduler
122
+ $kendo-scheduler-resizer-size: 0.5em !default;
123
+ /// The length of the Scheduler resize handle visual indicator.
124
+ /// @group scheduler
125
+ $kendo-scheduler-resize-handle-size: 8px !default;
126
+ /// The border radius of the Scheduler resize handle.
127
+ /// @group scheduler
128
+ $kendo-scheduler-resize-handle-border-radius: k-border-radius(full) !default;
129
+ /// The border width of the Scheduler resize handle.
130
+ /// @group scheduler
131
+ $kendo-scheduler-resize-handle-border-width: 2px !default;
132
+ /// The background color of the Scheduler resize handle.
133
+ /// @group scheduler
134
+ $kendo-scheduler-resize-handle-bg: $kendo-scheduler-event-bg !default;
135
+
86
136
  /// The background color of the hovered Scheduler event.
87
137
  /// @group scheduler
88
138
  $kendo-scheduler-event-hover-bg: null !default;
@@ -101,10 +151,10 @@ $kendo-scheduler-event-hover-shadow: null !default;
101
151
 
102
152
  /// The background color of the selected Scheduler event.
103
153
  /// @group scheduler
104
- $kendo-scheduler-event-selected-bg: k-color(secondary-subtle) !default;
154
+ $kendo-scheduler-event-selected-bg: k-color(primary) !default;
105
155
  /// The text color of the selected Scheduler event.
106
156
  /// @group scheduler
107
- $kendo-scheduler-event-selected-text: k-color(secondary-on-subtle) !default;
157
+ $kendo-scheduler-event-selected-text: k-color(on-primary) !default;
108
158
  /// The border color of the selected Scheduler event.
109
159
  /// @group scheduler
110
160
  $kendo-scheduler-event-selected-border: null !default;
@@ -113,7 +163,7 @@ $kendo-scheduler-event-selected-border: null !default;
113
163
  $kendo-scheduler-event-selected-gradient: null !default;
114
164
  /// The shadow of the selected Scheduler event.
115
165
  /// @group scheduler
116
- $kendo-scheduler-event-selected-shadow: inset 3px 0 0 0 k-color(secondary), 0 0 0 1px white, 0 0 0 2px k-color(secondary-on-surface) !default;
166
+ $kendo-scheduler-event-selected-shadow: inset 3px 0 0 0 k-color(secondary), 0 0 0 1px white, 0 0 0 2px k-color(primary-on-surface) !default;
117
167
 
118
168
  /// The shadow of the ongoing Scheduler event.
119
169
  /// @group scheduler
@@ -142,10 +192,6 @@ $kendo-scheduler-nonwork-bg: k-color(base) !default;
142
192
  /// @group scheduler
143
193
  $kendo-scheduler-nonwork-text: null !default;
144
194
 
145
- /// The text color of the Scheduler time column.
146
- /// @group scheduler
147
- $kendo-scheduler-timecolumn-text: k-color(subtle) !default;
148
-
149
195
  /// The background color of the preceding/subsequent month cells in the Calendar.
150
196
  /// @group scheduler
151
197
  $kendo-scheduler-othermonth-bg: k-color(base) !default;
@@ -183,65 +229,35 @@ $kendo-scheduler-yearview-indicator-bg: k-color(primary) !default;
183
229
  /// @group scheduler
184
230
  $kendo-scheduler-yearview-indicator-selected-bg: k-color(on-primary) !default;
185
231
 
186
- /// The horizontal padding of the Scheduler Tooltip.
187
- /// @group scheduler
188
- $kendo-scheduler-tooltip-padding-x: k-spacing(2) !default;
189
- /// The vertical padding of the Scheduler Tooltip.
190
- /// @group scheduler
191
- $kendo-scheduler-tooltip-padding-y: k-spacing(2) !default;
192
- /// The width of the border of the Scheduler Tooltip.
193
- /// @group scheduler
194
- $kendo-scheduler-tooltip-border-width: 0 !default;
195
- /// The background color of the Scheduler Tooltip.
196
- /// @group scheduler
197
- $kendo-scheduler-tooltip-bg: k-color(on-primary) !default;
198
- /// The text color of the Scheduler Tooltip.
199
- /// @group scheduler
200
- $kendo-scheduler-tooltip-text: k-color(on-app-surface) !default;
201
- /// The border color of the Scheduler Tooltip.
202
- /// @group scheduler
203
- $kendo-scheduler-tooltip-border: null !default;
204
- /// The shadow of the Scheduler Tooltip.
205
- /// @group scheduler
206
- $kendo-scheduler-tooltip-shadow: k-elevation(2) !default;
207
-
208
- /// The vertical margin of the Scheduler Tooltip title.
209
- /// @group scheduler
210
- $kendo-scheduler-tooltip-title-margin-y: k-spacing(3) !default;
211
232
  /// The font size of the month inside the Scheduler Tooltip.
212
233
  /// @group scheduler
213
- $kendo-scheduler-tooltip-month-font-size: var( --kendo-font-size-sm, inherit ) !default;
234
+ $kendo-scheduler-popover-month-font-size: var( --kendo-font-size-sm, inherit ) !default;
214
235
  /// The font size of the day inside the Scheduler Tooltip.
215
236
  /// @group scheduler
216
- $kendo-scheduler-tooltip-day-font-size: calc( var( --kendo-font-size-sm, .75rem ) * 2 ) !default;
237
+ $kendo-scheduler-popover-day-font-size: calc( var( --kendo-font-size-sm, .75rem ) * 2 ) !default;
217
238
 
218
239
  /// The max height of the events inside the Scheduler Tooltip.
219
240
  /// @group scheduler
220
- $kendo-scheduler-tooltip-events-max-height: 250px !default;
241
+ $kendo-scheduler-popover-events-max-height: 250px !default;
221
242
  /// The spacing between the events inside the Scheduler Tooltip.
222
243
  /// @group scheduler
223
- $kendo-scheduler-tooltip-events-gap: k-spacing(1) !default;
244
+ $kendo-scheduler-popover-events-gap: k-spacing(1.5) !default;
224
245
 
246
+ /// The minimum height of the events inside the Scheduler Tooltip.
247
+ /// @group scheduler
248
+ $kendo-scheduler-popover-event-min-height: 25px !default;
225
249
  /// The horizontal padding of the events inside the Scheduler Tooltip.
226
250
  /// @group scheduler
227
- $kendo-scheduler-tooltip-event-padding-x: k-spacing(2) !default;
251
+ $kendo-scheduler-popover-event-padding-x: k-spacing(2) !default;
228
252
  /// The vertical padding of the events inside the Scheduler Tooltip.
229
253
  /// @group scheduler
230
- $kendo-scheduler-tooltip-event-padding-y: k-spacing(1) !default;
254
+ $kendo-scheduler-popover-event-padding-y: null !default;
231
255
  /// The border radius of the events inside the Scheduler Tooltip.
232
256
  /// @group scheduler
233
- $kendo-scheduler-tooltip-event-border-radius: k-border-radius(md) !default;
257
+ $kendo-scheduler-popover-event-border-radius: k-border-radius(md) !default;
234
258
  /// The spacing between the events items inside the Scheduler Tooltip.
235
259
  /// @group scheduler
236
- $kendo-scheduler-tooltip-event-gap: k-spacing(1) !default;
237
-
238
- /// The color of the Scheduler Tooltip callout.
239
- /// @group scheduler
240
- $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-bg !default;
241
-
242
- /// The padding of the Scheduler appointments.
243
- /// @group scheduler
244
- $kendo-scheduler-appointments-padding: k-spacing(2) !default;
260
+ $kendo-scheduler-popover-event-gap: k-spacing(1.5) !default;
245
261
 
246
262
  /// The horizontal padding of the Scheduler event template.
247
263
  /// @group scheduler
@@ -250,14 +266,6 @@ $kendo-scheduler-event-template-padding-x: k-spacing(2) !default;
250
266
  /// @group scheduler
251
267
  $kendo-scheduler-event-template-padding-y: k-spacing(1) !default;
252
268
 
253
- /// The inline inset of the Scheduler event actions.
254
- /// @group scheduler
255
- $kendo-scheduler-event-actions-inset-x: k-spacing(2) !default;
256
-
257
- /// The margin of the Scheduler event indicators.
258
- /// @group scheduler
259
- $kendo-scheduler-indicators-margin: k-spacing(0.5) k-spacing(1) !default;
260
-
261
269
  /// The inline inset of the Scheduler marquee labels.
262
270
  /// @group scheduler
263
271
  $kendo-scheduler-marquee-label-inset-x: k-spacing(1) !default;
@@ -281,8 +289,6 @@ $kendo-scheduler-adaptive-border: k-color(border) !default;
281
289
 
282
290
  $kendo-scheduler-adaptive-content-bg: k-color(surface) !default;
283
291
 
284
- $kendo-scheduler-adaptive-menu-clear-text: k-color(primary) !default;
285
-
286
292
  $kendo-scheduler-adaptive-border-width: 1px !default;
287
293
  $kendo-scheduler-adaptive-font-family: var( --kendo-font-family, inherit ) !default;
288
294
  $kendo-scheduler-adaptive-font-size: var( --kendo-font-size, inherit ) !default;
@@ -292,6 +298,9 @@ $kendo-scheduler-adaptive-current-text: k-color(primary) !default;
292
298
  $kendo-scheduler-adaptive-base-text: inherit !default;
293
299
  $kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
294
300
 
301
+ $kendo-scheduler-datetime-section-margin-top: k-spacing(1) !default;
302
+ $kendo-scheduler-recurrence-fields-row-gap: k-spacing(3) !default;
303
+
295
304
  @forward "@progress/kendo-theme-core/scss/components/scheduler/_variables.scss" with (
296
305
  $kendo-scheduler-border-width: $kendo-scheduler-border-width,
297
306
  $kendo-scheduler-border-radius: $kendo-scheduler-border-radius,
@@ -311,12 +320,22 @@ $kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
311
320
  $kendo-scheduler-footer-gradient: $kendo-scheduler-footer-gradient,
312
321
  $kendo-scheduler-event-min-height: $kendo-scheduler-event-min-height,
313
322
  $kendo-scheduler-event-border-radius: $kendo-scheduler-event-border-radius,
314
- $kendo-scheduler-event-line-height: $kendo-scheduler-event-line-height,
323
+ $kendo-scheduler-event-title-font-size: $kendo-scheduler-event-title-font-size,
324
+ $kendo-scheduler-event-title-line-height: $kendo-scheduler-event-title-line-height,
325
+ $kendo-scheduler-event-title-padding-top: $kendo-scheduler-event-title-padding-top,
326
+ $kendo-scheduler-event-title-padding-bottom: $kendo-scheduler-event-title-padding-bottom,
327
+ $kendo-scheduler-event-time-font-size: $kendo-scheduler-event-time-font-size,
328
+ $kendo-scheduler-event-time-line-height: $kendo-scheduler-event-time-line-height,
329
+ $kendo-scheduler-event-time-padding-top: $kendo-scheduler-event-time-padding-top,
330
+ $kendo-scheduler-event-time-padding-bottom: $kendo-scheduler-event-time-padding-bottom,
315
331
  $kendo-scheduler-event-bg: $kendo-scheduler-event-bg,
316
332
  $kendo-scheduler-event-text: $kendo-scheduler-event-text,
317
333
  $kendo-scheduler-event-border: $kendo-scheduler-event-border,
318
334
  $kendo-scheduler-event-gradient: $kendo-scheduler-event-gradient,
319
335
  $kendo-scheduler-event-shadow: $kendo-scheduler-event-shadow,
336
+ $kendo-scheduler-event-readonly-bg: $kendo-scheduler-event-readonly-bg,
337
+ $kendo-scheduler-event-readonly-text: $kendo-scheduler-event-readonly-text,
338
+ $kendo-scheduler-event-readonly-border: $kendo-scheduler-event-readonly-border,
320
339
  $kendo-scheduler-event-hover-bg: $kendo-scheduler-event-hover-bg,
321
340
  $kendo-scheduler-event-hover-text: $kendo-scheduler-event-hover-text,
322
341
  $kendo-scheduler-event-hover-border: $kendo-scheduler-event-hover-border,
@@ -328,6 +347,11 @@ $kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
328
347
  $kendo-scheduler-event-selected-gradient: $kendo-scheduler-event-selected-gradient,
329
348
  $kendo-scheduler-event-selected-shadow: $kendo-scheduler-event-selected-shadow,
330
349
  $kendo-scheduler-event-ongoing-shadow: $kendo-scheduler-event-ongoing-shadow,
350
+ $kendo-scheduler-resizer-size: $kendo-scheduler-resizer-size,
351
+ $kendo-scheduler-resize-handle-size: $kendo-scheduler-resize-handle-size,
352
+ $kendo-scheduler-resize-handle-border-radius: $kendo-scheduler-resize-handle-border-radius,
353
+ $kendo-scheduler-resize-handle-border-width: $kendo-scheduler-resize-handle-border-width,
354
+ $kendo-scheduler-resize-handle-bg: $kendo-scheduler-resize-handle-bg,
331
355
  $kendo-scheduler-cell-padding-x: $kendo-scheduler-cell-padding-x,
332
356
  $kendo-scheduler-cell-padding-y: $kendo-scheduler-cell-padding-y,
333
357
  $kendo-scheduler-cell-height: $kendo-scheduler-cell-height,
@@ -346,28 +370,17 @@ $kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
346
370
  $kendo-scheduler-yearview-indicator-border-radius: $kendo-scheduler-yearview-indicator-border-radius,
347
371
  $kendo-scheduler-yearview-indicator-bg: $kendo-scheduler-yearview-indicator-bg,
348
372
  $kendo-scheduler-yearview-indicator-selected-bg: $kendo-scheduler-yearview-indicator-selected-bg,
349
- $kendo-scheduler-tooltip-padding-x: $kendo-scheduler-tooltip-padding-x,
350
- $kendo-scheduler-tooltip-padding-y: $kendo-scheduler-tooltip-padding-y,
351
- $kendo-scheduler-tooltip-border-width: $kendo-scheduler-tooltip-border-width,
352
- $kendo-scheduler-tooltip-bg: $kendo-scheduler-tooltip-bg,
353
- $kendo-scheduler-tooltip-text: $kendo-scheduler-tooltip-text,
354
- $kendo-scheduler-tooltip-border: $kendo-scheduler-tooltip-border,
355
- $kendo-scheduler-tooltip-shadow: $kendo-scheduler-tooltip-shadow,
356
- $kendo-scheduler-tooltip-title-margin-y: $kendo-scheduler-tooltip-title-margin-y,
357
- $kendo-scheduler-tooltip-month-font-size: $kendo-scheduler-tooltip-month-font-size,
358
- $kendo-scheduler-tooltip-day-font-size: $kendo-scheduler-tooltip-day-font-size,
359
- $kendo-scheduler-tooltip-events-max-height: $kendo-scheduler-tooltip-events-max-height,
360
- $kendo-scheduler-tooltip-events-gap: $kendo-scheduler-tooltip-events-gap,
361
- $kendo-scheduler-tooltip-event-padding-x: $kendo-scheduler-tooltip-event-padding-x,
362
- $kendo-scheduler-tooltip-event-padding-y: $kendo-scheduler-tooltip-event-padding-y,
363
- $kendo-scheduler-tooltip-event-border-radius: $kendo-scheduler-tooltip-event-border-radius,
364
- $kendo-scheduler-tooltip-event-gap: $kendo-scheduler-tooltip-event-gap,
365
- $kendo-scheduler-tooltip-callout-text: $kendo-scheduler-tooltip-callout-text,
366
- $kendo-scheduler-appointments-padding: $kendo-scheduler-appointments-padding,
373
+ $kendo-scheduler-popover-month-font-size: $kendo-scheduler-popover-month-font-size,
374
+ $kendo-scheduler-popover-day-font-size: $kendo-scheduler-popover-day-font-size,
375
+ $kendo-scheduler-popover-events-max-height: $kendo-scheduler-popover-events-max-height,
376
+ $kendo-scheduler-popover-events-gap: $kendo-scheduler-popover-events-gap,
377
+ $kendo-scheduler-popover-event-min-height: $kendo-scheduler-popover-event-min-height,
378
+ $kendo-scheduler-popover-event-padding-x: $kendo-scheduler-popover-event-padding-x,
379
+ $kendo-scheduler-popover-event-padding-y: $kendo-scheduler-popover-event-padding-y,
380
+ $kendo-scheduler-popover-event-border-radius: $kendo-scheduler-popover-event-border-radius,
381
+ $kendo-scheduler-popover-event-gap: $kendo-scheduler-popover-event-gap,
367
382
  $kendo-scheduler-event-template-padding-x: $kendo-scheduler-event-template-padding-x,
368
383
  $kendo-scheduler-event-template-padding-y: $kendo-scheduler-event-template-padding-y,
369
- $kendo-scheduler-event-actions-inset-x: $kendo-scheduler-event-actions-inset-x,
370
- $kendo-scheduler-indicators-margin: $kendo-scheduler-indicators-margin,
371
384
  $kendo-scheduler-marquee-label-inset-x: $kendo-scheduler-marquee-label-inset-x,
372
385
  $kendo-scheduler-marquee-label-inset-y: $kendo-scheduler-marquee-label-inset-y,
373
386
  $kendo-scheduler-nav-item-icon-spacing: $kendo-scheduler-nav-item-icon-spacing,
@@ -376,12 +389,13 @@ $kendo-scheduler-adaptive-subtle-text: k-color(on-app-surface) !default;
376
389
  $kendo-scheduler-adaptive-text: $kendo-scheduler-adaptive-text,
377
390
  $kendo-scheduler-adaptive-border: $kendo-scheduler-adaptive-border,
378
391
  $kendo-scheduler-adaptive-content-bg: $kendo-scheduler-adaptive-content-bg,
379
- $kendo-scheduler-adaptive-menu-clear-text: $kendo-scheduler-adaptive-menu-clear-text,
380
392
  $kendo-scheduler-adaptive-border-width: $kendo-scheduler-adaptive-border-width,
381
393
  $kendo-scheduler-adaptive-font-family: $kendo-scheduler-adaptive-font-family,
382
394
  $kendo-scheduler-adaptive-font-size: $kendo-scheduler-adaptive-font-size,
383
395
  $kendo-scheduler-adaptive-line-height: $kendo-scheduler-adaptive-line-height,
384
396
  $kendo-scheduler-adaptive-current-text: $kendo-scheduler-adaptive-current-text,
385
397
  $kendo-scheduler-adaptive-base-text: $kendo-scheduler-adaptive-base-text,
386
- $kendo-scheduler-adaptive-subtle-text: $kendo-scheduler-adaptive-subtle-text
398
+ $kendo-scheduler-adaptive-subtle-text: $kendo-scheduler-adaptive-subtle-text,
399
+ $kendo-scheduler-datetime-section-margin-top: $kendo-scheduler-datetime-section-margin-top,
400
+ $kendo-scheduler-recurrence-fields-row-gap: $kendo-scheduler-recurrence-fields-row-gap
387
401
  );