@progress/kendo-theme-fluent 7.0.3-dev.2 → 7.1.0-dev.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
@@ -26475,6 +26475,7 @@ kendo-sortable {
26475
26475
  .k-popup.k-popup-transparent {
26476
26476
  border-width: 0;
26477
26477
  background-color: transparent;
26478
+ box-shadow: none;
26478
26479
  }
26479
26480
 
26480
26481
  .k-popup.k-popup-flush {
@@ -28421,10 +28422,6 @@ kendo-badge-container {
28421
28422
  pointer-events: none;
28422
28423
  }
28423
28424
 
28424
- .k-tooltip-wrapper .k-tooltip {
28425
- box-shadow: var(--kendo-tooltip-shadow, var(--kendo-box-shadow-depth-2, none));
28426
- }
28427
-
28428
28425
  .k-tooltip {
28429
28426
  box-shadow: var(--kendo-tooltip-shadow, var(--kendo-box-shadow-depth-2, none));
28430
28427
  --INTERNAL--kendo-tooltip-text: var( --kendo-tooltip-text, var(--kendo-component-text, initial) );
@@ -28444,16 +28441,16 @@ kendo-badge-container {
28444
28441
  --kendo-tooltip-border: var(--kendo-primary-100, inherit);
28445
28442
  }
28446
28443
 
28447
- .k-tooltip-error {
28448
- --kendo-tooltip-text: var(--kendo-error-160, inherit);
28449
- --kendo-tooltip-bg: var(--kendo-error-20, inherit);
28450
- --kendo-tooltip-border: var(--kendo-error-20, inherit);
28444
+ .k-tooltip-secondary {
28445
+ --kendo-tooltip-text: var(--kendo-neutral-160, inherit);
28446
+ --kendo-tooltip-bg: var(--kendo-neutral-20, inherit);
28447
+ --kendo-tooltip-border: var(--kendo-neutral-20, inherit);
28451
28448
  }
28452
28449
 
28453
- .k-tooltip-warning {
28454
- --kendo-tooltip-text: var(--kendo-warning-160, inherit);
28455
- --kendo-tooltip-bg: var(--kendo-warning-20, inherit);
28456
- --kendo-tooltip-border: var(--kendo-warning-20, inherit);
28450
+ .k-tooltip-tertiary {
28451
+ --kendo-tooltip-text: var(--kendo-tertiary-160, inherit);
28452
+ --kendo-tooltip-bg: var(--kendo-tertiary-20, inherit);
28453
+ --kendo-tooltip-border: var(--kendo-tertiary-20, inherit);
28457
28454
  }
28458
28455
 
28459
28456
  .k-tooltip-success {
@@ -28462,12 +28459,36 @@ kendo-badge-container {
28462
28459
  --kendo-tooltip-border: var(--kendo-success-20, inherit);
28463
28460
  }
28464
28461
 
28462
+ .k-tooltip-warning {
28463
+ --kendo-tooltip-text: var(--kendo-warning-160, inherit);
28464
+ --kendo-tooltip-bg: var(--kendo-warning-20, inherit);
28465
+ --kendo-tooltip-border: var(--kendo-warning-20, inherit);
28466
+ }
28467
+
28468
+ .k-tooltip-error {
28469
+ --kendo-tooltip-text: var(--kendo-error-160, inherit);
28470
+ --kendo-tooltip-bg: var(--kendo-error-20, inherit);
28471
+ --kendo-tooltip-border: var(--kendo-error-20, inherit);
28472
+ }
28473
+
28465
28474
  .k-tooltip-info {
28466
28475
  --kendo-tooltip-text: var(--kendo-info-160, inherit);
28467
28476
  --kendo-tooltip-bg: var(--kendo-info-20, inherit);
28468
28477
  --kendo-tooltip-border: var(--kendo-info-20, inherit);
28469
28478
  }
28470
28479
 
28480
+ .k-tooltip-dark {
28481
+ --kendo-tooltip-text: #ffffff;
28482
+ --kendo-tooltip-bg: var(--kendo-neutral-160, inherit);
28483
+ --kendo-tooltip-border: var(--kendo-neutral-160, inherit);
28484
+ }
28485
+
28486
+ .k-tooltip-light {
28487
+ --kendo-tooltip-text: var(--kendo-neutral-160, inherit);
28488
+ --kendo-tooltip-bg: var(--kendo-neutral-50, inherit);
28489
+ --kendo-tooltip-border: var(--kendo-neutral-50, inherit);
28490
+ }
28491
+
28471
28492
  .k-tooltip-button {
28472
28493
  color: var(--kendo-tooltip-button-text, var(--kendo-neutral-130, initial));
28473
28494
  }
@@ -32521,16 +32542,6 @@ textarea.k-input-inner {
32521
32542
  cursor: default;
32522
32543
  }
32523
32544
 
32524
- .k-slider-wrap {
32525
- width: 100%;
32526
- height: 100%;
32527
- display: flex;
32528
- flex-flow: inherit;
32529
- align-items: inherit;
32530
- gap: inherit;
32531
- position: relative;
32532
- }
32533
-
32534
32545
  .k-slider-button, .k-slider .k-button {
32535
32546
  flex: none;
32536
32547
  }
@@ -32871,14 +32882,6 @@ textarea.k-input-inner {
32871
32882
  position: absolute;
32872
32883
  }
32873
32884
 
32874
- .k-slider-horizontal .k-slider-wrap:not(.k-slider-buttons) {
32875
- padding-inline: var(--kendo-slider-spacing, 0.5rem);
32876
- }
32877
-
32878
- .k-slider-vertical .k-slider-wrap:not(.k-slider-buttons) {
32879
- padding-block: var(--kendo-slider-spacing, 0.5rem);
32880
- }
32881
-
32882
32885
  .k-slider {
32883
32886
  --INTERNAL--kendo-slider-text: var( --kendo-slider-text, inherit );
32884
32887
  --INTERNAL--kendo-slider-track-bg: var( --kendo-slider-track-bg, var(--kendo-neutral-60, inherit) );
@@ -34031,7 +34034,6 @@ textarea.k-input-inner {
34031
34034
  transform: none;
34032
34035
  z-index: auto;
34033
34036
  }
34034
- .k-colorgradient-slider .k-slider-wrap,
34035
34037
  .k-colorgradient-slider .k-slider-track-wrap {
34036
34038
  z-index: 1;
34037
34039
  }
@@ -39371,6 +39373,13 @@ kendo-card-footer {
39371
39373
  .k-card *::after {
39372
39374
  box-sizing: border-box;
39373
39375
  }
39376
+ .k-card .k-card-avatar,
39377
+ .k-card .k-avatar {
39378
+ margin-inline-end: var(--kendo-card-avatar-spacing, 0.75rem);
39379
+ width: var(--kendo-card-avatar-size, 3rem);
39380
+ height: var(--kendo-card-avatar-size, 3rem);
39381
+ flex-basis: var(--kendo-card-avatar-size, 3rem);
39382
+ }
39374
39383
 
39375
39384
  .k-card > .k-card-inner {
39376
39385
  border-radius: var(--kendo-card-inner-border-radius, 0.125rem);
@@ -39454,27 +39463,12 @@ kendo-card-footer {
39454
39463
  padding: 0;
39455
39464
  }
39456
39465
 
39457
- .k-card-avatar,
39458
- .k-card .k-avatar {
39459
- margin-inline-end: var(--kendo-card-avatar-spacing, 0.75rem);
39460
- width: var(--kendo-card-avatar-size, 3rem);
39461
- height: var(--kendo-card-avatar-size, 3rem);
39462
- flex-basis: var(--kendo-card-avatar-size, 3rem);
39463
- }
39464
-
39465
- .k-card-image,
39466
39466
  .k-card-media {
39467
39467
  border: 0;
39468
39468
  max-width: 100%;
39469
39469
  flex-shrink: 0;
39470
39470
  overflow: hidden;
39471
39471
  }
39472
- .k-card-image > img,
39473
- .k-card-media > img {
39474
- border: 0;
39475
- max-width: 100%;
39476
- }
39477
- .k-card-horizontal .k-card-image,
39478
39472
  .k-card-horizontal .k-card-media {
39479
39473
  max-width: var(--kendo-card-img-max-width, 100px);
39480
39474
  object-fit: cover;
@@ -39490,16 +39484,16 @@ kendo-card-footer {
39490
39484
  align-self: stretch;
39491
39485
  }
39492
39486
 
39493
- .k-card-separator.k-separator-vertical,
39494
- .k-card-horizontal > .k-card-separator {
39495
- border-left-width: 1px;
39496
- }
39497
-
39498
39487
  .k-card-separator.k-separator-horizontal,
39499
39488
  .k-card-vertical > .k-card-separator {
39500
39489
  border-top-width: 1px;
39501
39490
  }
39502
39491
 
39492
+ .k-card-separator.k-separator-vertical,
39493
+ .k-card-horizontal > .k-card-separator {
39494
+ border-left-width: 1px;
39495
+ }
39496
+
39503
39497
  .k-card > .k-hr {
39504
39498
  margin: 0;
39505
39499
  flex: 0 0 auto;
@@ -39519,37 +39513,6 @@ kendo-card-footer {
39519
39513
  gap: var(--kendo-card-actions-gap, 0.5rem);
39520
39514
  }
39521
39515
 
39522
- .k-card-actions-start {
39523
- justify-content: flex-start;
39524
- }
39525
-
39526
- .k-card-actions-end {
39527
- justify-content: flex-end;
39528
- }
39529
-
39530
- .k-card-actions-center {
39531
- justify-content: center;
39532
- }
39533
-
39534
- .k-card-actions-horizontal {
39535
- flex-flow: row nowrap;
39536
- }
39537
-
39538
- .k-card-actions-vertical {
39539
- flex-flow: column nowrap;
39540
- }
39541
-
39542
- .k-card-actions-stretched > * {
39543
- flex: 1 1 auto;
39544
- }
39545
-
39546
- .k-card-action {
39547
- border-width: 0;
39548
- border-style: solid;
39549
- border-color: inherit;
39550
- display: inline-flex;
39551
- }
39552
-
39553
39516
  .k-card-list {
39554
39517
  display: flex;
39555
39518
  flex-flow: column nowrap;
@@ -40557,16 +40520,6 @@ kendo-card-footer {
40557
40520
  height: 0;
40558
40521
  border-width: var(--kendo-dock-manager-border-width, 1px) 0 0;
40559
40522
  }
40560
- @supports (not (-ms-ime-mode: none)) and (not (overflow: -webkit-marquee)) and (not (-moz-appearance: none)) {
40561
- .k-dock-manager-toolbar .k-toolbar-button {
40562
- padding-block: var(--INTERNAL--kendo-button-padding-x, 0);
40563
- padding-inline: var(--INTERNAL--kendo-button-padding-y, 0);
40564
- }
40565
- .k-dock-manager-toolbar .k-toolbar-button .k-button-text {
40566
- -ms-writing-mode: tb-lr;
40567
- writing-mode: vertical-lr;
40568
- }
40569
- }
40570
40523
 
40571
40524
  .k-dock-manager-pane-container {
40572
40525
  width: 100%;
@@ -41671,6 +41624,7 @@ div.k-grid-norecords {
41671
41624
  overflow: hidden;
41672
41625
  }
41673
41626
 
41627
+ .k-grid .k-grid-sm,
41674
41628
  .k-grid-sm {
41675
41629
  --INTERNAL--kendo-grid-header-padding-x: var( --kendo-grid-header-padding-x-sm, 0.75rem );
41676
41630
  --INTERNAL--kendo-grid-header-padding-y: var( --kendo-grid-header-padding-y-sm, 0.375rem );
@@ -41690,6 +41644,7 @@ div.k-grid-norecords {
41690
41644
  --INTERNAL--kendo-grid-selection-aggregates-padding-y: var( --kendo-grid-selection-aggregates-padding-y-sm, 0.375rem );
41691
41645
  }
41692
41646
 
41647
+ .k-grid .k-grid-md,
41693
41648
  .k-grid-md {
41694
41649
  --INTERNAL--kendo-grid-header-padding-x: var( --kendo-grid-header-padding-x-md, 0.75rem );
41695
41650
  --INTERNAL--kendo-grid-header-padding-y: var( --kendo-grid-header-padding-y-md, 0.75rem );