@progress/kendo-theme-material 5.10.1-dev.1 → 5.10.1-dev.3
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 +42 -43
- package/dist/all.scss +60 -46
- package/lib/swatches/material-aqua-dark.json +1 -1
- package/lib/swatches/material-arctic.json +1 -1
- package/lib/swatches/material-burnt-teal.json +1 -1
- package/lib/swatches/material-dataviz-v4.json +1 -1
- package/lib/swatches/material-eggplant.json +1 -1
- package/lib/swatches/material-lime-dark.json +1 -1
- package/lib/swatches/material-lime.json +1 -1
- package/lib/swatches/material-main-dark.json +1 -1
- package/lib/swatches/material-main.json +1 -1
- package/lib/swatches/material-nova.json +1 -1
- package/lib/swatches/material-pacific-dark.json +1 -1
- package/lib/swatches/material-pacific.json +1 -1
- package/lib/swatches/material-sky-dark.json +1 -1
- package/lib/swatches/material-sky.json +1 -1
- package/lib/swatches/material-smoke.json +1 -1
- package/package.json +7 -5
- package/scss/action-sheet/_variables.scss +2 -2
package/dist/all.css
CHANGED
|
@@ -22836,6 +22836,8 @@ kendo-label > .k-label {
|
|
|
22836
22836
|
border-width: 0;
|
|
22837
22837
|
border-style: solid;
|
|
22838
22838
|
border-color: transparent;
|
|
22839
|
+
font-size: 16px;
|
|
22840
|
+
line-height: 1.25;
|
|
22839
22841
|
flex: none;
|
|
22840
22842
|
display: flex;
|
|
22841
22843
|
flex-flow: column nowrap;
|
|
@@ -22992,6 +22994,16 @@ kendo-label > .k-label {
|
|
|
22992
22994
|
padding: 8px 16px;
|
|
22993
22995
|
}
|
|
22994
22996
|
|
|
22997
|
+
.k-adaptive-actionsheet .k-actionsheet-filter {
|
|
22998
|
+
width: calc(min(100%, calc( 360px - 32px) ));
|
|
22999
|
+
}
|
|
23000
|
+
|
|
23001
|
+
.k-adaptive-actionsheet .k-actionsheet-content,
|
|
23002
|
+
.k-adaptive-actionsheet .k-actionsheet-footer {
|
|
23003
|
+
margin-inline: auto;
|
|
23004
|
+
width: min(100%, 360px);
|
|
23005
|
+
}
|
|
23006
|
+
|
|
22995
23007
|
.k-adaptive-actionsheet .k-list-container,
|
|
22996
23008
|
.k-adaptive-actionsheet .k-treeview {
|
|
22997
23009
|
height: 100%;
|
|
@@ -23662,6 +23674,7 @@ kendo-drawer .k-drawer-wrapper {
|
|
|
23662
23674
|
display: inline-flex;
|
|
23663
23675
|
flex-flow: column-reverse wrap;
|
|
23664
23676
|
position: fixed;
|
|
23677
|
+
z-index: 1000;
|
|
23665
23678
|
}
|
|
23666
23679
|
|
|
23667
23680
|
.k-notification-container {
|
|
@@ -25651,7 +25664,6 @@ kendo-card-footer {
|
|
|
25651
25664
|
border-style: solid;
|
|
25652
25665
|
border-color: inherit;
|
|
25653
25666
|
position: relative;
|
|
25654
|
-
z-index: 2;
|
|
25655
25667
|
}
|
|
25656
25668
|
|
|
25657
25669
|
.k-tabstrip-items {
|
|
@@ -25659,7 +25671,8 @@ kendo-card-footer {
|
|
|
25659
25671
|
outline: 0;
|
|
25660
25672
|
display: flex;
|
|
25661
25673
|
flex-flow: row wrap;
|
|
25662
|
-
flex:
|
|
25674
|
+
flex: 1 1 auto;
|
|
25675
|
+
gap: 0px;
|
|
25663
25676
|
}
|
|
25664
25677
|
|
|
25665
25678
|
.k-tabstrip-items *,
|
|
@@ -25703,6 +25716,7 @@ kendo-card-footer {
|
|
|
25703
25716
|
|
|
25704
25717
|
.k-tabstrip-content,
|
|
25705
25718
|
.k-tabstrip > .k-content {
|
|
25719
|
+
margin: 0 !important;
|
|
25706
25720
|
padding: 16px 16px;
|
|
25707
25721
|
box-sizing: border-box;
|
|
25708
25722
|
border-width: 0px;
|
|
@@ -25712,7 +25726,6 @@ kendo-card-footer {
|
|
|
25712
25726
|
overflow: auto;
|
|
25713
25727
|
flex: 1 1 auto;
|
|
25714
25728
|
position: relative;
|
|
25715
|
-
z-index: 1;
|
|
25716
25729
|
}
|
|
25717
25730
|
|
|
25718
25731
|
.k-tabstrip-content.k-active,
|
|
@@ -25748,7 +25761,6 @@ kendo-card-footer {
|
|
|
25748
25761
|
}
|
|
25749
25762
|
|
|
25750
25763
|
.k-tabstrip-scrollable > .k-tabstrip-items-wrapper > .k-tabstrip-items {
|
|
25751
|
-
flex: 1 1 auto;
|
|
25752
25764
|
flex-wrap: nowrap;
|
|
25753
25765
|
white-space: nowrap;
|
|
25754
25766
|
overflow: hidden;
|
|
@@ -25777,11 +25789,6 @@ kendo-card-footer {
|
|
|
25777
25789
|
|
|
25778
25790
|
.k-tabstrip-top > .k-tabstrip-items-wrapper {
|
|
25779
25791
|
border-bottom-width: 1px;
|
|
25780
|
-
margin-bottom: 0px;
|
|
25781
|
-
}
|
|
25782
|
-
|
|
25783
|
-
.k-tabstrip-top > .k-tabstrip-items-wrapper > .k-tabstrip-items {
|
|
25784
|
-
width: 100%;
|
|
25785
25792
|
}
|
|
25786
25793
|
|
|
25787
25794
|
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item {
|
|
@@ -25790,10 +25797,6 @@ kendo-card-footer {
|
|
|
25790
25797
|
margin-bottom: -1px;
|
|
25791
25798
|
}
|
|
25792
25799
|
|
|
25793
|
-
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item + .k-item {
|
|
25794
|
-
margin-left: 0px;
|
|
25795
|
-
}
|
|
25796
|
-
|
|
25797
25800
|
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item.k-active {
|
|
25798
25801
|
border-bottom-color: transparent;
|
|
25799
25802
|
}
|
|
@@ -25802,16 +25805,11 @@ kendo-card-footer {
|
|
|
25802
25805
|
.k-tabstrip-top > .k-tabstrip-content {
|
|
25803
25806
|
border-bottom-right-radius: 0px;
|
|
25804
25807
|
border-bottom-left-radius: 0px;
|
|
25805
|
-
border-top-
|
|
25808
|
+
border-top-width: 0 !important;
|
|
25806
25809
|
}
|
|
25807
25810
|
|
|
25808
25811
|
.k-tabstrip-bottom > .k-tabstrip-items-wrapper {
|
|
25809
25812
|
border-top-width: 1px;
|
|
25810
|
-
margin-top: 0px;
|
|
25811
|
-
}
|
|
25812
|
-
|
|
25813
|
-
.k-tabstrip-bottom > .k-tabstrip-items-wrapper > .k-tabstrip-items {
|
|
25814
|
-
width: 100%;
|
|
25815
25813
|
}
|
|
25816
25814
|
|
|
25817
25815
|
.k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item {
|
|
@@ -25820,10 +25818,6 @@ kendo-card-footer {
|
|
|
25820
25818
|
margin-top: -1px;
|
|
25821
25819
|
}
|
|
25822
25820
|
|
|
25823
|
-
.k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item + .k-item {
|
|
25824
|
-
margin-left: 0px;
|
|
25825
|
-
}
|
|
25826
|
-
|
|
25827
25821
|
.k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-active {
|
|
25828
25822
|
border-top-color: transparent;
|
|
25829
25823
|
}
|
|
@@ -25832,7 +25826,7 @@ kendo-card-footer {
|
|
|
25832
25826
|
.k-tabstrip-bottom > .k-tabstrip-content {
|
|
25833
25827
|
border-top-left-radius: 0px;
|
|
25834
25828
|
border-top-right-radius: 0px;
|
|
25835
|
-
border-bottom-
|
|
25829
|
+
border-bottom-width: 0 !important;
|
|
25836
25830
|
}
|
|
25837
25831
|
|
|
25838
25832
|
.k-tabstrip-left {
|
|
@@ -25841,12 +25835,9 @@ kendo-card-footer {
|
|
|
25841
25835
|
|
|
25842
25836
|
.k-tabstrip-left > .k-tabstrip-items-wrapper {
|
|
25843
25837
|
border-right-width: 1px;
|
|
25844
|
-
margin-right: 0px;
|
|
25845
25838
|
}
|
|
25846
25839
|
|
|
25847
25840
|
.k-tabstrip-left > .k-tabstrip-items-wrapper > .k-tabstrip-items {
|
|
25848
|
-
height: 100%;
|
|
25849
|
-
display: inline-flex;
|
|
25850
25841
|
flex-direction: column;
|
|
25851
25842
|
}
|
|
25852
25843
|
|
|
@@ -25856,10 +25847,6 @@ kendo-card-footer {
|
|
|
25856
25847
|
margin-right: -1px;
|
|
25857
25848
|
}
|
|
25858
25849
|
|
|
25859
|
-
.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item + .k-item {
|
|
25860
|
-
margin-top: 0px;
|
|
25861
|
-
}
|
|
25862
|
-
|
|
25863
25850
|
.k-tabstrip-left > .k-tabstrip-items-wrapper .k-item.k-active {
|
|
25864
25851
|
border-right-color: transparent;
|
|
25865
25852
|
}
|
|
@@ -25868,8 +25855,7 @@ kendo-card-footer {
|
|
|
25868
25855
|
.k-tabstrip-left > .k-tabstrip-content {
|
|
25869
25856
|
border-top-right-radius: 0px;
|
|
25870
25857
|
border-bottom-right-radius: 0px;
|
|
25871
|
-
|
|
25872
|
-
border-left-color: transparent !important;
|
|
25858
|
+
border-left-width: 0 !important;
|
|
25873
25859
|
}
|
|
25874
25860
|
|
|
25875
25861
|
.k-tabstrip-right {
|
|
@@ -25878,12 +25864,9 @@ kendo-card-footer {
|
|
|
25878
25864
|
|
|
25879
25865
|
.k-tabstrip-right > .k-tabstrip-items-wrapper {
|
|
25880
25866
|
border-left-width: 1px;
|
|
25881
|
-
margin-left: 0px;
|
|
25882
25867
|
}
|
|
25883
25868
|
|
|
25884
25869
|
.k-tabstrip-right > .k-tabstrip-items-wrapper > .k-tabstrip-items {
|
|
25885
|
-
height: 100%;
|
|
25886
|
-
display: inline-flex;
|
|
25887
25870
|
flex-direction: column;
|
|
25888
25871
|
}
|
|
25889
25872
|
|
|
@@ -25893,10 +25876,6 @@ kendo-card-footer {
|
|
|
25893
25876
|
margin-left: -1px;
|
|
25894
25877
|
}
|
|
25895
25878
|
|
|
25896
|
-
.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item + .k-item {
|
|
25897
|
-
margin-top: 0px;
|
|
25898
|
-
}
|
|
25899
|
-
|
|
25900
25879
|
.k-tabstrip-right > .k-tabstrip-items-wrapper .k-item.k-active {
|
|
25901
25880
|
border-left-color: transparent;
|
|
25902
25881
|
}
|
|
@@ -25905,8 +25884,27 @@ kendo-card-footer {
|
|
|
25905
25884
|
.k-tabstrip-right > .k-tabstrip-content {
|
|
25906
25885
|
border-top-left-radius: 0px;
|
|
25907
25886
|
border-bottom-left-radius: 0px;
|
|
25908
|
-
|
|
25909
|
-
|
|
25887
|
+
border-right-width: 0;
|
|
25888
|
+
}
|
|
25889
|
+
|
|
25890
|
+
.k-tabstrip-items-start {
|
|
25891
|
+
justify-content: flex-start;
|
|
25892
|
+
}
|
|
25893
|
+
|
|
25894
|
+
.k-tabstrip-items-center {
|
|
25895
|
+
justify-content: center;
|
|
25896
|
+
}
|
|
25897
|
+
|
|
25898
|
+
.k-tabstrip-items-end {
|
|
25899
|
+
justify-content: flex-end;
|
|
25900
|
+
}
|
|
25901
|
+
|
|
25902
|
+
.k-tabstrip-items-justify {
|
|
25903
|
+
justify-content: space-between;
|
|
25904
|
+
}
|
|
25905
|
+
|
|
25906
|
+
.k-tabstrip-items-stretched > * {
|
|
25907
|
+
flex: 1 0 0;
|
|
25910
25908
|
}
|
|
25911
25909
|
|
|
25912
25910
|
.k-tabstrip-items-wrapper .k-item::after {
|
|
@@ -25915,11 +25913,12 @@ kendo-card-footer {
|
|
|
25915
25913
|
border-style: solid;
|
|
25916
25914
|
display: none;
|
|
25917
25915
|
position: absolute;
|
|
25918
|
-
z-index:
|
|
25916
|
+
z-index: 2;
|
|
25919
25917
|
top: 0;
|
|
25920
25918
|
right: 0;
|
|
25921
25919
|
bottom: 0;
|
|
25922
25920
|
left: 0;
|
|
25921
|
+
pointer-events: none;
|
|
25923
25922
|
}
|
|
25924
25923
|
|
|
25925
25924
|
.k-tabstrip-top > .k-tabstrip-items-wrapper .k-item::after {
|
package/dist/all.scss
CHANGED
|
@@ -8,6 +8,10 @@ $wcag-min-contrast-ratio: 4.5 !default;
|
|
|
8
8
|
|
|
9
9
|
// #region @import "~@progress/kendo-theme-core/scss/functions/index.import.scss"; -> packages/material/node_modules/@progress/kendo-theme-core/scss/functions/index.import.scss
|
|
10
10
|
// #region @import "_color.import.scss"; -> packages/material/node_modules/@progress/kendo-theme-core/scss/functions/_color.import.scss
|
|
11
|
+
@function k-color-alpha( $color ) {
|
|
12
|
+
@return alpha( $color );
|
|
13
|
+
}
|
|
14
|
+
|
|
11
15
|
@function k-color-red( $color ) {
|
|
12
16
|
@return red( $color );
|
|
13
17
|
}
|
|
@@ -437,6 +441,12 @@ $kendo-color-level-step: 8% !default;
|
|
|
437
441
|
@return k-color-lighten( $color, $amount );
|
|
438
442
|
}
|
|
439
443
|
|
|
444
|
+
@function k-rgba-to-mix( $color, $bg ) {
|
|
445
|
+
$percent: k-color-alpha( $color ) * 100%;
|
|
446
|
+
|
|
447
|
+
@return k-color-mix( rgba( $color, 1 ), $bg, $percent );
|
|
448
|
+
}
|
|
449
|
+
|
|
440
450
|
// TODO: Remove this function or rethink the logic
|
|
441
451
|
@function k-true-mix( $color1, $color2, $weight: 50% ) {
|
|
442
452
|
@return k-color-mix( rgba( $color1, 1 ), rgba( $color2, 1 ), $weight );
|
|
@@ -482,12 +492,22 @@ $kendo-color-level-step: 8% !default;
|
|
|
482
492
|
@return $result;
|
|
483
493
|
}
|
|
484
494
|
|
|
495
|
+
// #endregion
|
|
496
|
+
// #region @import "_lang.import.scss"; -> packages/material/node_modules/@progress/kendo-theme-core/scss/functions/_lang.import.scss
|
|
497
|
+
@function k-if-var( $var, $fallback ) {
|
|
498
|
+
@return if( $var != null, $var, $fallback );
|
|
499
|
+
}
|
|
500
|
+
|
|
485
501
|
// #endregion
|
|
486
502
|
// #region @import "_list.import.scss"; -> packages/material/node_modules/@progress/kendo-theme-core/scss/functions/_list.import.scss
|
|
487
503
|
@function k-list-append( $list, $val, $separator: auto ) {
|
|
488
504
|
@return append( $list, $val, $separator );
|
|
489
505
|
}
|
|
490
506
|
|
|
507
|
+
@function k-list-includes( $list, $value ) {
|
|
508
|
+
@return k-list-index( $list, $value ) != null;
|
|
509
|
+
}
|
|
510
|
+
|
|
491
511
|
@function k-list-index( $list, $value ) {
|
|
492
512
|
@return index( $list, $value );
|
|
493
513
|
}
|
|
@@ -25153,9 +25173,9 @@ $actionsheet-shadow: $box-shadow-depth-4 !default;
|
|
|
25153
25173
|
$actionsheet-titlebar-padding-x: k-map-get( $spacing, 4 ) !default;
|
|
25154
25174
|
$actionsheet-titlebar-padding-y: k-map-get( $spacing, 2 ) !default;
|
|
25155
25175
|
$actionsheet-titlebar-border-width: null !default;
|
|
25156
|
-
$actionsheet-titlebar-font-size:
|
|
25176
|
+
$actionsheet-titlebar-font-size: $font-size-lg !default;
|
|
25157
25177
|
$actionsheet-titlebar-font-family: null !default;
|
|
25158
|
-
$actionsheet-titlebar-line-height:
|
|
25178
|
+
$actionsheet-titlebar-line-height: 1.25 !default;
|
|
25159
25179
|
$actionsheet-titlebar-gap: k-map-get( $spacing, 4 ) !default;
|
|
25160
25180
|
|
|
25161
25181
|
$actionsheet-titlebar-bg: null !default;
|
|
@@ -25480,6 +25500,15 @@ $adaptive-actionsheet-footer-padding-x: k-map-get( $spacing, 4 ) !default;
|
|
|
25480
25500
|
padding: $adaptive-actionsheet-footer-padding-y $adaptive-actionsheet-footer-padding-x;
|
|
25481
25501
|
}
|
|
25482
25502
|
|
|
25503
|
+
.k-actionsheet-filter {
|
|
25504
|
+
width: calc( min(100%, calc( 360px - #{$adaptive-actionsheet-titlebar-padding-x * 2}) ) );
|
|
25505
|
+
}
|
|
25506
|
+
.k-actionsheet-content,
|
|
25507
|
+
.k-actionsheet-footer {
|
|
25508
|
+
margin-inline: auto;
|
|
25509
|
+
width: unquote("min(100%, 360px)");
|
|
25510
|
+
}
|
|
25511
|
+
|
|
25483
25512
|
.k-list-container,
|
|
25484
25513
|
.k-treeview {
|
|
25485
25514
|
height: 100%;
|
|
@@ -26566,6 +26595,7 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
|
|
|
26566
26595
|
display: inline-flex;
|
|
26567
26596
|
flex-flow: column-reverse wrap;
|
|
26568
26597
|
position: fixed;
|
|
26598
|
+
z-index: 1000;
|
|
26569
26599
|
}
|
|
26570
26600
|
|
|
26571
26601
|
.k-notification-container {
|
|
@@ -29472,7 +29502,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29472
29502
|
border-style: solid;
|
|
29473
29503
|
border-color: inherit;
|
|
29474
29504
|
position: relative;
|
|
29475
|
-
z-index: 2;
|
|
29476
29505
|
}
|
|
29477
29506
|
|
|
29478
29507
|
.k-tabstrip-items {
|
|
@@ -29480,7 +29509,8 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29480
29509
|
outline: 0;
|
|
29481
29510
|
display: flex;
|
|
29482
29511
|
flex-flow: row wrap;
|
|
29483
|
-
flex:
|
|
29512
|
+
flex: 1 1 auto;
|
|
29513
|
+
gap: $tabstrip-item-gap;
|
|
29484
29514
|
|
|
29485
29515
|
*,
|
|
29486
29516
|
*::before,
|
|
@@ -29523,6 +29553,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29523
29553
|
|
|
29524
29554
|
.k-tabstrip-content,
|
|
29525
29555
|
.k-tabstrip > .k-content {
|
|
29556
|
+
margin: 0 !important; // sass-lint:disable-line no-important
|
|
29526
29557
|
padding: $tabstrip-content-padding-y $tabstrip-content-padding-x;
|
|
29527
29558
|
box-sizing: border-box;
|
|
29528
29559
|
border-width: $tabstrip-content-border-width;
|
|
@@ -29532,7 +29563,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29532
29563
|
overflow: auto;
|
|
29533
29564
|
flex: 1 1 auto;
|
|
29534
29565
|
position: relative;
|
|
29535
|
-
z-index: 1;
|
|
29536
29566
|
|
|
29537
29567
|
&.k-active {
|
|
29538
29568
|
display: block;
|
|
@@ -29574,7 +29604,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29574
29604
|
> .k-tabstrip-items-wrapper {
|
|
29575
29605
|
|
|
29576
29606
|
> .k-tabstrip-items {
|
|
29577
|
-
flex: 1 1 auto;
|
|
29578
29607
|
flex-wrap: nowrap;
|
|
29579
29608
|
white-space: nowrap;
|
|
29580
29609
|
overflow: hidden;
|
|
@@ -29608,25 +29637,16 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29608
29637
|
}
|
|
29609
29638
|
|
|
29610
29639
|
|
|
29611
|
-
// Tabstrip
|
|
29640
|
+
// Tabstrip position
|
|
29612
29641
|
.k-tabstrip-top {
|
|
29613
29642
|
> .k-tabstrip-items-wrapper {
|
|
29614
29643
|
border-bottom-width: $tabstrip-border-width;
|
|
29615
|
-
margin-bottom: -$tabstrip-content-border-width;
|
|
29616
|
-
|
|
29617
|
-
> .k-tabstrip-items {
|
|
29618
|
-
width: 100%;
|
|
29619
|
-
}
|
|
29620
29644
|
|
|
29621
29645
|
.k-item {
|
|
29622
29646
|
@include border-top-radius( $tabstrip-item-border-radius );
|
|
29623
29647
|
margin-bottom: -$tabstrip-border-width;
|
|
29624
29648
|
}
|
|
29625
29649
|
|
|
29626
|
-
.k-item + .k-item {
|
|
29627
|
-
margin-left: $tabstrip-item-gap;
|
|
29628
|
-
}
|
|
29629
|
-
|
|
29630
29650
|
.k-item.k-active {
|
|
29631
29651
|
border-bottom-color: transparent;
|
|
29632
29652
|
}
|
|
@@ -29635,27 +29655,18 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29635
29655
|
> .k-content,
|
|
29636
29656
|
> .k-tabstrip-content {
|
|
29637
29657
|
@include border-bottom-radius( $tabstrip-item-border-radius );
|
|
29638
|
-
border-top-
|
|
29658
|
+
border-top-width: 0 !important; // sass-lint:disable-line no-important
|
|
29639
29659
|
}
|
|
29640
29660
|
}
|
|
29641
29661
|
.k-tabstrip-bottom {
|
|
29642
29662
|
> .k-tabstrip-items-wrapper {
|
|
29643
29663
|
border-top-width: $tabstrip-border-width;
|
|
29644
|
-
margin-top: -$tabstrip-content-border-width;
|
|
29645
|
-
|
|
29646
|
-
> .k-tabstrip-items {
|
|
29647
|
-
width: 100%;
|
|
29648
|
-
}
|
|
29649
29664
|
|
|
29650
29665
|
.k-item {
|
|
29651
29666
|
@include border-bottom-radius( $tabstrip-item-border-radius );
|
|
29652
29667
|
margin-top: -$tabstrip-border-width;
|
|
29653
29668
|
}
|
|
29654
29669
|
|
|
29655
|
-
.k-item + .k-item {
|
|
29656
|
-
margin-left: $tabstrip-item-gap;
|
|
29657
|
-
}
|
|
29658
|
-
|
|
29659
29670
|
.k-item.k-active {
|
|
29660
29671
|
border-top-color: transparent;
|
|
29661
29672
|
}
|
|
@@ -29664,7 +29675,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29664
29675
|
> .k-content,
|
|
29665
29676
|
> .k-tabstrip-content {
|
|
29666
29677
|
@include border-top-radius( $tabstrip-item-border-radius );
|
|
29667
|
-
border-bottom-
|
|
29678
|
+
border-bottom-width: 0 !important; // sass-lint:disable-line no-important
|
|
29668
29679
|
}
|
|
29669
29680
|
}
|
|
29670
29681
|
.k-tabstrip-left {
|
|
@@ -29672,11 +29683,8 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29672
29683
|
|
|
29673
29684
|
> .k-tabstrip-items-wrapper {
|
|
29674
29685
|
border-right-width: $tabstrip-border-width;
|
|
29675
|
-
margin-right: -$tabstrip-content-border-width;
|
|
29676
29686
|
|
|
29677
29687
|
> .k-tabstrip-items {
|
|
29678
|
-
height: 100%;
|
|
29679
|
-
display: inline-flex;
|
|
29680
29688
|
flex-direction: column;
|
|
29681
29689
|
}
|
|
29682
29690
|
|
|
@@ -29685,10 +29693,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29685
29693
|
margin-right: -$tabstrip-border-width;
|
|
29686
29694
|
}
|
|
29687
29695
|
|
|
29688
|
-
.k-item + .k-item {
|
|
29689
|
-
margin-top: $tabstrip-item-gap;
|
|
29690
|
-
}
|
|
29691
|
-
|
|
29692
29696
|
.k-item.k-active {
|
|
29693
29697
|
border-right-color: transparent;
|
|
29694
29698
|
}
|
|
@@ -29697,8 +29701,7 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29697
29701
|
> .k-content,
|
|
29698
29702
|
> .k-tabstrip-content {
|
|
29699
29703
|
@include border-right-radius( $tabstrip-item-border-radius );
|
|
29700
|
-
|
|
29701
|
-
border-left-color: transparent !important; // sass-lint:disable-line no-important
|
|
29704
|
+
border-left-width: 0 !important; // sass-lint:disable-line no-important
|
|
29702
29705
|
}
|
|
29703
29706
|
|
|
29704
29707
|
}
|
|
@@ -29707,11 +29710,8 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29707
29710
|
|
|
29708
29711
|
> .k-tabstrip-items-wrapper {
|
|
29709
29712
|
border-left-width: $tabstrip-border-width;
|
|
29710
|
-
margin-left: -$tabstrip-content-border-width;
|
|
29711
29713
|
|
|
29712
29714
|
> .k-tabstrip-items {
|
|
29713
|
-
height: 100%;
|
|
29714
|
-
display: inline-flex;
|
|
29715
29715
|
flex-direction: column;
|
|
29716
29716
|
}
|
|
29717
29717
|
|
|
@@ -29720,10 +29720,6 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29720
29720
|
margin-left: -$tabstrip-border-width;
|
|
29721
29721
|
}
|
|
29722
29722
|
|
|
29723
|
-
.k-item + .k-item {
|
|
29724
|
-
margin-top: $tabstrip-item-gap;
|
|
29725
|
-
}
|
|
29726
|
-
|
|
29727
29723
|
.k-item.k-active {
|
|
29728
29724
|
border-left-color: transparent;
|
|
29729
29725
|
}
|
|
@@ -29732,12 +29728,29 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29732
29728
|
> .k-content,
|
|
29733
29729
|
> .k-tabstrip-content {
|
|
29734
29730
|
@include border-left-radius( $tabstrip-item-border-radius );
|
|
29735
|
-
|
|
29736
|
-
border-right-color: transparent !important; // sass-lint:disable-line no-important
|
|
29731
|
+
border-right-width: 0;
|
|
29737
29732
|
}
|
|
29738
29733
|
}
|
|
29739
29734
|
|
|
29740
29735
|
|
|
29736
|
+
// Tabstrip align
|
|
29737
|
+
.k-tabstrip-items-start {
|
|
29738
|
+
justify-content: flex-start;
|
|
29739
|
+
}
|
|
29740
|
+
.k-tabstrip-items-center {
|
|
29741
|
+
justify-content: center;
|
|
29742
|
+
}
|
|
29743
|
+
.k-tabstrip-items-end {
|
|
29744
|
+
justify-content: flex-end;
|
|
29745
|
+
}
|
|
29746
|
+
.k-tabstrip-items-justify {
|
|
29747
|
+
justify-content: space-between;
|
|
29748
|
+
}
|
|
29749
|
+
.k-tabstrip-items-stretched > * {
|
|
29750
|
+
flex: 1 0 0;
|
|
29751
|
+
}
|
|
29752
|
+
|
|
29753
|
+
|
|
29741
29754
|
// Selected indicator
|
|
29742
29755
|
@if ($tabstrip-indicator-size) {
|
|
29743
29756
|
|
|
@@ -29749,11 +29762,12 @@ $tabstrip-content-border-focused: $component-text !default;
|
|
|
29749
29762
|
border-style: solid;
|
|
29750
29763
|
display: none;
|
|
29751
29764
|
position: absolute;
|
|
29752
|
-
z-index:
|
|
29765
|
+
z-index: 2;
|
|
29753
29766
|
top: 0;
|
|
29754
29767
|
right: 0;
|
|
29755
29768
|
bottom: 0;
|
|
29756
29769
|
left: 0;
|
|
29770
|
+
pointer-events: none;
|
|
29757
29771
|
|
|
29758
29772
|
// Variants
|
|
29759
29773
|
.k-tabstrip-top > & {
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-material",
|
|
3
3
|
"description": "Material theme for Kendo UI",
|
|
4
|
-
"version": "5.10.1-dev.
|
|
4
|
+
"version": "5.10.1-dev.3",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -46,11 +46,13 @@
|
|
|
46
46
|
"postpublish": "echo 'no postpublish for material theme'"
|
|
47
47
|
},
|
|
48
48
|
"dependencies": {
|
|
49
|
-
"@progress/kendo-
|
|
50
|
-
"@progress/kendo-theme-
|
|
49
|
+
"@progress/kendo-font-icons": "^0.6.0",
|
|
50
|
+
"@progress/kendo-theme-core": "^5.10.1-dev.3",
|
|
51
|
+
"@progress/kendo-theme-default": "^5.10.1-dev.3",
|
|
52
|
+
"@progress/kendo-theme-utils": "^5.10.1-dev.3"
|
|
51
53
|
},
|
|
52
54
|
"devDependencies": {
|
|
53
|
-
"sass-build": "^1.
|
|
55
|
+
"sass-build": "^1.1.0"
|
|
54
56
|
},
|
|
55
|
-
"gitHead": "
|
|
57
|
+
"gitHead": "fb17508ef7d3571c12ca0b98a0c79a7630798c57"
|
|
56
58
|
}
|
|
@@ -23,9 +23,9 @@ $actionsheet-shadow: $box-shadow-depth-4 !default;
|
|
|
23
23
|
$actionsheet-titlebar-padding-x: k-map-get( $spacing, 4 ) !default;
|
|
24
24
|
$actionsheet-titlebar-padding-y: k-map-get( $spacing, 2 ) !default;
|
|
25
25
|
$actionsheet-titlebar-border-width: null !default;
|
|
26
|
-
$actionsheet-titlebar-font-size:
|
|
26
|
+
$actionsheet-titlebar-font-size: $font-size-lg !default;
|
|
27
27
|
$actionsheet-titlebar-font-family: null !default;
|
|
28
|
-
$actionsheet-titlebar-line-height:
|
|
28
|
+
$actionsheet-titlebar-line-height: 1.25 !default;
|
|
29
29
|
$actionsheet-titlebar-gap: k-map-get( $spacing, 4 ) !default;
|
|
30
30
|
|
|
31
31
|
$actionsheet-titlebar-bg: null !default;
|