@progress/kendo-theme-classic 5.0.0-next.4 → 5.0.2-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 (143) hide show
  1. package/README.md +10 -17
  2. package/dist/all.css +13159 -13920
  3. package/dist/all.scss +16096 -16723
  4. package/package.json +3 -3
  5. package/scss/_variables.scss +2 -19
  6. package/scss/all.scss +1 -150
  7. package/scss/appbar/_variables.scss +1 -1
  8. package/scss/autocomplete/_index.scss +1 -0
  9. package/scss/autocomplete/_variables.scss +0 -24
  10. package/scss/avatar/_variables.scss +18 -8
  11. package/scss/button/_index.scss +3 -2
  12. package/scss/button/_variables.scss +199 -127
  13. package/scss/calendar/_index.scss +1 -0
  14. package/scss/card/_variables.scss +5 -5
  15. package/scss/chat/_variables.scss +3 -18
  16. package/scss/checkbox/_index.scss +2 -0
  17. package/scss/checkbox/_variables.scss +144 -56
  18. package/scss/chip/_index.scss +1 -0
  19. package/scss/chip/_variables.scss +142 -191
  20. package/scss/color-preview/_index.scss +11 -0
  21. package/scss/color-preview/_layout.scss +1 -0
  22. package/scss/color-preview/_theme.scss +1 -0
  23. package/scss/color-preview/_variables.scss +14 -0
  24. package/scss/coloreditor/_index.scss +15 -0
  25. package/scss/coloreditor/_layout.scss +1 -0
  26. package/scss/coloreditor/_theme.scss +1 -0
  27. package/scss/coloreditor/_variables.scss +27 -0
  28. package/scss/colorgradient/_index.scss +19 -0
  29. package/scss/colorgradient/_layout.scss +1 -0
  30. package/scss/colorgradient/_theme.scss +1 -0
  31. package/scss/colorgradient/_variables.scss +52 -0
  32. package/scss/colorgradient/images/alpha-slider-bgr.png +0 -0
  33. package/scss/colorgradient/images/alpha-slider-bgr.scss +3 -0
  34. package/scss/colorpalette/_index.scss +12 -0
  35. package/scss/colorpalette/_layout.scss +1 -0
  36. package/scss/colorpalette/_theme.scss +1 -0
  37. package/scss/colorpalette/_variables.scss +10 -0
  38. package/scss/colorpicker/_index.scss +3 -6
  39. package/scss/colorpicker/_variables.scss +1 -40
  40. package/scss/combobox/_index.scss +1 -0
  41. package/scss/combobox/_variables.scss +1 -33
  42. package/scss/dataviz/_index.scss +1 -0
  43. package/scss/dateinput/_index.scss +11 -0
  44. package/scss/dateinput/_layout.scss +1 -0
  45. package/scss/dateinput/_theme.scss +1 -0
  46. package/scss/dateinput/_variables.scss +1 -0
  47. package/scss/datepicker/_index.scss +13 -0
  48. package/scss/datepicker/_layout.scss +1 -0
  49. package/scss/datepicker/_theme.scss +1 -0
  50. package/scss/datepicker/_variables.scss +1 -0
  51. package/scss/{datetime → daterangepicker}/_index.scss +1 -2
  52. package/scss/daterangepicker/_layout.scss +1 -0
  53. package/scss/daterangepicker/_theme.scss +1 -0
  54. package/scss/daterangepicker/_variables.scss +2 -0
  55. package/scss/datetimepicker/_index.scss +17 -0
  56. package/scss/datetimepicker/_layout.scss +1 -0
  57. package/scss/datetimepicker/_theme.scss +1 -0
  58. package/scss/datetimepicker/_variables.scss +2 -0
  59. package/scss/drawer/_index.scss +1 -0
  60. package/scss/drawer/_variables.scss +1 -1
  61. package/scss/dropdownlist/_index.scss +1 -0
  62. package/scss/dropdownlist/_variables.scss +12 -12
  63. package/scss/dropdowntree/_variables.scss +2 -4
  64. package/scss/editor/_variables.scss +10 -2
  65. package/scss/expansion-panel/_index.scss +3 -0
  66. package/scss/expansion-panel/_variables.scss +2 -2
  67. package/scss/fab/_variables.scss +129 -72
  68. package/scss/fab/index.md +0 -0
  69. package/scss/filter/_index.scss +1 -1
  70. package/scss/floating-label/_variables.scss +4 -4
  71. package/scss/forms/_index.scss +1 -1
  72. package/scss/gantt/_index.scss +1 -1
  73. package/scss/grid/_index.scss +2 -1
  74. package/scss/grid/_variables.scss +10 -12
  75. package/scss/imageeditor/_variables.scss +1 -0
  76. package/scss/index.scss +157 -0
  77. package/scss/input/_index.scss +1 -1
  78. package/scss/input/_variables.scss +116 -92
  79. package/scss/list/_index.scss +12 -0
  80. package/scss/list/_layout.scss +1 -0
  81. package/scss/list/_theme.scss +1 -0
  82. package/scss/list/_variables.scss +248 -0
  83. package/scss/listbox/_index.scss +2 -0
  84. package/scss/listbox/_variables.scss +1 -1
  85. package/scss/map/_variables.scss +1 -1
  86. package/scss/menu/_index.scss +2 -0
  87. package/scss/menu/_variables.scss +123 -34
  88. package/scss/multiselect/_index.scss +2 -0
  89. package/scss/multiselect/_variables.scss +0 -36
  90. package/scss/numerictextbox/_variables.scss +0 -31
  91. package/scss/orgchart/_variables.scss +2 -2
  92. package/scss/pager/_index.scss +1 -0
  93. package/scss/pager/_variables.scss +7 -7
  94. package/scss/panelbar/_index.scss +1 -0
  95. package/scss/panelbar/_variables.scss +7 -2
  96. package/scss/pdf-viewer/_variables.scss +2 -5
  97. package/scss/pivotgrid/_index.scss +1 -0
  98. package/scss/pivotgrid/_variables.scss +1 -4
  99. package/scss/popup/_index.scss +0 -4
  100. package/scss/popup/_variables.scss +2 -7
  101. package/scss/radio/_index.scss +2 -0
  102. package/scss/radio/_variables.scss +134 -52
  103. package/scss/scheduler/_index.scss +1 -1
  104. package/scss/scrollview/_variables.scss +4 -4
  105. package/scss/searchbox/_variables.scss +0 -20
  106. package/scss/slider/_variables.scss +10 -10
  107. package/scss/spreadsheet/_index.scss +2 -1
  108. package/scss/switch/_index.scss +0 -2
  109. package/scss/switch/_variables.scss +190 -83
  110. package/scss/table/_index.scss +19 -0
  111. package/scss/table/_layout.scss +1 -0
  112. package/scss/table/_theme.scss +1 -0
  113. package/scss/table/_variables.scss +141 -0
  114. package/scss/tabstrip/_index.scss +1 -0
  115. package/scss/tabstrip/_variables.scss +3 -3
  116. package/scss/taskboard/_variables.scss +0 -2
  117. package/scss/textarea/_variables.scss +0 -53
  118. package/scss/textbox/_variables.scss +1 -2
  119. package/scss/timeline/_variables.scss +7 -7
  120. package/scss/timepicker/_index.scss +15 -0
  121. package/scss/timepicker/_layout.scss +1 -0
  122. package/scss/timepicker/_theme.scss +1 -0
  123. package/scss/timepicker/_variables.scss +1 -0
  124. package/scss/timeselector/_index.scss +13 -0
  125. package/scss/timeselector/_layout.scss +1 -0
  126. package/scss/timeselector/_theme.scss +1 -0
  127. package/scss/timeselector/_variables.scss +32 -0
  128. package/scss/toolbar/_index.scss +1 -0
  129. package/scss/toolbar/_variables.scss +6 -4
  130. package/scss/treeview/_variables.scss +125 -46
  131. package/scss/typography/_variables.scss +3 -3
  132. package/scss/utils/_border.scss +9 -0
  133. package/scss/virtual-scroller/_index.scss +10 -0
  134. package/scss/virtual-scroller/_layout.scss +1 -0
  135. package/scss/virtual-scroller/_theme.scss +1 -0
  136. package/scss/virtual-scroller/_variables.scss +1 -0
  137. package/scss/colorpicker/images/alpha-slider-bgr-reversed.png +0 -0
  138. package/scss/colorpicker/images/alpha-slider-bgr-reversed.scss +0 -3
  139. package/scss/colorpicker/images/alpha-slider-bgr.png +0 -0
  140. package/scss/colorpicker/images/alpha-slider-bgr.scss +0 -3
  141. package/scss/datetime/_layout.scss +0 -1
  142. package/scss/datetime/_theme.scss +0 -1
  143. package/scss/datetime/_variables.scss +0 -53
@@ -13,8 +13,8 @@ $timeline-mobile-spacing-y: 16px !default;
13
13
  $timeline-track-arrow-width: 30px !default;
14
14
  $timeline-track-arrow-height: 30px !default;
15
15
 
16
- $timeline-track-arrow-disabled-text: true-mix($button-text, $body-bg, 65%) !default;
17
- $timeline-track-arrow-disabled-bg: true-mix($button-bg, $body-bg, 65%) !default;
16
+ $timeline-track-arrow-disabled-text: true-mix($kendo-button-text, $body-bg, 65%) !default;
17
+ $timeline-track-arrow-disabled-bg: true-mix($kendo-button-bg, $body-bg, 65%) !default;
18
18
  $timeline-track-arrow-disabled-border: true-mix(#000000, $body-bg, 4.8%) !default;
19
19
 
20
20
  $timeline-track-size: 6px !default;
@@ -24,16 +24,16 @@ $timeline-track-margin-bottom: 16px !default;
24
24
  $timeline-track-bottom-calc: calc((#{$timeline-track-arrow-height} / 2) + #{$timeline-track-wrap-padding-bottom}) !default;
25
25
  $timeline-track-start-calc: calc(#{$timeline-track-arrow-width} - 2 * #{$timeline-track-border-width}) !default;
26
26
  $timeline-track-end-calc: calc(#{$timeline-track-arrow-width} - 2 * #{$timeline-track-border-width}) !default;
27
- $timeline-track-bg: $button-bg !default;
28
- $timeline-track-border-color: $button-border !default;
27
+ $timeline-track-bg: $kendo-button-bg !default;
28
+ $timeline-track-border-color: $kendo-button-border !default;
29
29
 
30
30
  $timeline-track-item-focus-shadow: 0 3px 4px 0 rgba($primary, .4) !default;
31
31
 
32
32
  $timeline-track-event-offset: 36px !default;
33
33
 
34
- $timeline-flag-padding-x: $button-padding-x !default;
35
- $timeline-flag-padding-y: $button-padding-y !default;
36
- $timeline-flag-line-height: $button-line-height !default;
34
+ $timeline-flag-padding-x: $kendo-button-padding-x !default;
35
+ $timeline-flag-padding-y: $kendo-button-padding-y !default;
36
+ $timeline-flag-line-height: $kendo-button-line-height !default;
37
37
  $timeline-flag-min-width: 80px !default;
38
38
  $timeline-flag-max-width: calc(#{$timeline-flag-min-width} + 2 * #{$timeline-spacing-x}) !default;
39
39
  $timeline-mobile-flag-max-width: calc(#{$timeline-flag-min-width} + 2 * #{$timeline-mobile-spacing-x}) !default;
@@ -0,0 +1,15 @@
1
+ @import "../core/_index.scss";
2
+
3
+
4
+ // Dependencies
5
+ @import "../input/_index.scss";
6
+ @import "../button/_index.scss";
7
+ @import "../popup/_index.scss";
8
+ @import "../list/_index.scss";
9
+ @import "../timeselector/_index.scss";
10
+
11
+
12
+ // Component
13
+ @import "_variables.scss";
14
+ @import "_layout.scss";
15
+ @import "_theme.scss";
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/timepicker/_layout.scss";
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/timepicker/_theme.scss";
@@ -0,0 +1 @@
1
+ // Time picker
@@ -0,0 +1,13 @@
1
+ @import "../core/_index.scss";
2
+
3
+
4
+ // Dependencies
5
+ @import "../list/_index.scss";
6
+ @import "../action-buttons/_index.scss";
7
+ @import "../button/_index.scss";
8
+
9
+
10
+ // Component
11
+ @import "_variables.scss";
12
+ @import "_layout.scss";
13
+ @import "_theme.scss";
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/timeselector/_layout.scss";
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/timeselector/_theme.scss";
@@ -0,0 +1,32 @@
1
+ // Time selector
2
+ $time-selector-border-width: 1px !default;
3
+ $time-selector-font-family: $font-family !default;
4
+ $time-selector-font-size: $font-size !default;
5
+ $time-selector-line-height: $line-height !default;
6
+
7
+ $time-selector-bg: $component-bg !default;
8
+ $time-selector-text: $component-text !default;
9
+ $time-selector-border: $component-border !default;
10
+
11
+ $time-selector-header-padding-x: map-get( $spacing, 1 ) !default;
12
+ $time-selector-header-padding-y: map-get( $spacing, 1 ) !default;
13
+ $time-selector-header-border-width: 0px !default;
14
+
15
+ $time-list-width: 4em !default;
16
+ $time-list-height: 240px !default;
17
+
18
+ $time-list-title-font-size: $font-size-sm !default;
19
+ $time-list-title-line-height: 1.5 !default;
20
+ $time-list-title-height: ( $time-list-title-font-size * $time-list-title-line-height) !default;
21
+ $time-list-title-text: $subtle-text !default;
22
+ $time-list-title-focus-text: $component-text !default;
23
+
24
+ $time-list-item-padding-x: $kendo-list-item-padding-x-md !default;
25
+ $time-list-item-padding-y: $kendo-list-item-padding-y-md !default;
26
+
27
+ $time-list-highlight-border-width: 1px 0px !default;
28
+ $time-list-highlight-height: calc( #{$time-selector-font-size * $time-selector-line-height} + #{ $time-list-item-padding-y * 2} ) !default;
29
+ $time-list-highlight-bg: $component-bg !default;
30
+ $time-list-highlight-border: $component-border !default;
31
+
32
+ $time-list-focused-bg: rgba(0, 0, 0, .04) !default;
@@ -5,6 +5,7 @@
5
5
  @import "../common/_index.scss";
6
6
  @import "../button/_index.scss";
7
7
  @import "../popup/_index.scss";
8
+ @import "../menu/_index.scss";
8
9
  @import "../icons/_index.scss";
9
10
 
10
11
 
@@ -10,16 +10,18 @@ $toolbar-border-width: 1px !default;
10
10
  $toolbar-border-radius: null !default;
11
11
  $toolbar-spacing: $toolbar-padding-x !default;
12
12
 
13
- $toolbar-inner-calc-size: calc( #{$button-calc-size} + #{$toolbar-padding-y * 2} ) !default;
13
+ $toolbar-inner-calc-size: calc( #{$kendo-button-calc-size} + #{$toolbar-padding-y * 2} ) !default;
14
14
 
15
15
  $toolbar-font-family: $font-family !default;
16
16
  $toolbar-font-size: $font-size !default;
17
17
  $toolbar-line-height: $line-height !default;
18
18
 
19
- $toolbar-bg: $button-bg !default;
20
- $toolbar-text: $button-text !default;
21
- $toolbar-border: $button-border !default;
19
+ $toolbar-bg: $kendo-button-bg !default;
20
+ $toolbar-text: $kendo-button-text !default;
21
+ $toolbar-border: $kendo-button-border !default;
22
22
  $toolbar-gradient: null !default;
23
23
  $toolbar-shadow: null !default;
24
24
 
25
25
  $toolbar-separator-border: inherit !default;
26
+
27
+ $toolbar-input-width: 10em !default;
@@ -1,47 +1,126 @@
1
1
  // Treeview
2
- $treeview-padding-x: 0px !default;
3
- $treeview-padding-y: 0px !default;
4
- $treeview-font-family: $font-family !default;
5
- $treeview-font-size: $font-size !default;
6
- $treeview-line-height: $line-height !default;
7
-
8
- $treeview-indent: 16px !default;
9
-
10
- $treeview-item-padding-x: $nav-item-padding-x !default;
11
- $treeview-item-padding-y: $nav-item-padding-y !default;
12
- $treeview-item-border-width: 0px !default;
13
- $treeview-item-border-radius: $border-radius !default;
14
-
15
- $treeview-bg: null !default;
16
- $treeview-text: $component-text !default;
17
- $treeview-border: null !default;
18
-
19
- $treeview-item-hovered-bg: $hovered-bg !default;
20
- $treeview-item-hovered-text: $hovered-text !default;
21
- $treeview-item-hovered-border: $hovered-border !default;
22
- $treeview-item-hovered-gradient: $hovered-gradient !default;
23
-
24
- $treeview-item-selected-bg: $selected-bg !default;
25
- $treeview-item-selected-text: $selected-text !default;
26
- $treeview-item-selected-border: $selected-border !default;
27
- $treeview-item-selected-gradient: $selected-gradient !default;
28
-
29
- $treeview-item-focused-shadow: $focused-shadow !default;
30
- $treeview-item-selected-focused-shadow: null !default;
31
-
32
- $treeview-loadmore-checkboxes-padding-x: calc( #{$icon-spacing} + #{$checkbox-size} + #{$treeview-indent} ) !default;
33
- $treeview-loadmore-checkboxes-icon-indent: calc( -1 * (#{$icon-spacing} + #{$treeview-indent}) ) !default;
34
- $treeview-loadmore-checkboxes-icon-margin-x: $icon-spacing !default;
35
-
36
- $treeview-loadmore-bg: transparent !default;
37
- $treeview-loadmore-text: $primary !default;
38
- $treeview-loadmore-border: null !default;
39
-
40
- $treeview-loadmore-hover-bg: transparent !default;
41
- $treeview-loadmore-hover-text: $primary-darker !default;
42
- $treeview-loadmore-hover-border: null !default;
43
-
44
- $treeview-loadmore-focus-bg: transparent !default;
45
- $treeview-loadmore-focus-text: $primary !default;
46
- $treeview-loadmore-focus-border: null !default;
47
- $treeview-loadmore-focus-shadow: none !default;
2
+
3
+ /// Font family of the treeview component.
4
+ /// @group treeview
5
+ $kendo-treeview-font-family: $font-family !default;
6
+ /// Font size of the treeview component.
7
+ /// @group treeview
8
+ $kendo-treeview-font-size: $font-size-md !default;
9
+ /// Line height of the treeview component.
10
+ /// @group treeview
11
+ $kendo-treeview-line-height: $line-height-md !default;
12
+
13
+ /// Indentation of child groups in treeview component.
14
+ /// @group treeview
15
+ $kendo-treeview-indent: 16px !default;
16
+
17
+ /// Horizontal padding of treeview items.
18
+ /// @group treeview
19
+ $kendo-treeview-item-padding-x: map-get( $spacing, 2 ) !default;
20
+ /// Vertical padding of treeview items.
21
+ /// @group treeview
22
+ $kendo-treeview-item-padding-y: map-get( $spacing, 1 ) !default;
23
+ /// Border width of treeview items.
24
+ /// @group treeview
25
+ $kendo-treeview-item-border-width: 0px !default;
26
+ /// Border radius of treeview items.
27
+ /// @group treeview
28
+ $kendo-treeview-item-border-radius: $border-radius !default;
29
+
30
+
31
+ /// The sizes of the treeview.
32
+ /// @group treeview
33
+ $kendo-treeview-sizes: (
34
+ sm: (
35
+ font-size: $font-size-md,
36
+ line-height: $line-height-md,
37
+ item-padding-x: map-get( $spacing, 2 ),
38
+ item-padding-y: map-get( $spacing, 1 ) - map-get( $spacing, thin )
39
+ ),
40
+ md: (
41
+ font-size: $font-size-md,
42
+ line-height: $line-height-md,
43
+ item-padding-x: map-get( $spacing, 2 ),
44
+ item-padding-y: map-get( $spacing, 1 )
45
+ ),
46
+ lg: (
47
+ font-size: $font-size-md,
48
+ line-height: $line-height-md,
49
+ item-padding-x: map-get( $spacing, 2 ),
50
+ item-padding-y: map-get( $spacing, 1 ) + map-get( $spacing, thin )
51
+ )
52
+ ) !default;
53
+
54
+
55
+ /// Background color of the treeview component.
56
+ /// @group treeview
57
+ $kendo-treeview-bg: null !default;
58
+ /// Text color of the treeview component.
59
+ /// @group treeview
60
+ $kendo-treeview-text: $component-text !default;
61
+ /// Border color of the treeview component.
62
+ /// @group treeview
63
+ $kendo-treeview-border: null !default;
64
+
65
+ /// Background color of hovered treeview items.
66
+ /// @group treeview
67
+ $kendo-treeview-item-hover-bg: $hovered-bg !default;
68
+ /// Text color of hovered treeview items.
69
+ /// @group treeview
70
+ $kendo-treeview-item-hover-text: $hovered-text !default;
71
+ /// Border color of hovered treeview items.
72
+ /// @group treeview
73
+ $kendo-treeview-item-hover-border: $hovered-border !default;
74
+ /// Background gradient of hovered treeview items.
75
+ /// @group treeview
76
+ $kendo-treeview-item-hover-gradient: $hovered-gradient !default;
77
+
78
+ /// Background color of selected treeview items.
79
+ /// @group treeview
80
+ $kendo-treeview-item-selected-bg: $selected-bg !default;
81
+ /// Text color of selected treeview items.
82
+ /// @group treeview
83
+ $kendo-treeview-item-selected-text: $selected-text !default;
84
+ /// Border color of selected treeview items.
85
+ /// @group treeview
86
+ $kendo-treeview-item-selected-border: $selected-border !default;
87
+ /// Background gradient of selected treeview items.
88
+ /// @group treeview
89
+ $kendo-treeview-item-selected-gradient: $selected-gradient !default;
90
+
91
+ /// Box shadow of focused treeview items.
92
+ /// @group treeview
93
+ $kendo-treeview-item-focus-shadow: $focused-shadow !default;
94
+
95
+ /// Background color of load more.
96
+ /// @group treeview
97
+ $kendo-treeview-loadmore-bg: transparent !default;
98
+ /// Text color of load more.
99
+ /// @group treeview
100
+ $kendo-treeview-loadmore-text: $link-text !default;
101
+ /// Border color of load more.
102
+ /// @group treeview
103
+ $kendo-treeview-loadmore-border: null !default;
104
+
105
+ /// Background color of a hovered load more.
106
+ /// @group treeview
107
+ $kendo-treeview-loadmore-hover-bg: transparent !default;
108
+ /// Text color of a hovered load more.
109
+ /// @group treeview
110
+ $kendo-treeview-loadmore-hover-text: $link-hover-text !default;
111
+ /// Border color of a hovered load more.
112
+ /// @group treeview
113
+ $kendo-treeview-loadmore-hover-border: null !default;
114
+
115
+ /// Background color of a focused load more.
116
+ /// @group treeview
117
+ $kendo-treeview-loadmore-focus-bg: transparent !default;
118
+ /// Text color of a focused load more.
119
+ /// @group treeview
120
+ $kendo-treeview-loadmore-focus-text: $link-hover-text !default;
121
+ /// Border color of a focused load more.
122
+ /// @group treeview
123
+ $kendo-treeview-loadmore-focus-border: null !default;
124
+ /// Box shadow of a focused load more.
125
+ /// @group treeview
126
+ $kendo-treeview-loadmore-focus-shadow: $kendo-treeview-item-focus-shadow !default;
@@ -9,8 +9,8 @@ $enable-typography: false !default;
9
9
  $font-size: 14px !default;
10
10
  $font-size-xs: 10px !default;
11
11
  $font-size-sm: 12px !default;
12
- $font-size-md: 16px !default;
13
- $font-size-lg: 18px !default;
12
+ $font-size-md: $font-size !default;
13
+ $font-size-lg: 16px !default;
14
14
  $font-size-xl: 20px !default;
15
15
 
16
16
  /// Font family across all components.
@@ -25,7 +25,7 @@ $font-family-monospace: SFMono-Regular, Menlo, Monaco, Consolas, "Roboto Mono",
25
25
  /// @group typography
26
26
  $line-height: (20 / 14) !default;
27
27
  $line-height-xs: 1 !default;
28
- $line-height-sm: 1.2 !default;
28
+ $line-height-sm: 1.25 !default;
29
29
  $line-height-md: $line-height !default;
30
30
  $line-height-lg: 1.5 !default;
31
31
  $line-height-em: $line-height * 1em !default;
@@ -1 +1,10 @@
1
+ $utils-border-radius: (
2
+ default: map-get( $spacing, 1 ),
3
+ 0: 0,
4
+ sm: map-get( $spacing, 1) / 2,
5
+ md: map-get( $spacing, 1),
6
+ lg: map-get( $spacing, 1) * 1.5,
7
+ full: 9999px
8
+ ) !default;
9
+
1
10
  @import "~@progress/kendo-theme-default/scss/utils/_border.scss";
@@ -0,0 +1,10 @@
1
+ @import "../core/_index.scss";
2
+
3
+
4
+ // Dependencies
5
+
6
+
7
+ // Component
8
+ @import "_variables.scss";
9
+ @import "_layout.scss";
10
+ @import "_theme.scss";
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/virtual-scroller/_layout.scss";
@@ -0,0 +1 @@
1
+ @import "~@progress/kendo-theme-default/scss/virtual-scroller/_theme.scss";
@@ -0,0 +1 @@
1
+ // Virtual-scroller
@@ -1,3 +0,0 @@
1
- @include exports("alpha-slider-bgr-reversed.png") {
2
- @include register-data-uri("alpha-slider-bgr-reversed.png", "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAUAAAAAQCAYAAABnaabpAAAACXBIWXMAABbqAAAW6gHljkMQAAAGvmlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDggNzkuMTY0MDM2LCAyMDE5LzA4LzEzLTAxOjA2OjU3ICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHhtcDpDcmVhdGVEYXRlPSIyMDE5LTA4LTIwVDE0OjU0OjQxKzAzOjAwIiB4bXA6TW9kaWZ5RGF0ZT0iMjAxOS0xMi0wNVQxMzoyNjozMCswMjowMCIgeG1wOk1ldGFkYXRhRGF0ZT0iMjAxOS0xMi0wNVQxMzoyNjozMCswMjowMCIgZGM6Zm9ybWF0PSJpbWFnZS9wbmciIHBob3Rvc2hvcDpDb2xvck1vZGU9IjMiIHBob3Rvc2hvcDpJQ0NQcm9maWxlPSJzUkdCIElFQzYxOTY2LTIuMSIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpjNTNiZjJiNC01Y2RhLTQzNGMtOTJmNS05NDg2NjdlZjRmYTgiIHhtcE1NOkRvY3VtZW50SUQ9ImFkb2JlOmRvY2lkOnBob3Rvc2hvcDowYjMzZmFjMi1mYzM4LTI0NGItYjRkMS05OWE2ZDNhNWE4ZWIiIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDo1YjI5M2E2NC00YTc0LWY0NDQtYmRjOC02MjI0ZjUwOTY2NGEiPiA8eG1wTU06SGlzdG9yeT4gPHJkZjpTZXE+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJjcmVhdGVkIiBzdEV2dDppbnN0YW5jZUlEPSJ4bXAuaWlkOjViMjkzYTY0LTRhNzQtZjQ0NC1iZGM4LTYyMjRmNTA5NjY0YSIgc3RFdnQ6d2hlbj0iMjAxOS0wOC0yMFQxNDo1NDo0MSswMzowMCIgc3RFdnQ6c29mdHdhcmVBZ2VudD0iQWRvYmUgUGhvdG9zaG9wIDIxLjAgKFdpbmRvd3MpIi8+IDxyZGY6bGkgc3RFdnQ6YWN0aW9uPSJzYXZlZCIgc3RFdnQ6aW5zdGFuY2VJRD0ieG1wLmlpZDplNWEyZTA2Yy1lZWQwLTVhNGMtYjZjMC1lMGZiZjhmZjBkNjciIHN0RXZ0OndoZW49IjIwMTktMTItMDVUMTM6MjY6MzArMDI6MDAiIHN0RXZ0OnNvZnR3YXJlQWdlbnQ9IkFkb2JlIFBob3Rvc2hvcCAyMS4wIChXaW5kb3dzKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6YzUzYmYyYjQtNWNkYS00MzRjLTkyZjUtOTQ4NjY3ZWY0ZmE4IiBzdEV2dDp3aGVuPSIyMDE5LTEyLTA1VDEzOjI2OjMwKzAyOjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgMjEuMCAoV2luZG93cykiIHN0RXZ0OmNoYW5nZWQ9Ii8iLz4gPC9yZGY6U2VxPiA8L3htcE1NOkhpc3Rvcnk+IDwvcmRmOkRlc2NyaXB0aW9uPiA8L3JkZjpSREY+IDwveDp4bXBtZXRhPiA8P3hwYWNrZXQgZW5kPSJyIj8+PKc3+gAABx9JREFU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");
3
- }
@@ -1,3 +0,0 @@
1
- @include exports("alpha-slider-bgr.png") {
2
- @include register-data-uri("alpha-slider-bgr.png", "data:image/png;base64,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");
3
- }
@@ -1 +0,0 @@
1
- @import "~@progress/kendo-theme-default/scss/datetime/_layout.scss";
@@ -1 +0,0 @@
1
- @import "~@progress/kendo-theme-default/scss/datetime/_theme.scss";
@@ -1,53 +0,0 @@
1
- // DateTime
2
- $time-highlight-size: 1px !default;
3
-
4
- $time-list-title-text: $subtle-text !default;
5
- $time-list-title-focus-text: $component-text !default;
6
-
7
- $time-list-highlight-bg: $component-bg !default;
8
- $time-list-highlight-border: $component-border !default;
9
-
10
- $time-list-focused-bg: rgba(0, 0, 0, .04) !default;
11
-
12
- $time-header-padding: null !default;
13
- $timepicker-header-height: 2em !default;
14
-
15
- $time-list-padding: $padding-y * 5 !default;
16
- $time-list-focus-size: 2px !default;
17
- $time-list-width: 4em !default;
18
- $time-list-height: 200px !default;
19
-
20
- $time-list-item-padding-x: $padding-x !default;
21
- $time-list-item-padding-y: $padding-y !default;
22
-
23
- $dateinput-text: null !default;
24
-
25
- $datetime-width: calc( #{$calendar-cell-size * 8} + #{$infinite-calendar-view-padding-x * 2}) !default;
26
-
27
- $datetime-bg: $input-bg !default;
28
- $datetime-text: $input-text !default;
29
- $datetime-border: $input-border !default;
30
-
31
- $datetime-hovered-bg: $input-hovered-bg !default;
32
- $datetime-hovered-text: $input-hovered-text !default;
33
- $datetime-hovered-border: $input-hovered-border !default;
34
-
35
- $datetime-focused-bg: $input-focused-bg !default;
36
- $datetime-focused-text: $input-focused-text !default;
37
- $datetime-focused-border: $input-focused-border !default;
38
- $datetime-focused-shadow: $input-focused-shadow !default;
39
-
40
- $datetime-select-bg: $button-bg !default;
41
- $datetime-select-text: $button-text !default;
42
- $datetime-select-border: $button-border !default;
43
- $datetime-select-gradient: $button-gradient !default;
44
-
45
- $datetime-select-hovered-bg: $button-hovered-bg !default;
46
- $datetime-select-hovered-text: $button-hovered-text !default;
47
- $datetime-select-hovered-border: $button-hovered-border !default;
48
- $datetime-select-hovered-gradient: $button-hovered-gradient !default;
49
-
50
- $datetime-select-pressed-bg: $button-active-bg !default;
51
- $datetime-select-pressed-text: $button-active-text !default;
52
- $datetime-select-pressed-border: $button-active-border !default;
53
- $datetime-select-pressed-gradient: $button-active-gradient !default;