@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 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: 0 0 auto;
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-color: transparent !important;
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-color: transparent !important;
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
- margin: 0 !important;
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
- margin: 0 !important;
25909
- border-right-color: transparent !important;
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: 0;
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: null !default;
25176
+ $actionsheet-titlebar-font-size: $font-size-lg !default;
25157
25177
  $actionsheet-titlebar-font-family: null !default;
25158
- $actionsheet-titlebar-line-height: null !default;
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: 0 0 auto;
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 variants
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-color: transparent !important; // sass-lint:disable-line no-important
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-color: transparent !important; // sass-lint:disable-line no-important
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
- margin: 0 !important; // sass-lint:disable-line no-important
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
- margin: 0 !important; // sass-lint:disable-line no-important
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: 0;
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 > & {
@@ -3,7 +3,7 @@
3
3
  "name": "Material Aqua Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#121212",
9
9
  "#212121",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Arctic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Burnt Teal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#3f51b5",
9
9
  "#2196f3",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Eggplant",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#121212",
9
9
  "#212121",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#121212",
9
9
  "#212121",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Nova",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#121212",
9
9
  "#212121",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Light",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#121212",
9
9
  "#212121",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Smoke",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "5.10.1-dev.1",
6
+ "version": "5.10.1-dev.3",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e0e0e0",
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.1",
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-theme-core": "^5.10.1-dev.1",
50
- "@progress/kendo-theme-default": "^5.10.1-dev.1"
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.0.0"
55
+ "sass-build": "^1.1.0"
54
56
  },
55
- "gitHead": "694cfbd14fca3ecaf03ff8fbafb64d10601cebde"
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: null !default;
26
+ $actionsheet-titlebar-font-size: $font-size-lg !default;
27
27
  $actionsheet-titlebar-font-family: null !default;
28
- $actionsheet-titlebar-line-height: null !default;
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;