@progress/kendo-theme-bootstrap 7.1.0-dev.8 → 7.1.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.
Files changed (70) hide show
  1. package/dist/all.css +78 -34
  2. package/dist/all.scss +1554 -699
  3. package/dist/meta/sassdoc-data.json +632 -636
  4. package/dist/meta/sassdoc-raw-data.json +308 -310
  5. package/dist/meta/variables.json +411 -371
  6. package/lib/swatches/bootstrap-3-dark.json +1 -1
  7. package/lib/swatches/bootstrap-3.json +1 -1
  8. package/lib/swatches/bootstrap-4-dark.json +1 -1
  9. package/lib/swatches/bootstrap-4.json +1 -1
  10. package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
  11. package/lib/swatches/bootstrap-main-dark.json +1 -1
  12. package/lib/swatches/bootstrap-main.json +1 -1
  13. package/lib/swatches/bootstrap-nordic.json +1 -1
  14. package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
  15. package/lib/swatches/bootstrap-turquoise.json +1 -1
  16. package/lib/swatches/bootstrap-urban.json +1 -1
  17. package/lib/swatches/bootstrap-vintage.json +1 -1
  18. package/package.json +5 -5
  19. package/scss/_bootstrap-overrides.scss +0 -22
  20. package/scss/_variables.scss +0 -203
  21. package/scss/adaptive/_variables.scss +1 -1
  22. package/scss/all.scss +0 -1
  23. package/scss/appbar/_variables.scss +2 -2
  24. package/scss/breadcrumb/_variables.scss +1 -1
  25. package/scss/button/_variables.scss +13 -13
  26. package/scss/calendar/_variables.scss +1 -1
  27. package/scss/chat/_variables.scss +1 -1
  28. package/scss/checkbox/_variables.scss +4 -4
  29. package/scss/chip/_theme.scss +5 -4
  30. package/scss/chip/_variables.scss +1 -1
  31. package/scss/core/_index.scss +6 -0
  32. package/scss/core/color-system/_palettes.scss +171 -0
  33. package/scss/core/color-system/_swatch-legacy.scss +66 -0
  34. package/scss/core/color-system/_swatch.scss +391 -0
  35. package/scss/dataviz/_variables.scss +42 -42
  36. package/scss/dock-manager/_variables.scss +1 -1
  37. package/scss/drawer/_variables.scss +1 -1
  38. package/scss/dropzone/_variables.scss +2 -2
  39. package/scss/editor/_variables.scss +1 -1
  40. package/scss/fab/_theme.scss +21 -21
  41. package/scss/filemanager/_variables.scss +2 -2
  42. package/scss/filter/_variables.scss +1 -1
  43. package/scss/gantt/_variables.scss +13 -13
  44. package/scss/grid/_theme.scss +54 -6
  45. package/scss/grid/_variables.scss +12 -9
  46. package/scss/input/_variables.scss +4 -4
  47. package/scss/list/_variables.scss +1 -1
  48. package/scss/listview/_variables.scss +2 -2
  49. package/scss/map/_variables.scss +1 -1
  50. package/scss/mediaplayer/_variables.scss +1 -1
  51. package/scss/menu/_variables.scss +6 -6
  52. package/scss/notification/_variables.scss +3 -3
  53. package/scss/pager/_variables.scss +1 -1
  54. package/scss/panelbar/_variables.scss +4 -4
  55. package/scss/pivotgrid/_variables.scss +5 -5
  56. package/scss/scheduler/_variables.scss +3 -3
  57. package/scss/signature/_variables.scss +1 -1
  58. package/scss/skeleton/_variables.scss +1 -1
  59. package/scss/slider/_variables.scss +8 -8
  60. package/scss/splitter/_variables.scss +1 -1
  61. package/scss/spreadsheet/_variables.scss +4 -4
  62. package/scss/stepper/_variables.scss +7 -7
  63. package/scss/switch/_variables.scss +6 -6
  64. package/scss/table/_variables.scss +3 -3
  65. package/scss/taskboard/_variables.scss +8 -8
  66. package/scss/timeline/_variables.scss +4 -4
  67. package/scss/toolbar/_variables.scss +1 -1
  68. package/scss/tooltip/_variables.scss +4 -4
  69. package/scss/treeview/_variables.scss +1 -1
  70. package/scss/upload/_variables.scss +1 -1
package/dist/all.css CHANGED
@@ -265,16 +265,13 @@ kendo-sortable {
265
265
  text-indent: -4000px;
266
266
  text-align: center;
267
267
  position: absolute;
268
- color: currentColor;
269
268
  }
270
269
 
271
270
  .k-loading-image {
272
271
  z-index: 2;
273
- color: currentColor;
274
272
  }
275
273
 
276
274
  .k-loading-color {
277
- background-color: #ffffff;
278
275
  opacity: 0.3;
279
276
  }
280
277
 
@@ -290,7 +287,6 @@ kendo-sortable {
290
287
  position: relative;
291
288
  background-color: transparent;
292
289
  box-sizing: border-box;
293
- color: currentColor;
294
290
  }
295
291
 
296
292
  .k-i-loading::before, .k-i-loading::after {
@@ -28584,11 +28580,13 @@ kendo-badge-container {
28584
28580
  }
28585
28581
 
28586
28582
  .k-chip-outline-error:hover, .k-chip-outline-error.k-hover {
28583
+ border-color: #a52834;
28587
28584
  color: white;
28588
28585
  background-color: #a52834;
28589
28586
  }
28590
28587
 
28591
28588
  .k-chip-outline-error.k-selected {
28589
+ border-color: #a52834;
28592
28590
  color: white;
28593
28591
  background-color: #a52834;
28594
28592
  }
@@ -28604,11 +28602,13 @@ kendo-badge-container {
28604
28602
  }
28605
28603
 
28606
28604
  .k-chip-outline-info:hover, .k-chip-outline-info.k-hover {
28605
+ border-color: #0a98b4;
28607
28606
  color: white;
28608
28607
  background-color: #0a98b4;
28609
28608
  }
28610
28609
 
28611
28610
  .k-chip-outline-info.k-selected {
28611
+ border-color: #0a98b4;
28612
28612
  color: white;
28613
28613
  background-color: #0a98b4;
28614
28614
  }
@@ -28644,11 +28644,13 @@ kendo-badge-container {
28644
28644
  }
28645
28645
 
28646
28646
  .k-chip-outline-success:hover, .k-chip-outline-success.k-hover {
28647
+ border-color: #13653f;
28647
28648
  color: white;
28648
28649
  background-color: #13653f;
28649
28650
  }
28650
28651
 
28651
28652
  .k-chip-outline-success.k-selected {
28653
+ border-color: #13653f;
28652
28654
  color: white;
28653
28655
  background-color: #13653f;
28654
28656
  }
@@ -28659,6 +28661,7 @@ kendo-badge-container {
28659
28661
  }
28660
28662
 
28661
28663
  .k-chip-outline-info:hover, .k-chip-outline-info.k-hover, .k-chip-outline-info.k-selected {
28664
+ border-color: #0dcaf0;
28662
28665
  color: #212529;
28663
28666
  background-color: #0dcaf0;
28664
28667
  }
@@ -32290,17 +32293,22 @@ textarea.k-input-inner {
32290
32293
  margin: 0;
32291
32294
  border-style: solid;
32292
32295
  border-color: inherit;
32293
- height: auto;
32294
- align-self: stretch;
32296
+ border-width: 0 0 0 1px;
32297
+ height: 16px;
32298
+ align-self: center;
32295
32299
  }
32296
32300
 
32297
32301
  .k-input-separator-horizontal {
32302
+ height: auto;
32298
32303
  margin-inline: 0.375rem;
32304
+ align-self: stretch;
32299
32305
  border-width: 1px 0 0;
32300
32306
  }
32301
32307
 
32302
32308
  .k-input-separator-vertical {
32309
+ height: auto;
32303
32310
  margin-block: 0.375rem;
32311
+ align-self: stretch;
32304
32312
  border-width: 0 0 0 1px;
32305
32313
  }
32306
32314
 
@@ -32777,20 +32785,20 @@ select.k-picker-lg {
32777
32785
  .k-input-solid {
32778
32786
  border-color: #ced4da;
32779
32787
  color: #212529;
32780
- background-color: #ffffff;
32788
+ background-color: #fff;
32781
32789
  }
32782
32790
 
32783
32791
  .k-input-solid:focus, .k-input-solid.k-focus {
32784
32792
  border-color: #86b7fe;
32785
32793
  color: #212529;
32786
- background-color: #ffffff;
32794
+ background-color: #fff;
32787
32795
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
32788
32796
  }
32789
32797
 
32790
32798
  .k-input-solid:focus-within {
32791
32799
  border-color: #86b7fe;
32792
32800
  color: #212529;
32793
- background-color: #ffffff;
32801
+ background-color: #fff;
32794
32802
  box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
32795
32803
  }
32796
32804
 
@@ -33147,8 +33155,8 @@ select.k-picker-lg {
33147
33155
  white-space: nowrap;
33148
33156
  text-overflow: ellipsis;
33149
33157
  position: absolute;
33150
- top: calc(1.875rem + 1px);
33151
- left: calc(0.75rem + 1px);
33158
+ top: var(--kendo-floating-label-offset-y, calc(1.875rem + 1px));
33159
+ left: var(--kendo-floating-label-offset-x, calc(0.75rem + 1px));
33152
33160
  overflow: hidden;
33153
33161
  cursor: text;
33154
33162
  transform-origin: left center;
@@ -33161,22 +33169,22 @@ select.k-picker-lg {
33161
33169
  }
33162
33170
 
33163
33171
  .k-floating-label-container.k-empty > .k-label {
33164
- top: calc(1.875rem + 1px);
33165
- left: calc(0.75rem + 1px);
33172
+ top: var(--kendo-floating-label-offset-y, calc(1.875rem + 1px));
33173
+ left: var(--kendo-floating-label-offset-x, calc(0.75rem + 1px));
33166
33174
  transform: scale(1);
33167
33175
  pointer-events: none;
33168
33176
  }
33169
33177
 
33170
33178
  .k-floating-label-container > .k-label,
33171
33179
  .k-floating-label-container.k-focus > .k-label {
33172
- top: 0;
33173
- left: 0;
33180
+ top: var(--kendo-floating-label-focus-offset-y, 0);
33181
+ left: var(--kendo-floating-label-focus-offset-x, 0);
33174
33182
  transform: scale(1);
33175
33183
  }
33176
33184
 
33177
33185
  .k-floating-label-container:focus-within > .k-label {
33178
- top: 0;
33179
- left: 0;
33186
+ top: var(--kendo-floating-label-focus-offset-y, 0);
33187
+ left: var(--kendo-floating-label-focus-offset-x, 0);
33180
33188
  transform: scale(1);
33181
33189
  }
33182
33190
 
@@ -33197,7 +33205,7 @@ select.k-picker-lg {
33197
33205
  [dir="rtl"] .k-floating-label-container.k-empty > .k-label,
33198
33206
  .k-rtl .k-floating-label-container.k-empty > .k-label, .k-floating-label-container[dir="rtl"].k-empty > .k-label {
33199
33207
  left: auto;
33200
- right: calc(0.75rem + 1px);
33208
+ right: var(--kendo-floating-label-offset-x, calc(0.75rem + 1px));
33201
33209
  }
33202
33210
 
33203
33211
  [dir="rtl"] .k-floating-label-container > .k-label,
@@ -33206,13 +33214,13 @@ select.k-picker-lg {
33206
33214
  .k-rtl .k-floating-label-container.k-focus > .k-label, .k-floating-label-container[dir="rtl"] > .k-label,
33207
33215
  .k-floating-label-container[dir="rtl"].k-focus > .k-label {
33208
33216
  left: auto;
33209
- right: 0;
33217
+ right: var(--kendo-floating-label-focus-offset-x, 0);
33210
33218
  }
33211
33219
 
33212
33220
  [dir="rtl"] .k-floating-label-container:focus-within > .k-label,
33213
33221
  .k-rtl .k-floating-label-container:focus-within > .k-label, .k-floating-label-container[dir="rtl"]:focus-within > .k-label {
33214
33222
  left: auto;
33215
- right: 0;
33223
+ right: var(--kendo-floating-label-focus-offset-x, 0);
33216
33224
  }
33217
33225
 
33218
33226
  .k-floating-label-container.k-invalid > .k-label,
@@ -38822,6 +38830,10 @@ kendo-card-footer {
38822
38830
  gap: 0.5rem;
38823
38831
  }
38824
38832
 
38833
+ .k-card-horizontal .k-actions-horizontal {
38834
+ width: auto;
38835
+ }
38836
+
38825
38837
  .k-card-list {
38826
38838
  display: flex;
38827
38839
  flex-flow: column nowrap;
@@ -40122,6 +40134,17 @@ kendo-card-footer {
40122
40134
  transition-timing-function: ease-in-out;
40123
40135
  }
40124
40136
 
40137
+ .k-stepper .k-step-indicator::before {
40138
+ border-radius: 50%;
40139
+ content: "";
40140
+ width: 100%;
40141
+ height: 100%;
40142
+ position: absolute;
40143
+ top: 0;
40144
+ left: 0;
40145
+ z-index: -1;
40146
+ }
40147
+
40125
40148
  .k-stepper .k-step-indicator::after {
40126
40149
  border-radius: 100%;
40127
40150
  content: "";
@@ -42993,6 +43016,16 @@ div.k-grid-footer {
42993
43016
  z-index: 3;
42994
43017
  }
42995
43018
 
43019
+ .k-master-row .k-grid-content-sticky::before {
43020
+ content: "";
43021
+ width: 100%;
43022
+ height: 100%;
43023
+ position: absolute;
43024
+ top: 0;
43025
+ left: 0;
43026
+ z-index: -1;
43027
+ }
43028
+
42996
43029
  kendo-grid .k-table-row.k-grid-row-sticky {
42997
43030
  border: 0;
42998
43031
  position: static;
@@ -46362,6 +46395,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46362
46395
  border-bottom-width: 1px;
46363
46396
  border-color: inherit;
46364
46397
  flex-shrink: 0;
46398
+ z-index: 1;
46365
46399
  }
46366
46400
 
46367
46401
  .k-filemanager-content-container {
@@ -46374,6 +46408,10 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
46374
46408
  overflow: hidden;
46375
46409
  }
46376
46410
 
46411
+ .k-filemanager-splitter {
46412
+ border-width: 0;
46413
+ }
46414
+
46377
46415
  .k-filemanager-navigation {
46378
46416
  padding-block: 1rem;
46379
46417
  padding-inline: 1rem;
@@ -47932,17 +47970,23 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
47932
47970
  overflow: scroll;
47933
47971
  }
47934
47972
 
47935
- .k-gantt-timeline .k-timeline {
47973
+ .k-gantt-timeline-pane .k-gantt-timeline {
47936
47974
  height: 100%;
47937
47975
  border-width: 0;
47938
47976
  display: flex;
47939
47977
  }
47940
47978
 
47941
- .k-gantt-timeline .k-grid-content {
47979
+ .k-gantt-timeline-pane .k-gantt-timeline *,
47980
+ .k-gantt-timeline-pane .k-gantt-timeline *::before,
47981
+ .k-gantt-timeline-pane .k-gantt-timeline *::after, .k-gantt-timeline-pane .k-gantt-timeline::before, .k-gantt-timeline-pane .k-gantt-timeline::after {
47982
+ box-sizing: border-box;
47983
+ }
47984
+
47985
+ .k-gantt-timeline-pane .k-grid-content {
47942
47986
  overflow-x: scroll;
47943
47987
  }
47944
47988
 
47945
- .k-gantt-timeline .k-header {
47989
+ .k-gantt-timeline-pane .k-header {
47946
47990
  padding-block: 0.5rem;
47947
47991
  padding-inline: 0.5rem;
47948
47992
  border-width: 0 0 1px 1px;
@@ -48423,7 +48467,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48423
48467
  }
48424
48468
 
48425
48469
  .k-pdf-export-shadow .k-gantt,
48426
- .k-pdf-export-shadow .k-gantt-timeline,
48470
+ .k-pdf-export-shadow .k-gantt-timeline-pane,
48427
48471
  .k-pdf-export-shadow .k-gantt-dependencies {
48428
48472
  width: auto !important;
48429
48473
  height: auto !important;
@@ -48456,24 +48500,24 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48456
48500
  margin-inline: -26px;
48457
48501
  }
48458
48502
 
48459
- .k-rtl .k-gantt-timeline .k-header,
48460
- [dir="rtl"] .k-gantt-timeline .k-header {
48503
+ .k-rtl .k-gantt-timeline-pane .k-header,
48504
+ [dir="rtl"] .k-gantt-timeline-pane .k-header {
48461
48505
  border-width: 0 1px 1px 0;
48462
48506
  }
48463
48507
 
48464
- .k-rtl .k-gantt-timeline .k-header:first-child,
48465
- [dir="rtl"] .k-gantt-timeline .k-header:first-child {
48508
+ .k-rtl .k-gantt-timeline-pane .k-header:first-child,
48509
+ [dir="rtl"] .k-gantt-timeline-pane .k-header:first-child {
48466
48510
  border-right-width: 0;
48467
48511
  }
48468
48512
 
48469
- .k-rtl .k-gantt-timeline .k-task-start,
48470
- [dir="rtl"] .k-gantt-timeline .k-task-start {
48513
+ .k-rtl .k-gantt-timeline-pane .k-task-start,
48514
+ [dir="rtl"] .k-gantt-timeline-pane .k-task-start {
48471
48515
  left: auto;
48472
48516
  right: 0;
48473
48517
  }
48474
48518
 
48475
- .k-rtl .k-gantt-timeline .k-task-end,
48476
- [dir="rtl"] .k-gantt-timeline .k-task-end {
48519
+ .k-rtl .k-gantt-timeline-pane .k-task-end,
48520
+ [dir="rtl"] .k-gantt-timeline-pane .k-task-end {
48477
48521
  right: auto;
48478
48522
  left: 0;
48479
48523
  }
@@ -48526,8 +48570,8 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
48526
48570
  margin-right: 0.2em;
48527
48571
  }
48528
48572
 
48529
- .k-rtl .k-gantt-timeline .k-milestone-wrap .k-task-start,
48530
- [dir="rtl"] .k-gantt-timeline .k-milestone-wrap .k-task-start {
48573
+ .k-rtl .k-gantt-timeline-pane .k-milestone-wrap .k-task-start,
48574
+ [dir="rtl"] .k-gantt-timeline-pane .k-milestone-wrap .k-task-start {
48531
48575
  right: -0.1em;
48532
48576
  }
48533
48577