@progress/kendo-theme-meridian 14.5.1-dev.3 → 14.5.1-dev.5
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 +1 -1
- package/dist/meridian-main-dark.css +1 -1
- package/dist/meridian-main.css +1 -1
- package/dist/meta/sassdoc-data.json +3180 -1424
- package/dist/meta/sassdoc-raw-data.json +1566 -785
- package/dist/meta/variables.json +179 -7
- package/lib/swatches/meridian-main-dark.json +1 -1
- package/lib/swatches/meridian-main.json +1 -1
- package/package.json +4 -4
- package/scss/floating-toolbar/_index.scss +20 -0
- package/scss/floating-toolbar/_layout.scss +5 -0
- package/scss/floating-toolbar/_theme.scss +15 -0
- package/scss/floating-toolbar/_variables.scss +9 -0
- package/scss/index.scss +3 -0
- package/scss/menu/_layout.scss +0 -12
- package/scss/menu/_theme.scss +2 -2
- package/scss/menu/_variables.scss +125 -0
- package/scss/scheduler/_variables.scss +7 -3
- package/scss/segmented-control/_variables.scss +5 -0
- package/scss/toolbar/_variables.scss +1 -6
package/dist/meta/variables.json
CHANGED
|
@@ -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"
|
|
@@ -14602,7 +14770,11 @@
|
|
|
14602
14770
|
},
|
|
14603
14771
|
"kendo-scheduler-resize-handle-size": {
|
|
14604
14772
|
"type": "Number",
|
|
14605
|
-
"value": "
|
|
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": "
|
|
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",
|
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.
|
|
4
|
+
"version": "14.5.1-dev.5",
|
|
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": "
|
|
55
|
-
"@progress/kendo-theme-core": "14.5.1-dev.
|
|
56
|
-
"@progress/kendo-theme-utils": "14.5.1-dev.
|
|
54
|
+
"@progress/kendo-svg-icons": "5.5.0-dev.0",
|
|
55
|
+
"@progress/kendo-theme-core": "14.5.1-dev.5",
|
|
56
|
+
"@progress/kendo-theme-utils": "14.5.1-dev.5"
|
|
57
57
|
},
|
|
58
58
|
"directories": {
|
|
59
59
|
"doc": "docs",
|
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
// Dependencies
|
|
2
|
+
@use "../core/_index.scss" as *;
|
|
3
|
+
@use "../popup/_index.scss" as *;
|
|
4
|
+
@use "../toolbar/_index.scss" as *;
|
|
5
|
+
|
|
6
|
+
// Component
|
|
7
|
+
@forward "./_variables.scss";
|
|
8
|
+
@use "./_layout.scss" as *;
|
|
9
|
+
@use "./_theme.scss" as *;
|
|
10
|
+
|
|
11
|
+
// Expose
|
|
12
|
+
@mixin kendo-floating-toolbar--styles() {
|
|
13
|
+
@include import-once( "floating-toolbar" ) {
|
|
14
|
+
@include core-styles();
|
|
15
|
+
@include kendo-popup--styles();
|
|
16
|
+
@include kendo-toolbar--styles();
|
|
17
|
+
@include kendo-floating-toolbar--layout();
|
|
18
|
+
@include kendo-floating-toolbar--theme();
|
|
19
|
+
}
|
|
20
|
+
}
|
|
@@ -0,0 +1,15 @@
|
|
|
1
|
+
@use "@progress/kendo-theme-core/scss/components/floating-toolbar/_theme.scss" as *;
|
|
2
|
+
|
|
3
|
+
@mixin kendo-floating-toolbar--theme() {
|
|
4
|
+
@include kendo-floating-toolbar--theme-base();
|
|
5
|
+
|
|
6
|
+
.k-floating-toolbar.k-popup {
|
|
7
|
+
--kendo-translucency-base: 0%;
|
|
8
|
+
backdrop-filter: none;
|
|
9
|
+
|
|
10
|
+
.k-toolbar {
|
|
11
|
+
backdrop-filter: none;
|
|
12
|
+
background: none;
|
|
13
|
+
}
|
|
14
|
+
}
|
|
15
|
+
}
|
|
@@ -0,0 +1,9 @@
|
|
|
1
|
+
@use "../core/_index.scss" as *;
|
|
2
|
+
|
|
3
|
+
/// The border radius of the floating Toolbar.
|
|
4
|
+
/// @group floating-toolbar
|
|
5
|
+
$kendo-floating-toolbar-border-radius: k-border-radius(xxl) !default;
|
|
6
|
+
|
|
7
|
+
@forward "@progress/kendo-theme-core/scss/components/floating-toolbar/_variables.scss" with (
|
|
8
|
+
$kendo-floating-toolbar-border-radius: $kendo-floating-toolbar-border-radius
|
|
9
|
+
);
|
package/scss/index.scss
CHANGED
|
@@ -43,6 +43,7 @@
|
|
|
43
43
|
@forward "./menu-button/_index.scss";
|
|
44
44
|
@forward "./split-button/_index.scss";
|
|
45
45
|
@forward "./toolbar/_index.scss";
|
|
46
|
+
@forward "./floating-toolbar/_index.scss";
|
|
46
47
|
@forward "./forms/_index.scss";
|
|
47
48
|
@forward "./validator/_index.scss";
|
|
48
49
|
@forward "./calendar/_index.scss";
|
|
@@ -227,6 +228,7 @@
|
|
|
227
228
|
@use "./fab/_index.scss" as *;
|
|
228
229
|
@use "./menu/_index.scss" as *;
|
|
229
230
|
@use "./toolbar/_index.scss" as *;
|
|
231
|
+
@use "./floating-toolbar/_index.scss" as *;
|
|
230
232
|
|
|
231
233
|
|
|
232
234
|
// Popups and modals
|
|
@@ -412,6 +414,7 @@
|
|
|
412
414
|
@include kendo-fab--styles();
|
|
413
415
|
@include kendo-menu--styles();
|
|
414
416
|
@include kendo-toolbar--styles();
|
|
417
|
+
@include kendo-floating-toolbar--styles();
|
|
415
418
|
|
|
416
419
|
|
|
417
420
|
// Popups and modals
|
package/scss/menu/_layout.scss
CHANGED
|
@@ -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
|
}
|
package/scss/menu/_theme.scss
CHANGED
|
@@ -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:
|
|
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:
|
|
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:
|
|
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,
|