@progress/kendo-theme-bootstrap 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
@@ -11332,15 +11332,16 @@ kendo-sortable {
11332
11332
  }
11333
11333
 
11334
11334
  .k-list-sm {
11335
- font-size: 1rem;
11335
+ font-size: 0.875rem;
11336
+ line-height: 1.4285714286;
11336
11337
  }
11337
11338
 
11338
11339
  .k-list-sm .k-list-group-sticky-header {
11339
- padding: 0.125rem 1rem;
11340
+ padding: 0.25rem 1rem;
11340
11341
  }
11341
11342
 
11342
11343
  .k-list-sm .k-list-item, .k-list-sm .k-list-optionlabel {
11343
- padding: 0.125rem 1rem;
11344
+ padding: 0.25rem 1rem;
11344
11345
  }
11345
11346
 
11346
11347
  .k-list-sm .k-list-group-item {
@@ -11349,6 +11350,7 @@ kendo-sortable {
11349
11350
 
11350
11351
  .k-list-md {
11351
11352
  font-size: 1rem;
11353
+ line-height: 1.5;
11352
11354
  }
11353
11355
 
11354
11356
  .k-list-md .k-list-group-sticky-header {
@@ -11365,14 +11367,15 @@ kendo-sortable {
11365
11367
 
11366
11368
  .k-list-lg {
11367
11369
  font-size: 1rem;
11370
+ line-height: 1.5;
11368
11371
  }
11369
11372
 
11370
11373
  .k-list-lg .k-list-group-sticky-header {
11371
- padding: 0.375rem 1rem;
11374
+ padding: 0.5rem 1rem;
11372
11375
  }
11373
11376
 
11374
11377
  .k-list-lg .k-list-item, .k-list-lg .k-list-optionlabel {
11375
- padding: 0.375rem 1rem;
11378
+ padding: 0.5rem 1rem;
11376
11379
  }
11377
11380
 
11378
11381
  .k-list-lg .k-list-group-item {
@@ -12188,46 +12191,46 @@ kendo-badge-container {
12188
12191
  }
12189
12192
 
12190
12193
  .k-button-sm {
12191
- padding: 0.25rem 0.75rem;
12192
- font-size: 1rem;
12193
- line-height: 1.5;
12194
+ padding: 0.25rem 0.5rem;
12195
+ font-size: 0.875rem;
12196
+ line-height: 1.4285714286;
12194
12197
  }
12195
12198
 
12196
- .k-button-md {
12197
- padding: 0.375rem 0.75rem;
12198
- font-size: 1rem;
12199
- line-height: 1.5;
12199
+ .k-button-sm.k-icon-button {
12200
+ padding: 0.25rem;
12200
12201
  }
12201
12202
 
12202
- .k-button-lg {
12203
- padding: 0.5rem 0.75rem;
12203
+ .k-button-sm.k-icon-button > .k-button-icon {
12204
+ min-width: calc( 0.875rem * 1.4285714286);
12205
+ min-height: calc( 0.875rem * 1.4285714286);
12206
+ }
12207
+
12208
+ .k-button-md {
12209
+ padding: 0.375rem 0.75rem;
12204
12210
  font-size: 1rem;
12205
12211
  line-height: 1.5;
12206
12212
  }
12207
12213
 
12208
- .k-icon-button.k-button-sm {
12209
- padding: 0.25rem;
12214
+ .k-button-md.k-icon-button {
12215
+ padding: 0.375rem;
12210
12216
  }
12211
12217
 
12212
- .k-icon-button.k-button-sm > .k-button-icon {
12218
+ .k-button-md.k-icon-button > .k-button-icon {
12213
12219
  min-width: calc( 1rem * 1.5);
12214
12220
  min-height: calc( 1rem * 1.5);
12215
12221
  }
12216
12222
 
12217
- .k-icon-button.k-button-md {
12218
- padding: 0.375rem;
12219
- }
12220
-
12221
- .k-icon-button.k-button-md > .k-button-icon {
12222
- min-width: calc( 1rem * 1.5);
12223
- min-height: calc( 1rem * 1.5);
12223
+ .k-button-lg {
12224
+ padding: 0.5rem 1rem;
12225
+ font-size: 1rem;
12226
+ line-height: 1.5;
12224
12227
  }
12225
12228
 
12226
- .k-icon-button.k-button-lg {
12229
+ .k-button-lg.k-icon-button {
12227
12230
  padding: 0.5rem;
12228
12231
  }
12229
12232
 
12230
- .k-icon-button.k-button-lg > .k-button-icon {
12233
+ .k-button-lg.k-icon-button > .k-button-icon {
12231
12234
  min-width: calc( 1rem * 1.5);
12232
12235
  min-height: calc( 1rem * 1.5);
12233
12236
  }
@@ -13716,8 +13719,8 @@ textarea.k-input-inner {
13716
13719
 
13717
13720
  .k-input-sm,
13718
13721
  .k-picker-sm {
13719
- font-size: 1rem;
13720
- line-height: 1.5;
13722
+ font-size: 0.875rem;
13723
+ line-height: 1.4285714286;
13721
13724
  }
13722
13725
 
13723
13726
  .k-input-sm .k-input-values,
@@ -13737,7 +13740,7 @@ textarea.k-input-inner {
13737
13740
 
13738
13741
  .k-input-sm .k-input-inner,
13739
13742
  .k-picker-sm .k-input-inner {
13740
- padding: 0.25rem 0.75rem;
13743
+ padding: 0.25rem 0.5rem;
13741
13744
  }
13742
13745
 
13743
13746
  .k-input-sm .k-input-button,
@@ -13767,8 +13770,8 @@ textarea.k-input-inner {
13767
13770
 
13768
13771
  .k-input-sm.k-icon-picker .k-input-inner,
13769
13772
  .k-picker-sm.k-icon-picker .k-input-inner {
13770
- width: calc( 1.5em);
13771
- height: calc( 1.5em);
13773
+ width: calc( 1.4285714286em);
13774
+ height: calc( 1.4285714286em);
13772
13775
  padding: 0.25rem;
13773
13776
  box-sizing: content-box;
13774
13777
  }
@@ -13863,7 +13866,7 @@ textarea.k-input-inner {
13863
13866
 
13864
13867
  .k-input-lg .k-input-inner,
13865
13868
  .k-picker-lg .k-input-inner {
13866
- padding: 0.5rem 0.75rem;
13869
+ padding: 0.5rem 1rem;
13867
13870
  }
13868
13871
 
13869
13872
  .k-input-lg .k-input-button,
@@ -14938,7 +14941,7 @@ textarea.k-input-inner {
14938
14941
 
14939
14942
  .k-chip-sm {
14940
14943
  padding: 0.125rem 0.25rem;
14941
- font-size: 1rem;
14944
+ font-size: 0.875rem;
14942
14945
  line-height: 1.25;
14943
14946
  }
14944
14947
 
@@ -17474,6 +17477,45 @@ kendo-label > .k-label {
17474
17477
  -ms-grid-row-align: start;
17475
17478
  }
17476
17479
 
17480
+ .k-circular-progressbar {
17481
+ display: inline-block;
17482
+ text-align: left;
17483
+ position: relative;
17484
+ }
17485
+
17486
+ .k-circular-progressbar-surface {
17487
+ height: 100%;
17488
+ }
17489
+
17490
+ .k-circular-progressbar-surface > div {
17491
+ width: 100%;
17492
+ height: 100%;
17493
+ }
17494
+
17495
+ .k-circular-progressbar-surface svg {
17496
+ width: 100%;
17497
+ height: 100%;
17498
+ }
17499
+
17500
+ .k-circular-progressbar-scale {
17501
+ fill: none;
17502
+ }
17503
+
17504
+ .k-circular-progressbar-arc {
17505
+ transform-box: fill-box;
17506
+ transform-origin: center center;
17507
+ transform: rotate(-90deg);
17508
+ stroke-linecap: round;
17509
+ fill: none;
17510
+ }
17511
+
17512
+ .k-circular-progressbar-label {
17513
+ position: absolute;
17514
+ text-align: center;
17515
+ padding: 0;
17516
+ margin: 0;
17517
+ }
17518
+
17477
17519
  @keyframes progressbar-indeterminate-animation {
17478
17520
  from {
17479
17521
  background-position: 0 0;
@@ -17506,6 +17548,15 @@ kendo-label > .k-label {
17506
17548
  animation: progressbar-indeterminate-animation 1s linear infinite;
17507
17549
  }
17508
17550
 
17551
+ .k-circular-progressbar-scale {
17552
+ stroke: #e9ecef;
17553
+ }
17554
+
17555
+ .k-circular-progressbar-arc {
17556
+ stroke: #0d6efd;
17557
+ transition: stroke .5s ease;
17558
+ }
17559
+
17509
17560
  .k-radio {
17510
17561
  border-radius: 50%;
17511
17562
  margin: 0;
@@ -18323,6 +18374,8 @@ kendo-label > .k-label {
18323
18374
  }
18324
18375
 
18325
18376
  .k-calendar {
18377
+ inline-size: var(--INTERNAL--kendo-calendar-width, min-content);
18378
+ block-size: var(--INTERNAL--kendo-calendar-height, min-content);
18326
18379
  border-width: 1px;
18327
18380
  border-style: solid;
18328
18381
  box-sizing: border-box;
@@ -18343,14 +18396,8 @@ kendo-label > .k-label {
18343
18396
  border: 0;
18344
18397
  }
18345
18398
 
18346
- .k-calendar .k-link {
18347
- white-space: normal;
18348
- position: relative;
18349
- overflow: hidden;
18350
- }
18351
-
18352
18399
  .k-calendar-table {
18353
- margin: 0;
18400
+ margin: 0 auto;
18354
18401
  border-width: 0;
18355
18402
  border-color: inherit;
18356
18403
  border-spacing: 0;
@@ -18358,8 +18405,7 @@ kendo-label > .k-label {
18358
18405
  table-layout: fixed;
18359
18406
  text-align: center;
18360
18407
  outline: 0;
18361
- display: inline-table;
18362
- vertical-align: top;
18408
+ display: table;
18363
18409
  position: relative;
18364
18410
  z-index: 1;
18365
18411
  }
@@ -18398,9 +18444,28 @@ kendo-label > .k-label {
18398
18444
 
18399
18445
  .k-calendar-td {
18400
18446
  border-radius: 0.25rem;
18447
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, min-content);
18448
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, min-content);
18401
18449
  border-color: transparent;
18402
18450
  }
18403
18451
 
18452
+ .k-calendar .k-calendar-cell-inner, .k-calendar .k-link {
18453
+ border-radius: 0.25rem;
18454
+ padding: 0.5rem 0.5rem;
18455
+ padding-inline: var(--INTERNAL--kendo-calendar-cell-padding-x, 0.5rem);
18456
+ padding-block: var(--INTERNAL--kendo-calendar-cell-padding-y, 0.5rem);
18457
+ width: 100%;
18458
+ height: 100%;
18459
+ box-sizing: border-box;
18460
+ display: flex;
18461
+ flex-direction: row;
18462
+ align-items: center;
18463
+ justify-content: center;
18464
+ white-space: normal;
18465
+ position: relative;
18466
+ overflow: hidden;
18467
+ }
18468
+
18404
18469
  .k-calendar .k-header {
18405
18470
  padding: 0.25rem 0.25rem;
18406
18471
  border-bottom-width: 1px;
@@ -18453,6 +18518,7 @@ kendo-label > .k-label {
18453
18518
  margin: auto;
18454
18519
  padding: 0 0.25rem;
18455
18520
  width: 266px;
18521
+ inline-size: var(--INTERNAL--kendo-calendar-view-width, 266px);
18456
18522
  min-height: 266px;
18457
18523
  box-sizing: content-box;
18458
18524
  gap: 1rem;
@@ -18461,58 +18527,45 @@ kendo-label > .k-label {
18461
18527
  overflow: hidden;
18462
18528
  }
18463
18529
 
18464
- .k-calendar-view .k-link {
18465
- border-radius: 0.25rem;
18466
- padding: 0.5rem 0.5rem;
18467
- box-sizing: border-box;
18468
- display: flex;
18469
- flex-direction: row;
18470
- align-items: center;
18471
- justify-content: center;
18472
- }
18473
-
18474
18530
  .k-week-number .k-calendar-view {
18475
18531
  width: 304px;
18476
18532
  }
18477
18533
 
18534
+ .k-month-calendar .k-calendar-td,
18478
18535
  .k-calendar-monthview .k-calendar-td {
18479
18536
  width: 38px;
18480
18537
  height: 38px;
18538
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, 38px);
18539
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, 38px);
18481
18540
  }
18482
18541
 
18483
- .k-calendar-monthview .k-link {
18484
- width: 38px;
18485
- height: 38px;
18486
- }
18487
-
18542
+ .k-year-calendar .k-calendar-td,
18488
18543
  .k-calendar-yearview .k-calendar-td {
18489
- width: auto;
18490
- height: auto;
18491
- }
18492
-
18493
- .k-calendar-yearview .k-link {
18494
18544
  width: 66.5px;
18495
18545
  height: 66.5px;
18546
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, 66.5px);
18547
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, 66.5px);
18496
18548
  }
18497
18549
 
18550
+ .k-decade-calendar .k-calendar-td,
18498
18551
  .k-calendar-decadeview .k-calendar-td {
18499
- width: auto;
18500
- height: auto;
18501
- }
18502
-
18503
- .k-calendar-decadeview .k-link {
18504
18552
  width: 66.5px;
18505
18553
  height: 66.5px;
18554
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, 66.5px);
18555
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, 66.5px);
18506
18556
  }
18507
18557
 
18558
+ .k-century-calendar .k-calendar-td,
18508
18559
  .k-calendar-centuryview .k-calendar-td {
18509
- width: auto;
18510
- height: auto;
18560
+ width: 66.5px;
18561
+ height: 66.5px;
18562
+ inline-size: var(--INTERNAL--kendo-calendar-cell-size, 66.5px);
18563
+ block-size: var(--INTERNAL--kendo-calendar-cell-size, 66.5px);
18511
18564
  }
18512
18565
 
18566
+ .k-century-calendar .k-calendar-cell-inner, .k-century-calendar .k-link,
18567
+ .k-calendar-centuryview .k-calendar-cell-inner,
18513
18568
  .k-calendar-centuryview .k-link {
18514
- width: 66.5px;
18515
- height: 66.5px;
18516
18569
  text-align: left;
18517
18570
  }
18518
18571
 
@@ -18550,6 +18603,90 @@ kendo-label > .k-label {
18550
18603
  right: 0;
18551
18604
  }
18552
18605
 
18606
+ .k-calendar-sm {
18607
+ --INTERNAL--kendo-calendar-view-width: 256px;
18608
+ --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-sm-cell-padding-x, 0.125rem );
18609
+ --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-sm-cell-padding-y, 0.125rem );
18610
+ font-size: 1rem;
18611
+ line-height: 1.5;
18612
+ }
18613
+
18614
+ .k-calendar-sm.k-month-calendar,
18615
+ .k-calendar-sm .k-calendar-monthview {
18616
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-month-cell-size, 32px );
18617
+ }
18618
+
18619
+ .k-calendar-sm.k-year-calendar,
18620
+ .k-calendar-sm .k-calendar-yearview {
18621
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-year-cell-size, 56px );
18622
+ }
18623
+
18624
+ .k-calendar-sm.k-decade-calendar,
18625
+ .k-calendar-sm .k-calendar-decadeview {
18626
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-decade-cell-size, 56px );
18627
+ }
18628
+
18629
+ .k-calendar-sm.k-century-calendar,
18630
+ .k-calendar-sm .k-calendar-centuryview {
18631
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-sm-century-cell-size, 56px );
18632
+ }
18633
+
18634
+ .k-calendar-md {
18635
+ --INTERNAL--kendo-calendar-view-width: 288px;
18636
+ --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-md-cell-padding-x, 0.25rem );
18637
+ --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-md-cell-padding-y, 0.25rem );
18638
+ font-size: 1rem;
18639
+ line-height: 1.5;
18640
+ }
18641
+
18642
+ .k-calendar-md.k-month-calendar,
18643
+ .k-calendar-md .k-calendar-monthview {
18644
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-month-cell-size, 36px );
18645
+ }
18646
+
18647
+ .k-calendar-md.k-year-calendar,
18648
+ .k-calendar-md .k-calendar-yearview {
18649
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-year-cell-size, 63px );
18650
+ }
18651
+
18652
+ .k-calendar-md.k-decade-calendar,
18653
+ .k-calendar-md .k-calendar-decadeview {
18654
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-decade-cell-size, 63px );
18655
+ }
18656
+
18657
+ .k-calendar-md.k-century-calendar,
18658
+ .k-calendar-md .k-calendar-centuryview {
18659
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-md-century-cell-size, 63px );
18660
+ }
18661
+
18662
+ .k-calendar-lg {
18663
+ --INTERNAL--kendo-calendar-view-width: 320px;
18664
+ --INTERNAL--kendo-calendar-cell-padding-x: var( --kendo-calendar-lg-cell-padding-x, 0.25rem );
18665
+ --INTERNAL--kendo-calendar-cell-padding-y: var( --kendo-calendar-lg-cell-padding-y, 0.25rem );
18666
+ font-size: 1.25rem;
18667
+ line-height: 2;
18668
+ }
18669
+
18670
+ .k-calendar-lg.k-month-calendar,
18671
+ .k-calendar-lg .k-calendar-monthview {
18672
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-month-cell-size, 40px );
18673
+ }
18674
+
18675
+ .k-calendar-lg.k-year-calendar,
18676
+ .k-calendar-lg .k-calendar-yearview {
18677
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-year-cell-size, 70px );
18678
+ }
18679
+
18680
+ .k-calendar-lg.k-decade-calendar,
18681
+ .k-calendar-lg .k-calendar-decadeview {
18682
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-decade-cell-size, 70px );
18683
+ }
18684
+
18685
+ .k-calendar-lg.k-century-calendar,
18686
+ .k-calendar-lg .k-calendar-centuryview {
18687
+ --INTERNAL--kendo-calendar-cell-size: var( --kendo-calendar-lg-century-cell-size, 70px );
18688
+ }
18689
+
18553
18690
  .k-calendar-infinite {
18554
18691
  box-sizing: content-box;
18555
18692
  display: inline-flex;
@@ -18759,7 +18896,7 @@ kendo-label > .k-label {
18759
18896
  color: #0d6efd;
18760
18897
  }
18761
18898
 
18762
- .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 {
18899
+ .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 {
18763
18900
  color: #0a58ca;
18764
18901
  }
18765
18902
 
@@ -18770,12 +18907,13 @@ kendo-label > .k-label {
18770
18907
  color: #6c757d;
18771
18908
  }
18772
18909
 
18773
- .k-calendar .k-calendar-view .k-today .k-link {
18910
+ .k-calendar .k-calendar-view .k-today .k-calendar-cell-inner, .k-calendar .k-calendar-view .k-today .k-link {
18774
18911
  box-shadow: inset 0 0 0 1px #0d6efd;
18775
18912
  }
18776
18913
 
18777
- .k-calendar .k-calendar-view .k-today.k-state-focused .k-link,
18778
- .k-calendar .k-calendar-view .k-today.k-focus .k-link {
18914
+ .k-calendar .k-calendar-view .k-today.k-focus .k-calendar-cell-inner, .k-calendar .k-calendar-view .k-today.k-focus .k-link,
18915
+ .k-calendar .k-calendar-view .k-today.k-state-focused .k-calendar-cell-inner,
18916
+ .k-calendar .k-calendar-view .k-today.k-state-focused .k-link {
18779
18917
  box-shadow: inset 0 0 0 1px #0d6efd, inset 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
18780
18918
  }
18781
18919
 
@@ -18793,45 +18931,49 @@ kendo-label > .k-label {
18793
18931
  visibility: hidden;
18794
18932
  }
18795
18933
 
18796
- .k-calendar .k-calendar-td:hover .k-link,
18797
- .k-calendar .k-calendar-td.k-state-hover .k-link,
18798
- .k-calendar .k-calendar-td.k-hover .k-link {
18934
+ .k-calendar .k-calendar-td:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td:hover .k-link,
18935
+ .k-calendar .k-calendar-td.k-hover .k-calendar-cell-inner,
18936
+ .k-calendar .k-calendar-td.k-hover .k-link,
18937
+ .k-calendar .k-calendar-td.k-state-hover .k-calendar-cell-inner,
18938
+ .k-calendar .k-calendar-td.k-state-hover .k-link {
18799
18939
  border-color: #d6d9dc;
18800
18940
  color: #212529;
18801
18941
  background-color: #e9ecef;
18802
18942
  }
18803
18943
 
18804
- .k-calendar .k-calendar-td.k-state-selected .k-link,
18805
- .k-calendar .k-calendar-td.k-selected .k-link {
18944
+ .k-calendar .k-calendar-td.k-selected .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected .k-link,
18945
+ .k-calendar .k-calendar-td.k-state-selected .k-calendar-cell-inner,
18946
+ .k-calendar .k-calendar-td.k-state-selected .k-link {
18806
18947
  border-color: #0c65e9;
18807
18948
  color: white;
18808
18949
  background-color: #0d6efd;
18809
18950
  }
18810
18951
 
18811
- .k-calendar .k-calendar-td.k-state-selected:hover .k-link,
18812
- .k-calendar .k-calendar-td.k-selected:hover .k-link,
18813
- .k-calendar .k-calendar-td.k-state-selected.k-state-hover .k-link,
18952
+ .k-calendar .k-calendar-td.k-selected:hover .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:hover .k-link,
18953
+ .k-calendar .k-calendar-td.k-selected.k-hover .k-calendar-cell-inner,
18814
18954
  .k-calendar .k-calendar-td.k-selected.k-hover .k-link,
18815
- .k-calendar .k-calendar-td.k-selected:hover .k-link,
18816
- .k-calendar .k-calendar-td.k-selected.k-hover .k-link {
18955
+ .k-calendar .k-calendar-td.k-state-selected:hover .k-calendar-cell-inner,
18956
+ .k-calendar .k-calendar-td.k-state-selected:hover .k-link {
18817
18957
  border-color: #e4e5e6;
18818
18958
  color: white;
18819
18959
  background-color: #0c6af3;
18820
18960
  }
18821
18961
 
18822
- .k-calendar .k-calendar-td.k-state-focused .k-link,
18962
+ .k-calendar .k-calendar-td:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td:focus .k-link,
18963
+ .k-calendar .k-calendar-td.k-focus .k-calendar-cell-inner,
18823
18964
  .k-calendar .k-calendar-td.k-focus .k-link,
18965
+ .k-calendar .k-calendar-td.k-state-focus .k-calendar-cell-inner,
18824
18966
  .k-calendar .k-calendar-td.k-state-focus .k-link,
18825
- .k-calendar .k-calendar-td.k-focus .k-link {
18967
+ .k-calendar .k-calendar-td.k-state-focused .k-calendar-cell-inner,
18968
+ .k-calendar .k-calendar-td.k-state-focused .k-link {
18826
18969
  box-shadow: inset 0 0 0 0.25rem rgba(228, 231, 235, 0.5);
18827
18970
  }
18828
18971
 
18829
- .k-calendar .k-calendar-td.k-state-selected.k-state-focused .k-link,
18830
- .k-calendar .k-calendar-td.k-selected.k-focused .k-link,
18831
- .k-calendar .k-calendar-td.k-state-selected.k-state-focus .k-link,
18972
+ .k-calendar .k-calendar-td.k-selected:focus .k-calendar-cell-inner, .k-calendar .k-calendar-td.k-selected:focus .k-link,
18973
+ .k-calendar .k-calendar-td.k-selected.k-focus .k-calendar-cell-inner,
18832
18974
  .k-calendar .k-calendar-td.k-selected.k-focus .k-link,
18833
- .k-calendar .k-calendar-td.k-selected:focus .k-link,
18834
- .k-calendar .k-calendar-td.k-selected.k-focus .k-link {
18975
+ .k-calendar .k-calendar-td.k-state-selected.k-state-focus .k-calendar-cell-inner,
18976
+ .k-calendar .k-calendar-td.k-state-selected.k-state-focus .k-link {
18835
18977
  box-shadow: inset 0 0 0 2px rgba(2, 82, 201, 0.5);
18836
18978
  }
18837
18979
 
@@ -18842,8 +18984,8 @@ kendo-label > .k-label {
18842
18984
  }
18843
18985
 
18844
18986
  .k-calendar .k-calendar-navigation li:hover,
18845
- .k-calendar .k-calendar-navigation li.k-state-hover,
18846
- .k-calendar .k-calendar-navigation li.k-hover {
18987
+ .k-calendar .k-calendar-navigation li.k-hover,
18988
+ .k-calendar .k-calendar-navigation li.k-state-hover {
18847
18989
  color: #0a58ca;
18848
18990
  }
18849
18991
 
@@ -18870,13 +19012,6 @@ kendo-label > .k-label {
18870
19012
  .k-calendar .k-range-start,
18871
19013
  .k-calendar .k-range-end,
18872
19014
  .k-calendar .k-range-mid {
18873
- background-image: linear-gradient(transparent 1px, rgba(13, 110, 253, 0.25) 1px, rgba(13, 110, 253, 0.25) calc(100% - 1px), transparent calc(100% - 1px));
18874
- }
18875
-
18876
- .k-ie .k-calendar .k-range-start, .k-ie
18877
- .k-calendar .k-range-end, .k-ie
18878
- .k-calendar .k-range-mid {
18879
- background-image: none;
18880
19015
  background-color: rgba(13, 110, 253, 0.25);
18881
19016
  }
18882
19017
 
@@ -18885,15 +19020,19 @@ kendo-label > .k-label {
18885
19020
  background-color: transparent;
18886
19021
  }
18887
19022
 
18888
- .k-calendar .k-range-start .k-link,
19023
+ .k-calendar .k-range-start .k-calendar-cell-inner, .k-calendar .k-range-start .k-link,
19024
+ .k-calendar .k-range-end .k-calendar-cell-inner,
18889
19025
  .k-calendar .k-range-end .k-link {
18890
19026
  background-color: #0d6efd;
18891
19027
  }
18892
19028
 
19029
+ .k-calendar .k-range-start.k-active .k-calendar-cell-inner, .k-calendar .k-range-start.k-active .k-link,
19030
+ .k-calendar .k-range-start.k-state-active .k-calendar-cell-inner,
18893
19031
  .k-calendar .k-range-start.k-state-active .k-link,
18894
- .k-calendar .k-range-start.k-active .k-link,
18895
- .k-calendar .k-range-end.k-state-active .k-link,
18896
- .k-calendar .k-range-end.k-active .k-link {
19032
+ .k-calendar .k-range-end.k-active .k-calendar-cell-inner,
19033
+ .k-calendar .k-range-end.k-active .k-link,
19034
+ .k-calendar .k-range-end.k-state-active .k-calendar-cell-inner,
19035
+ .k-calendar .k-range-end.k-state-active .k-link {
18897
19036
  box-shadow: inset 0 0 2px 2px rgba(0, 0, 0, 0.2);
18898
19037
  }
18899
19038
 
@@ -18907,8 +19046,8 @@ kendo-label > .k-label {
18907
19046
  content: "";
18908
19047
  display: block;
18909
19048
  position: absolute;
18910
- top: 1px;
18911
- bottom: 1px;
19049
+ top: 0;
19050
+ bottom: 0;
18912
19051
  width: 5px;
18913
19052
  }
18914
19053
 
@@ -19121,6 +19260,63 @@ kendo-label > .k-label {
19121
19260
  top: calc( 0.65625rem);
19122
19261
  }
19123
19262
 
19263
+ .k-timeselector-sm {
19264
+ font-size: 0.875rem;
19265
+ line-height: 1.4285714286;
19266
+ }
19267
+
19268
+ .k-timeselector-sm .k-time-highlight,
19269
+ .k-timeselector-sm .k-time-list-highlight {
19270
+ height: calc( 1.25rem + 0.5rem);
19271
+ }
19272
+
19273
+ .k-timeselector-sm .k-time-separator {
19274
+ height: calc( 1.25rem + 0.5rem);
19275
+ }
19276
+
19277
+ .k-timeselector-sm .k-time-list-item,
19278
+ .k-timeselector-sm .k-time-list .k-item {
19279
+ padding: 0.25rem 1rem;
19280
+ }
19281
+
19282
+ .k-timeselector-md {
19283
+ font-size: 1rem;
19284
+ line-height: 1.5;
19285
+ }
19286
+
19287
+ .k-timeselector-md .k-time-highlight,
19288
+ .k-timeselector-md .k-time-list-highlight {
19289
+ height: calc( 1.5rem + 0.5rem);
19290
+ }
19291
+
19292
+ .k-timeselector-md .k-time-separator {
19293
+ height: calc( 1.5rem + 0.5rem);
19294
+ }
19295
+
19296
+ .k-timeselector-md .k-time-list-item,
19297
+ .k-timeselector-md .k-time-list .k-item {
19298
+ padding: 0.25rem 1rem;
19299
+ }
19300
+
19301
+ .k-timeselector-lg {
19302
+ font-size: 1rem;
19303
+ line-height: 1.5;
19304
+ }
19305
+
19306
+ .k-timeselector-lg .k-time-highlight,
19307
+ .k-timeselector-lg .k-time-list-highlight {
19308
+ height: calc( 1.5rem + 1rem);
19309
+ }
19310
+
19311
+ .k-timeselector-lg .k-time-separator {
19312
+ height: calc( 1.5rem + 1rem);
19313
+ }
19314
+
19315
+ .k-timeselector-lg .k-time-list-item,
19316
+ .k-timeselector-lg .k-time-list .k-item {
19317
+ padding: 0.5rem 1rem;
19318
+ }
19319
+
19124
19320
  .k-timeselector {
19125
19321
  border-color: #dee2e6;
19126
19322
  color: #212529;
@@ -19843,12 +20039,12 @@ kendo-label > .k-label {
19843
20039
  }
19844
20040
 
19845
20041
  .k-treeview-sm {
19846
- font-size: 1rem;
19847
- line-height: 1.5;
20042
+ font-size: 0.875rem;
20043
+ line-height: 1.4285714286;
19848
20044
  }
19849
20045
 
19850
20046
  .k-treeview-sm .k-treeview-leaf {
19851
- padding: 0.125rem 0.75rem;
20047
+ padding: 0.25rem 0.5rem;
19852
20048
  }
19853
20049
 
19854
20050
  .k-treeview-md {
@@ -19866,7 +20062,7 @@ kendo-label > .k-label {
19866
20062
  }
19867
20063
 
19868
20064
  .k-treeview-lg .k-treeview-leaf {
19869
- padding: 0.375rem 0.75rem;
20065
+ padding: 0.5rem 0.75rem;
19870
20066
  }
19871
20067
 
19872
20068
  .k-treeview-leaf {
@@ -21661,12 +21857,41 @@ kendo-label > .k-label {
21661
21857
  box-sizing: border-box;
21662
21858
  }
21663
21859
 
21664
- .k-actionsheet-header {
21860
+ .k-actionsheet-fullscreen {
21861
+ max-height: 100%;
21862
+ height: 100%;
21863
+ }
21864
+
21865
+ .k-actionsheet-header, .k-actionsheet-titlebar {
21665
21866
  padding: 0.5rem 1rem;
21666
21867
  border-width: 0;
21667
21868
  border-style: solid;
21668
21869
  border-color: transparent;
21669
21870
  box-sizing: border-box;
21871
+ flex: none;
21872
+ }
21873
+
21874
+ .k-actionsheet-titlebar {
21875
+ display: flex;
21876
+ flex-flow: row nowrap;
21877
+ align-items: center;
21878
+ }
21879
+
21880
+ .k-actionsheet-title {
21881
+ flex: 1;
21882
+ }
21883
+
21884
+ .k-actionsheet-actions {
21885
+ flex: none;
21886
+ }
21887
+
21888
+ .k-actionsheet-content {
21889
+ flex: 1;
21890
+ overflow: auto;
21891
+ }
21892
+
21893
+ .k-actionsheet-footer {
21894
+ flex: none;
21670
21895
  }
21671
21896
 
21672
21897
  .k-actionsheet-items {
@@ -21756,6 +21981,33 @@ kendo-label > .k-label {
21756
21981
  transform: none;
21757
21982
  }
21758
21983
 
21984
+ .k-adaptive-actionsheet {
21985
+ max-width: 100%;
21986
+ width: 100%;
21987
+ display: flex;
21988
+ flex-flow: column nowrap;
21989
+ }
21990
+
21991
+ .k-adaptive-actionsheet .k-calendar {
21992
+ margin-inline: auto;
21993
+ border-width: 0;
21994
+ display: flex;
21995
+ }
21996
+
21997
+ .k-adaptive-actionsheet .k-timeselector {
21998
+ height: 100%;
21999
+ border-width: 0;
22000
+ overflow: hidden;
22001
+ }
22002
+
22003
+ .k-adaptive-actionsheet .k-timeselector .k-time-part {
22004
+ display: contents;
22005
+ }
22006
+
22007
+ .k-adaptive-actionsheet .k-timeselector .k-time-list-wrapper {
22008
+ height: 100%;
22009
+ }
22010
+
21759
22011
  .k-actionsheet {
21760
22012
  border-color: #dee2e6;
21761
22013
  color: #212529;