@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 +47 -92
- package/dist/meta/sassdoc-data.json +642 -798
- package/dist/meta/sassdoc-raw-data.json +321 -396
- package/lib/swatches/all.json +1 -1
- package/lib/swatches/fluent-main.json +1 -1
- package/package.json +4 -4
- package/scss/captcha/_variables.scss +13 -13
- package/scss/card/_layout.scss +17 -55
- package/scss/colorgradient/_layout.scss +0 -1
- package/scss/dock-manager/_layout.scss +0 -12
- package/scss/dropzone/_variables.scss +21 -21
- package/scss/filemanager/_variables.scss +62 -62
- package/scss/grid/_layout.scss +1 -0
- package/scss/pdf-viewer/_variables.scss +30 -30
- package/scss/popup/_layout.scss +1 -0
- package/scss/rating/_variables.scss +14 -14
- package/scss/skeleton/_variables.scss +7 -6
- package/scss/slider/_layout.scss +0 -20
- 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
|
}
|
|
@@ -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 );
|