@progress/kendo-theme-meridian 14.5.1-dev.2 → 14.5.1-dev.4

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.
@@ -4320,6 +4320,14 @@
4320
4320
  "type": "String",
4321
4321
  "value": "\"md\""
4322
4322
  },
4323
+ "kendo-segmented-control-default-roundness": {
4324
+ "type": "String",
4325
+ "value": "\"full\""
4326
+ },
4327
+ "kendo-segmented-control-roundness": {
4328
+ "type": "List",
4329
+ "value": "(\"none\", \"sm\", \"md\", \"lg\", \"full\")"
4330
+ },
4323
4331
  "kendo-segmented-control-padding-x": {
4324
4332
  "type": "String",
4325
4333
  "value": "var(--kendo-spacing-0\\.5)"
@@ -5560,6 +5568,10 @@
5560
5568
  "type": "Null",
5561
5569
  "value": "null"
5562
5570
  },
5571
+ "kendo-menu-default-size": {
5572
+ "type": "String",
5573
+ "value": "\"md\""
5574
+ },
5563
5575
  "kendo-menu-group-default-size": {
5564
5576
  "type": "String",
5565
5577
  "value": "\"md\""
@@ -5580,6 +5592,22 @@
5580
5592
  "type": "String",
5581
5593
  "value": "var(--kendo-line-height, normal)"
5582
5594
  },
5595
+ "kendo-menu-sm-font-size": {
5596
+ "type": "String",
5597
+ "value": "var(--kendo-font-size-sm, inherit)"
5598
+ },
5599
+ "kendo-menu-lg-font-size": {
5600
+ "type": "String",
5601
+ "value": "var(--kendo-font-size-lg, inherit)"
5602
+ },
5603
+ "kendo-menu-sm-line-height": {
5604
+ "type": "String",
5605
+ "value": "var(--kendo-line-height, normal)"
5606
+ },
5607
+ "kendo-menu-lg-line-height": {
5608
+ "type": "String",
5609
+ "value": "var(--kendo-line-height-lg, normal)"
5610
+ },
5583
5611
  "kendo-menu-bg": {
5584
5612
  "type": "Color",
5585
5613
  "value": "transparent"
@@ -5612,6 +5640,62 @@
5612
5640
  "type": "String",
5613
5641
  "value": "var(--kendo-spacing-1)"
5614
5642
  },
5643
+ "kendo-menu-item-border-radius": {
5644
+ "type": "String",
5645
+ "value": "var(--kendo-border-radius-sm)"
5646
+ },
5647
+ "kendo-menu-item-description-font-size": {
5648
+ "type": "String",
5649
+ "value": "var(--kendo-font-size-xs, inherit)"
5650
+ },
5651
+ "kendo-menu-item-description-line-height": {
5652
+ "type": "String",
5653
+ "value": "var(--kendo-line-height, normal)"
5654
+ },
5655
+ "kendo-menu-item-description-text": {
5656
+ "type": "String",
5657
+ "value": "var(--kendo-color-subtle)"
5658
+ },
5659
+ "kendo-menu-sm-item-padding-x": {
5660
+ "type": "String",
5661
+ "value": "var(--kendo-spacing-2)"
5662
+ },
5663
+ "kendo-menu-lg-item-padding-x": {
5664
+ "type": "String",
5665
+ "value": "var(--kendo-spacing-3)"
5666
+ },
5667
+ "kendo-menu-sm-item-padding-y": {
5668
+ "type": "String",
5669
+ "value": "var(--kendo-spacing-1\\.5)"
5670
+ },
5671
+ "kendo-menu-lg-item-padding-y": {
5672
+ "type": "String",
5673
+ "value": "var(--kendo-spacing-3)"
5674
+ },
5675
+ "kendo-menu-sizes": {
5676
+ "type": "Map",
5677
+ "value": "(sm: (font-size: var(--kendo-font-size-sm, inherit), line-height: var(--kendo-line-height, normal), item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-1\\.5)), md: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), item-padding-x: var(--kendo-spacing-2\\.5), item-padding-y: var(--kendo-spacing-2)), lg: (font-size: var(--kendo-font-size-lg, inherit), line-height: var(--kendo-line-height-lg, normal), item-padding-x: var(--kendo-spacing-3), item-padding-y: var(--kendo-spacing-3)))",
5678
+ "prettyValue": {
5679
+ "sm": {
5680
+ "font-size": "var(--kendo-font-size-sm, inherit)",
5681
+ "line-height": "var(--kendo-line-height, normal)",
5682
+ "item-padding-x": "var(--kendo-spacing-2)",
5683
+ "item-padding-y": "var(--kendo-spacing-1\\.5)"
5684
+ },
5685
+ "md": {
5686
+ "font-size": "var(--kendo-font-size, inherit)",
5687
+ "line-height": "var(--kendo-line-height, normal)",
5688
+ "item-padding-x": "var(--kendo-spacing-2\\.5)",
5689
+ "item-padding-y": "var(--kendo-spacing-2)"
5690
+ },
5691
+ "lg": {
5692
+ "font-size": "var(--kendo-font-size-lg, inherit)",
5693
+ "line-height": "var(--kendo-line-height-lg, normal)",
5694
+ "item-padding-x": "var(--kendo-spacing-3)",
5695
+ "item-padding-y": "var(--kendo-spacing-3)"
5696
+ }
5697
+ }
5698
+ },
5615
5699
  "kendo-menu-item-selected-font-weight": {
5616
5700
  "type": "String",
5617
5701
  "value": "normal"
@@ -5752,6 +5836,10 @@
5752
5836
  "type": "Number",
5753
5837
  "value": "1px"
5754
5838
  },
5839
+ "kendo-menu-popup-border-radius": {
5840
+ "type": "Null",
5841
+ "value": "null"
5842
+ },
5755
5843
  "kendo-menu-popup-sm-font-size": {
5756
5844
  "type": "String",
5757
5845
  "value": "var(--kendo-font-size, inherit)"
@@ -5856,9 +5944,57 @@
5856
5944
  "type": "String",
5857
5945
  "value": "var(--kendo-spacing-0\\.5)"
5858
5946
  },
5947
+ "kendo-menu-popup-sm-group-header-padding-x": {
5948
+ "type": "String",
5949
+ "value": "var(--kendo-spacing-2)"
5950
+ },
5951
+ "kendo-menu-popup-md-group-header-padding-x": {
5952
+ "type": "String",
5953
+ "value": "var(--kendo-spacing-2)"
5954
+ },
5955
+ "kendo-menu-popup-lg-group-header-padding-x": {
5956
+ "type": "String",
5957
+ "value": "var(--kendo-spacing-2)"
5958
+ },
5959
+ "kendo-menu-popup-sm-group-header-padding-y": {
5960
+ "type": "String",
5961
+ "value": "var(--kendo-spacing-1\\.5)"
5962
+ },
5963
+ "kendo-menu-popup-md-group-header-padding-y": {
5964
+ "type": "String",
5965
+ "value": "var(--kendo-spacing-2)"
5966
+ },
5967
+ "kendo-menu-popup-lg-group-header-padding-y": {
5968
+ "type": "String",
5969
+ "value": "var(--kendo-spacing-2)"
5970
+ },
5971
+ "kendo-menu-popup-sm-group-header-font-size": {
5972
+ "type": "Number",
5973
+ "value": "0.75em"
5974
+ },
5975
+ "kendo-menu-popup-md-group-header-font-size": {
5976
+ "type": "Number",
5977
+ "value": "0.75em"
5978
+ },
5979
+ "kendo-menu-popup-lg-group-header-font-size": {
5980
+ "type": "Number",
5981
+ "value": "0.75em"
5982
+ },
5983
+ "kendo-menu-popup-sm-group-header-line-height": {
5984
+ "type": "String",
5985
+ "value": "var(--kendo-line-height, normal)"
5986
+ },
5987
+ "kendo-menu-popup-md-group-header-line-height": {
5988
+ "type": "String",
5989
+ "value": "var(--kendo-line-height, normal)"
5990
+ },
5991
+ "kendo-menu-popup-lg-group-header-line-height": {
5992
+ "type": "String",
5993
+ "value": "var(--kendo-line-height-lg, normal)"
5994
+ },
5859
5995
  "kendo-menu-group-sizes": {
5860
5996
  "type": "Map",
5861
- "value": "(sm: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), item-padding-y: var(--kendo-spacing-1), item-padding-x: var(--kendo-spacing-2), item-padding-end: calc(var(--kendo-spacing-2) * 2 + 16px), item-icon-margin-start: var(--kendo-spacing-2), item-icon-margin-end: calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))), md: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), item-padding-y: var(--kendo-spacing-1\\.5), item-padding-x: var(--kendo-spacing-2), item-padding-end: calc(var(--kendo-spacing-2) * 2 + 16px), item-icon-margin-start: var(--kendo-spacing-2), item-icon-margin-end: calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))), lg: (font-size: var(--kendo-font-size-lg, inherit), line-height: var(--kendo-line-height-lg, normal), item-padding-y: var(--kendo-spacing-2), item-padding-x: var(--kendo-spacing-2), item-padding-end: calc(var(--kendo-spacing-2) * 2 + 16px), item-icon-margin-start: var(--kendo-spacing-2), item-icon-margin-end: calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))))",
5997
+ "value": "(sm: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), item-padding-y: var(--kendo-spacing-1), item-padding-x: var(--kendo-spacing-2), item-padding-end: calc(var(--kendo-spacing-2) * 2 + 16px), item-icon-margin-start: var(--kendo-spacing-2), item-icon-margin-end: calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2)), group-header-padding-x: var(--kendo-spacing-2), group-header-padding-y: var(--kendo-spacing-1\\.5), group-header-font-size: 0.75em, group-header-line-height: var(--kendo-line-height, normal)), md: (font-size: var(--kendo-font-size, inherit), line-height: var(--kendo-line-height, normal), item-padding-y: var(--kendo-spacing-1\\.5), item-padding-x: var(--kendo-spacing-2), item-padding-end: calc(var(--kendo-spacing-2) * 2 + 16px), item-icon-margin-start: var(--kendo-spacing-2), item-icon-margin-end: calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2)), group-header-padding-x: var(--kendo-spacing-2), group-header-padding-y: var(--kendo-spacing-2), group-header-font-size: 0.75em, group-header-line-height: var(--kendo-line-height, normal)), lg: (font-size: var(--kendo-font-size-lg, inherit), line-height: var(--kendo-line-height-lg, normal), item-padding-y: var(--kendo-spacing-2), item-padding-x: var(--kendo-spacing-2), item-padding-end: calc(var(--kendo-spacing-2) * 2 + 16px), item-icon-margin-start: var(--kendo-spacing-2), item-icon-margin-end: calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2)), group-header-padding-x: var(--kendo-spacing-2), group-header-padding-y: var(--kendo-spacing-2), group-header-font-size: 0.75em, group-header-line-height: var(--kendo-line-height-lg, normal)))",
5862
5998
  "prettyValue": {
5863
5999
  "sm": {
5864
6000
  "font-size": "var(--kendo-font-size, inherit)",
@@ -5867,7 +6003,11 @@
5867
6003
  "item-padding-x": "var(--kendo-spacing-2)",
5868
6004
  "item-padding-end": "calc(var(--kendo-spacing-2) * 2 + 16px)",
5869
6005
  "item-icon-margin-start": "var(--kendo-spacing-2)",
5870
- "item-icon-margin-end": "calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))"
6006
+ "item-icon-margin-end": "calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))",
6007
+ "group-header-padding-x": "var(--kendo-spacing-2)",
6008
+ "group-header-padding-y": "var(--kendo-spacing-1\\.5)",
6009
+ "group-header-font-size": "0.75em",
6010
+ "group-header-line-height": "var(--kendo-line-height, normal)"
5871
6011
  },
5872
6012
  "md": {
5873
6013
  "font-size": "var(--kendo-font-size, inherit)",
@@ -5876,7 +6016,11 @@
5876
6016
  "item-padding-x": "var(--kendo-spacing-2)",
5877
6017
  "item-padding-end": "calc(var(--kendo-spacing-2) * 2 + 16px)",
5878
6018
  "item-icon-margin-start": "var(--kendo-spacing-2)",
5879
- "item-icon-margin-end": "calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))"
6019
+ "item-icon-margin-end": "calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))",
6020
+ "group-header-padding-x": "var(--kendo-spacing-2)",
6021
+ "group-header-padding-y": "var(--kendo-spacing-2)",
6022
+ "group-header-font-size": "0.75em",
6023
+ "group-header-line-height": "var(--kendo-line-height, normal)"
5880
6024
  },
5881
6025
  "lg": {
5882
6026
  "font-size": "var(--kendo-font-size-lg, inherit)",
@@ -5885,10 +6029,34 @@
5885
6029
  "item-padding-x": "var(--kendo-spacing-2)",
5886
6030
  "item-padding-end": "calc(var(--kendo-spacing-2) * 2 + 16px)",
5887
6031
  "item-icon-margin-start": "var(--kendo-spacing-2)",
5888
- "item-icon-margin-end": "calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))"
6032
+ "item-icon-margin-end": "calc(-1 * (calc(var(--kendo-spacing-2) * 2 + 16px) - var(--kendo-spacing-2) / 2))",
6033
+ "group-header-padding-x": "var(--kendo-spacing-2)",
6034
+ "group-header-padding-y": "var(--kendo-spacing-2)",
6035
+ "group-header-font-size": "0.75em",
6036
+ "group-header-line-height": "var(--kendo-line-height-lg, normal)"
5889
6037
  }
5890
6038
  }
5891
6039
  },
6040
+ "kendo-menu-popup-group-header-font-weight": {
6041
+ "type": "String",
6042
+ "value": "var(--kendo-font-weight-semibold, normal)"
6043
+ },
6044
+ "kendo-menu-popup-group-header-bg": {
6045
+ "type": "Null",
6046
+ "value": "null"
6047
+ },
6048
+ "kendo-menu-popup-group-header-text": {
6049
+ "type": "String",
6050
+ "value": "var(--kendo-color-subtle)"
6051
+ },
6052
+ "kendo-menu-popup-group-header-border": {
6053
+ "type": "Null",
6054
+ "value": "null"
6055
+ },
6056
+ "kendo-menu-popup-group-header-gradient": {
6057
+ "type": "Null",
6058
+ "value": "null"
6059
+ },
5892
6060
  "kendo-menu-popup-item-bg": {
5893
6061
  "type": "Null",
5894
6062
  "value": "null"
@@ -7503,15 +7671,15 @@
7503
7671
  },
7504
7672
  "kendo-color-editor-sm-min-width": {
7505
7673
  "type": "Number",
7506
- "value": "252px"
7674
+ "value": "256px"
7507
7675
  },
7508
7676
  "kendo-color-editor-md-min-width": {
7509
7677
  "type": "Number",
7510
- "value": "272px"
7678
+ "value": "280px"
7511
7679
  },
7512
7680
  "kendo-color-editor-lg-min-width": {
7513
7681
  "type": "Number",
7514
- "value": "362px"
7682
+ "value": "364px"
7515
7683
  },
7516
7684
  "kendo-color-editor-border-width": {
7517
7685
  "type": "Number",
@@ -7671,10 +7839,10 @@
7671
7839
  },
7672
7840
  "kendo-color-editor-sizes": {
7673
7841
  "type": "Map",
7674
- "value": "(sm: (min-width: 252px, header-padding-x: var(--kendo-spacing-3), header-padding-y: var(--kendo-spacing-3), views-padding-x: var(--kendo-spacing-3), views-padding-y: var(--kendo-spacing-3), preview-gap: var(--kendo-spacing-0\\.5), preview-width: 34px, preview-height: 12px), md: (min-width: 272px, header-padding-x: var(--kendo-spacing-3), header-padding-y: var(--kendo-spacing-3), views-padding-x: var(--kendo-spacing-3), views-padding-y: var(--kendo-spacing-3), preview-gap: var(--kendo-spacing-0\\.5), preview-width: 34px, preview-height: 14px), lg: (min-width: 362px, header-padding-x: var(--kendo-spacing-4\\.5), header-padding-y: var(--kendo-spacing-4\\.5), views-padding-x: var(--kendo-spacing-4\\.5), views-padding-y: var(--kendo-spacing-4\\.5), preview-gap: var(--kendo-spacing-1), preview-width: 44px, preview-height: 16px))",
7842
+ "value": "(sm: (min-width: 256px, header-padding-x: var(--kendo-spacing-3), header-padding-y: var(--kendo-spacing-3), views-padding-x: var(--kendo-spacing-3), views-padding-y: var(--kendo-spacing-3), preview-gap: var(--kendo-spacing-0\\.5), preview-width: 34px, preview-height: 12px), md: (min-width: 280px, header-padding-x: var(--kendo-spacing-3), header-padding-y: var(--kendo-spacing-3), views-padding-x: var(--kendo-spacing-3), views-padding-y: var(--kendo-spacing-3), preview-gap: var(--kendo-spacing-0\\.5), preview-width: 34px, preview-height: 14px), lg: (min-width: 364px, header-padding-x: var(--kendo-spacing-4\\.5), header-padding-y: var(--kendo-spacing-4\\.5), views-padding-x: var(--kendo-spacing-4\\.5), views-padding-y: var(--kendo-spacing-4\\.5), preview-gap: var(--kendo-spacing-1), preview-width: 44px, preview-height: 16px))",
7675
7843
  "prettyValue": {
7676
7844
  "sm": {
7677
- "min-width": "252px",
7845
+ "min-width": "256px",
7678
7846
  "header-padding-x": "var(--kendo-spacing-3)",
7679
7847
  "header-padding-y": "var(--kendo-spacing-3)",
7680
7848
  "views-padding-x": "var(--kendo-spacing-3)",
@@ -7684,7 +7852,7 @@
7684
7852
  "preview-height": "12px"
7685
7853
  },
7686
7854
  "md": {
7687
- "min-width": "272px",
7855
+ "min-width": "280px",
7688
7856
  "header-padding-x": "var(--kendo-spacing-3)",
7689
7857
  "header-padding-y": "var(--kendo-spacing-3)",
7690
7858
  "views-padding-x": "var(--kendo-spacing-3)",
@@ -7694,7 +7862,7 @@
7694
7862
  "preview-height": "14px"
7695
7863
  },
7696
7864
  "lg": {
7697
- "min-width": "362px",
7865
+ "min-width": "364px",
7698
7866
  "header-padding-x": "var(--kendo-spacing-4\\.5)",
7699
7867
  "header-padding-y": "var(--kendo-spacing-4\\.5)",
7700
7868
  "views-padding-x": "var(--kendo-spacing-4\\.5)",
@@ -14602,7 +14770,11 @@
14602
14770
  },
14603
14771
  "kendo-scheduler-resize-handle-size": {
14604
14772
  "type": "Number",
14605
- "value": "8px"
14773
+ "value": "12px"
14774
+ },
14775
+ "kendo-scheduler-resize-handle-thickness": {
14776
+ "type": "Number",
14777
+ "value": "1px"
14606
14778
  },
14607
14779
  "kendo-scheduler-resize-handle-border-radius": {
14608
14780
  "type": "String",
@@ -14610,11 +14782,11 @@
14610
14782
  },
14611
14783
  "kendo-scheduler-resize-handle-border-width": {
14612
14784
  "type": "Number",
14613
- "value": "2px"
14785
+ "value": "0"
14614
14786
  },
14615
14787
  "kendo-scheduler-resize-handle-bg": {
14616
14788
  "type": "String",
14617
- "value": "var(--kendo-color-secondary-subtle)"
14789
+ "value": "var(--kendo-color-secondary-on-subtle)"
14618
14790
  },
14619
14791
  "kendo-scheduler-event-hover-bg": {
14620
14792
  "type": "Null",
@@ -3,7 +3,7 @@
3
3
  "name": "Meridian Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-meridian",
6
- "version": "14.5.1-dev.2",
6
+ "version": "14.5.1-dev.4",
7
7
  "previewColors": [
8
8
  "oklch(13.85% 0.0249 273.24deg)",
9
9
  "oklch(23.28% 0.0218 272.75deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Meridian Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-meridian",
6
- "version": "14.5.1-dev.2",
6
+ "version": "14.5.1-dev.4",
7
7
  "previewColors": [
8
8
  "oklch(100% 0 0deg)",
9
9
  "oklch(98.46% 0.0017 247.84deg)",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-meridian",
3
3
  "description": "Meridian theme for Kendo UI",
4
- "version": "14.5.1-dev.2",
4
+ "version": "14.5.1-dev.4",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -51,9 +51,9 @@
51
51
  "postpublish": "echo 'no postpublish for meridian theme'"
52
52
  },
53
53
  "dependencies": {
54
- "@progress/kendo-svg-icons": "^4.11.0",
55
- "@progress/kendo-theme-core": "14.5.1-dev.2",
56
- "@progress/kendo-theme-utils": "14.5.1-dev.2"
54
+ "@progress/kendo-svg-icons": "5.5.0-dev.0",
55
+ "@progress/kendo-theme-core": "14.5.1-dev.4",
56
+ "@progress/kendo-theme-utils": "14.5.1-dev.4"
57
57
  },
58
58
  "directories": {
59
59
  "doc": "docs",
@@ -16,13 +16,13 @@ $kendo-color-editor-spacer: k-spacing(3) !default;
16
16
  $kendo-color-editor-min-width: null !default;
17
17
  /// The minimum width of the ColorEditor.
18
18
  /// @group color-editor
19
- $kendo-color-editor-sm-min-width: 252px !default;
19
+ $kendo-color-editor-sm-min-width: 256px !default;
20
20
  /// The minimum width of the ColorEditor.
21
21
  /// @group color-editor
22
- $kendo-color-editor-md-min-width: 272px !default;
22
+ $kendo-color-editor-md-min-width: 280px !default;
23
23
  /// The minimum width of the ColorEditor.
24
24
  /// @group color-editor
25
- $kendo-color-editor-lg-min-width: 362px !default;
25
+ $kendo-color-editor-lg-min-width: 364px !default;
26
26
  /// The width of the border around the ColorEditor.
27
27
  /// @group color-editor
28
28
  $kendo-color-editor-border-width: 1px !default;
@@ -5,22 +5,10 @@
5
5
  @mixin kendo-menu--layout() {
6
6
  @include kendo-menu--layout-base();
7
7
 
8
- .k-menu-item {
9
- border-radius: k-border-radius(sm);
10
- }
11
-
12
8
  .k-menu-group {
13
9
  gap: k-spacing(0.5);
14
10
  }
15
11
 
16
- // Popup item border-radius
17
- .k-menu-group,
18
- .k-menu.k-context-menu {
19
- .k-item > .k-link {
20
- border-radius: k-border-radius(sm);
21
- }
22
- }
23
-
24
12
  .k-context-menu {
25
13
  padding: 0;
26
14
  }
@@ -14,8 +14,8 @@
14
14
  background-color: inherit;
15
15
  }
16
16
 
17
- .k-menu:not(.k-context-menu) > .k-item:focus,
18
- .k-menu:not(.k-context-menu) > .k-item.k-focus,
17
+ .k-menu:not(.k-context-menu) > .k-item:focus > .k-link,
18
+ .k-menu:not(.k-context-menu) > .k-item.k-focus > .k-link,
19
19
  .k-menu-group .k-item:focus > .k-link,
20
20
  .k-menu-group .k-item.k-focus > .k-link {
21
21
  @include focus-indicator( $kendo-menu-focus-outline-color, $type: "outline", $outline-offset: $kendo-menu-focus-outline-offset );
@@ -6,6 +6,11 @@
6
6
 
7
7
  // Menu
8
8
 
9
+ /// The default size of the Menu.
10
+ /// @group menu
11
+ /// @role default
12
+ $kendo-menu-default-size: "md" !default;
13
+
9
14
  /// The default size of the Menu group.
10
15
  /// @group menu
11
16
  /// @role default
@@ -25,6 +30,20 @@ $kendo-menu-font-size: var( --kendo-font-size, inherit ) !default;
25
30
  /// @group menu
26
31
  $kendo-menu-line-height: var( --kendo-line-height, normal ) !default;
27
32
 
33
+ /// The font size of the small Menu.
34
+ /// @group menu
35
+ $kendo-menu-sm-font-size: var( --kendo-font-size-sm, inherit ) !default;
36
+ /// The font size of the large Menu.
37
+ /// @group menu
38
+ $kendo-menu-lg-font-size: var( --kendo-font-size-lg, inherit ) !default;
39
+
40
+ /// The line height of the small Menu.
41
+ /// @group menu
42
+ $kendo-menu-sm-line-height: var( --kendo-line-height, normal ) !default;
43
+ /// The line height of the large Menu.
44
+ /// @group menu
45
+ $kendo-menu-lg-line-height: var( --kendo-line-height-lg, normal ) !default;
46
+
28
47
  /// The background color of the Menu.
29
48
  /// @group menu
30
49
  $kendo-menu-bg: transparent !default;
@@ -52,6 +71,33 @@ $kendo-menu-item-spacing: k-spacing(0) !default;
52
71
  /// The spacing between the Menu item text and icons.
53
72
  /// @group menu
54
73
  $kendo-menu-item-icon-spacing: $kendo-icon-spacing !default;
74
+ /// The border radius of the Menu item.
75
+ /// @group menu
76
+ $kendo-menu-item-border-radius: k-border-radius(sm) !default;
77
+
78
+ /// The font size of the Menu item description.
79
+ /// @group menu
80
+ $kendo-menu-item-description-font-size: $kendo-list-item-description-font-size !default;
81
+ /// The line height of the Menu item description.
82
+ /// @group menu
83
+ $kendo-menu-item-description-line-height: $kendo-list-item-description-line-height !default;
84
+ /// The text color of the Menu item description.
85
+ /// @group menu
86
+ $kendo-menu-item-description-text: $kendo-list-item-description-text !default;
87
+
88
+ /// The horizontal padding of the small Menu item.
89
+ /// @group menu
90
+ $kendo-menu-sm-item-padding-x: k-spacing(2) !default;
91
+ /// The horizontal padding of the large Menu item.
92
+ /// @group menu
93
+ $kendo-menu-lg-item-padding-x: k-spacing(3) !default;
94
+
95
+ /// The vertical padding of the small Menu item.
96
+ /// @group menu
97
+ $kendo-menu-sm-item-padding-y: k-spacing(1.5) !default;
98
+ /// The vertical padding of the large Menu item.
99
+ /// @group menu
100
+ $kendo-menu-lg-item-padding-y: k-spacing(3) !default;
55
101
 
56
102
  /// The font weight of the selected Menu item.
57
103
  /// @group menu
@@ -275,6 +321,57 @@ $kendo-menu-popup-lg-item-icon-margin-end: calc( -1 * (#{$kendo-menu-popup-lg-it
275
321
  /// @group menu
276
322
  $kendo-menu-popup-item-spacing: k-spacing(0.5) !default;
277
323
 
324
+ /// The horizontal padding of the small Menu popup group header.
325
+ /// @group menu
326
+ $kendo-menu-popup-sm-group-header-padding-x: $kendo-list-sm-group-item-padding-x !default;
327
+ /// The horizontal padding of the medium Menu popup group header.
328
+ /// @group menu
329
+ $kendo-menu-popup-md-group-header-padding-x: $kendo-list-md-group-item-padding-x !default;
330
+ /// The horizontal padding of the large Menu popup group header.
331
+ /// @group menu
332
+ $kendo-menu-popup-lg-group-header-padding-x: $kendo-list-lg-group-item-padding-x !default;
333
+
334
+ /// The vertical padding of the small Menu popup group header.
335
+ /// @group menu
336
+ $kendo-menu-popup-sm-group-header-padding-y: $kendo-list-sm-group-item-padding-y !default;
337
+ /// The vertical padding of the medium Menu popup group header.
338
+ /// @group menu
339
+ $kendo-menu-popup-md-group-header-padding-y: $kendo-list-md-group-item-padding-y !default;
340
+ /// The vertical padding of the large Menu popup group header.
341
+ /// @group menu
342
+ $kendo-menu-popup-lg-group-header-padding-y: $kendo-list-lg-group-item-padding-y !default;
343
+
344
+ /// The font size of the small Menu popup group header.
345
+ /// @group menu
346
+ $kendo-menu-popup-sm-group-header-font-size: $kendo-list-item-group-label-sm-font-size !default;
347
+ /// The font size of the medium Menu popup group header.
348
+ /// @group menu
349
+ $kendo-menu-popup-md-group-header-font-size: $kendo-list-item-group-label-md-font-size !default;
350
+ /// The font size of the large Menu popup group header.
351
+ /// @group menu
352
+ $kendo-menu-popup-lg-group-header-font-size: $kendo-list-item-group-label-lg-font-size !default;
353
+
354
+ /// The line height of the small Menu popup group header.
355
+ /// @group menu
356
+ $kendo-menu-popup-sm-group-header-line-height: $kendo-menu-popup-sm-line-height !default;
357
+ /// The line height of the medium Menu popup group header.
358
+ /// @group menu
359
+ $kendo-menu-popup-md-group-header-line-height: $kendo-menu-popup-md-line-height !default;
360
+ /// The line height of the large Menu popup group header.
361
+ /// @group menu
362
+ $kendo-menu-popup-lg-group-header-line-height: $kendo-menu-popup-lg-line-height !default;
363
+
364
+ /// The font weight of the Menu popup group header.
365
+ /// @group menu
366
+ $kendo-menu-popup-group-header-font-weight: $kendo-list-group-item-font-weight !default;
367
+
368
+ /// The background color of the Menu popup group header.
369
+ /// @group menu
370
+ $kendo-menu-popup-group-header-bg: $kendo-list-group-item-bg !default;
371
+ /// The text color of the Menu popup group header.
372
+ /// @group menu
373
+ $kendo-menu-popup-group-header-text: $kendo-list-group-item-text !default;
374
+
278
375
  /// The background color of the Menu item in popup.
279
376
  /// @group menu
280
377
  $kendo-menu-popup-item-bg: null !default;
@@ -319,19 +416,32 @@ $kendo-menu-popup-item-active-gradient: null !default;
319
416
  $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
320
417
 
321
418
  @forward "@progress/kendo-theme-core/scss/components/menu/_variables.scss" with (
419
+ $kendo-menu-default-size: $kendo-menu-default-size,
322
420
  $kendo-menu-group-default-size: $kendo-menu-group-default-size,
323
421
  $kendo-menu-border-width: $kendo-menu-border-width,
324
422
  $kendo-menu-font-family: $kendo-menu-font-family,
325
423
  $kendo-menu-font-size: $kendo-menu-font-size,
326
424
  $kendo-menu-line-height: $kendo-menu-line-height,
425
+ $kendo-menu-sm-font-size: $kendo-menu-sm-font-size,
426
+ $kendo-menu-lg-font-size: $kendo-menu-lg-font-size,
427
+ $kendo-menu-sm-line-height: $kendo-menu-sm-line-height,
428
+ $kendo-menu-lg-line-height: $kendo-menu-lg-line-height,
327
429
  $kendo-menu-bg: $kendo-menu-bg,
328
430
  $kendo-menu-text: $kendo-menu-text,
329
431
  $kendo-menu-border: $kendo-menu-border,
330
432
  $kendo-menu-gradient: $kendo-menu-gradient,
331
433
  $kendo-menu-item-padding-x: $kendo-menu-item-padding-x,
332
434
  $kendo-menu-item-padding-y: $kendo-menu-item-padding-y,
435
+ $kendo-menu-sm-item-padding-x: $kendo-menu-sm-item-padding-x,
436
+ $kendo-menu-lg-item-padding-x: $kendo-menu-lg-item-padding-x,
437
+ $kendo-menu-sm-item-padding-y: $kendo-menu-sm-item-padding-y,
438
+ $kendo-menu-lg-item-padding-y: $kendo-menu-lg-item-padding-y,
333
439
  $kendo-menu-item-spacing: $kendo-menu-item-spacing,
334
440
  $kendo-menu-item-icon-spacing: $kendo-menu-item-icon-spacing,
441
+ $kendo-menu-item-border-radius: $kendo-menu-item-border-radius,
442
+ $kendo-menu-item-description-font-size: $kendo-menu-item-description-font-size,
443
+ $kendo-menu-item-description-line-height: $kendo-menu-item-description-line-height,
444
+ $kendo-menu-item-description-text: $kendo-menu-item-description-text,
335
445
  $kendo-menu-item-selected-font-weight: $kendo-menu-item-selected-font-weight,
336
446
  $kendo-menu-item-bg: $kendo-menu-item-bg,
337
447
  $kendo-menu-item-text: $kendo-menu-item-text,
@@ -393,6 +503,21 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
393
503
  $kendo-menu-popup-md-item-icon-margin-end: $kendo-menu-popup-md-item-icon-margin-end,
394
504
  $kendo-menu-popup-lg-item-icon-margin-end: $kendo-menu-popup-lg-item-icon-margin-end,
395
505
  $kendo-menu-popup-item-spacing: $kendo-menu-popup-item-spacing,
506
+ $kendo-menu-popup-sm-group-header-padding-x: $kendo-menu-popup-sm-group-header-padding-x,
507
+ $kendo-menu-popup-md-group-header-padding-x: $kendo-menu-popup-md-group-header-padding-x,
508
+ $kendo-menu-popup-lg-group-header-padding-x: $kendo-menu-popup-lg-group-header-padding-x,
509
+ $kendo-menu-popup-sm-group-header-padding-y: $kendo-menu-popup-sm-group-header-padding-y,
510
+ $kendo-menu-popup-md-group-header-padding-y: $kendo-menu-popup-md-group-header-padding-y,
511
+ $kendo-menu-popup-lg-group-header-padding-y: $kendo-menu-popup-lg-group-header-padding-y,
512
+ $kendo-menu-popup-sm-group-header-font-size: $kendo-menu-popup-sm-group-header-font-size,
513
+ $kendo-menu-popup-md-group-header-font-size: $kendo-menu-popup-md-group-header-font-size,
514
+ $kendo-menu-popup-lg-group-header-font-size: $kendo-menu-popup-lg-group-header-font-size,
515
+ $kendo-menu-popup-sm-group-header-line-height: $kendo-menu-popup-sm-group-header-line-height,
516
+ $kendo-menu-popup-md-group-header-line-height: $kendo-menu-popup-md-group-header-line-height,
517
+ $kendo-menu-popup-lg-group-header-line-height: $kendo-menu-popup-lg-group-header-line-height,
518
+ $kendo-menu-popup-group-header-font-weight: $kendo-menu-popup-group-header-font-weight,
519
+ $kendo-menu-popup-group-header-bg: $kendo-menu-popup-group-header-bg,
520
+ $kendo-menu-popup-group-header-text: $kendo-menu-popup-group-header-text,
396
521
  $kendo-menu-popup-item-bg: $kendo-menu-popup-item-bg,
397
522
  $kendo-menu-popup-item-text: $kendo-menu-popup-item-text,
398
523
  $kendo-menu-popup-item-border: $kendo-menu-popup-item-border,
@@ -122,16 +122,19 @@ $kendo-scheduler-event-readonly-border: k-color(primary-emphasis) !default;
122
122
  $kendo-scheduler-resizer-size: 0.5em !default;
123
123
  /// The length of the Scheduler resize handle visual indicator.
124
124
  /// @group scheduler
125
- $kendo-scheduler-resize-handle-size: 8px !default;
125
+ $kendo-scheduler-resize-handle-size: 12px !default;
126
+ /// The thickness of the Scheduler resize handle visual indicator.
127
+ /// @group scheduler
128
+ $kendo-scheduler-resize-handle-thickness: 1px !default;
126
129
  /// The border radius of the Scheduler resize handle.
127
130
  /// @group scheduler
128
131
  $kendo-scheduler-resize-handle-border-radius: k-border-radius(full) !default;
129
132
  /// The border width of the Scheduler resize handle.
130
133
  /// @group scheduler
131
- $kendo-scheduler-resize-handle-border-width: 2px !default;
134
+ $kendo-scheduler-resize-handle-border-width: 0 !default;
132
135
  /// The background color of the Scheduler resize handle.
133
136
  /// @group scheduler
134
- $kendo-scheduler-resize-handle-bg: $kendo-scheduler-event-bg !default;
137
+ $kendo-scheduler-resize-handle-bg: k-color(secondary-on-subtle) !default;
135
138
 
136
139
  /// The background color of the hovered Scheduler event.
137
140
  /// @group scheduler
@@ -349,6 +352,7 @@ $kendo-scheduler-recurrence-fields-row-gap: k-spacing(3) !default;
349
352
  $kendo-scheduler-event-ongoing-shadow: $kendo-scheduler-event-ongoing-shadow,
350
353
  $kendo-scheduler-resizer-size: $kendo-scheduler-resizer-size,
351
354
  $kendo-scheduler-resize-handle-size: $kendo-scheduler-resize-handle-size,
355
+ $kendo-scheduler-resize-handle-thickness: $kendo-scheduler-resize-handle-thickness,
352
356
  $kendo-scheduler-resize-handle-border-radius: $kendo-scheduler-resize-handle-border-radius,
353
357
  $kendo-scheduler-resize-handle-border-width: $kendo-scheduler-resize-handle-border-width,
354
358
  $kendo-scheduler-resize-handle-bg: $kendo-scheduler-resize-handle-bg,
@@ -8,6 +8,10 @@
8
8
  /// @group segmented-control
9
9
  /// @role default
10
10
  $kendo-segmented-control-default-size: "md" !default;
11
+ /// The default roundness of the Segmented Control.
12
+ /// @group segmented-control
13
+ /// @role default
14
+ $kendo-segmented-control-default-roundness: "full" !default;
11
15
 
12
16
  /// The horizontal padding of the Segmented Control.
13
17
  /// @group segmented-control
@@ -111,6 +115,7 @@ $kendo-segmented-control-button-focus-indicator: inset 0 0 0 2px color-mix(in sr
111
115
 
112
116
  @forward "@progress/kendo-theme-core/scss/components/segmented-control/_variables.scss" with (
113
117
  $kendo-segmented-control-default-size: $kendo-segmented-control-default-size,
118
+ $kendo-segmented-control-default-roundness: $kendo-segmented-control-default-roundness,
114
119
  $kendo-segmented-control-padding-x: $kendo-segmented-control-padding-x,
115
120
  $kendo-segmented-control-padding-y: $kendo-segmented-control-padding-y,
116
121
  $kendo-segmented-control-border-radius: $kendo-segmented-control-border-radius,