@progress/kendo-theme-classic 5.8.2-dev.3 → 5.8.2-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.
Files changed (81) hide show
  1. package/dist/all.css +14 -8
  2. package/dist/all.scss +1191 -462
  3. package/lib/swatches/classic-green-dark.json +1 -1
  4. package/lib/swatches/classic-green.json +1 -1
  5. package/lib/swatches/classic-main-dark.json +1 -1
  6. package/lib/swatches/classic-main.json +1 -1
  7. package/lib/swatches/classic-opal-dark.json +1 -1
  8. package/lib/swatches/classic-opal.json +1 -1
  9. package/lib/swatches/classic-silver-dark.json +1 -1
  10. package/lib/swatches/classic-silver.json +1 -1
  11. package/package.json +4 -3
  12. package/scss/_variables.scss +42 -42
  13. package/scss/action-buttons/_variables.scss +4 -4
  14. package/scss/action-sheet/_variables.scss +5 -5
  15. package/scss/appbar/_variables.scss +7 -7
  16. package/scss/avatar/_variables.scss +3 -3
  17. package/scss/badge/_variables.scss +8 -8
  18. package/scss/bottom-navigation/_variables.scss +6 -6
  19. package/scss/breadcrumb/_variables.scss +1 -1
  20. package/scss/button/_variables.scss +15 -15
  21. package/scss/calendar/_variables.scss +19 -19
  22. package/scss/captcha/_variables.scss +2 -2
  23. package/scss/card/_variables.scss +10 -10
  24. package/scss/chat/_variables.scss +3 -3
  25. package/scss/checkbox/_variables.scss +12 -12
  26. package/scss/chip/_variables.scss +22 -22
  27. package/scss/coloreditor/_variables.scss +4 -4
  28. package/scss/colorgradient/_variables.scss +9 -9
  29. package/scss/colorpalette/_variables.scss +1 -1
  30. package/scss/core/functions/_index.scss +3 -0
  31. package/scss/dataviz/_variables.scss +25 -25
  32. package/scss/drawer/_variables.scss +4 -4
  33. package/scss/dropdowntree/_variables.scss +2 -2
  34. package/scss/dropzone/_variables.scss +5 -5
  35. package/scss/editor/_variables.scss +1 -1
  36. package/scss/expansion-panel/_variables.scss +1 -1
  37. package/scss/fab/_variables.scss +9 -9
  38. package/scss/filemanager/_variables.scss +7 -7
  39. package/scss/filter/_variables.scss +2 -0
  40. package/scss/forms/_variables.scss +1 -1
  41. package/scss/gantt/_variables.scss +12 -12
  42. package/scss/grid/_variables.scss +9 -9
  43. package/scss/imageeditor/_variables.scss +3 -3
  44. package/scss/input/_variables.scss +12 -12
  45. package/scss/list/_variables.scss +25 -25
  46. package/scss/listgroup/_variables.scss +2 -2
  47. package/scss/listview/_variables.scss +5 -5
  48. package/scss/loader/_variables.scss +9 -9
  49. package/scss/mediaplayer/_variables.scss +2 -2
  50. package/scss/menu/_variables.scss +9 -9
  51. package/scss/notification/_variables.scss +1 -1
  52. package/scss/orgchart/_variables.scss +1 -1
  53. package/scss/pager/_variables.scss +5 -5
  54. package/scss/panelbar/_variables.scss +3 -3
  55. package/scss/pdf-viewer/_variables.scss +3 -3
  56. package/scss/pivotgrid/_variables.scss +14 -14
  57. package/scss/popup/_variables.scss +3 -3
  58. package/scss/progressbar/_variables.scss +2 -2
  59. package/scss/radio/_variables.scss +11 -11
  60. package/scss/rating/_variables.scss +2 -2
  61. package/scss/scheduler/_variables.scss +9 -9
  62. package/scss/scrollview/_variables.scss +6 -6
  63. package/scss/signature/_variables.scss +5 -5
  64. package/scss/slider/_variables.scss +6 -6
  65. package/scss/splitter/_variables.scss +1 -1
  66. package/scss/spreadsheet/_variables.scss +1 -1
  67. package/scss/stepper/_variables.scss +3 -3
  68. package/scss/switch/_variables.scss +7 -7
  69. package/scss/table/_variables.scss +6 -6
  70. package/scss/tabstrip/_variables.scss +3 -3
  71. package/scss/taskboard/_variables.scss +12 -12
  72. package/scss/tilelayout/_variables.scss +1 -1
  73. package/scss/timeline/_variables.scss +4 -4
  74. package/scss/timeselector/_variables.scss +3 -3
  75. package/scss/toolbar/_variables.scss +4 -2
  76. package/scss/tooltip/_variables.scss +6 -6
  77. package/scss/treeview/_variables.scss +8 -8
  78. package/scss/typography/_variables.scss +1 -1
  79. package/scss/upload/_variables.scss +5 -5
  80. package/scss/window/_variables.scss +7 -7
  81. package/scss/wizard/_variables.scss +1 -1
@@ -19,15 +19,15 @@ $kendo-fab-line-height: $line-height !default;
19
19
 
20
20
  /// Horizontal padding of the FAB.
21
21
  /// @group floating-action-button
22
- $kendo-fab-padding-x: map-get( $spacing, 4 ) !default;
23
- $kendo-fab-padding-x-sm: ( $kendo-fab-padding-x / 2 ) !default;
22
+ $kendo-fab-padding-x: k-map-get( $spacing, 4 ) !default;
23
+ $kendo-fab-padding-x-sm: k-math-div( $kendo-fab-padding-x, 2 ) !default;
24
24
  $kendo-fab-padding-x-md: $kendo-fab-padding-x !default;
25
25
  $kendo-fab-padding-x-lg: ( $kendo-fab-padding-x * 1.5 ) !default;
26
26
 
27
27
  /// Vertical padding of the FAB.
28
28
  /// @group floating-action-button
29
29
  $kendo-fab-padding-y: $kendo-fab-padding-x !default;
30
- $kendo-fab-padding-y-sm: ( $kendo-fab-padding-y / 2 ) !default;
30
+ $kendo-fab-padding-y-sm: k-math-div( $kendo-fab-padding-y, 2 ) !default;
31
31
  $kendo-fab-padding-y-md: $kendo-fab-padding-y !default;
32
32
  $kendo-fab-padding-y-lg: ( $kendo-fab-padding-y * 1.5 ) !default;
33
33
 
@@ -39,18 +39,18 @@ $kendo-fab-icon-width: 20px !default;
39
39
  $kendo-fab-icon-height: $kendo-fab-icon-width !default;
40
40
  /// FAB icon spacing.
41
41
  /// @group floating-action-button
42
- $kendo-fab-icon-spacing: map-get( $spacing, 1 ) / 2 !default;
42
+ $kendo-fab-icon-spacing: k-math-div( k-map-get( $spacing, 1 ), 2 ) !default;
43
43
 
44
44
  /// FAB items horizontal padding.
45
45
  /// @group floating-action-button
46
46
  $kendo-fab-items-padding-x: 0px !default;
47
47
  /// FAB items vertical padding.
48
48
  /// @group floating-action-button
49
- $kendo-fab-items-padding-y: map-get( $spacing, 4 ) !default;
49
+ $kendo-fab-items-padding-y: k-map-get( $spacing, 4 ) !default;
50
50
 
51
51
  /// FAB item text horizontal padding.
52
52
  /// @group floating-action-button
53
- $kendo-fab-item-text-padding-x: map-get( $spacing, 1 ) !default;
53
+ $kendo-fab-item-text-padding-x: k-map-get( $spacing, 1 ) !default;
54
54
  /// FAB item text vertical padding.
55
55
  /// @group floating-action-button
56
56
  $kendo-fab-item-text-padding-y: $kendo-fab-item-text-padding-x !default;
@@ -69,7 +69,7 @@ $kendo-fab-item-text-line-height: 1.2 !default;
69
69
 
70
70
  /// FAB item icon horizontal padding.
71
71
  /// @group floating-action-button
72
- $kendo-fab-item-icon-padding-x: map-get( $spacing, 2 ) !default;
72
+ $kendo-fab-item-icon-padding-x: k-map-get( $spacing, 2 ) !default;
73
73
  /// FAB item icon vertical padding.
74
74
  /// @group floating-action-button
75
75
  $kendo-fab-item-icon-padding-y: $kendo-fab-item-icon-padding-x !default;
@@ -92,10 +92,10 @@ $kendo-fab-theme-colors: $kendo-theme-colors !default;
92
92
 
93
93
  /// The base shadow of the FAB.
94
94
  /// @group floating-action-button
95
- $kendo-fab-shadow: 0 6px 10px rgba(0, 0, 0, .14), 0 1px 18px rgba(0, 0, 0, .12), 0 3px 5px rgba(0, 0, 0, .2) !default;
95
+ $kendo-fab-shadow: 0 6px 10px rgba( black, .14 ), 0 1px 18px rgba( black, .12 ), 0 3px 5px rgba( black, .2 ) !default;
96
96
  /// The disabled shadow of the FAB.
97
97
  /// @group floating-action-button
98
- $kendo-fab-disabled-shadow: 0 6px 10px try-tint( rgba(0, 0, 0, .14), .5 ), 0 1px 18px try-tint( rgba(0, 0, 0, .12), .5 ), 0 3px 5px try-tint( rgba(0, 0, 0, .2), .5 ) !default;
98
+ $kendo-fab-disabled-shadow: 0 6px 10px k-try-tint( rgba( black, .14 ), .5 ), 0 1px 18px k-try-tint( rgba( black, .12 ), .5 ), 0 3px 5px k-try-tint( rgba( black, .2 ), .5 ) !default;
99
99
  /// The active shadow of the FAB.
100
100
  /// @group floating-action-button
101
101
  $kendo-fab-active-shadow: null !default;
@@ -1,5 +1,5 @@
1
1
  // File manager
2
- $filemanager-spacer: map-get( $spacing, 4 ) !default;
2
+ $filemanager-spacer: k-map-get( $spacing, 4 ) !default;
3
3
  $filemanager-border-width: 1px !default;
4
4
  $filemanager-font-family: $font-family !default;
5
5
  $filemanager-font-size: $font-size !default;
@@ -22,8 +22,8 @@ $filemanager-navigation-bg: null !default;
22
22
  $filemanager-navigation-text: null !default;
23
23
  $filemanager-navigation-border: null !default;
24
24
 
25
- $filemanager-breadcrumb-padding-x: map-get( $spacing, 2 ) !default;
26
- $filemanager-breadcrumb-padding-y: map-get( $spacing, 2 ) !default;
25
+ $filemanager-breadcrumb-padding-x: k-map-get( $spacing, 2 ) !default;
26
+ $filemanager-breadcrumb-padding-y: k-map-get( $spacing, 2 ) !default;
27
27
  $filemanager-breadcrumb-border-width: $filemanager-border-width !default;
28
28
  $filemanager-breadcrumb-bg: $toolbar-bg !default;
29
29
  $filemanager-breadcrumb-text: null !default;
@@ -33,8 +33,8 @@ $filemanager-listview-bg: null !default;
33
33
  $filemanager-listview-text: null !default;
34
34
  $filemanager-listview-border: null !default;
35
35
 
36
- $filemanager-listview-item-padding-x: map-get( $spacing, 4 ) !default;
37
- $filemanager-listview-item-padding-y: map-get( $spacing, 4 ) !default;
36
+ $filemanager-listview-item-padding-x: k-map-get( $spacing, 4 ) !default;
37
+ $filemanager-listview-item-padding-y: k-map-get( $spacing, 4 ) !default;
38
38
  $filemanager-listview-item-width: 120px !default;
39
39
  $filemanager-listview-item-height: 120px !default;
40
40
  $filemanager-listview-item-bg: null !default;
@@ -43,7 +43,7 @@ $filemanager-listview-item-border: null !default;
43
43
 
44
44
  $filemanager-listview-item-icon-size: ($icon-size * 3) !default;
45
45
  $filemanager-listview-item-icon-bg: null !default;
46
- $filemanager-listview-item-icon-text: try-tint($filemanager-text, 4) !default;
46
+ $filemanager-listview-item-icon-text: k-try-tint($filemanager-text, 4) !default;
47
47
  $filemanager-listview-item-icon-border: null !default;
48
48
  $filemanager-listview-item-icon-selected-bg: null !default;
49
49
  $filemanager-listview-item-icon-selected-text: inherit !default;
@@ -64,5 +64,5 @@ $filemanager-preview-border: null !default;
64
64
 
65
65
  $filemanager-preview-icon-size: ($icon-size * 6) !default;
66
66
  $filemanager-preview-icon-bg: null !default;
67
- $filemanager-preview-icon-text: try-tint($filemanager-text, 4) !default;
67
+ $filemanager-preview-icon-text: k-try-tint($filemanager-text, 4) !default;
68
68
  $filemanager-preview-icon-border: null !default;
@@ -9,3 +9,5 @@ $filter-operator-dropdown-width: 15em !default;
9
9
 
10
10
  $filter-preview-field-text: $primary !default;
11
11
  $filter-preview-operator-text: $subtle-text !default;
12
+
13
+ $filter-toolbar-focus-shadow: 0 0 0 2px rgba(0, 0, 0, .08) !default;
@@ -59,5 +59,5 @@ $fieldset-text: null !default;
59
59
  $fieldset-border: null !default;
60
60
 
61
61
  $fieldset-legend-bg: null !default;
62
- $fieldset-legend-text: try-shade( $body-text, 2 ) !default;
62
+ $fieldset-legend-text: k-try-shade( $body-text, 2 ) !default;
63
63
  $fieldset-legend-border: null !default;
@@ -12,12 +12,12 @@ $gantt-treelist-bg: null !default;
12
12
  $gantt-treelist-text: null !default;
13
13
  $gantt-treelist-border: null !default;
14
14
 
15
- $gantt-nonwork-bg: rgba( contrast-wcag( $gantt-bg ), .025 ) !default;
15
+ $gantt-nonwork-bg: rgba( k-contrast-color( $gantt-bg ), .025 ) !default;
16
16
  $gantt-nonwork-text: null !default;
17
17
  $gantt-nonwork-border: null !default;
18
18
 
19
19
  $gantt-line-size: 2px !default;
20
- $gantt-line-fill: contrast-wcag( $gantt-bg ) !default;
20
+ $gantt-line-fill: k-contrast-color( $gantt-bg ) !default;
21
21
  $gantt-line-selected-fill: $primary !default;
22
22
 
23
23
  $gantt-dot-size: 8px !default;
@@ -32,19 +32,19 @@ $gantt-milestone-border: $gantt-border !default;
32
32
  $gantt-milestone-selected-bg: $selected-bg !default;
33
33
  $gantt-milestone-selected-border: $selected-border !default;
34
34
 
35
- $gantt-summary-bg: try-tint( $gantt-text, 1 ) !default;
36
- $gantt-summary-progress-bg: try-shade( $gantt-text, 5 ) !default;
37
- $gantt-summary-selected-bg: try-tint( $selected-bg, 6 ) !default;
35
+ $gantt-summary-bg: k-try-tint( $gantt-text, 1 ) !default;
36
+ $gantt-summary-progress-bg: k-try-shade( $gantt-text, 5 ) !default;
37
+ $gantt-summary-selected-bg: k-try-tint( $selected-bg, 6 ) !default;
38
38
  $gantt-summary-progress-selected-bg: $selected-bg !default;
39
39
 
40
40
  $gantt-task-border-width: 0px !default;
41
- $gantt-task-padding-x: map-get( $spacing, 2 ) !default;
42
- $gantt-task-padding-y: map-get( $spacing, 1 ) !default;
43
- $gantt-task-bg: try-tint( $gantt-text, 2 ) !default;
44
- $gantt-task-text: contrast-wcag( $gantt-text ) !default;
41
+ $gantt-task-padding-x: k-map-get( $spacing, 2 ) !default;
42
+ $gantt-task-padding-y: k-map-get( $spacing, 1 ) !default;
43
+ $gantt-task-bg: k-try-tint( $gantt-text, 2 ) !default;
44
+ $gantt-task-text: k-contrast-color( $gantt-text ) !default;
45
45
  $gantt-task-border: null !default;
46
46
  $gantt-task-progress-bg: $gantt-text !default;
47
- $gantt-task-selected-bg: try-tint( $selected-bg, 6 ) !default;
47
+ $gantt-task-selected-bg: k-try-tint( $selected-bg, 6 ) !default;
48
48
  $gantt-task-selected-text: $selected-text !default;
49
49
  $gantt-task-selected-border: null !default;
50
50
  $gantt-task-progress-selected-bg: $selected-bg !default;
@@ -78,10 +78,10 @@ $gantt-planned-bg: $primary !default;
78
78
  $gantt-planned-border: $gantt-planned-bg !default;
79
79
 
80
80
  $gantt-delayed-bg: $error !default;
81
- $gantt-delayed-bg-lighter: tint($gantt-delayed-bg, 5) !default;
81
+ $gantt-delayed-bg-lighter: k-color-tint($gantt-delayed-bg, 5) !default;
82
82
 
83
83
  $gantt-advanced-bg: $success !default;
84
- $gantt-advanced-bg-lighter: tint($gantt-advanced-bg, 5) !default;
84
+ $gantt-advanced-bg-lighter: k-color-tint($gantt-advanced-bg, 5) !default;
85
85
 
86
86
  $gantt-action-on-offset-text: #000000 !default;
87
87
  $gantt-offset-resize-handler-top: 50% !default;
@@ -67,7 +67,7 @@ $grid-footer-border: $grid-header-border !default;
67
67
 
68
68
  /// Background color of alternating rows in grid
69
69
  /// @group grid
70
- $grid-alt-bg: try-shade( $grid-bg, .5 ) !default;
70
+ $grid-alt-bg: k-try-shade( $grid-bg, .5 ) !default;
71
71
  /// Text color of alternating rows in grid
72
72
  /// @group grid
73
73
  $grid-alt-text: null !default;
@@ -77,7 +77,7 @@ $grid-alt-border: null !default;
77
77
 
78
78
  /// Background color of hovered rows in grid
79
79
  /// @group grid
80
- $grid-hovered-bg: try-shade( $grid-bg, 1 ) !default;
80
+ $grid-hovered-bg: k-try-shade( $grid-bg, 1 ) !default;
81
81
  /// Text color of hovered rows in grid
82
82
  /// @group grid
83
83
  $grid-hovered-text: null !default;
@@ -95,17 +95,17 @@ $grid-selected-text: null !default;
95
95
  /// @group grid
96
96
  $grid-selected-border: null !default;
97
97
 
98
- $grid-selected-alt-bg: try-shade( $grid-selected-bg, .5 ) !default;
99
- $grid-selected-hovered-bg: try-shade( $grid-selected-bg, 1 ) !default;
98
+ $grid-selected-alt-bg: k-try-shade( $grid-selected-bg, .5 ) !default;
99
+ $grid-selected-hovered-bg: k-try-shade( $grid-selected-bg, 1 ) !default;
100
100
 
101
- $grid-grouping-row-bg: try-shade( $grid-bg, 1 ) !default;
101
+ $grid-grouping-row-bg: k-try-shade( $grid-bg, 1 ) !default;
102
102
  $grid-grouping-row-text: $grid-text !default;
103
103
 
104
- $grid-sorted-bg: rgba( contrast-wcag( $grid-bg ), .02 ) !default;
104
+ $grid-sorted-bg: rgba( k-contrast-color( $grid-bg ), .02 ) !default;
105
105
  $grid-sorting-indicator-text: $primary !default;
106
106
  $grid-sorting-index-font-size: $font-size-sm !default;
107
107
  $grid-sorting-index-height: $icon-size !default;
108
- $grid-sorting-index-spacing-y: ($icon-spacing / 2) !default;
108
+ $grid-sorting-index-spacing-y: k-math-div( $icon-spacing, 2 ) !default;
109
109
  $grid-sorting-index-spacing-x: -$grid-sorting-index-spacing-y !default;
110
110
 
111
111
 
@@ -114,7 +114,7 @@ $grid-focused-shadow: $kendo-list-item-focus-shadow !default;
114
114
  $grid-edit-cell-padding-x: $grid-cell-padding-x !default;
115
115
  $grid-edit-cell-padding-y: 3px !default;
116
116
 
117
- $grid-command-cell-button-spacing: map-get( $spacing, 2 ) !default;
117
+ $grid-command-cell-button-spacing: k-map-get( $spacing, 2 ) !default;
118
118
 
119
119
  $grid-sticky-bg: $grid-bg !default;
120
120
  $grid-sticky-text: $grid-text !default;
@@ -139,7 +139,7 @@ $grid-column-menu-width: 230px !default;
139
139
 
140
140
  $grid-filter-menu-check-all-border-bottom-width: 1px !default;
141
141
 
142
- $grid-filter-menu-item-spacing-x: map-get( $spacing, 2 ) !default;
142
+ $grid-filter-menu-item-spacing-x: k-map-get( $spacing, 2 ) !default;
143
143
  $grid-filter-menu-item-spacing-y: $grid-filter-menu-item-spacing-x !default;
144
144
 
145
145
  $grid-column-menu-popup-padding-x: null !default;
@@ -11,8 +11,8 @@ $imageeditor-font-family: $font-family !default;
11
11
 
12
12
  $imageeditor-content-border-width: 1px !default;
13
13
 
14
- $imageeditor-action-pane-padding-y: map-get( $spacing, 8 ) !default;
15
- $imageeditor-action-pane-padding-x: map-get( $spacing, 4 ) !default;
14
+ $imageeditor-action-pane-padding-y: k-map-get( $spacing, 8 ) !default;
15
+ $imageeditor-action-pane-padding-x: k-map-get( $spacing, 4 ) !default;
16
16
  $imageeditor-action-pane-width: if( $imageeditor-content-border-width == null, 240px, calc(240px + #{$imageeditor-content-border-width}) );
17
17
 
18
18
  $imageeditor-crop-border-width: 1px !default;
@@ -39,4 +39,4 @@ $imageeditor-crop-bg: null !default;
39
39
  $imageeditor-crop-text: null !default;
40
40
  $imageeditor-crop-border: white !default;
41
41
 
42
- $imageeditor-crop-overlay-bg: rgba(black, .3) !default;
42
+ $imageeditor-crop-overlay-bg: rgba( black, .3 ) !default;
@@ -14,10 +14,10 @@ $kendo-input-border-radius: null !default;
14
14
 
15
15
  /// Horizontal padding of input components.
16
16
  /// @group input
17
- $kendo-input-padding-x: map-get( $spacing, 2 ) !default;
17
+ $kendo-input-padding-x: k-map-get( $spacing, 2 ) !default;
18
18
  /// Vertical padding of input components.
19
19
  /// @group input
20
- $kendo-input-padding-y: map-get( $spacing, 1 ) !default;
20
+ $kendo-input-padding-y: k-map-get( $spacing, 1 ) !default;
21
21
  /// Font family of input components.
22
22
  /// @group input
23
23
  $kendo-input-font-family: $font-family !default;
@@ -28,18 +28,18 @@ $kendo-input-font-size: $font-size-md !default;
28
28
  /// @group input
29
29
  $kendo-input-line-height: $line-height-md !default;
30
30
 
31
- $kendo-input-padding-x-sm: map-get( $spacing, 2 ) !default;
32
- $kendo-input-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
31
+ $kendo-input-padding-x-sm: k-map-get( $spacing, 2 ) !default;
32
+ $kendo-input-padding-y-sm: k-map-get( $spacing, 1 ) - k-map-get( $spacing, thin ) !default;
33
33
  $kendo-input-font-size-sm: $font-size-md !default;
34
34
  $kendo-input-line-height-sm: $line-height-md !default;
35
35
 
36
- $kendo-input-padding-x-md: map-get( $spacing, 2 ) !default;
37
- $kendo-input-padding-y-md: map-get( $spacing, 1 ) !default;
36
+ $kendo-input-padding-x-md: k-map-get( $spacing, 2 ) !default;
37
+ $kendo-input-padding-y-md: k-map-get( $spacing, 1 ) !default;
38
38
  $kendo-input-font-size-md: $font-size-md !default;
39
39
  $kendo-input-line-height-md: $line-height-md !default;
40
40
 
41
- $kendo-input-padding-x-lg: map-get( $spacing, 3 ) !default;
42
- $kendo-input-padding-y-lg: map-get( $spacing, 2 ) !default;
41
+ $kendo-input-padding-x-lg: k-map-get( $spacing, 3 ) !default;
42
+ $kendo-input-padding-y-lg: k-map-get( $spacing, 2 ) !default;
43
43
  $kendo-input-font-size-lg: $font-size-lg !default;
44
44
  $kendo-input-line-height-lg: $line-height-lg !default;
45
45
 
@@ -85,8 +85,8 @@ $kendo-input-hover-shadow: null !default;
85
85
 
86
86
  $kendo-input-focus-bg: null !default;
87
87
  $kendo-input-focus-text: null !default;
88
- $kendo-input-focus-border: rgba(0, 0, 0, .1) !default;
89
- $kendo-input-focus-shadow: 0 2px 4px 0 rgba(0, 0, 0, .03), 0 4px 5px 0 rgba(0, 0, 0, .04) !default;
88
+ $kendo-input-focus-border: rgba( black, .1 ) !default;
89
+ $kendo-input-focus-shadow: 0 2px 4px 0 rgba( black, .03 ), 0 4px 5px 0 rgba( black, .04 ) !default;
90
90
 
91
91
  $kendo-input-disabled-bg: null !default;
92
92
  $kendo-input-disabled-text: null !default;
@@ -149,7 +149,7 @@ $kendo-picker-outline-text: $kendo-button-text !default;
149
149
  $kendo-picker-outline-border: rgba( $kendo-picker-outline-text, .5) !default;
150
150
 
151
151
  $kendo-picker-outline-hover-bg: $kendo-picker-outline-text !default;
152
- $kendo-picker-outline-hover-text: contrast-wcag( $kendo-picker-outline-hover-bg ) !default;
152
+ $kendo-picker-outline-hover-text: k-contrast-color( $kendo-picker-outline-hover-bg ) !default;
153
153
  $kendo-picker-outline-hover-border: $kendo-picker-outline-hover-bg !default;
154
154
 
155
155
  $kendo-picker-outline-focus-bg: null !default;
@@ -189,7 +189,7 @@ $kendo-input-clear-value-opacity: .5 !default;
189
189
  $kendo-input-clear-value-hover-text: null !default;
190
190
  $kendo-input-clear-value-hover-opacity: 1 !default;
191
191
 
192
- $kendo-input-values-margin-y: map-get( $spacing, thin ) !default;
192
+ $kendo-input-values-margin-y: k-map-get( $spacing, thin ) !default;
193
193
  $kendo-input-values-margin-x: $kendo-input-values-margin-y !default;
194
194
 
195
195
 
@@ -17,18 +17,18 @@ $kendo-list-line-height-lg: $line-height-lg !default;
17
17
  /// Horizontal padding of list header, if no size is set.
18
18
  /// @group list
19
19
  $kendo-list-header-padding-x: null !default;
20
- $kendo-list-header-padding-x-base: map-get( $spacing, 2 ) !default;
21
- $kendo-list-header-padding-x-sm: map-get( $spacing, 2 ) !default;
22
- $kendo-list-header-padding-x-md: map-get( $spacing, 2 ) !default;
23
- $kendo-list-header-padding-x-lg: map-get( $spacing, 2 ) !default;
20
+ $kendo-list-header-padding-x-base: k-map-get( $spacing, 2 ) !default;
21
+ $kendo-list-header-padding-x-sm: k-map-get( $spacing, 2 ) !default;
22
+ $kendo-list-header-padding-x-md: k-map-get( $spacing, 2 ) !default;
23
+ $kendo-list-header-padding-x-lg: k-map-get( $spacing, 2 ) !default;
24
24
 
25
25
  /// Vertical padding of list header, if no size is set.
26
26
  /// @group list
27
27
  $kendo-list-header-padding-y: null !default;
28
- $kendo-list-header-padding-y-base: map-get( $spacing, 1 ) !default;
29
- $kendo-list-header-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
30
- $kendo-list-header-padding-y-md: map-get( $spacing, 1 ) !default;
31
- $kendo-list-header-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
28
+ $kendo-list-header-padding-y-base: k-map-get( $spacing, 1 ) !default;
29
+ $kendo-list-header-padding-y-sm: k-map-get( $spacing, 1 ) - k-map-get( $spacing, thin ) !default;
30
+ $kendo-list-header-padding-y-md: k-map-get( $spacing, 1 ) !default;
31
+ $kendo-list-header-padding-y-lg: k-map-get( $spacing, 1 ) + k-map-get( $spacing, thin ) !default;
32
32
 
33
33
  /// Border width of list header.
34
34
  /// @group list
@@ -55,18 +55,18 @@ $kendo-list-header-font-weight: null !default;
55
55
  /// Horizontal padding of list items, when no size is set.
56
56
  /// @group list
57
57
  $kendo-list-item-padding-x: null !default;
58
- $kendo-list-item-padding-x-base: map-get( $spacing, 2 ) !default;
59
- $kendo-list-item-padding-x-sm: map-get( $spacing, 2 ) !default;
60
- $kendo-list-item-padding-x-md: map-get( $spacing, 2 ) !default;
61
- $kendo-list-item-padding-x-lg: map-get( $spacing, 3 ) !default;
58
+ $kendo-list-item-padding-x-base: k-map-get( $spacing, 2 ) !default;
59
+ $kendo-list-item-padding-x-sm: k-map-get( $spacing, 2 ) !default;
60
+ $kendo-list-item-padding-x-md: k-map-get( $spacing, 2 ) !default;
61
+ $kendo-list-item-padding-x-lg: k-map-get( $spacing, 3 ) !default;
62
62
 
63
63
  /// Vertical padding of list items, when no size is set.
64
64
  /// @group list
65
65
  $kendo-list-item-padding-y: null !default;
66
- $kendo-list-item-padding-y-base: map-get( $spacing, 1 ) !default;
67
- $kendo-list-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
68
- $kendo-list-item-padding-y-md: map-get( $spacing, 1 ) !default;
69
- $kendo-list-item-padding-y-lg: map-get( $spacing, 2 ) !default;
66
+ $kendo-list-item-padding-y-base: k-map-get( $spacing, 1 ) !default;
67
+ $kendo-list-item-padding-y-sm: k-map-get( $spacing, 1 ) - k-map-get( $spacing, thin ) !default;
68
+ $kendo-list-item-padding-y-md: k-map-get( $spacing, 1 ) !default;
69
+ $kendo-list-item-padding-y-lg: k-map-get( $spacing, 2 ) !default;
70
70
 
71
71
  /// Font size of list items, if no size is set.
72
72
  /// @group list
@@ -85,18 +85,18 @@ $kendo-list-item-line-height-lg: null !default;
85
85
  /// Horizontal padding of list group items, when no size is set.
86
86
  /// @group list
87
87
  $kendo-list-group-item-padding-x: null !default;
88
- $kendo-list-group-item-padding-x-base: map-get( $spacing, 2 ) !default;
89
- $kendo-list-group-item-padding-x-sm: map-get( $spacing, 2 ) !default;
90
- $kendo-list-group-item-padding-x-md: map-get( $spacing, 2 ) !default;
91
- $kendo-list-group-item-padding-x-lg: map-get( $spacing, 2 ) !default;
88
+ $kendo-list-group-item-padding-x-base: k-map-get( $spacing, 2 ) !default;
89
+ $kendo-list-group-item-padding-x-sm: k-map-get( $spacing, 2 ) !default;
90
+ $kendo-list-group-item-padding-x-md: k-map-get( $spacing, 2 ) !default;
91
+ $kendo-list-group-item-padding-x-lg: k-map-get( $spacing, 2 ) !default;
92
92
 
93
93
  /// Vertical padding of list group items, when no size is set.
94
94
  /// @group list
95
95
  $kendo-list-group-item-padding-y: null !default;
96
- $kendo-list-group-item-padding-y-base: map-get( $spacing, 1 ) !default;
97
- $kendo-list-group-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
98
- $kendo-list-group-item-padding-y-md: map-get( $spacing, 1 ) !default;
99
- $kendo-list-group-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
96
+ $kendo-list-group-item-padding-y-base: k-map-get( $spacing, 1 ) !default;
97
+ $kendo-list-group-item-padding-y-sm: k-map-get( $spacing, 1 ) - k-map-get( $spacing, thin ) !default;
98
+ $kendo-list-group-item-padding-y-md: k-map-get( $spacing, 1 ) !default;
99
+ $kendo-list-group-item-padding-y-lg: k-map-get( $spacing, 1 ) + k-map-get( $spacing, thin ) !default;
100
100
 
101
101
  /// Border width of list group items.
102
102
  /// @group list
@@ -221,7 +221,7 @@ $kendo-list-item-focus-bg: null !default;
221
221
  $kendo-list-item-focus-text: null !default;
222
222
  /// Box shadow of focused list items.
223
223
  /// @group list
224
- $kendo-list-item-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .12) !default;
224
+ $kendo-list-item-focus-shadow: inset 0 0 0 2px rgba( black, .12 ) !default;
225
225
 
226
226
  /// Background color of selected list items.
227
227
  /// @group list
@@ -9,6 +9,6 @@ $listgroup-bg: $component-bg !default;
9
9
  $listgroup-text: $component-text !default;
10
10
  $listgroup-border: $component-border !default;
11
11
 
12
- $listgroup-item-padding-x: map-get( $spacing, 2 ) !default;
13
- $listgroup-item-padding-y: map-get( $spacing, 2 ) !default;
12
+ $listgroup-item-padding-x: k-map-get( $spacing, 2 ) !default;
13
+ $listgroup-item-padding-y: k-map-get( $spacing, 2 ) !default;
14
14
  $listgroup-item-border-width: 1px !default;
@@ -1,6 +1,6 @@
1
1
  // Listview
2
- $listview-padding-x: map-get( $spacing, 1 ) !default;
3
- $listview-padding-y: map-get( $spacing, 1 ) !default;
2
+ $listview-padding-x: k-map-get( $spacing, 1 ) !default;
3
+ $listview-padding-y: k-map-get( $spacing, 1 ) !default;
4
4
  $listview-border-width: 1px !default;
5
5
  $listview-font-family: $font-family !default;
6
6
  $listview-font-size: $font-size !default;
@@ -12,8 +12,8 @@ $listview-border: $component-border !default;
12
12
 
13
13
  $listview-grid-gap: 10px !default;
14
14
 
15
- $listview-item-padding-x: map-get( $spacing, 1 ) !default;
16
- $listview-item-padding-y: map-get( $spacing, 1 ) !default;
15
+ $listview-item-padding-x: k-map-get( $spacing, 1 ) !default;
16
+ $listview-item-padding-y: k-map-get( $spacing, 1 ) !default;
17
17
 
18
18
  $listview-item-selected-bg: rgba( $selected-bg, .25 ) !default;
19
19
  $listview-item-selected-text: null !default;
@@ -22,4 +22,4 @@ $listview-item-selected-border: null !default;
22
22
  $listview-item-focus-bg: null !default;
23
23
  $listview-item-focus-text: null !default;
24
24
  $listview-item-focus-border: null !default;
25
- $listview-item-focus-shadow: inset 0 0 0 2px rgba(0, 0, 0, .13) !default;
25
+ $listview-item-focus-shadow: inset 0 0 0 2px rgba( black, .13 ) !default;
@@ -1,12 +1,12 @@
1
1
  // Loader
2
2
  $loader-segment-border-radius: 50% !default;
3
- $loader-segment-size-sm: map-get( $spacing, 1 ) !default;
4
- $loader-segment-size-md: map-get( $spacing, 2 ) !default;
5
- $loader-segment-size-lg: map-get( $spacing, 4 ) !default;
3
+ $loader-segment-size-sm: k-map-get( $spacing, 1 ) !default;
4
+ $loader-segment-size-md: k-map-get( $spacing, 2 ) !default;
5
+ $loader-segment-size-lg: k-map-get( $spacing, 4 ) !default;
6
6
 
7
- $loader-padding-sm: ( $loader-segment-size-sm / 2 ) !default;
8
- $loader-padding-md: ( $loader-segment-size-md / 2 ) !default;
9
- $loader-padding-lg: ( $loader-segment-size-lg / 2 ) !default;
7
+ $loader-padding-sm: k-math-div( $loader-segment-size-sm, 2 ) !default;
8
+ $loader-padding-md: k-math-div( $loader-segment-size-md, 2 ) !default;
9
+ $loader-padding-lg: k-math-div( $loader-segment-size-lg, 2 ) !default;
10
10
 
11
11
  $loader-spinner-3-width-sm: ( $loader-segment-size-sm * 4 ) !default;
12
12
  $loader-spinner-3-height-sm: ( $loader-spinner-3-width-sm * $equilateral-height ) !default;
@@ -31,13 +31,13 @@ $loader-container-panel-border-radius: $kendo-border-radius-md !default;
31
31
  $loader-container-panel-bg: $white !default;
32
32
 
33
33
  $loader-container-padding-sm: 15px !default;
34
- $loader-container-gap-sm: map-get( $spacing, 1 ) !default;
34
+ $loader-container-gap-sm: k-map-get( $spacing, 1 ) !default;
35
35
  $loader-container-font-size-sm: $font-size-xs !default;
36
36
 
37
37
  $loader-container-padding-md: 20px !default;
38
- $loader-container-gap-md: map-get( $spacing, 2 ) !default;
38
+ $loader-container-gap-md: k-map-get( $spacing, 2 ) !default;
39
39
  $loader-container-font-size-md: $font-size-md !default;
40
40
 
41
41
  $loader-container-padding-lg: 25px !default;
42
- $loader-container-gap-lg: map-get( $spacing, 3 ) !default;
42
+ $loader-container-gap-lg: k-map-get( $spacing, 3 ) !default;
43
43
  $loader-container-font-size-lg: $font-size-lg !default;
@@ -8,8 +8,8 @@ $mediaplayer-bg: $component-bg !default;
8
8
  $mediaplayer-text: $component-text !default;
9
9
  $mediaplayer-border: $component-border !default;
10
10
 
11
- $mediaplayer-titlebar-padding-x: map-get( $spacing, 2 ) !default;
12
- $mediaplayer-titlebar-padding-y: map-get( $spacing, 2 ) !default;
11
+ $mediaplayer-titlebar-padding-x: k-map-get( $spacing, 2 ) !default;
12
+ $mediaplayer-titlebar-padding-y: k-map-get( $spacing, 2 ) !default;
13
13
  $mediaplayer-titlebar-bg: null !default;
14
14
  $mediaplayer-titlebar-text: $mediaplayer-bg !default;
15
15
  $mediaplayer-titlebar-border: null !default;
@@ -33,7 +33,7 @@ $menu-item-expanded-gradient: null !default;
33
33
 
34
34
  $menu-item-focus-shadow: inset 0 0 3px 1px rgba( $menu-text, .25 ) !default;
35
35
 
36
- $menu-separator-spacing: map-get( $spacing, 1 ) !default;
36
+ $menu-separator-spacing: k-map-get( $spacing, 1 ) !default;
37
37
 
38
38
  $menu-scroll-button-bg: $component-bg !default;
39
39
  $menu-scroll-button-text: $link-text !default;
@@ -92,17 +92,17 @@ $kendo-menu-popup-gradient: null !default;
92
92
 
93
93
  /// Horizontal padding of the menu item in popup.
94
94
  /// @group menu
95
- $kendo-menu-popup-item-padding-x: map-get( $spacing, 2 ) !default;
96
- $kendo-menu-popup-item-padding-x-sm: map-get( $spacing, 2 ) !default;
97
- $kendo-menu-popup-item-padding-x-md: map-get( $spacing, 2 ) !default;
98
- $kendo-menu-popup-item-padding-x-lg: map-get( $spacing, 2 ) !default;
95
+ $kendo-menu-popup-item-padding-x: k-map-get( $spacing, 2 ) !default;
96
+ $kendo-menu-popup-item-padding-x-sm: k-map-get( $spacing, 2 ) !default;
97
+ $kendo-menu-popup-item-padding-x-md: k-map-get( $spacing, 2 ) !default;
98
+ $kendo-menu-popup-item-padding-x-lg: k-map-get( $spacing, 2 ) !default;
99
99
 
100
100
  /// Vertical padding of the menu item in popup.
101
101
  /// @group menu
102
- $kendo-menu-popup-item-padding-y: map-get( $spacing, 1 ) !default;
103
- $kendo-menu-popup-item-padding-y-sm: map-get( $spacing, 1 ) - map-get( $spacing, thin ) !default;
104
- $kendo-menu-popup-item-padding-y-md: map-get( $spacing, 1 ) !default;
105
- $kendo-menu-popup-item-padding-y-lg: map-get( $spacing, 1 ) + map-get( $spacing, thin ) !default;
102
+ $kendo-menu-popup-item-padding-y: k-map-get( $spacing, 1 ) !default;
103
+ $kendo-menu-popup-item-padding-y-sm: k-map-get( $spacing, 1 ) - k-map-get( $spacing, thin ) !default;
104
+ $kendo-menu-popup-item-padding-y-md: k-map-get( $spacing, 1 ) !default;
105
+ $kendo-menu-popup-item-padding-y-lg: k-map-get( $spacing, 1 ) + k-map-get( $spacing, thin ) !default;
106
106
 
107
107
  /// The end padding of the menu item in popup.
108
108
  /// @group menu
@@ -22,7 +22,7 @@ $notification-border: $component-border !default;
22
22
 
23
23
  // sass-lint:disable-block indentation
24
24
  @each $name, $color in $colors {
25
- $_theme: map-merge(( $name: (
25
+ $_theme: k-map-merge(( $name: (
26
26
  color: contrast-wcag( $color ),
27
27
  background-color: $color,
28
28
  border: $color,
@@ -1,5 +1,5 @@
1
1
  // Orgchart
2
- $orgchart-spacer: map-get( $spacing, 6 ) !default;
2
+ $orgchart-spacer: k-map-get( $spacing, 6 ) !default;
3
3
  $orgchart-padding-y: $orgchart-spacer !default;
4
4
  $orgchart-padding-x: $orgchart-padding-y !default;
5
5
  $orgchart-font-family: $font-family !default;
@@ -1,6 +1,6 @@
1
1
  // Pager
2
- $pager-padding-x: map-get( $spacing, 2 ) !default;
3
- $pager-padding-y: map-get( $spacing, 2 ) !default;
2
+ $pager-padding-x: k-map-get( $spacing, 2 ) !default;
3
+ $pager-padding-y: k-map-get( $spacing, 2 ) !default;
4
4
  $pager-border-width: 1px !default;
5
5
 
6
6
  $pager-font-family: $font-family !default;
@@ -49,18 +49,18 @@ $pager-number-text: $primary !default;
49
49
  $pager-number-border: null !default;
50
50
 
51
51
  $pager-number-hover-opacity: .08 !default;
52
- $pager-number-hover-bg: rgba($pager-item-selected-bg, $pager-number-hover-opacity) !default;
52
+ $pager-number-hover-bg: rgba( $pager-item-selected-bg, $pager-number-hover-opacity ) !default;
53
53
  $pager-number-hover-text: $pager-number-text !default;
54
54
  $pager-number-hover-border: $pager-item-hover-border !default;
55
55
 
56
56
  $pager-number-selected-opacity: .2 !default;
57
- $pager-number-selected-bg: rgba($pager-item-selected-bg, $pager-number-selected-opacity) !default;
57
+ $pager-number-selected-bg: rgba( $pager-item-selected-bg, $pager-number-selected-opacity ) !default;
58
58
  $pager-number-selected-text: $pager-number-text !default;
59
59
  $pager-number-selected-border: $pager-item-selected-border !default;
60
60
 
61
61
  $pager-number-focus-opacity: .12 !default;
62
62
  $pager-number-focus-bg: transparent !default;
63
- $pager-number-focus-shadow: inset 0 0 0 2px rgba($pager-number-selected-bg, $pager-number-focus-opacity) !default;
63
+ $pager-number-focus-shadow: inset 0 0 0 2px rgba( $pager-number-selected-bg, $pager-number-focus-opacity ) !default;
64
64
 
65
65
  $pager-input-width: 5em !default;
66
66
  $pager-dropdown-width: 5em !default;
@@ -47,7 +47,7 @@ $panelbar-header-selected-text: $selected-text !default;
47
47
  $panelbar-header-selected-border: $selected-border !default;
48
48
  $panelbar-header-selected-gradient: null !default;
49
49
 
50
- $panelbar-header-selected-hovered-bg: try-shade( $panelbar-header-selected-bg ) !default;
50
+ $panelbar-header-selected-hovered-bg: k-try-shade( $panelbar-header-selected-bg ) !default;
51
51
  $panelbar-header-selected-hovered-text: null !default;
52
52
  $panelbar-header-selected-hovered-border: null !default;
53
53
  $panelbar-header-selected-hovered-gradient: null !default;
@@ -63,7 +63,7 @@ $panelbar-header-selected-hovered-focused-border: null !default;
63
63
  $panelbar-header-selected-hovered-focused-gradient: null !default;
64
64
 
65
65
 
66
- $panelbar-item-hovered-bg: try-shade( $panelbar-bg, .5 ) !default;
66
+ $panelbar-item-hovered-bg: k-try-shade( $panelbar-bg, .5 ) !default;
67
67
  $panelbar-item-hovered-text: null !default;
68
68
  $panelbar-item-hovered-border: null !default;
69
69
  $panelbar-item-hovered-gradient: null !default;
@@ -84,7 +84,7 @@ $panelbar-item-selected-text: $selected-text !default;
84
84
  $panelbar-item-selected-border: null !default;
85
85
  $panelbar-item-selected-gradient: null !default;
86
86
 
87
- $panelbar-item-selected-hovered-bg: try-shade( $panelbar-item-selected-bg ) !default;
87
+ $panelbar-item-selected-hovered-bg: k-try-shade( $panelbar-item-selected-bg ) !default;
88
88
  $panelbar-item-selected-hovered-text: null !default;
89
89
  $panelbar-item-selected-hovered-border: null !default;
90
90
  $panelbar-item-selected-hovered-gradient: null !default;
@@ -22,10 +22,10 @@ $pdf-viewer-page-spacing: 30px !default;
22
22
  $pdf-viewer-page-bg: white !default;
23
23
  $pdf-viewer-page-text: $component-text !default;
24
24
  $pdf-viewer-page-border: $component-border !default;
25
- $pdf-viewer-page-shadow: 0 0 ($pdf-viewer-page-spacing / 2) $pdf-viewer-page-border !default;
25
+ $pdf-viewer-page-shadow: 0 0 k-math-div( $pdf-viewer-page-spacing, 2 ) $pdf-viewer-page-border !default;
26
26
 
27
27
  $pdf-viewer-search-panel-border-width: 1px !default;
28
- $pdf-viewer-search-panel-border-radius: map-get( $spacing, 1 ) !default;
28
+ $pdf-viewer-search-panel-border-radius: k-map-get( $spacing, 1 ) !default;
29
29
  $pdf-viewer-search-panel-bg: $component-bg !default;
30
30
  $pdf-viewer-search-panel-text: $component-text !default;
31
31
  $pdf-viewer-search-panel-border: $component-border !default;
@@ -33,7 +33,7 @@ $pdf-viewer-search-panel-shadow: $window-shadow !default;
33
33
  $pdf-viewer-search-panel-matches-spacing: $padding-x-sm !default;
34
34
 
35
35
  $pdf-viewer-search-dialog-padding-x: $toolbar-padding-x !default;
36
- $pdf-viewer-search-dialog-padding-y: map-get( $spacing, 3 ) !default;
36
+ $pdf-viewer-search-dialog-padding-y: k-map-get( $spacing, 3 ) !default;
37
37
  $pdf-viewer-search-dialog-spacing: $toolbar-spacing !default;
38
38
 
39
39
  $pdf-viewer-selection-line-height: $line-height-sm !default;