@progress/kendo-theme-material 10.6.0 → 11.0.0-dev.0

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 (165) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/material-aqua-dark.css +1 -1
  3. package/dist/material-aqua-dark.scss +1 -1
  4. package/dist/material-arctic.css +1 -1
  5. package/dist/material-arctic.scss +1 -1
  6. package/dist/material-burnt-teal.css +1 -1
  7. package/dist/material-burnt-teal.scss +1 -1
  8. package/dist/material-dataviz-v4.css +1 -1
  9. package/dist/material-dataviz-v4.scss +1 -1
  10. package/dist/material-eggplant.css +1 -1
  11. package/dist/material-eggplant.scss +1 -1
  12. package/dist/material-lime-dark.css +1 -1
  13. package/dist/material-lime-dark.scss +1 -1
  14. package/dist/material-lime.css +1 -1
  15. package/dist/material-lime.scss +1 -1
  16. package/dist/material-main-dark.css +1 -1
  17. package/dist/material-main-dark.scss +1 -1
  18. package/dist/material-main.css +1 -1
  19. package/dist/material-main.scss +1 -5
  20. package/dist/material-nova.css +1 -1
  21. package/dist/material-nova.scss +1 -1
  22. package/dist/material-pacific-dark.css +1 -1
  23. package/dist/material-pacific-dark.scss +1 -1
  24. package/dist/material-pacific.css +1 -1
  25. package/dist/material-pacific.scss +1 -1
  26. package/dist/material-sky-dark.css +1 -1
  27. package/dist/material-sky-dark.scss +1 -1
  28. package/dist/material-sky.css +1 -1
  29. package/dist/material-sky.scss +1 -1
  30. package/dist/material-smoke.css +1 -1
  31. package/dist/material-smoke.scss +1 -1
  32. package/dist/meta/sassdoc-data.json +2168 -2276
  33. package/dist/meta/sassdoc-raw-data.json +1069 -1119
  34. package/dist/meta/variables.json +171 -835
  35. package/lib/swatches/material-aqua-dark.json +1 -243
  36. package/lib/swatches/material-arctic.json +1 -243
  37. package/lib/swatches/material-burnt-teal.json +1 -243
  38. package/lib/swatches/material-dataviz-v4.json +1 -47
  39. package/lib/swatches/material-eggplant.json +1 -243
  40. package/lib/swatches/material-lime-dark.json +1 -243
  41. package/lib/swatches/material-lime.json +1 -243
  42. package/lib/swatches/material-main-dark.json +1 -243
  43. package/lib/swatches/material-main.json +2 -245
  44. package/lib/swatches/material-nova.json +1 -243
  45. package/lib/swatches/material-pacific-dark.json +1 -243
  46. package/lib/swatches/material-pacific.json +1 -243
  47. package/lib/swatches/material-sky-dark.json +1 -243
  48. package/lib/swatches/material-sky.json +1 -243
  49. package/lib/swatches/material-smoke.json +1 -243
  50. package/package.json +4 -4
  51. package/scss/action-buttons/_theme.scss +2 -2
  52. package/scss/action-sheet/_variables.scss +7 -7
  53. package/scss/adaptive/_variables.scss +13 -13
  54. package/scss/appbar/_variables.scss +19 -5
  55. package/scss/avatar/_variables.scss +12 -1
  56. package/scss/badge/_variables.scss +15 -1
  57. package/scss/bottom-navigation/_theme.scss +2 -2
  58. package/scss/bottom-navigation/_variables.scss +18 -4
  59. package/scss/breadcrumb/_variables.scss +10 -10
  60. package/scss/button/_layout.scss +1 -3
  61. package/scss/button/_theme.scss +4 -23
  62. package/scss/button/_variables.scss +24 -15
  63. package/scss/calendar/_theme.scss +1 -1
  64. package/scss/calendar/_variables.scss +15 -15
  65. package/scss/captcha/_variables.scss +3 -3
  66. package/scss/card/_variables.scss +20 -6
  67. package/scss/chart-wizard/_variables.scss +4 -4
  68. package/scss/chat/_theme.scss +1 -1
  69. package/scss/chat/_variables.scss +14 -14
  70. package/scss/checkbox/_theme.scss +1 -1
  71. package/scss/checkbox/_variables.scss +8 -8
  72. package/scss/chip/_theme.scss +14 -14
  73. package/scss/chip/_variables.scss +14 -14
  74. package/scss/color-preview/_variables.scss +3 -3
  75. package/scss/coloreditor/_variables.scss +4 -4
  76. package/scss/colorgradient/_variables.scss +5 -5
  77. package/scss/core/_index.scss +8 -3
  78. package/scss/core/color-system/_swatch.scss +0 -3
  79. package/scss/dataviz/_variables.scss +61 -48
  80. package/scss/dialog/_theme.scss +1 -1
  81. package/scss/dialog/_variables.scss +3 -3
  82. package/scss/dock-manager/_variables.scss +7 -7
  83. package/scss/draggable/_variables.scss +3 -3
  84. package/scss/drawer/_variables.scss +9 -9
  85. package/scss/dropzone/_variables.scss +6 -6
  86. package/scss/editor/_variables.scss +11 -4
  87. package/scss/expansion-panel/_variables.scss +5 -5
  88. package/scss/fab/_theme.scss +20 -20
  89. package/scss/fab/_variables.scss +15 -4
  90. package/scss/filemanager/_variables.scss +6 -6
  91. package/scss/filter/_variables.scss +2 -2
  92. package/scss/floating-label/_theme.scss +1 -1
  93. package/scss/floating-label/_variables.scss +2 -2
  94. package/scss/forms/_variables.scss +1 -1
  95. package/scss/gantt/_variables.scss +27 -27
  96. package/scss/grid/_theme.scss +12 -83
  97. package/scss/grid/_variables.scss +8 -8
  98. package/scss/imageeditor/_variables.scss +4 -4
  99. package/scss/index.scss +3 -0
  100. package/scss/input/_variables.scss +13 -13
  101. package/scss/list/_theme.scss +1 -1
  102. package/scss/list/_variables.scss +8 -8
  103. package/scss/listbox/_variables.scss +3 -3
  104. package/scss/listgroup/_variables.scss +3 -3
  105. package/scss/listview/_theme.scss +1 -1
  106. package/scss/listview/_variables.scss +5 -5
  107. package/scss/loader/_variables.scss +17 -3
  108. package/scss/map/_variables.scss +5 -5
  109. package/scss/marquee/_index.scss +16 -0
  110. package/scss/marquee/_layout.scss +6 -0
  111. package/scss/marquee/_theme.scss +6 -0
  112. package/scss/marquee/_variables.scss +11 -0
  113. package/scss/mediaplayer/_variables.scss +4 -4
  114. package/scss/menu/_variables.scss +6 -6
  115. package/scss/messagebox/_variables.scss +15 -1
  116. package/scss/no-data/_variables.scss +1 -1
  117. package/scss/notification/_functions.scss +1 -1
  118. package/scss/notification/_variables.scss +15 -4
  119. package/scss/orgchart/_variables.scss +8 -8
  120. package/scss/overlay/_variables.scss +12 -1
  121. package/scss/pager/_variables.scss +6 -6
  122. package/scss/panel/_variables.scss +3 -3
  123. package/scss/panelbar/_variables.scss +20 -20
  124. package/scss/pdf-viewer/_variables.scss +14 -14
  125. package/scss/pivotgrid/_variables.scss +23 -23
  126. package/scss/popover/_variables.scss +3 -3
  127. package/scss/popup/_variables.scss +3 -3
  128. package/scss/progressbar/_variables.scss +6 -6
  129. package/scss/prompt/_variables.scss +12 -12
  130. package/scss/radio/_theme.scss +1 -1
  131. package/scss/radio/_variables.scss +2 -2
  132. package/scss/rating/_variables.scss +4 -4
  133. package/scss/scheduler/_theme.scss +3 -3
  134. package/scss/scheduler/_variables.scss +19 -16
  135. package/scss/scrollview/_variables.scss +5 -5
  136. package/scss/signature/_variables.scss +1 -1
  137. package/scss/skeleton/_variables.scss +1 -1
  138. package/scss/slider/_theme.scss +1 -1
  139. package/scss/slider/_variables.scss +10 -10
  140. package/scss/splitter/_variables.scss +8 -8
  141. package/scss/spreadsheet/_theme.scss +6 -6
  142. package/scss/spreadsheet/_variables.scss +30 -29
  143. package/scss/stepper/_variables.scss +15 -15
  144. package/scss/switch/_theme.scss +1 -1
  145. package/scss/switch/_variables.scss +4 -4
  146. package/scss/table/_layout.scss +18 -22
  147. package/scss/table/_theme.scss +6 -32
  148. package/scss/table/_variables.scss +6 -6
  149. package/scss/tabstrip/_variables.scss +10 -10
  150. package/scss/taskboard/_variables.scss +15 -15
  151. package/scss/tilelayout/_variables.scss +2 -2
  152. package/scss/timeline/_variables.scss +7 -7
  153. package/scss/timeselector/_variables.scss +13 -8
  154. package/scss/toolbar/_theme.scss +10 -10
  155. package/scss/toolbar/_variables.scss +7 -7
  156. package/scss/tooltip/_functions.scss +1 -1
  157. package/scss/tooltip/_variables.scss +15 -4
  158. package/scss/treeview/_variables.scss +5 -5
  159. package/scss/typography/_variables.scss +3 -3
  160. package/scss/upload/_theme.scss +1 -1
  161. package/scss/upload/_variables.scss +13 -13
  162. package/scss/window/_variables.scss +6 -6
  163. package/scss/core/color-system/_functions.scss +0 -104
  164. package/scss/core/color-system/_palettes-legacy.scss +0 -671
  165. package/scss/core/color-system/_swatch-legacy.scss +0 -299
package/lib/swatches/material-sky.json CHANGED
@@ -3,8 +3,7 @@
3
3
  "name": "Material Sky",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.6.0",
7
- "api": "modern",
6
+ "version": "11.0.0-dev.0",
8
7
  "previewColors": [
9
8
  "#ffffff",
10
9
  "#e0e0e0",
@@ -14,16 +13,6 @@
14
13
  ],
15
14
  "components": [],
16
15
  "groups": [
17
- {
18
- "name": "New color system",
19
- "colorSystem": {
20
- "kendo-enable-color-system": {
21
- "name": "New color system",
22
- "type": "boolean",
23
- "value": true
24
- }
25
- }
26
- },
27
16
  {
28
17
  "name": "New theme colors",
29
18
  "colorsMap": {
@@ -613,237 +602,6 @@
613
602
  "value": "#a6d7a8"
614
603
  }
615
604
  }
616
- },
617
- {
618
- "name": "Theme colors",
619
- "variables": {
620
- "primary-palette-name": {
621
- "name": "Primary",
622
- "type": "material-colorlist",
623
- "enum": [
624
- {
625
- "value": "red",
626
- "text": "Red",
627
- "preview": "#f44336"
628
- },
629
- {
630
- "value": "pink",
631
- "text": "Pink",
632
- "preview": "#e91e63"
633
- },
634
- {
635
- "value": "purple",
636
- "text": "Purple",
637
- "preview": "#9c27b0"
638
- },
639
- {
640
- "value": "deepPurple",
641
- "text": "Deep Purple",
642
- "preview": "#673ab7"
643
- },
644
- {
645
- "value": "indigo",
646
- "text": "Indigo",
647
- "preview": "#3f51b5"
648
- },
649
- {
650
- "value": "blue",
651
- "text": "Blue",
652
- "preview": "#2196f3"
653
- },
654
- {
655
- "value": "lightBlue",
656
- "text": "Light Blue",
657
- "preview": "#03a9f4"
658
- },
659
- {
660
- "value": "cyan",
661
- "text": "Cyan",
662
- "preview": "#00bcd4"
663
- },
664
- {
665
- "value": "teal",
666
- "text": "Teal",
667
- "preview": "#009688"
668
- },
669
- {
670
- "value": "green",
671
- "text": "Green",
672
- "preview": "#4caf50"
673
- },
674
- {
675
- "value": "lightGreen",
676
- "text": "Light Green",
677
- "preview": "#8bc34a"
678
- },
679
- {
680
- "value": "lime",
681
- "text": "Lime",
682
- "preview": "#cddc39"
683
- },
684
- {
685
- "value": "yellow",
686
- "text": "Yellow",
687
- "preview": "#ffeb3b"
688
- },
689
- {
690
- "value": "amber",
691
- "text": "Amber",
692
- "preview": "#ffc107"
693
- },
694
- {
695
- "value": "orange",
696
- "text": "Orange",
697
- "preview": "#ff9800"
698
- },
699
- {
700
- "value": "deepOrange",
701
- "text": "Deep Orange",
702
- "preview": "#ff5722"
703
- },
704
- {
705
- "value": "brown",
706
- "text": "Brown",
707
- "preview": "#795548"
708
- },
709
- {
710
- "value": "gray",
711
- "text": "Gray",
712
- "preview": "#9e9e9e"
713
- },
714
- {
715
- "value": "blueGray",
716
- "text": "Blue Gray",
717
- "preview": "#607d8b"
718
- }
719
- ],
720
- "value": "blue"
721
- },
722
- "secondary-palette-name": {
723
- "name": "Secondary",
724
- "type": "material-colorlist",
725
- "enum": [
726
- {
727
- "value": "red",
728
- "text": "Red",
729
- "preview": "#f44336"
730
- },
731
- {
732
- "value": "pink",
733
- "text": "Pink",
734
- "preview": "#e91e63"
735
- },
736
- {
737
- "value": "purple",
738
- "text": "Purple",
739
- "preview": "#9c27b0"
740
- },
741
- {
742
- "value": "deepPurple",
743
- "text": "Deep Purple",
744
- "preview": "#673ab7"
745
- },
746
- {
747
- "value": "indigo",
748
- "text": "Indigo",
749
- "preview": "#3f51b5"
750
- },
751
- {
752
- "value": "blue",
753
- "text": "Blue",
754
- "preview": "#2196f3"
755
- },
756
- {
757
- "value": "lightBlue",
758
- "text": "Light Blue",
759
- "preview": "#03a9f4"
760
- },
761
- {
762
- "value": "cyan",
763
- "text": "Cyan",
764
- "preview": "#00bcd4"
765
- },
766
- {
767
- "value": "teal",
768
- "text": "Teal",
769
- "preview": "#009688"
770
- },
771
- {
772
- "value": "green",
773
- "text": "Green",
774
- "preview": "#4caf50"
775
- },
776
- {
777
- "value": "lightGreen",
778
- "text": "Light Green",
779
- "preview": "#8bc34a"
780
- },
781
- {
782
- "value": "lime",
783
- "text": "Lime",
784
- "preview": "#cddc39"
785
- },
786
- {
787
- "value": "yellow",
788
- "text": "Yellow",
789
- "preview": "#ffeb3b"
790
- },
791
- {
792
- "value": "amber",
793
- "text": "Amber",
794
- "preview": "#ffc107"
795
- },
796
- {
797
- "value": "orange",
798
- "text": "Orange",
799
- "preview": "#ff9800"
800
- },
801
- {
802
- "value": "deepOrange",
803
- "text": "Deep Orange",
804
- "preview": "#ff5722"
805
- },
806
- {
807
- "value": "brown",
808
- "text": "Brown",
809
- "preview": "#795548"
810
- },
811
- {
812
- "value": "gray",
813
- "text": "Gray",
814
- "preview": "#9e9e9e"
815
- },
816
- {
817
- "value": "blueGray",
818
- "text": "Blue Gray",
819
- "preview": "#607d8b"
820
- }
821
- ],
822
- "value": "pink"
823
- },
824
- "theme-type": {
825
- "name": "Theme luminosity",
826
- "type": "color-mode",
827
- "enum": [
828
- {
829
- "value": "light",
830
- "text": "Light",
831
- "preview": "#ffffff"
832
- },
833
- {
834
- "value": "dark",
835
- "text": "Dark",
836
- "preview": "#000000"
837
- }
838
- ],
839
- "value": "light"
840
- },
841
- "adjust-contrast": {
842
- "name": "Adjust contrast",
843
- "type": "boolean",
844
- "value": true
845
- }
846
- }
847
605
  }
848
606
  ]
849
607
  }
package/lib/swatches/material-smoke.json CHANGED
@@ -3,8 +3,7 @@
3
3
  "name": "Material Smoke",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "10.6.0",
7
- "api": "modern",
6
+ "version": "11.0.0-dev.0",
8
7
  "previewColors": [
9
8
  "#ffffff",
10
9
  "#e0e0e0",
@@ -14,16 +13,6 @@
14
13
  ],
15
14
  "components": [],
16
15
  "groups": [
17
- {
18
- "name": "New color system",
19
- "colorSystem": {
20
- "kendo-enable-color-system": {
21
- "name": "New color system",
22
- "type": "boolean",
23
- "value": true
24
- }
25
- }
26
- },
27
16
  {
28
17
  "name": "New theme colors",
29
18
  "colorsMap": {
@@ -613,237 +602,6 @@
613
602
  "value": "#a6d7a8"
614
603
  }
615
604
  }
616
- },
617
- {
618
- "name": "Theme colors",
619
- "variables": {
620
- "primary-palette-name": {
621
- "name": "Primary",
622
- "type": "material-colorlist",
623
- "enum": [
624
- {
625
- "value": "red",
626
- "text": "Red",
627
- "preview": "#f44336"
628
- },
629
- {
630
- "value": "pink",
631
- "text": "Pink",
632
- "preview": "#e91e63"
633
- },
634
- {
635
- "value": "purple",
636
- "text": "Purple",
637
- "preview": "#9c27b0"
638
- },
639
- {
640
- "value": "deepPurple",
641
- "text": "Deep Purple",
642
- "preview": "#673ab7"
643
- },
644
- {
645
- "value": "indigo",
646
- "text": "Indigo",
647
- "preview": "#3f51b5"
648
- },
649
- {
650
- "value": "blue",
651
- "text": "Blue",
652
- "preview": "#2196f3"
653
- },
654
- {
655
- "value": "lightBlue",
656
- "text": "Light Blue",
657
- "preview": "#03a9f4"
658
- },
659
- {
660
- "value": "cyan",
661
- "text": "Cyan",
662
- "preview": "#00bcd4"
663
- },
664
- {
665
- "value": "teal",
666
- "text": "Teal",
667
- "preview": "#009688"
668
- },
669
- {
670
- "value": "green",
671
- "text": "Green",
672
- "preview": "#4caf50"
673
- },
674
- {
675
- "value": "lightGreen",
676
- "text": "Light Green",
677
- "preview": "#8bc34a"
678
- },
679
- {
680
- "value": "lime",
681
- "text": "Lime",
682
- "preview": "#cddc39"
683
- },
684
- {
685
- "value": "yellow",
686
- "text": "Yellow",
687
- "preview": "#ffeb3b"
688
- },
689
- {
690
- "value": "amber",
691
- "text": "Amber",
692
- "preview": "#ffc107"
693
- },
694
- {
695
- "value": "orange",
696
- "text": "Orange",
697
- "preview": "#ff9800"
698
- },
699
- {
700
- "value": "deepOrange",
701
- "text": "Deep Orange",
702
- "preview": "#ff5722"
703
- },
704
- {
705
- "value": "brown",
706
- "text": "Brown",
707
- "preview": "#795548"
708
- },
709
- {
710
- "value": "gray",
711
- "text": "Gray",
712
- "preview": "#9e9e9e"
713
- },
714
- {
715
- "value": "blueGray",
716
- "text": "Blue Gray",
717
- "preview": "#607d8b"
718
- }
719
- ],
720
- "value": "blueGray"
721
- },
722
- "secondary-palette-name": {
723
- "name": "Secondary",
724
- "type": "material-colorlist",
725
- "enum": [
726
- {
727
- "value": "red",
728
- "text": "Red",
729
- "preview": "#f44336"
730
- },
731
- {
732
- "value": "pink",
733
- "text": "Pink",
734
- "preview": "#e91e63"
735
- },
736
- {
737
- "value": "purple",
738
- "text": "Purple",
739
- "preview": "#9c27b0"
740
- },
741
- {
742
- "value": "deepPurple",
743
- "text": "Deep Purple",
744
- "preview": "#673ab7"
745
- },
746
- {
747
- "value": "indigo",
748
- "text": "Indigo",
749
- "preview": "#3f51b5"
750
- },
751
- {
752
- "value": "blue",
753
- "text": "Blue",
754
- "preview": "#2196f3"
755
- },
756
- {
757
- "value": "lightBlue",
758
- "text": "Light Blue",
759
- "preview": "#03a9f4"
760
- },
761
- {
762
- "value": "cyan",
763
- "text": "Cyan",
764
- "preview": "#00bcd4"
765
- },
766
- {
767
- "value": "teal",
768
- "text": "Teal",
769
- "preview": "#009688"
770
- },
771
- {
772
- "value": "green",
773
- "text": "Green",
774
- "preview": "#4caf50"
775
- },
776
- {
777
- "value": "lightGreen",
778
- "text": "Light Green",
779
- "preview": "#8bc34a"
780
- },
781
- {
782
- "value": "lime",
783
- "text": "Lime",
784
- "preview": "#cddc39"
785
- },
786
- {
787
- "value": "yellow",
788
- "text": "Yellow",
789
- "preview": "#ffeb3b"
790
- },
791
- {
792
- "value": "amber",
793
- "text": "Amber",
794
- "preview": "#ffc107"
795
- },
796
- {
797
- "value": "orange",
798
- "text": "Orange",
799
- "preview": "#ff9800"
800
- },
801
- {
802
- "value": "deepOrange",
803
- "text": "Deep Orange",
804
- "preview": "#ff5722"
805
- },
806
- {
807
- "value": "brown",
808
- "text": "Brown",
809
- "preview": "#795548"
810
- },
811
- {
812
- "value": "gray",
813
- "text": "Gray",
814
- "preview": "#9e9e9e"
815
- },
816
- {
817
- "value": "blueGray",
818
- "text": "Blue Gray",
819
- "preview": "#607d8b"
820
- }
821
- ],
822
- "value": "pink"
823
- },
824
- "theme-type": {
825
- "name": "Theme luminosity",
826
- "type": "color-mode",
827
- "enum": [
828
- {
829
- "value": "light",
830
- "text": "Light",
831
- "preview": "#ffffff"
832
- },
833
- {
834
- "value": "dark",
835
- "text": "Dark",
836
- "preview": "#000000"
837
- }
838
- ],
839
- "value": "light"
840
- },
841
- "adjust-contrast": {
842
- "name": "Adjust contrast",
843
- "type": "boolean",
844
- "value": true
845
- }
846
- }
847
605
  }
848
606
  ]
849
607
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-material",
3
3
  "description": "Material theme for Kendo UI",
4
- "version": "10.6.0",
4
+ "version": "11.0.0-dev.0",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -54,12 +54,12 @@
54
54
  },
55
55
  "dependencies": {
56
56
  "@progress/kendo-svg-icons": "^4.1.0",
57
- "@progress/kendo-theme-core": "10.6.0",
58
- "@progress/kendo-theme-utils": "10.6.0"
57
+ "@progress/kendo-theme-core": "11.0.0-dev.0",
58
+ "@progress/kendo-theme-utils": "11.0.0-dev.0"
59
59
  },
60
60
  "directories": {
61
61
  "doc": "docs",
62
62
  "lib": "lib"
63
63
  },
64
- "gitHead": "61de20186b040b6e1ac5affab2bac1ef961b6a52"
64
+ "gitHead": "b83fa9575266e751edf9317822154d05a4fc566a"
65
65
  }
package/scss/action-buttons/_theme.scss CHANGED
@@ -12,8 +12,8 @@
12
12
  .k-actions {
13
13
 
14
14
  .k-button-solid-base {
15
- background-color: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-button-bg ));
16
- border-color: if($kendo-enable-color-system, k-color( base-subtle ), k-try-shade( $kendo-button-bg ));
15
+ background-color: k-color(base-subtle);
16
+ border-color: k-color(base-subtle);
17
17
  }
18
18
 
19
19
  }
package/scss/action-sheet/_variables.scss CHANGED
@@ -17,9 +17,9 @@ $kendo-actionsheet-font-size: var( --kendo-font-size, inherit ) !default;
17
17
  $kendo-actionsheet-font-family: var( --kendo-font-family, inherit ) !default;
18
18
  $kendo-actionsheet-line-height: math.div( 20, 14 ) !default;
19
19
 
20
- $kendo-actionsheet-bg: $kendo-component-bg !default;
21
- $kendo-actionsheet-text: $kendo-component-text !default;
22
- $kendo-actionsheet-border: $kendo-component-border !default;
20
+ $kendo-actionsheet-bg: k-color(surface-alt) !default;
21
+ $kendo-actionsheet-text: k-color(on-app-surface) !default;
22
+ $kendo-actionsheet-border: k-color(border) !default;
23
23
  $kendo-actionsheet-shadow: k-elevation(7) !default;
24
24
 
25
25
 
@@ -34,19 +34,19 @@ $kendo-actionsheet-titlebar-gap: k-spacing(4) !default;
34
34
 
35
35
  $kendo-actionsheet-titlebar-bg: null !default;
36
36
  $kendo-actionsheet-titlebar-text: null !default;
37
- $kendo-actionsheet-titlebar-border: $kendo-component-border !default;
37
+ $kendo-actionsheet-titlebar-border: k-color(border) !default;
38
38
  $kendo-actionsheet-titlebar-gradient: null !default;
39
39
  $kendo-actionsheet-titlebar-shadow: null !default;
40
40
 
41
41
  $kendo-actionsheet-subtitle-font-size: var( --kendo-font-size-sm, inherit ) !default;
42
42
  $kendo-actionsheet-subtitle-line-height: var( --kendo-line-height-sm, normal ) !default;
43
- $kendo-actionsheet-subtitle-text: $kendo-subtle-text !default;
43
+ $kendo-actionsheet-subtitle-text: k-color(subtle) !default;
44
44
 
45
45
  $kendo-actionsheet-footer-border-width: 1px !default;
46
46
 
47
47
  $kendo-actionsheet-footer-bg: null !default;
48
48
  $kendo-actionsheet-footer-text: null !default;
49
- $kendo-actionsheet-footer-border: $kendo-component-border !default;
49
+ $kendo-actionsheet-footer-border: k-color(border) !default;
50
50
  $kendo-actionsheet-footer-gradient: null !default;
51
51
  $kendo-actionsheet-footer-shadow: null !default;
52
52
 
@@ -61,7 +61,7 @@ $kendo-actionsheet-item-title-font-weight: null !default;
61
61
  $kendo-actionsheet-item-title-text-transform: null !default;
62
62
 
63
63
  $kendo-actionsheet-item-description-font-size: .875em !default;
64
- $kendo-actionsheet-item-description-text: $kendo-subtle-text !default;
64
+ $kendo-actionsheet-item-description-text: k-color(subtle) !default;
65
65
 
66
66
  $kendo-actionsheet-item-hover-bg: rgba( black, .04 ) !default;
67
67
  $kendo-actionsheet-item-hover-text: null !default;
package/scss/adaptive/_variables.scss CHANGED
@@ -2,20 +2,20 @@
2
2
  @use "../core/functions/index.import.scss" as *;
3
3
 
4
4
  // Adaptive Common
5
- $kendo-adaptive-bg: $kendo-component-bg !default;
6
- $kendo-adaptive-text: $kendo-component-text !default;
7
- $kendo-adaptive-border: $kendo-component-border !default;
5
+ $kendo-adaptive-bg: k-color(surface-alt) !default;
6
+ $kendo-adaptive-text: k-color(on-app-surface) !default;
7
+ $kendo-adaptive-border: k-color(border) !default;
8
8
 
9
- $kendo-adaptive-content-bg: $kendo-app-bg !default;
10
- $kendo-adaptive-content-text: $kendo-app-text !default;
9
+ $kendo-adaptive-content-bg: k-color(app-surface) !default;
10
+ $kendo-adaptive-content-text: k-color(on-app-surface) !default;
11
11
 
12
- $kendo-adaptive-menu-bg: $kendo-color-primary !default;
13
- $kendo-adaptive-menu-text: if($kendo-enable-color-system, k-color( on-primary ), k-contrast-color( $kendo-adaptive-menu-bg )) !default;
12
+ $kendo-adaptive-menu-bg: k-color(primary) !default;
13
+ $kendo-adaptive-menu-text: k-color(on-primary) !default;
14
14
 
15
- $kendo-adaptive-menu-clear-text: $kendo-color-primary !default;
15
+ $kendo-adaptive-menu-clear-text: k-color(primary) !default;
16
16
 
17
- $kendo-adaptive-menu-item-border: $kendo-component-border !default;
18
- $kendo-adaptive-menu-title-text: $kendo-component-text !default;
17
+ $kendo-adaptive-menu-item-border: k-color(border) !default;
18
+ $kendo-adaptive-menu-title-text: k-color(on-app-surface) !default;
19
19
 
20
20
  $kendo-adaptive-border-width: 1px !default;
21
21
  $kendo-adaptive-font-family: var( --kendo-font-family, inherit ) !default;
@@ -23,12 +23,12 @@ $kendo-adaptive-font-size: var( --kendo-font-size, inherit ) !default;
23
23
  $kendo-adaptive-line-height: var( --kendo-line-height, normal ) !default;
24
24
 
25
25
  // Adaptive Grid
26
- $kendo-adaptive-grid-sort-text: $kendo-color-primary !default;
26
+ $kendo-adaptive-grid-sort-text: k-color(primary) !default;
27
27
 
28
28
  // Adaptive Scheduler
29
- $kendo-adaptive-scheduler-current-text: $kendo-color-primary !default;
29
+ $kendo-adaptive-scheduler-current-text: k-color(primary) !default;
30
30
  $kendo-adaptive-scheduler-base-text: inherit !default;
31
- $kendo-adaptive-scheduler-subtle-text: $kendo-subtle-text !default;
31
+ $kendo-adaptive-scheduler-subtle-text: k-color(subtle) !default;
32
32
 
33
33
  @forward "@progress/kendo-theme-core/scss/components/adaptive/_variables.scss" with (
34
34
  $kendo-adaptive-bg: $kendo-adaptive-bg,