@progress/kendo-theme-material 5.5.1-dev.0 → 5.6.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 CHANGED
@@ -11337,8 +11337,8 @@ kendo-sortable {
11337
11337
  }
11338
11338
 
11339
11339
  .k-list-sm {
11340
- font-size: 16px;
11341
- line-height: 1.25;
11340
+ font-size: 14px;
11341
+ line-height: 1.4285714286;
11342
11342
  }
11343
11343
 
11344
11344
  .k-list-sm .k-list-group-sticky-header {
@@ -11354,8 +11354,8 @@ kendo-sortable {
11354
11354
  }
11355
11355
 
11356
11356
  .k-list-md {
11357
- font-size: 16px;
11358
- line-height: 1.25;
11357
+ font-size: 14px;
11358
+ line-height: 1.4285714286;
11359
11359
  }
11360
11360
 
11361
11361
  .k-list-md .k-list-group-sticky-header {
@@ -11372,15 +11372,15 @@ kendo-sortable {
11372
11372
 
11373
11373
  .k-list-lg {
11374
11374
  font-size: 16px;
11375
- line-height: 1.25;
11375
+ line-height: 1.5;
11376
11376
  }
11377
11377
 
11378
11378
  .k-list-lg .k-list-group-sticky-header {
11379
- padding: 10px 16px;
11379
+ padding: 8px 16px;
11380
11380
  }
11381
11381
 
11382
11382
  .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
11383
- padding: 10px 16px;
11383
+ padding: 8px 16px;
11384
11384
  }
11385
11385
 
11386
11386
  .k-list-lg .k-list-group-item {
@@ -12195,41 +12195,41 @@ kendo-badge-container {
12195
12195
  line-height: 1.4285714286;
12196
12196
  }
12197
12197
 
12198
- .k-button-md {
12199
- padding: 8px 16px;
12200
- font-size: 14px;
12201
- line-height: 1.4285714286;
12202
- }
12203
-
12204
- .k-button-lg {
12205
- padding: 10px 16px;
12206
- font-size: 14px;
12207
- line-height: 1.4285714286;
12208
- }
12209
-
12210
- .k-icon-button.k-button-sm {
12198
+ .k-button-sm.k-icon-button {
12211
12199
  padding: 6px;
12212
12200
  }
12213
12201
 
12214
- .k-icon-button.k-button-sm > .k-button-icon {
12202
+ .k-button-sm.k-icon-button > .k-button-icon {
12215
12203
  min-width: calc( 14px * 1.4285714286);
12216
12204
  min-height: calc( 14px * 1.4285714286);
12217
12205
  }
12218
12206
 
12219
- .k-icon-button.k-button-md {
12207
+ .k-button-md {
12208
+ padding: 8px 16px;
12209
+ font-size: 14px;
12210
+ line-height: 1.4285714286;
12211
+ }
12212
+
12213
+ .k-button-md.k-icon-button {
12220
12214
  padding: 8px;
12221
12215
  }
12222
12216
 
12223
- .k-icon-button.k-button-md > .k-button-icon {
12217
+ .k-button-md.k-icon-button > .k-button-icon {
12224
12218
  min-width: calc( 14px * 1.4285714286);
12225
12219
  min-height: calc( 14px * 1.4285714286);
12226
12220
  }
12227
12221
 
12228
- .k-icon-button.k-button-lg {
12222
+ .k-button-lg {
12223
+ padding: 10px 16px;
12224
+ font-size: 14px;
12225
+ line-height: 1.4285714286;
12226
+ }
12227
+
12228
+ .k-button-lg.k-icon-button {
12229
12229
  padding: 10px;
12230
12230
  }
12231
12231
 
12232
- .k-icon-button.k-button-lg > .k-button-icon {
12232
+ .k-button-lg.k-icon-button > .k-button-icon {
12233
12233
  min-width: calc( 14px * 1.4285714286);
12234
12234
  min-height: calc( 14px * 1.4285714286);
12235
12235
  }
@@ -14217,14 +14217,14 @@ textarea.k-input-inner {
14217
14217
  .k-input-lg,
14218
14218
  .k-picker-lg {
14219
14219
  font-size: 16px;
14220
- line-height: 1.25;
14220
+ line-height: 1.5;
14221
14221
  }
14222
14222
 
14223
14223
  .k-input-lg .k-input-values,
14224
14224
  .k-picker-lg .k-input-values {
14225
14225
  width: 100%;
14226
- padding: 5px;
14227
- gap: 5px;
14226
+ padding: 4px;
14227
+ gap: 4px;
14228
14228
  cursor: text;
14229
14229
  }
14230
14230
 
@@ -14232,12 +14232,12 @@ textarea.k-input-inner {
14232
14232
  .k-input-lg .k-input-values > .k-input-inner,
14233
14233
  .k-picker-lg .k-input-values > .k-searchbar,
14234
14234
  .k-picker-lg .k-input-values > .k-input-inner {
14235
- margin: -5px;
14235
+ margin: -4px;
14236
14236
  }
14237
14237
 
14238
14238
  .k-input-lg .k-input-inner,
14239
14239
  .k-picker-lg .k-input-inner {
14240
- padding: 10px 16px;
14240
+ padding: 8px 16px;
14241
14241
  }
14242
14242
 
14243
14243
  .k-input-lg .k-input-button,
@@ -14261,20 +14261,20 @@ textarea.k-input-inner {
14261
14261
  .k-picker-lg .k-clear-value,
14262
14262
  .k-picker-lg .k-input-prefix > .k-icon,
14263
14263
  .k-picker-lg .k-input-suffix > .k-icon {
14264
- width: calc( 16px + 20px);
14265
- height: calc( 16px + 20px);
14264
+ width: calc( 16px + 16px);
14265
+ height: calc( 16px + 16px);
14266
14266
  }
14267
14267
 
14268
14268
  .k-input-lg.k-icon-picker .k-input-inner,
14269
14269
  .k-picker-lg.k-icon-picker .k-input-inner {
14270
- width: calc( 1.25em);
14271
- height: calc( 1.25em);
14272
- padding: 10px;
14270
+ width: calc( 1.5em);
14271
+ height: calc( 1.5em);
14272
+ padding: 8px;
14273
14273
  box-sizing: content-box;
14274
14274
  }
14275
14275
 
14276
14276
  .k-dropdown-operator.k-picker-lg .k-input-button {
14277
- padding: 10px;
14277
+ padding: 8px;
14278
14278
  }
14279
14279
 
14280
14280
  .k-input > kendo-popup,
@@ -17833,8 +17833,8 @@ kendo-label > .k-label {
17833
17833
  border-width: 0;
17834
17834
  outline: 0;
17835
17835
  font-family: Roboto, "Helvetica Neue", sans-serif;
17836
- font-size: 16px;
17837
- line-height: 1.25;
17836
+ font-size: 14px;
17837
+ line-height: 1.4285714286;
17838
17838
  vertical-align: top;
17839
17839
  background-color: transparent;
17840
17840
  display: inline-flex;
@@ -18181,6 +18181,45 @@ kendo-label > .k-label {
18181
18181
  -ms-grid-row-align: start;
18182
18182
  }
18183
18183
 
18184
+ .k-circular-progressbar {
18185
+ display: inline-block;
18186
+ text-align: left;
18187
+ position: relative;
18188
+ }
18189
+
18190
+ .k-circular-progressbar-surface {
18191
+ height: 100%;
18192
+ }
18193
+
18194
+ .k-circular-progressbar-surface > div {
18195
+ width: 100%;
18196
+ height: 100%;
18197
+ }
18198
+
18199
+ .k-circular-progressbar-surface svg {
18200
+ width: 100%;
18201
+ height: 100%;
18202
+ }
18203
+
18204
+ .k-circular-progressbar-scale {
18205
+ fill: none;
18206
+ }
18207
+
18208
+ .k-circular-progressbar-arc {
18209
+ transform-box: fill-box;
18210
+ transform-origin: center center;
18211
+ transform: rotate(-90deg);
18212
+ stroke-linecap: round;
18213
+ fill: none;
18214
+ }
18215
+
18216
+ .k-circular-progressbar-label {
18217
+ position: absolute;
18218
+ text-align: center;
18219
+ padding: 0;
18220
+ margin: 0;
18221
+ }
18222
+
18184
18223
  .k-progressbar {
18185
18224
  border-radius: 0;
18186
18225
  overflow: visible;
@@ -18244,6 +18283,47 @@ kendo-label > .k-label {
18244
18283
  animation: progressbar-secondary-indeterminate-vertical 2s infinite;
18245
18284
  }
18246
18285
 
18286
+ @keyframes progressbar-indeterminate-animation {
18287
+ from {
18288
+ background-position: 0 0;
18289
+ }
18290
+ to {
18291
+ background-position: 5px 0;
18292
+ }
18293
+ }
18294
+
18295
+ .k-progressbar {
18296
+ color: rgba(0, 0, 0, 0.87);
18297
+ background-color: #bac0e4;
18298
+ }
18299
+
18300
+ .k-progressbar .k-state-selected,
18301
+ .k-progressbar .k-selected {
18302
+ color: white;
18303
+ background-color: #3f51b5;
18304
+ }
18305
+
18306
+ .k-progressbar .k-item {
18307
+ border-color: white;
18308
+ }
18309
+
18310
+ .k-progressbar-indeterminate {
18311
+ color: rgba(0, 0, 0, 0.87);
18312
+ background-color: #bac0e4;
18313
+ background-image: linear-gradient(45deg, #abb1d2 25%, transparent 25%, transparent 50%, #abb1d2 50%, #abb1d2 75%, transparent 75%, transparent);
18314
+ background-size: 5px 5px;
18315
+ animation: progressbar-indeterminate-animation;
18316
+ }
18317
+
18318
+ .k-circular-progressbar-scale {
18319
+ stroke: #bac0e4;
18320
+ }
18321
+
18322
+ .k-circular-progressbar-arc {
18323
+ stroke: #3f51b5;
18324
+ transition: stroke .5s ease;
18325
+ }
18326
+
18247
18327
  @keyframes progressbar-primary-indeterminate-horizontal {
18248
18328
  0% {
18249
18329
  transform: translateX(0) scaleX(0);
@@ -18314,19 +18394,8 @@ kendo-label > .k-label {
18314
18394
  }
18315
18395
  }
18316
18396
 
18317
- .k-progressbar {
18318
- color: rgba(0, 0, 0, 0.87);
18319
- background-color: #bac0e4;
18320
- }
18321
-
18322
- .k-progressbar .k-state-selected,
18323
- .k-progressbar .k-selected {
18324
- color: white;
18325
- background-color: #3f51b5;
18326
- }
18327
-
18328
- .k-progressbar .k-item {
18329
- border-color: white;
18397
+ .k-progressbar-indeterminate {
18398
+ background-image: none;
18330
18399
  }
18331
18400
 
18332
18401
  .k-radio {
@@ -19214,6 +19283,8 @@ kendo-label > .k-label {
19214
19283
  }
19215
19284
 
19216
19285
  .k-calendar {
19286
+ inline-size: var(--INTERNAL--kendo-calendar-width, min-content);
19287
+ block-size: var(--INTERNAL--kendo-calendar-height, min-content);
19217
19288
  border-width: 1px;
19218
19289
  border-style: solid;
19219
19290
  box-sizing: border-box;
@@ -19234,14 +19305,8 @@ kendo-label > .k-label {
19234
19305
  border: 0;
19235
19306
  }
19236
19307
 
19237
- .k-calendar .k-link {
19238
- white-space: normal;
19239
- position: relative;
19240
- overflow: hidden;
19241
- }
19242
-
19243
19308
  .k-calendar-table {
19244
- margin: 0;
19309
+ margin: 0 auto;
19245
19310
  border-width: 0;
19246
19311
  border-color: inherit;
19247
19312
  border-spacing: 0;
@@ -19249,8 +19314,7 @@ kendo-label > .k-label {
19249
19314
  table-layout: fixed;
19250
19315
  text-align: center;
19251
19316
  outline: 0;
19252
- display: inline-table;
19253
- vertical-align: top;
19317
+ display: table;
19254
19318
  position: relative;
19255
19319
  z-index: 1;
19256
19320
  }
@@ -19289,9 +19353,28 @@ kendo-label > .k-label {
19289
19353
 
19290
19354
  .k-calendar-td {
19291
19355
  border-radius: 100px;
19356
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, min-content);
19357
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, min-content);
19292
19358
  border-color: transparent;
19293
19359
  }
19294
19360
 
19361
+ .k-calendar .k-calendar-cell-inner, .k-calendar .k-link {
19362
+ border-radius: 100px;
19363
+ padding: 0.5em 0.5em;
19364
+ padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.5em);
19365
+ padding-block: var(--INTERNAL--kendo-calendar-cell-padding-y, 0.5em);
19366
+ width: 100%;
19367
+ height: 100%;
19368
+ box-sizing: border-box;
19369
+ display: flex;
19370
+ flex-direction: row;
19371
+ align-items: center;
19372
+ justify-content: center;
19373
+ white-space: normal;
19374
+ position: relative;
19375
+ overflow: hidden;
19376
+ }
19377
+
19295
19378
  .k-calendar .k-header {
19296
19379
  padding: 4px 4px;
19297
19380
  border-bottom-width: 0px;
@@ -19344,6 +19427,7 @@ kendo-label > .k-label {
19344
19427
  margin: auto;
19345
19428
  padding: 0 4px;
19346
19429
  width: 252px;
19430
+ inline-size: var(--INTERNAL--kendo-calendar-view-width, 252px);
19347
19431
  min-height: 252px;
19348
19432
  box-sizing: content-box;
19349
19433
  gap: 16px;
@@ -19352,58 +19436,45 @@ kendo-label > .k-label {
19352
19436
  overflow: hidden;
19353
19437
  }
19354
19438
 
19355
- .k-calendar-view .k-link {
19356
- border-radius: 100px;
19357
- padding: 0.5em 0.5em;
19358
- box-sizing: border-box;
19359
- display: flex;
19360
- flex-direction: row;
19361
- align-items: center;
19362
- justify-content: center;
19363
- }
19364
-
19365
19439
  .k-week-number .k-calendar-view {
19366
19440
  width: 288px;
19367
19441
  }
19368
19442
 
19443
+ .k-month-calendar .k-calendar-td,
19369
19444
  .k-calendar-monthview .k-calendar-td {
19370
19445
  width: 36px;
19371
19446
  height: 36px;
19447
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, 36px);
19448
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, 36px);
19372
19449
  }
19373
19450
 
19374
- .k-calendar-monthview .k-link {
19375
- width: 36px;
19376
- height: 36px;
19377
- }
19378
-
19451
+ .k-year-calendar .k-calendar-td,
19379
19452
  .k-calendar-yearview .k-calendar-td {
19380
- width: auto;
19381
- height: auto;
19382
- }
19383
-
19384
- .k-calendar-yearview .k-link {
19385
19453
  width: 63px;
19386
19454
  height: 63px;
19455
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, 63px);
19456
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, 63px);
19387
19457
  }
19388
19458
 
19459
+ .k-decade-calendar .k-calendar-td,
19389
19460
  .k-calendar-decadeview .k-calendar-td {
19390
- width: auto;
19391
- height: auto;
19392
- }
19393
-
19394
- .k-calendar-decadeview .k-link {
19395
19461
  width: 63px;
19396
19462
  height: 63px;
19463
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, 63px);
19464
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, 63px);
19397
19465
  }
19398
19466
 
19467
+ .k-century-calendar .k-calendar-td,
19399
19468
  .k-calendar-centuryview .k-calendar-td {
19400
- width: auto;
19401
- height: auto;
19469
+ width: 63px;
19470
+ height: 63px;
19471
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, 63px);
19472
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, 63px);
19402
19473
  }
19403
19474
 
19475
+ .k-century-calendar .k-calendar-cell-inner, .k-century-calendar .k-link,
19476
+ .k-calendar-centuryview .k-calendar-cell-inner,
19404
19477
  .k-calendar-centuryview .k-link {
19405
- width: 63px;
19406
- height: 63px;
19407
19478
  text-align: left;
19408
19479
  }
19409
19480
 
@@ -19441,6 +19512,90 @@ kendo-label > .k-label {
19441
19512
  right: 0;
19442
19513
  }
19443
19514
 
19515
+ .k-calendar-sm {
19516
+ --INTERNAL--kendo-calendar-view-width: 256px;
19517
+ --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-sm-cell-padding-x, 0.125rem );
19518
+ --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-sm-cell-padding-y, 0.125rem );
19519
+ font-size: 14px;
19520
+ line-height: 2;
19521
+ }
19522
+
19523
+ .k-calendar-sm.k-month-calendar,
19524
+ .k-calendar-sm .k-calendar-monthview {
19525
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-month-cell-size, 32px );
19526
+ }
19527
+
19528
+ .k-calendar-sm.k-year-calendar,
19529
+ .k-calendar-sm .k-calendar-yearview {
19530
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-year-cell-size, 56px );
19531
+ }
19532
+
19533
+ .k-calendar-sm.k-decade-calendar,
19534
+ .k-calendar-sm .k-calendar-decadeview {
19535
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-decade-cell-size, 56px );
19536
+ }
19537
+
19538
+ .k-calendar-sm.k-century-calendar,
19539
+ .k-calendar-sm .k-calendar-centuryview {
19540
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-century-cell-size, 56px );
19541
+ }
19542
+
19543
+ .k-calendar-md {
19544
+ --INTERNAL--kendo-calendar-view-width: 288px;
19545
+ --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-md-cell-padding-x, 4px );
19546
+ --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-md-cell-padding-y, 4px );
19547
+ font-size: 14px;
19548
+ line-height: 2;
19549
+ }
19550
+
19551
+ .k-calendar-md.k-month-calendar,
19552
+ .k-calendar-md .k-calendar-monthview {
19553
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-month-cell-size, 36px );
19554
+ }
19555
+
19556
+ .k-calendar-md.k-year-calendar,
19557
+ .k-calendar-md .k-calendar-yearview {
19558
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-year-cell-size, 63px );
19559
+ }
19560
+
19561
+ .k-calendar-md.k-decade-calendar,
19562
+ .k-calendar-md .k-calendar-decadeview {
19563
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-decade-cell-size, 63px );
19564
+ }
19565
+
19566
+ .k-calendar-md.k-century-calendar,
19567
+ .k-calendar-md .k-calendar-centuryview {
19568
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-century-cell-size, 63px );
19569
+ }
19570
+
19571
+ .k-calendar-lg {
19572
+ --INTERNAL--kendo-calendar-view-width: 320px;
19573
+ --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-lg-cell-padding-x, 4px );
19574
+ --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-lg-cell-padding-y, 4px );
19575
+ font-size: 16px;
19576
+ line-height: 1.5;
19577
+ }
19578
+
19579
+ .k-calendar-lg.k-month-calendar,
19580
+ .k-calendar-lg .k-calendar-monthview {
19581
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-month-cell-size, 40px );
19582
+ }
19583
+
19584
+ .k-calendar-lg.k-year-calendar,
19585
+ .k-calendar-lg .k-calendar-yearview {
19586
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-year-cell-size, 70px );
19587
+ }
19588
+
19589
+ .k-calendar-lg.k-decade-calendar,
19590
+ .k-calendar-lg .k-calendar-decadeview {
19591
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-decade-cell-size, 70px );
19592
+ }
19593
+
19594
+ .k-calendar-lg.k-century-calendar,
19595
+ .k-calendar-lg .k-calendar-centuryview {
19596
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-century-cell-size, 70px );
19597
+ }
19598
+
19444
19599
  .k-calendar-infinite {
19445
19600
  box-sizing: content-box;
19446
19601
  display: inline-flex;
@@ -19669,7 +19824,7 @@ kendo-label > .k-label {
19669
19824
  color: #e51a5f;
19670
19825
  }
19671
19826
 
19672
- .k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-hover, .k-calendar .k-nav-today.k-state-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-state-focus, .k-calendar .k-nav-today.k-focus {
19827
+ .k-calendar .k-nav-today:hover, .k-calendar .k-nav-today.k-hover, .k-calendar .k-nav-today.k-state-hover, .k-calendar .k-nav-today:focus, .k-calendar .k-nav-today.k-focus, .k-calendar .k-nav-today.k-state-focus {
19673
19828
  color: #c2185b;
19674
19829
  }
19675
19830
 
@@ -19698,27 +19853,29 @@ kendo-label > .k-label {
19698
19853
  visibility: hidden;
19699
19854
  }
19700
19855
 
19701
- .k-calendar .k-calendar-td:hover .k-link,
19702
- .k-calendar .k-calendar-td.k-state-hover .k-link,
19703
- .k-calendar .k-calendar-td.k-hover .k-link {
19856
+ .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
19857
+ .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
19858
+ .k-calendar .k-calendar-td.k-hover .k-link,
19859
+ .k-calendar .k-calendar-td.k-state-hover .k-calendar-cell-inner,
19860
+ .k-calendar .k-calendar-td.k-state-hover .k-link {
19704
19861
  border-color: rgba(0, 0, 0, 0.15);
19705
19862
  color: rgba(0, 0, 0, 0.87);
19706
19863
  background-color: rgba(0, 0, 0, 0.04);
19707
19864
  }
19708
19865
 
19709
- .k-calendar .k-calendar-td.k-state-selected .k-link,
19710
- .k-calendar .k-calendar-td.k-selected .k-link {
19866
+ .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link,
19867
+ .k-calendar .k-calendar-td.k-state-selected .k-calendar-cell-inner,
19868
+ .k-calendar .k-calendar-td.k-state-selected .k-link {
19711
19869
  border-color: #3f51b5;
19712
19870
  color: white;
19713
19871
  background-color: #3f51b5;
19714
19872
  }
19715
19873
 
19716
- .k-calendar .k-calendar-td.k-state-selected:hover .k-link,
19717
- .k-calendar .k-calendar-td.k-selected:hover .k-link,
19718
- .k-calendar .k-calendar-td.k-state-selected.k-state-hover .k-link,
19874
+ .k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link,
19875
+ .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner,
19719
19876
  .k-calendar .k-calendar-td.k-selected.k-hover .k-link,
19720
- .k-calendar .k-calendar-td.k-selected:hover .k-link,
19721
- .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
19877
+ .k-calendar .k-calendar-td.k-state-selected:hover .k-calendar-cell-inner,
19878
+ .k-calendar .k-calendar-td.k-state-selected:hover .k-link {
19722
19879
  color: white;
19723
19880
  background-color: #3c4eae;
19724
19881
  }
@@ -19730,8 +19887,8 @@ kendo-label > .k-label {
19730
19887
  }
19731
19888
 
19732
19889
  .k-calendar .k-calendar-navigation li:hover,
19733
- .k-calendar .k-calendar-navigation li.k-state-hover,
19734
- .k-calendar .k-calendar-navigation li.k-hover {
19890
+ .k-calendar .k-calendar-navigation li.k-hover,
19891
+ .k-calendar .k-calendar-navigation li.k-state-hover {
19735
19892
  color: #c2185b;
19736
19893
  }
19737
19894
 
@@ -19758,13 +19915,6 @@ kendo-label > .k-label {
19758
19915
  .k-calendar .k-range-start,
19759
19916
  .k-calendar .k-range-end,
19760
19917
  .k-calendar .k-range-mid {
19761
- background-image: linear-gradient(transparent 1px, rgba(63, 81, 181, 0.25) 1px, rgba(63, 81, 181, 0.25) calc(100% - 1px), transparent calc(100% - 1px));
19762
- }
19763
-
19764
- .k-ie .k-calendar .k-range-start, .k-ie
19765
- .k-calendar .k-range-end, .k-ie
19766
- .k-calendar .k-range-mid {
19767
- background-image: none;
19768
19918
  background-color: rgba(63, 81, 181, 0.25);
19769
19919
  }
19770
19920
 
@@ -19773,15 +19923,19 @@ kendo-label > .k-label {
19773
19923
  background-color: transparent;
19774
19924
  }
19775
19925
 
19776
- .k-calendar .k-range-start .k-link,
19926
+ .k-calendar .k-range-start .k-calendar-cell-inner, .k-calendar .k-range-start .k-link,
19927
+ .k-calendar .k-range-end .k-calendar-cell-inner,
19777
19928
  .k-calendar .k-range-end .k-link {
19778
19929
  background-color: #3f51b5;
19779
19930
  }
19780
19931
 
19932
+ .k-calendar .k-range-start.k-active .k-calendar-cell-inner, .k-calendar .k-range-start.k-active .k-link,
19933
+ .k-calendar .k-range-start.k-state-active .k-calendar-cell-inner,
19781
19934
  .k-calendar .k-range-start.k-state-active .k-link,
19782
- .k-calendar .k-range-start.k-active .k-link,
19783
- .k-calendar .k-range-end.k-state-active .k-link,
19784
- .k-calendar .k-range-end.k-active .k-link {
19935
+ .k-calendar .k-range-end.k-active .k-calendar-cell-inner,
19936
+ .k-calendar .k-range-end.k-active .k-link,
19937
+ .k-calendar .k-range-end.k-state-active .k-calendar-cell-inner,
19938
+ .k-calendar .k-range-end.k-state-active .k-link {
19785
19939
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
19786
19940
  }
19787
19941
 
@@ -19795,8 +19949,8 @@ kendo-label > .k-label {
19795
19949
  content: "";
19796
19950
  display: block;
19797
19951
  position: absolute;
19798
- top: 1px;
19799
- bottom: 1px;
19952
+ top: 0;
19953
+ bottom: 0;
19800
19954
  width: 5px;
19801
19955
  }
19802
19956
 
@@ -19820,7 +19974,7 @@ kendo-label > .k-label {
19820
19974
  }
19821
19975
 
19822
19976
  .k-calendar .k-state-selected.k-state-focused .k-link,
19823
- .k-calendar .k-selected.k-focused .k-link {
19977
+ .k-calendar .k-selected.k-focus .k-link {
19824
19978
  border-color: #3f51b5;
19825
19979
  color: white;
19826
19980
  background-color: #4e5fbb;
@@ -20023,6 +20177,63 @@ kendo-label > .k-label {
20023
20177
  top: calc( 9px);
20024
20178
  }
20025
20179
 
20180
+ .k-timeselector-sm {
20181
+ font-size: 14px;
20182
+ line-height: 1.4285714286;
20183
+ }
20184
+
20185
+ .k-timeselector-sm .k-time-highlight,
20186
+ .k-timeselector-sm .k-time-list-highlight {
20187
+ height: calc( 20px + 12px);
20188
+ }
20189
+
20190
+ .k-timeselector-sm .k-time-separator {
20191
+ height: calc( 20px + 12px);
20192
+ }
20193
+
20194
+ .k-timeselector-sm .k-time-list-item,
20195
+ .k-timeselector-sm .k-time-list .k-item {
20196
+ padding: 6px 16px;
20197
+ }
20198
+
20199
+ .k-timeselector-md {
20200
+ font-size: 14px;
20201
+ line-height: 1.4285714286;
20202
+ }
20203
+
20204
+ .k-timeselector-md .k-time-highlight,
20205
+ .k-timeselector-md .k-time-list-highlight {
20206
+ height: calc( 20px + 16px);
20207
+ }
20208
+
20209
+ .k-timeselector-md .k-time-separator {
20210
+ height: calc( 20px + 16px);
20211
+ }
20212
+
20213
+ .k-timeselector-md .k-time-list-item,
20214
+ .k-timeselector-md .k-time-list .k-item {
20215
+ padding: 8px 16px;
20216
+ }
20217
+
20218
+ .k-timeselector-lg {
20219
+ font-size: 16px;
20220
+ line-height: 1.5;
20221
+ }
20222
+
20223
+ .k-timeselector-lg .k-time-highlight,
20224
+ .k-timeselector-lg .k-time-list-highlight {
20225
+ height: calc( 24px + 16px);
20226
+ }
20227
+
20228
+ .k-timeselector-lg .k-time-separator {
20229
+ height: calc( 24px + 16px);
20230
+ }
20231
+
20232
+ .k-timeselector-lg .k-time-list-item,
20233
+ .k-timeselector-lg .k-time-list .k-item {
20234
+ padding: 8px 16px;
20235
+ }
20236
+
20026
20237
  .k-timeselector {
20027
20238
  border-color: rgba(0, 0, 0, 0.12);
20028
20239
  color: rgba(0, 0, 0, 0.87);
@@ -20747,8 +20958,8 @@ kendo-label > .k-label {
20747
20958
  }
20748
20959
 
20749
20960
  .k-treeview-sm {
20750
- font-size: 16px;
20751
- line-height: 1.25;
20961
+ font-size: 14px;
20962
+ line-height: 1.4285714286;
20752
20963
  }
20753
20964
 
20754
20965
  .k-treeview-sm .k-treeview-leaf {
@@ -20756,8 +20967,8 @@ kendo-label > .k-label {
20756
20967
  }
20757
20968
 
20758
20969
  .k-treeview-md {
20759
- font-size: 16px;
20760
- line-height: 1.25;
20970
+ font-size: 14px;
20971
+ line-height: 1.4285714286;
20761
20972
  }
20762
20973
 
20763
20974
  .k-treeview-md .k-treeview-leaf {
@@ -20766,11 +20977,11 @@ kendo-label > .k-label {
20766
20977
 
20767
20978
  .k-treeview-lg {
20768
20979
  font-size: 16px;
20769
- line-height: 1.25;
20980
+ line-height: 1.5;
20770
20981
  }
20771
20982
 
20772
20983
  .k-treeview-lg .k-treeview-leaf {
20773
- padding: 10px 16px;
20984
+ padding: 8px 16px;
20774
20985
  }
20775
20986
 
20776
20987
  .k-treeview {
@@ -22578,12 +22789,41 @@ kendo-label > .k-label {
22578
22789
  box-sizing: border-box;
22579
22790
  }
22580
22791
 
22581
- .k-actionsheet-header {
22792
+ .k-actionsheet-fullscreen {
22793
+ max-height: 100%;
22794
+ height: 100%;
22795
+ }
22796
+
22797
+ .k-actionsheet-header, .k-actionsheet-titlebar {
22582
22798
  padding: 8px 16px;
22583
22799
  border-width: 0;
22584
22800
  border-style: solid;
22585
22801
  border-color: transparent;
22586
22802
  box-sizing: border-box;
22803
+ flex: none;
22804
+ }
22805
+
22806
+ .k-actionsheet-titlebar {
22807
+ display: flex;
22808
+ flex-flow: row nowrap;
22809
+ align-items: center;
22810
+ }
22811
+
22812
+ .k-actionsheet-title {
22813
+ flex: 1;
22814
+ }
22815
+
22816
+ .k-actionsheet-actions {
22817
+ flex: none;
22818
+ }
22819
+
22820
+ .k-actionsheet-content {
22821
+ flex: 1;
22822
+ overflow: auto;
22823
+ }
22824
+
22825
+ .k-actionsheet-footer {
22826
+ flex: none;
22587
22827
  }
22588
22828
 
22589
22829
  .k-actionsheet-items {
@@ -22673,6 +22913,33 @@ kendo-label > .k-label {
22673
22913
  transform: none;
22674
22914
  }
22675
22915
 
22916
+ .k-adaptive-actionsheet {
22917
+ max-width: 100%;
22918
+ width: 100%;
22919
+ display: flex;
22920
+ flex-flow: column nowrap;
22921
+ }
22922
+
22923
+ .k-adaptive-actionsheet .k-calendar {
22924
+ margin-inline: auto;
22925
+ border-width: 0;
22926
+ display: flex;
22927
+ }
22928
+
22929
+ .k-adaptive-actionsheet .k-timeselector {
22930
+ height: 100%;
22931
+ border-width: 0;
22932
+ overflow: hidden;
22933
+ }
22934
+
22935
+ .k-adaptive-actionsheet .k-timeselector .k-time-part {
22936
+ display: contents;
22937
+ }
22938
+
22939
+ .k-adaptive-actionsheet .k-timeselector .k-time-list-wrapper {
22940
+ height: 100%;
22941
+ }
22942
+
22676
22943
  .k-actionsheet {
22677
22944
  border-color: rgba(0, 0, 0, 0.12);
22678
22945
  color: rgba(0, 0, 0, 0.87);