@progress/kendo-theme-fluent 7.0.3-dev.3 → 7.1.0-dev.1
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 +48 -91
- package/dist/meta/sassdoc-data.json +56 -206
- package/dist/meta/sassdoc-raw-data.json +28 -103
- package/lib/swatches/all.json +1 -1
- package/lib/swatches/fluent-main.json +1 -1
- package/package.json +4 -4
- package/scss/card/_layout.scss +17 -55
- package/scss/colorgradient/_layout.scss +0 -1
- package/scss/grid/_layout.scss +1 -0
- package/scss/notification/_layout.scss +4 -9
- package/scss/notification/_variables.scss +2 -2
- package/scss/popup/_layout.scss +1 -0
- package/scss/slider/_layout.scss +0 -20
- package/scss/timeline/_layout.scss +0 -4
- package/scss/tooltip/_theme.scss +0 -5
- package/scss/tooltip/_variables.scss +48 -29
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-
|
|
28448
|
-
--kendo-tooltip-text: var(--kendo-
|
|
28449
|
-
--kendo-tooltip-bg: var(--kendo-
|
|
28450
|
-
--kendo-tooltip-border: var(--kendo-
|
|
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-
|
|
28454
|
-
--kendo-tooltip-text: var(--kendo-
|
|
28455
|
-
--kendo-tooltip-bg: var(--kendo-
|
|
28456
|
-
--kendo-tooltip-border: var(--kendo-
|
|
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
|
}
|
|
@@ -37309,14 +37311,9 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
37309
37311
|
flex-flow: column-reverse wrap;
|
|
37310
37312
|
position: fixed;
|
|
37311
37313
|
z-index: 1000;
|
|
37314
|
+
gap: var(--kendo-notificaiton-group-gap, 0.5rem) 0;
|
|
37312
37315
|
}
|
|
37313
37316
|
|
|
37314
|
-
.k-notification-container {
|
|
37315
|
-
margin-block: var(--kendo-notification-container-padding-y, 0.125rem);
|
|
37316
|
-
margin-inline: 0;
|
|
37317
|
-
display: inline-flex;
|
|
37318
|
-
vertical-align: top;
|
|
37319
|
-
}
|
|
37320
37317
|
.k-notification-container-animating {
|
|
37321
37318
|
overflow: hidden;
|
|
37322
37319
|
}
|
|
@@ -39371,6 +39368,13 @@ kendo-card-footer {
|
|
|
39371
39368
|
.k-card *::after {
|
|
39372
39369
|
box-sizing: border-box;
|
|
39373
39370
|
}
|
|
39371
|
+
.k-card .k-card-avatar,
|
|
39372
|
+
.k-card .k-avatar {
|
|
39373
|
+
margin-inline-end: var(--kendo-card-avatar-spacing, 0.75rem);
|
|
39374
|
+
width: var(--kendo-card-avatar-size, 3rem);
|
|
39375
|
+
height: var(--kendo-card-avatar-size, 3rem);
|
|
39376
|
+
flex-basis: var(--kendo-card-avatar-size, 3rem);
|
|
39377
|
+
}
|
|
39374
39378
|
|
|
39375
39379
|
.k-card > .k-card-inner {
|
|
39376
39380
|
border-radius: var(--kendo-card-inner-border-radius, 0.125rem);
|
|
@@ -39454,27 +39458,12 @@ kendo-card-footer {
|
|
|
39454
39458
|
padding: 0;
|
|
39455
39459
|
}
|
|
39456
39460
|
|
|
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
39461
|
.k-card-media {
|
|
39467
39462
|
border: 0;
|
|
39468
39463
|
max-width: 100%;
|
|
39469
39464
|
flex-shrink: 0;
|
|
39470
39465
|
overflow: hidden;
|
|
39471
39466
|
}
|
|
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
39467
|
.k-card-horizontal .k-card-media {
|
|
39479
39468
|
max-width: var(--kendo-card-img-max-width, 100px);
|
|
39480
39469
|
object-fit: cover;
|
|
@@ -39490,16 +39479,16 @@ kendo-card-footer {
|
|
|
39490
39479
|
align-self: stretch;
|
|
39491
39480
|
}
|
|
39492
39481
|
|
|
39493
|
-
.k-card-separator.k-separator-vertical,
|
|
39494
|
-
.k-card-horizontal > .k-card-separator {
|
|
39495
|
-
border-left-width: 1px;
|
|
39496
|
-
}
|
|
39497
|
-
|
|
39498
39482
|
.k-card-separator.k-separator-horizontal,
|
|
39499
39483
|
.k-card-vertical > .k-card-separator {
|
|
39500
39484
|
border-top-width: 1px;
|
|
39501
39485
|
}
|
|
39502
39486
|
|
|
39487
|
+
.k-card-separator.k-separator-vertical,
|
|
39488
|
+
.k-card-horizontal > .k-card-separator {
|
|
39489
|
+
border-left-width: 1px;
|
|
39490
|
+
}
|
|
39491
|
+
|
|
39503
39492
|
.k-card > .k-hr {
|
|
39504
39493
|
margin: 0;
|
|
39505
39494
|
flex: 0 0 auto;
|
|
@@ -39519,37 +39508,6 @@ kendo-card-footer {
|
|
|
39519
39508
|
gap: var(--kendo-card-actions-gap, 0.5rem);
|
|
39520
39509
|
}
|
|
39521
39510
|
|
|
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
39511
|
.k-card-list {
|
|
39554
39512
|
display: flex;
|
|
39555
39513
|
flex-flow: column nowrap;
|
|
@@ -41661,6 +41619,7 @@ div.k-grid-norecords {
|
|
|
41661
41619
|
overflow: hidden;
|
|
41662
41620
|
}
|
|
41663
41621
|
|
|
41622
|
+
.k-grid .k-grid-sm,
|
|
41664
41623
|
.k-grid-sm {
|
|
41665
41624
|
--INTERNAL--kendo-grid-header-padding-x: var( --kendo-grid-header-padding-x-sm, 0.75rem );
|
|
41666
41625
|
--INTERNAL--kendo-grid-header-padding-y: var( --kendo-grid-header-padding-y-sm, 0.375rem );
|
|
@@ -41680,6 +41639,7 @@ div.k-grid-norecords {
|
|
|
41680
41639
|
--INTERNAL--kendo-grid-selection-aggregates-padding-y: var( --kendo-grid-selection-aggregates-padding-y-sm, 0.375rem );
|
|
41681
41640
|
}
|
|
41682
41641
|
|
|
41642
|
+
.k-grid .k-grid-md,
|
|
41683
41643
|
.k-grid-md {
|
|
41684
41644
|
--INTERNAL--kendo-grid-header-padding-x: var( --kendo-grid-header-padding-x-md, 0.75rem );
|
|
41685
41645
|
--INTERNAL--kendo-grid-header-padding-y: var( --kendo-grid-header-padding-y-md, 0.75rem );
|
|
@@ -48512,9 +48472,6 @@ kendo-scheduler .k-recurrence-editor {
|
|
|
48512
48472
|
.k-timeline.k-timeline-dates-hidden .k-timeline-date {
|
|
48513
48473
|
display: none;
|
|
48514
48474
|
}
|
|
48515
|
-
.k-timeline .k-event-collapse {
|
|
48516
|
-
display: none;
|
|
48517
|
-
}
|
|
48518
48475
|
.k-timeline.k-timeline-collapsible .k-card-header {
|
|
48519
48476
|
cursor: pointer;
|
|
48520
48477
|
}
|