@progress/kendo-theme-default 9.1.0-dev.0 → 9.1.0-dev.2

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.
Files changed (38) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/all.scss +214 -133
  3. package/dist/default-blue.css +1 -1
  4. package/dist/default-dataviz-v4.css +1 -1
  5. package/dist/default-green.css +1 -1
  6. package/dist/default-main-dark.css +1 -1
  7. package/dist/default-main.css +1 -1
  8. package/dist/default-nordic.css +1 -1
  9. package/dist/default-ocean-blue-a11y.css +1 -1
  10. package/dist/default-ocean-blue.css +1 -1
  11. package/dist/default-orange.css +1 -1
  12. package/dist/default-purple.css +1 -1
  13. package/dist/default-turquoise.css +1 -1
  14. package/dist/default-urban.css +1 -1
  15. package/dist/meta/sassdoc-data.json +26170 -23956
  16. package/dist/meta/sassdoc-raw-data.json +1354 -329
  17. package/dist/meta/variables.json +54 -34
  18. package/lib/swatches/default-blue.json +1 -1
  19. package/lib/swatches/default-dataviz-v4.json +1 -1
  20. package/lib/swatches/default-green.json +1 -1
  21. package/lib/swatches/default-main-dark.json +1 -1
  22. package/lib/swatches/default-main.json +1 -1
  23. package/lib/swatches/default-nordic.json +1 -1
  24. package/lib/swatches/default-ocean-blue-a11y.json +1 -1
  25. package/lib/swatches/default-ocean-blue.json +1 -1
  26. package/lib/swatches/default-orange.json +1 -1
  27. package/lib/swatches/default-purple.json +1 -1
  28. package/lib/swatches/default-turquoise.json +1 -1
  29. package/lib/swatches/default-urban.json +1 -1
  30. package/package.json +5 -5
  31. package/scss/loader/_theme.scss +1 -12
  32. package/scss/loader/_variables.scss +0 -4
  33. package/scss/menu/_layout.scss +21 -45
  34. package/scss/menu/_theme.scss +29 -8
  35. package/scss/menu/_variables.scss +140 -45
  36. package/scss/tabstrip/_layout.scss +15 -15
  37. package/scss/tabstrip/_variables.scss +7 -3
  38. package/scss/toolbar/_theme.scss +2 -2
package/dist/all.scss CHANGED
@@ -21656,10 +21656,6 @@ $kendo-loader-md-spinner-4-height: $kendo-loader-md-spinner-4-width !default;
21656
21656
  /// @group loader
21657
21657
  $kendo-loader-lg-spinner-4-height: $kendo-loader-lg-spinner-4-width !default;
21658
21658
 
21659
- /// The color of the Loader based on the secondary theme color.
21660
- /// @group loader
21661
- $kendo-loader-secondary-bg: #656565 !default;
21662
-
21663
21659
  /// The border width of the container panel.
21664
21660
  /// @group loader
21665
21661
  $kendo-loader-container-panel-border-width: 1px !default;
@@ -22313,11 +22309,7 @@ $kendo-zindex-loading: 100 !default;
22313
22309
 
22314
22310
  @each $name, $color in $kendo-theme-colors {
22315
22311
  .k-loader-#{$name} {
22316
- @if $name == "secondary" {
22317
- color: $kendo-loader-secondary-bg;
22318
- } @else {
22319
- color: $color;
22320
- }
22312
+ color: $color;
22321
22313
  }
22322
22314
  }
22323
22315
 
@@ -22326,13 +22318,6 @@ $kendo-zindex-loading: 100 !default;
22326
22318
  border-color: $kendo-loader-container-panel-border-color;
22327
22319
  }
22328
22320
 
22329
- .k-loader-container-inner {
22330
- .k-text-secondary,
22331
- .\!k-text-secondary { // stylelint-disable-line
22332
- color: $kendo-loader-secondary-bg !important; // stylelint-disable-line declaration-no-important
22333
- }
22334
- }
22335
-
22336
22321
  }
22337
22322
 
22338
22323
 
@@ -23484,174 +23469,269 @@ $_kendo-module-meta: (
23484
23469
  // #region @import "./_variables.scss"; -> scss/menu/_variables.scss
23485
23470
  // Menu
23486
23471
 
23487
- $kendo-menu-padding-x: k-spacing(0) !default;
23488
- $kendo-menu-padding-y: k-spacing(0) !default;
23472
+ /// The width of the border around the Menu.
23473
+ /// @group menu
23489
23474
  $kendo-menu-border-width: 0px !default;
23475
+
23476
+ /// The font family of the Menu.
23477
+ /// @group menu
23490
23478
  $kendo-menu-font-family: var( --kendo-font-family, inherit ) !default;
23479
+ /// The font size of the Menu.
23480
+ /// @group menu
23491
23481
  $kendo-menu-font-size: var( --kendo-font-size, inherit ) !default;
23482
+ /// The line height of the Menu used along with $kendo-font-size.
23483
+ /// @group menu
23492
23484
  $kendo-menu-line-height: var( --kendo-line-height, normal ) !default;
23493
23485
 
23486
+ /// The background color of the Menu.
23487
+ /// @group menu
23494
23488
  $kendo-menu-bg: transparent !default;
23489
+ /// The text color of the Menu.
23490
+ /// @group menu
23495
23491
  $kendo-menu-text: $kendo-component-text !default;
23492
+ /// The border color of the Menu.
23493
+ /// @group menu
23496
23494
  $kendo-menu-border: null !default;
23495
+ /// The background gradient of the Menu.
23496
+ /// @group menu
23497
23497
  $kendo-menu-gradient: null !default;
23498
23498
 
23499
+ // Menu item
23500
+
23501
+ /// The horizontal padding of the Menu item.
23502
+ /// @group menu
23499
23503
  $kendo-menu-item-padding-x: k-spacing(3) !default;
23504
+ /// The vertical padding of the Menu item.
23505
+ /// @group menu
23500
23506
  $kendo-menu-item-padding-y: k-spacing(1.5) !default;
23507
+ /// The spacing between the Menu items.
23508
+ /// @group menu
23501
23509
  $kendo-menu-item-spacing: k-spacing(0) !default;
23510
+ /// The spacing between the Menu item text and icons.
23511
+ /// @group menu
23502
23512
  $kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
23503
23513
 
23514
+ /// The font weight of the selected Menu item.
23515
+ /// @group menu
23516
+ $kendo-menu-item-selected-font-weight: var( --kendo-font-weight-bold, normal ) !default;
23517
+
23518
+ /// The background color of the Menu item.
23519
+ /// @group menu
23504
23520
  $kendo-menu-item-bg: null !default;
23505
- $kendo-menu-item-text: $kendo-link-text !default;
23521
+ /// The text color of the Menu item.
23522
+ /// @group menu
23523
+ $kendo-menu-item-text: $kendo-subtle-text !default;
23524
+ /// The border color of the Menu item.
23525
+ /// @group menu
23506
23526
  $kendo-menu-item-border: null !default;
23527
+ /// The background gradient of the Menu item.
23528
+ /// @group menu
23507
23529
  $kendo-menu-item-gradient: null !default;
23508
23530
 
23531
+ /// The background color of hovered Menu item.
23532
+ /// @group menu
23509
23533
  $kendo-menu-item-hover-bg: null !default;
23510
- $kendo-menu-item-hover-text: $kendo-link-hover-text !default;
23534
+ /// The text color of hovered Menu item.
23535
+ /// @group menu
23536
+ $kendo-menu-item-hover-text: $kendo-component-text !default;
23537
+ /// The border color of hovered Menu item.
23538
+ /// @group menu
23511
23539
  $kendo-menu-item-hover-border: null !default;
23540
+ /// The background gradient of hovered Menu item.
23541
+ /// @group menu
23512
23542
  $kendo-menu-item-hover-gradient: null !default;
23513
23543
 
23514
- $kendo-menu-item-expanded-bg: null !default;
23515
- $kendo-menu-item-expanded-text: $kendo-component-text !default;
23516
- $kendo-menu-item-expanded-border: null !default;
23517
- $kendo-menu-item-expanded-gradient: null !default;
23544
+ /// The background color of active Menu item.
23545
+ /// @group menu
23546
+ $kendo-menu-item-active-bg: null !default;
23547
+ /// The text color of active Menu item.
23548
+ /// @group menu
23549
+ $kendo-menu-item-active-text: $kendo-link-text !default;
23550
+ /// The border color of active Menu item.
23551
+ /// @group menu
23552
+ $kendo-menu-item-active-border: null !default;
23553
+ /// The background gradient of active Menu item.
23554
+ /// @group menu
23555
+ $kendo-menu-item-active-gradient: null !default;
23518
23556
 
23557
+ /// The base shadow of focused Menu item.
23558
+ /// @group menu
23519
23559
  $kendo-menu-item-focus-shadow: $kendo-list-item-focus-shadow !default;
23520
23560
 
23521
- $kendo-menu-separator-spacing: k-spacing(1) !default;
23561
+ /// The background color of selected Menu item.
23562
+ /// @group menu
23563
+ $kendo-menu-item-selected-bg: null !default;
23564
+ /// The text color of selected Menu item.
23565
+ /// @group menu
23566
+ $kendo-menu-item-selected-text: $kendo-link-text !default;
23567
+ /// The border color of selected Menu item.
23568
+ /// @group menu
23569
+ $kendo-menu-item-selected-border: null !default;
23570
+ /// The background gradient of selected Menu item.
23571
+ /// @group menu
23572
+ $kendo-menu-item-selected-gradient: null !default;
23522
23573
 
23523
- $kendo-menu-scroll-button-bg: $kendo-component-bg !default;
23524
- $kendo-menu-scroll-button-text: $kendo-link-text !default;
23525
- $kendo-menu-scroll-button-border: $kendo-component-border !default;
23574
+ /// The background color of the Menu scroll buttons.
23575
+ /// @group menu
23576
+ $kendo-menu-scroll-button-bg: null !default;
23577
+ /// The text color of the Menu scroll buttons.
23578
+ /// @group menu
23579
+ $kendo-menu-scroll-button-text: $kendo-subtle-text !default;
23580
+ /// The border color of the Menu scroll buttons.
23581
+ /// @group menu
23582
+ $kendo-menu-scroll-button-border: null !default;
23583
+ /// The background gradient of the Menu scroll buttons.
23584
+ /// @group menu
23526
23585
  $kendo-menu-scroll-button-gradient: null !default;
23527
23586
 
23587
+ /// The background color of hovered Menu scroll buttons.
23588
+ /// @group menu
23528
23589
  $kendo-menu-scroll-button-hover-bg: null !default;
23529
- $kendo-menu-scroll-button-hover-text: $kendo-link-hover-text !default;
23590
+ /// The text color of hovered Menu scroll buttons.
23591
+ /// @group menu
23592
+ $kendo-menu-scroll-button-hover-text: $kendo-component-text !default;
23593
+ /// The border color of hovered Menu scroll buttons.
23594
+ /// @group menu
23530
23595
  $kendo-menu-scroll-button-hover-border: null !default;
23596
+ /// The background gradient of hovered Menu scroll buttons.
23597
+ /// @group menu
23531
23598
  $kendo-menu-scroll-button-hover-gradient: null !default;
23532
23599
 
23533
23600
 
23601
+ // Menu Separator
23602
+
23603
+ /// The inline margin of the horizontal Menu separator.
23604
+ /// @group menu
23605
+ $kendo-menu-separator-margin-inline: k-spacing(1);
23606
+ /// The block margin of the horizontal Menu separator.
23607
+ /// @group menu
23608
+ $kendo-menu-separator-margin-block: k-spacing(1.5);
23609
+ /// The border color of the Menu separator.
23610
+ /// @group menu
23611
+ $kendo-menu-separator-border: if($kendo-enable-color-system, k-color(border), $kendo-component-border) !default;
23612
+
23613
+
23534
23614
  // Menu popup
23535
23615
 
23536
- /// Horizontal padding of the menu popup.
23616
+ /// The horizontal padding of the Menu popup.
23537
23617
  /// @group menu
23538
23618
  $kendo-menu-popup-padding-x: null !default;
23539
23619
 
23540
- /// Vertical padding of the menu popup.
23620
+ /// The vertical padding of the Menu popup.
23541
23621
  /// @group menu
23542
23622
  $kendo-menu-popup-padding-y: null !default;
23543
23623
 
23544
- /// Width of the border around the menu popup.
23624
+ /// The width of the border around the Menu popup.
23545
23625
  /// @group menu
23546
23626
  $kendo-menu-popup-border-width: $kendo-popup-border-width !default;
23547
23627
 
23548
- /// Font sizes of the menu popup.
23628
+ /// The font sizes of the Menu popup.
23549
23629
  /// @group menu
23550
23630
  $kendo-menu-popup-font-size: var( --kendo-font-size, inherit ) !default;
23551
23631
  $kendo-menu-popup-sm-font-size: var( --kendo-font-size, inherit ) !default;
23552
23632
  $kendo-menu-popup-md-font-size: var( --kendo-font-size, inherit ) !default;
23553
23633
  $kendo-menu-popup-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
23554
23634
 
23555
- /// Line heights used along with $kendo-font-size.
23635
+ /// The line heights used along with $kendo-font-size.
23556
23636
  /// @group menu
23557
23637
  $kendo-menu-popup-line-height: var( --kendo-line-height, normal ) !default;
23558
23638
  $kendo-menu-popup-sm-line-height: var( --kendo-line-height, normal ) !default;
23559
23639
  $kendo-menu-popup-md-line-height: var( --kendo-line-height, normal ) !default;
23560
23640
  $kendo-menu-popup-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
23561
23641
 
23562
- /// The background of the menu popup.
23642
+ /// The background color of the Menu popup.
23563
23643
  /// @group menu
23564
23644
  $kendo-menu-popup-bg: $kendo-popup-bg !default;
23565
- /// The text color of the menu popup.
23645
+ /// The text color of the Menu popup.
23566
23646
  /// @group menu
23567
23647
  $kendo-menu-popup-text: $kendo-popup-text !default;
23568
- /// The border color of the menu popup.
23648
+ /// The border color of the Menu popup.
23569
23649
  /// @group menu
23570
23650
  $kendo-menu-popup-border: $kendo-popup-border !default;
23571
- /// The background gradient of the menu popup.
23651
+ /// The background gradient of the Menu popup.
23572
23652
  /// @group menu
23573
23653
  $kendo-menu-popup-gradient: null !default;
23574
23654
 
23575
23655
 
23576
23656
  // Menu popup item
23577
23657
 
23578
- /// Horizontal padding of the menu item in popup.
23658
+ /// The horizontal padding of the Menu item in popup.
23579
23659
  /// @group menu
23580
23660
  $kendo-menu-popup-item-padding-x: k-spacing(2) !default;
23581
23661
  $kendo-menu-popup-sm-item-padding-x: k-spacing(2) !default;
23582
23662
  $kendo-menu-popup-md-item-padding-x: k-spacing(2) !default;
23583
23663
  $kendo-menu-popup-lg-item-padding-x: k-spacing(2) !default;
23584
23664
 
23585
- /// Vertical padding of the menu item in popup.
23665
+ /// The vertical padding of the Menu item in popup.
23586
23666
  /// @group menu
23587
23667
  $kendo-menu-popup-item-padding-y: k-spacing(1) !default;
23588
23668
  $kendo-menu-popup-sm-item-padding-y: k-spacing(0.5) !default;
23589
23669
  $kendo-menu-popup-md-item-padding-y: k-spacing(1) !default;
23590
23670
  $kendo-menu-popup-lg-item-padding-y: k-spacing(1.5) !default;
23591
23671
 
23592
- /// The end padding of the menu item in popup.
23672
+ /// The end padding of the Menu item in popup.
23593
23673
  /// @group menu
23594
23674
  $kendo-menu-popup-item-padding-end: calc( #{$kendo-menu-popup-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
23595
23675
  $kendo-menu-popup-sm-item-padding-end: calc( #{$kendo-menu-popup-sm-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
23596
23676
  $kendo-menu-popup-md-item-padding-end: calc( #{$kendo-menu-popup-md-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
23597
23677
  $kendo-menu-popup-lg-item-padding-end: calc( #{$kendo-menu-popup-lg-item-padding-x} * 2 + #{$kendo-icon-size} ) !default;
23598
23678
 
23599
- /// The start margin of the menu item expand icon.
23679
+ /// The start margin of the Menu item expand icon.
23600
23680
  /// @group menu
23601
23681
  $kendo-menu-popup-sm-item-icon-margin-start: $kendo-menu-popup-sm-item-padding-x !default;
23602
23682
  $kendo-menu-popup-md-item-icon-margin-start: $kendo-menu-popup-md-item-padding-x !default;
23603
23683
  $kendo-menu-popup-lg-item-icon-margin-start: $kendo-menu-popup-lg-item-padding-x !default;
23604
23684
 
23605
- /// The end margin of the menu item expand icon.
23685
+ /// The end margin of the Menu item expand icon.
23606
23686
  /// @group menu
23607
23687
  $kendo-menu-popup-sm-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-sm-item-padding-end} - #{k-math-div( $kendo-menu-popup-sm-item-padding-x, 2 )}) ) !default;
23608
23688
  $kendo-menu-popup-md-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-md-item-padding-end} - #{k-math-div( $kendo-menu-popup-md-item-padding-x, 2 )}) ) !default;
23609
23689
  $kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-lg-item-padding-end} - #{k-math-div( $kendo-menu-popup-lg-item-padding-x, 2 )}) ) !default;
23610
23690
 
23611
- /// The spacing between the menu items in popup.
23691
+ /// The spacing between the Menu items in popup.
23612
23692
  /// @group menu
23613
23693
  $kendo-menu-popup-item-spacing: k-spacing(0) !default;
23614
23694
 
23615
- /// The background of the menu item in popup.
23695
+ /// The background color of the Menu item in popup.
23616
23696
  /// @group menu
23617
23697
  $kendo-menu-popup-item-bg: null !default;
23618
- /// The text color of the menu item in popup.
23698
+ /// The text color of the Menu item in popup.
23619
23699
  /// @group menu
23620
23700
  $kendo-menu-popup-item-text: null !default;
23621
- /// The border color of the menu item in popup.
23701
+ /// The border color of the Menu item in popup.
23622
23702
  /// @group menu
23623
23703
  $kendo-menu-popup-item-border: null !default;
23624
- /// The background gradient of the menu item in popup.
23704
+ /// The background gradient of the Menu item in popup.
23625
23705
  /// @group menu
23626
23706
  $kendo-menu-popup-item-gradient: null !default;
23627
23707
 
23628
- /// The background of hovered menu item in popup.
23708
+ /// The background color of hovered Menu item in popup.
23629
23709
  /// @group menu
23630
23710
  $kendo-menu-popup-item-hover-bg: $kendo-list-item-hover-bg !default;
23631
- /// The text color of hovered menu item in popup.
23711
+ /// The text color of hovered Menu item in popup.
23632
23712
  /// @group menu
23633
23713
  $kendo-menu-popup-item-hover-text: $kendo-list-item-hover-text !default;
23634
- /// The border color of hovered menu item in popup.
23714
+ /// The border color of hovered Menu item in popup.
23635
23715
  /// @group menu
23636
23716
  $kendo-menu-popup-item-hover-border: null !default;
23637
- /// The background gradient of hovered menu item in popup.
23717
+ /// The background gradient of hovered Menu item in popup.
23638
23718
  /// @group menu
23639
23719
  $kendo-menu-popup-item-hover-gradient: null !default;
23640
23720
 
23641
- /// The background of expanded menu item in popup.
23721
+ /// The background color of active Menu item in popup.
23642
23722
  /// @group menu
23643
- $kendo-menu-popup-item-expanded-bg: $kendo-list-item-selected-bg !default;
23644
- /// The text color of expanded menu item in popup.
23723
+ $kendo-menu-popup-item-active-bg: $kendo-list-item-selected-bg !default;
23724
+ /// The text color of active Menu item in popup.
23645
23725
  /// @group menu
23646
- $kendo-menu-popup-item-expanded-text: $kendo-list-item-selected-text !default;
23647
- /// The border color of expanded menu item in popup.
23726
+ $kendo-menu-popup-item-active-text: $kendo-list-item-selected-text !default;
23727
+ /// The border color of active Menu item in popup.
23648
23728
  /// @group menu
23649
- $kendo-menu-popup-item-expanded-border: null !default;
23650
- /// The background gradient of expanded menu item in popup.
23729
+ $kendo-menu-popup-item-active-border: null !default;
23730
+ /// The background gradient of active Menu item in popup.
23651
23731
  /// @group menu
23652
- $kendo-menu-popup-item-expanded-gradient: null !default;
23732
+ $kendo-menu-popup-item-active-gradient: null !default;
23653
23733
 
23654
- /// The base shadow of focused menu item in popup.
23734
+ /// The base shadow of focused Menu item in popup.
23655
23735
  /// @group menu
23656
23736
  $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
23657
23737
 
@@ -23684,7 +23764,6 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
23684
23764
  }
23685
23765
  .k-menu { @extend .k-menu-bar !optional; }
23686
23766
 
23687
-
23688
23767
  // Menu item
23689
23768
  .k-menu-item {
23690
23769
  border-width: 0;
@@ -23694,6 +23773,10 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
23694
23773
  flex: none;
23695
23774
  position: relative;
23696
23775
  user-select: none;
23776
+
23777
+ &.k-selected {
23778
+ font-weight: $kendo-menu-item-selected-font-weight;
23779
+ }
23697
23780
  }
23698
23781
  .k-menu-item-content {
23699
23782
  display: block;
@@ -23753,8 +23836,8 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
23753
23836
  }
23754
23837
 
23755
23838
  > .k-separator {
23756
- margin-block: 0;
23757
- margin-inline: $kendo-menu-separator-spacing;
23839
+ margin-block: $kendo-menu-separator-margin-block;
23840
+ margin-inline: $kendo-menu-separator-margin-inline;
23758
23841
  width: 0;
23759
23842
  height: auto;
23760
23843
  border-width: 0 0 0 1px;
@@ -23766,6 +23849,7 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
23766
23849
  // Orientation -- vertical
23767
23850
  .k-menu-vertical {
23768
23851
  flex-direction: column;
23852
+ width: 100%;
23769
23853
 
23770
23854
  > .k-menu-item + .k-menu-item {
23771
23855
  margin-top: $kendo-menu-item-spacing;
@@ -23783,12 +23867,11 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
23783
23867
  }
23784
23868
 
23785
23869
  > .k-separator {
23786
- margin-block: $kendo-menu-separator-spacing;
23870
+ margin-block: $kendo-menu-separator-margin-block;
23787
23871
  margin-inline: 0;
23788
23872
  height: 0;
23789
23873
  border-width: 1px 0 0;
23790
23874
  border-style: solid;
23791
- border-color: $kendo-component-border;
23792
23875
  display: block;
23793
23876
  }
23794
23877
  }
@@ -23809,6 +23892,10 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
23809
23892
  *::after {
23810
23893
  box-sizing: border-box;
23811
23894
  }
23895
+
23896
+ .k-menu-item {
23897
+ font-weight: initial;
23898
+ }
23812
23899
  }
23813
23900
 
23814
23901
 
@@ -23826,12 +23913,11 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
23826
23913
  }
23827
23914
 
23828
23915
  .k-separator {
23829
- margin-block: $kendo-menu-separator-spacing;
23916
+ margin-block: $kendo-menu-separator-margin-inline;
23830
23917
  margin-inline: 0;
23831
23918
  height: 0;
23832
23919
  border-width: 1px 0 0;
23833
23920
  border-style: solid;
23834
- border-color: $kendo-component-border;
23835
23921
  display: block;
23836
23922
  }
23837
23923
  }
@@ -23948,50 +24034,20 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
23948
24034
  margin: 0;
23949
24035
  padding: 0;
23950
24036
  border: 0;
23951
- position: relative;
24037
+ display: flex;
24038
+ align-items: center;
23952
24039
 
23953
24040
  .k-menu {
23954
24041
  overflow: hidden;
23955
24042
  flex-wrap: nowrap;
23956
24043
  }
24044
+ }
23957
24045
 
23958
- .k-menu-scroll-button {
23959
- @include border-radius( 0 );
23960
- padding: 0;
23961
- border-width: 0;
23962
- border-color: inherit;
23963
- color: inherit;
23964
- background: inherit;
23965
- position: absolute;
24046
+ .k-menu-scroll-wrapper-vertical {
24047
+ flex-direction: column;
23966
24048
 
23967
- &.k-scroll-left {
23968
- top: 0;
23969
- inset-inline-start: 0;
23970
- height: 100%;
23971
- width: 16px;
23972
- border-right-width: 1px;
23973
- }
23974
- &.k-scroll-right {
23975
- top: 0;
23976
- inset-inline-end: 0;
23977
- height: 100%;
23978
- width: 16px;
23979
- border-left-width: 1px;
23980
- }
23981
- &.k-scroll-up {
23982
- top: 0;
23983
- inset-inline-start: 0;
23984
- width: 100%;
23985
- height: 16px;
23986
- border-bottom-width: 1px;
23987
- }
23988
- &.k-scroll-down {
23989
- bottom: 0;
23990
- inset-inline-start: 0;
23991
- width: 100%;
23992
- height: 16px;
23993
- border-top-width: 1px;
23994
- }
24049
+ > .k-menu-scroll-button {
24050
+ width: 100%;
23995
24051
  }
23996
24052
  }
23997
24053
 
@@ -24035,10 +24091,10 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
24035
24091
  &:active,
24036
24092
  &.k-active {
24037
24093
  @include fill(
24038
- $kendo-menu-item-expanded-text,
24039
- $kendo-menu-item-expanded-bg,
24040
- $kendo-menu-item-expanded-border,
24041
- $kendo-menu-item-expanded-gradient
24094
+ $kendo-menu-item-active-text,
24095
+ $kendo-menu-item-active-bg,
24096
+ $kendo-menu-item-active-border,
24097
+ $kendo-menu-item-active-gradient
24042
24098
  );
24043
24099
  }
24044
24100
 
@@ -24046,6 +24102,21 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
24046
24102
  &.k-focus {
24047
24103
  @include focus-indicator( $kendo-menu-item-focus-shadow, true );
24048
24104
  }
24105
+
24106
+ &.k-selected {
24107
+ @include fill(
24108
+ $kendo-menu-item-selected-text,
24109
+ $kendo-menu-item-selected-bg,
24110
+ $kendo-menu-item-selected-border,
24111
+ $kendo-menu-item-selected-gradient
24112
+ );
24113
+ }
24114
+ }
24115
+
24116
+ > .k-separator {
24117
+ @include fill(
24118
+ $border: $kendo-menu-separator-border
24119
+ );
24049
24120
  }
24050
24121
  }
24051
24122
 
@@ -24080,10 +24151,10 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
24080
24151
  &.k-active,
24081
24152
  &.k-selected {
24082
24153
  @include fill(
24083
- $kendo-menu-popup-item-expanded-text,
24084
- $kendo-menu-popup-item-expanded-bg,
24085
- $kendo-menu-popup-item-expanded-border,
24086
- $kendo-menu-popup-item-expanded-gradient
24154
+ $kendo-menu-popup-item-active-text,
24155
+ $kendo-menu-popup-item-active-bg,
24156
+ $kendo-menu-popup-item-active-border,
24157
+ $kendo-menu-popup-item-active-gradient
24087
24158
  );
24088
24159
  }
24089
24160
  }
@@ -24094,6 +24165,12 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
24094
24165
  @include focus-indicator( $kendo-menu-popup-item-focus-shadow, true );
24095
24166
  }
24096
24167
  }
24168
+
24169
+ > .k-separator {
24170
+ @include fill(
24171
+ $border: $kendo-menu-separator-border
24172
+ );
24173
+ }
24097
24174
  }
24098
24175
 
24099
24176
 
@@ -24606,8 +24683,8 @@ $kendo-toolbar-sizes: (
24606
24683
 
24607
24684
  // Selected
24608
24685
  &.k-selected {
24609
- color: $kendo-menu-popup-item-expanded-text;
24610
- background: $kendo-menu-popup-item-expanded-bg;
24686
+ color: $kendo-menu-popup-item-active-text;
24687
+ background: $kendo-menu-popup-item-active-bg;
24611
24688
  }
24612
24689
 
24613
24690
  // Disabled state
@@ -42336,7 +42413,7 @@ $kendo-tabstrip-item-gap: k-spacing(0) !default;
42336
42413
  $kendo-tabstrip-item-bg: null !default;
42337
42414
  /// The text color of the TabStrip items.
42338
42415
  /// @group tabstrip
42339
- $kendo-tabstrip-item-text: $kendo-link-text !default;
42416
+ $kendo-tabstrip-item-text: $kendo-subtle-text !default;
42340
42417
  /// The border color of the TabStrip items.
42341
42418
  /// @group tabstrip
42342
42419
  $kendo-tabstrip-item-border: null !default;
@@ -42349,7 +42426,7 @@ $kendo-tabstrip-item-gradient: null !default;
42349
42426
  $kendo-tabstrip-item-hover-bg: null !default;
42350
42427
  /// The text color of the hovered TabStrip items.
42351
42428
  /// @group tabstrip
42352
- $kendo-tabstrip-item-hover-text: $kendo-link-hover-text !default;
42429
+ $kendo-tabstrip-item-hover-text: $kendo-component-text !default;
42353
42430
  /// The border color of the hovered TabStrip items.
42354
42431
  /// @group tabstrip
42355
42432
  $kendo-tabstrip-item-hover-border: null !default;
@@ -42362,13 +42439,17 @@ $kendo-tabstrip-item-hover-gradient: null !default;
42362
42439
  $kendo-tabstrip-item-selected-bg: $kendo-component-bg !default;
42363
42440
  /// The text color of the selected TabStrip items.
42364
42441
  /// @group tabstrip
42365
- $kendo-tabstrip-item-selected-text: $kendo-component-text !default;
42442
+ $kendo-tabstrip-item-selected-text: $kendo-link-text !default;
42366
42443
  /// The border color of the selected TabStrip items.
42367
42444
  /// @group tabstrip
42368
42445
  $kendo-tabstrip-item-selected-border: $kendo-component-border !default;
42369
42446
  /// The gradient of the selected TabStrip items.
42370
42447
  /// @group tabstrip
42371
42448
  $kendo-tabstrip-item-selected-gradient: null !default;
42449
+ /// The font weight of the selected TabStrip items.
42450
+ /// @group tabstrip
42451
+ $kendo-tabstrip-item-selected-font-weight: null !default;
42452
+
42372
42453
 
42373
42454
  /// The shadow of the focused TabStrip items.
42374
42455
  /// @group tabstrip
@@ -42502,6 +42583,20 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
42502
42583
  align-items: stretch;
42503
42584
  justify-items: stretch;
42504
42585
  outline: 0;
42586
+
42587
+ // Active state
42588
+ &:active,
42589
+ &.k-active,
42590
+ &.k-selected {
42591
+ font-weight: $kendo-tabstrip-item-selected-font-weight;
42592
+ }
42593
+ }
42594
+
42595
+ .k-item-actions {
42596
+ margin: 0;
42597
+ padding: 0;
42598
+ display: flex;
42599
+ flex-direction: row;
42505
42600
  }
42506
42601
 
42507
42602
  .k-tab-on-top {
@@ -42519,6 +42614,7 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
42519
42614
  flex-direction: row;
42520
42615
  align-content: center;
42521
42616
  align-items: center;
42617
+ gap: $kendo-icon-spacing;
42522
42618
  }
42523
42619
 
42524
42620
 
@@ -42591,21 +42687,6 @@ $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
42591
42687
  white-space: nowrap;
42592
42688
  overflow: hidden;
42593
42689
  }
42594
-
42595
- > .k-button {
42596
- padding-block: k-spacing(1);
42597
- padding-inline: k-spacing(1);
42598
- width: auto;
42599
- height: auto;
42600
- flex: none;
42601
- align-self: stretch;
42602
- aspect-ratio: auto;
42603
-
42604
- .k-button-icon {
42605
- min-width: auto;
42606
- min-height: auto;
42607
- }
42608
- }
42609
42690
  }
42610
42691
  }
42611
42692