@progress/kendo-theme-default 5.3.0 → 5.3.2-dev.1

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 (36) hide show
  1. package/dist/all.css +81 -74
  2. package/dist/all.scss +206 -136
  3. package/lib/swatches/default-blue.json +1 -1
  4. package/lib/swatches/default-dataviz-v4.json +1 -1
  5. package/lib/swatches/default-green.json +1 -1
  6. package/lib/swatches/default-main-dark.json +1 -1
  7. package/lib/swatches/default-main.json +1 -1
  8. package/lib/swatches/default-nordic.json +1 -1
  9. package/lib/swatches/default-ocean-blue.json +1 -1
  10. package/lib/swatches/default-orange.json +1 -1
  11. package/lib/swatches/default-purple.json +1 -1
  12. package/lib/swatches/default-turquoise.json +1 -1
  13. package/lib/swatches/default-urban.json +1 -1
  14. package/lib/swatches/index.js +1 -0
  15. package/package.json +2 -2
  16. package/scss/button/_index.scss +0 -2
  17. package/scss/button/_layout.scss +1 -61
  18. package/scss/button/_theme.scss +0 -10
  19. package/scss/button/_variables.scss +0 -14
  20. package/scss/daterangepicker/_layout.scss +1 -1
  21. package/scss/floating-label/_layout.scss +2 -1
  22. package/scss/icons/_layout.scss +5 -4
  23. package/scss/icons/font/WebComponentsIcons.scss +1 -1
  24. package/scss/icons/font/WebComponentsIcons.ttf +0 -0
  25. package/scss/index.scss +2 -0
  26. package/scss/menu/_index.scss +1 -1
  27. package/scss/menu/_layout.scss +37 -36
  28. package/scss/menu/_theme.scss +1 -1
  29. package/scss/menu-button/_index.scss +12 -0
  30. package/scss/menu-button/_layout.scss +29 -0
  31. package/scss/menu-button/_theme.scss +1 -0
  32. package/scss/menu-button/_variables.scss +5 -0
  33. package/scss/split-button/_index.scss +12 -0
  34. package/scss/split-button/_layout.scss +40 -0
  35. package/scss/split-button/_theme.scss +9 -0
  36. package/scss/split-button/_variables.scss +19 -0
package/scss/index.scss CHANGED
@@ -42,6 +42,8 @@
42
42
 
43
43
  // Native forms
44
44
  @import "button/_index.scss";
45
+ @import "split-button/_index.scss";
46
+ @import "menu-button/_index.scss";
45
47
  @import "input/_index.scss";
46
48
  @import "textbox/_index.scss";
47
49
  @import "textarea/_index.scss";
package/scss/menu/_index.scss CHANGED
@@ -6,7 +6,7 @@
6
6
  @import "../popup/_index.scss";
7
7
  @import "../list/_index.scss";
8
8
  @import "../icons/_index.scss";
9
- @import "../list/_index.scss";
9
+ @import "../button/_index.scss";
10
10
 
11
11
 
12
12
  // Component
package/scss/menu/_layout.scss CHANGED
@@ -284,43 +284,44 @@
284
284
  overflow: hidden;
285
285
  flex-wrap: nowrap;
286
286
  }
287
- }
288
- .k-menu-scroll-button {
289
- @include border-radius( 0 );
290
- padding: 0;
291
- border-width: 0;
292
- border-color: inherit;
293
- color: inherit;
294
- background: inherit;
295
- position: absolute;
296
287
 
297
- &.k-scroll-left {
298
- top: 0;
299
- left: 0;
300
- height: 100%;
301
- width: 16px;
302
- border-right-width: 1px;
303
- }
304
- &.k-scroll-right {
305
- top: 0;
306
- right: 0;
307
- height: 100%;
308
- width: 16px;
309
- border-left-width: 1px;
310
- }
311
- &.k-scroll-up {
312
- top: 0;
313
- left: 0;
314
- width: 100%;
315
- height: 16px;
316
- border-bottom-width: 1px;
317
- }
318
- &.k-scroll-down {
319
- bottom: 0;
320
- left: 0;
321
- width: 100%;
322
- height: 16px;
323
- border-top-width: 1px;
288
+ .k-menu-scroll-button {
289
+ @include border-radius( 0 );
290
+ padding: 0;
291
+ border-width: 0;
292
+ border-color: inherit;
293
+ color: inherit;
294
+ background: inherit;
295
+ position: absolute;
296
+
297
+ &.k-scroll-left {
298
+ top: 0;
299
+ left: 0;
300
+ height: 100%;
301
+ width: 16px;
302
+ border-right-width: 1px;
303
+ }
304
+ &.k-scroll-right {
305
+ top: 0;
306
+ right: 0;
307
+ height: 100%;
308
+ width: 16px;
309
+ border-left-width: 1px;
310
+ }
311
+ &.k-scroll-up {
312
+ top: 0;
313
+ left: 0;
314
+ width: 100%;
315
+ height: 16px;
316
+ border-bottom-width: 1px;
317
+ }
318
+ &.k-scroll-down {
319
+ bottom: 0;
320
+ left: 0;
321
+ width: 100%;
322
+ height: 16px;
323
+ border-top-width: 1px;
324
+ }
324
325
  }
325
326
  }
326
327
 
package/scss/menu/_theme.scss CHANGED
@@ -92,7 +92,7 @@
92
92
 
93
93
 
94
94
  // Scrolling
95
- .k-menu-scroll-button {
95
+ .k-menu-scroll-wrapper .k-menu-scroll-button {
96
96
  @include fill(
97
97
  $menu-scroll-button-text,
98
98
  $menu-scroll-button-bg,
package/scss/menu-button/_index.scss ADDED
@@ -0,0 +1,12 @@
1
+ @import "../core/_index.scss";
2
+
3
+
4
+ // Dependencies
5
+ @import "../button/_index.scss";
6
+ @import "../menu/_index.scss";
7
+
8
+
9
+ // Component
10
+ @import "_variables.scss";
11
+ @import "_layout.scss";
12
+ @import "_theme.scss";
package/scss/menu-button/_layout.scss ADDED
@@ -0,0 +1,29 @@
1
+ @include exports("menu-button/layout") {
2
+
3
+ // Menu button
4
+ .k-menu-button,
5
+ .k-dropdown-button {
6
+ aspect-ratio: auto;
7
+ outline: 0;
8
+ display: inline-flex;
9
+ flex-flow: row nowrap;
10
+ vertical-align: middle;
11
+
12
+ > .k-button-arrow {
13
+ margin-inline-start: -$kendo-menu-button-arrow-padding-x;
14
+ margin-inline-end: -$kendo-button-padding-x;
15
+ padding-left: $kendo-menu-button-arrow-padding-x;
16
+ padding-right: $kendo-menu-button-arrow-padding-x;
17
+ flex: none;
18
+ display: inline-flex;
19
+ align-items: center;
20
+ justify-content: center;
21
+ }
22
+
23
+ &.k-icon-button > .k-button-arrow {
24
+ margin-inline-start: 0;
25
+ margin-inline-end: -$kendo-button-padding-y;
26
+ }
27
+ }
28
+
29
+ }
package/scss/menu-button/_theme.scss ADDED
@@ -0,0 +1 @@
1
+ @include exports("menu-button/theme") { }
package/scss/menu-button/_variables.scss ADDED
@@ -0,0 +1,5 @@
1
+ // Menu-button
2
+
3
+ /// Horizontal padding of the arrow button.
4
+ /// @group menu-button
5
+ $kendo-menu-button-arrow-padding-x: $kendo-button-padding-y !default;
package/scss/split-button/_index.scss ADDED
@@ -0,0 +1,12 @@
1
+ @import "../core/_index.scss";
2
+
3
+
4
+ // Dependencies
5
+ @import "../button/_index.scss";
6
+ @import "../menu/_index.scss";
7
+
8
+
9
+ // Component
10
+ @import "_variables.scss";
11
+ @import "_layout.scss";
12
+ @import "_theme.scss";
package/scss/split-button/_layout.scss ADDED
@@ -0,0 +1,40 @@
1
+ @include exports("split-button/layout") {
2
+
3
+
4
+ // Split button arrow
5
+ .k-split-button .k-split-button-arrow {
6
+ padding: $kendo-split-button-arrow-padding-y $kendo-split-button-arrow-padding-x;
7
+ width: auto;
8
+ aspect-ratio: auto;
9
+ flex: none;
10
+
11
+ &.k-button-sm {
12
+ padding: $kendo-split-button-arrow-padding-y-sm $kendo-split-button-arrow-padding-x-sm;
13
+ }
14
+
15
+ &.k-button-md {
16
+ padding: $kendo-split-button-arrow-padding-y-md $kendo-split-button-arrow-padding-x-md;
17
+ }
18
+
19
+ &.k-button-lg {
20
+ padding: $kendo-split-button-arrow-padding-y-lg $kendo-split-button-arrow-padding-x-lg;
21
+ }
22
+
23
+ .k-button-icon {
24
+ min-width: 0;
25
+ }
26
+ }
27
+
28
+
29
+ }
30
+
31
+
32
+ @include exports("split-button/layout/legacy") {
33
+
34
+ .k-ie .k-split-button {
35
+ .k-button {
36
+ @include border-radius( 0 );
37
+ }
38
+ }
39
+
40
+ }
package/scss/split-button/_theme.scss ADDED
@@ -0,0 +1,9 @@
1
+ @include exports("split-button/theme") {
2
+
3
+ // Split button
4
+ .k-split-button:focus,
5
+ .k-split-button.k-focus {
6
+ @include box-shadow( $kendo-split-button-focus-shadow );
7
+ }
8
+
9
+ }
package/scss/split-button/_variables.scss ADDED
@@ -0,0 +1,19 @@
1
+ // Split-button
2
+
3
+ /// Focus shadow of the split button.
4
+ /// @group split-button
5
+ $kendo-split-button-focus-shadow: $kendo-button-focus-shadow !default;
6
+
7
+ /// Horizontal padding of the arrow button.
8
+ /// @group split-button
9
+ $kendo-split-button-arrow-padding-x: $kendo-button-padding-y !default;
10
+ $kendo-split-button-arrow-padding-x-sm: $kendo-button-padding-y-sm !default;
11
+ $kendo-split-button-arrow-padding-x-md: $kendo-button-padding-y-md !default;
12
+ $kendo-split-button-arrow-padding-x-lg: $kendo-button-padding-y-lg !default;
13
+
14
+ /// Vertical padding of the arrow button.
15
+ /// @group split-button
16
+ $kendo-split-button-arrow-padding-y: $kendo-button-padding-y !default;
17
+ $kendo-split-button-arrow-padding-y-sm: $kendo-button-padding-y-sm !default;
18
+ $kendo-split-button-arrow-padding-y-md: $kendo-button-padding-y-md !default;
19
+ $kendo-split-button-arrow-padding-y-lg: $kendo-button-padding-y-lg !default;