@progress/kendo-theme-fluent 11.0.3-dev.3 → 11.1.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 (56) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-main-dark.css +1 -1
  3. package/dist/fluent-main.css +1 -1
  4. package/dist/meta/sassdoc-data.json +1492 -1114
  5. package/dist/meta/sassdoc-raw-data.json +724 -549
  6. package/dist/meta/variables.json +40 -12
  7. package/lib/swatches/all.json +1 -1
  8. package/lib/swatches/fluent-main-dark.json +1 -1
  9. package/lib/swatches/fluent-main.json +1 -1
  10. package/package.json +4 -4
  11. package/scss/action-sheet/_theme.scss +17 -17
  12. package/scss/appbar/_theme.scss +3 -7
  13. package/scss/badge/_layout.scss +12 -12
  14. package/scss/badge/_theme.scss +3 -7
  15. package/scss/bottom-navigation/_theme.scss +15 -23
  16. package/scss/breadcrumb/_layout.scss +12 -12
  17. package/scss/button/_layout.scss +10 -14
  18. package/scss/button/_theme.scss +33 -35
  19. package/scss/calendar/_layout.scss +41 -41
  20. package/scss/calendar/_theme.scss +25 -28
  21. package/scss/card/_theme.scss +9 -14
  22. package/scss/checkbox/_layout.scss +18 -18
  23. package/scss/chip/_layout.scss +8 -8
  24. package/scss/chip/_theme.scss +15 -19
  25. package/scss/colorgradient/_layout.scss +3 -2
  26. package/scss/editor/_theme.scss +1 -1
  27. package/scss/fab/_layout.scss +4 -4
  28. package/scss/fab/_theme.scss +41 -51
  29. package/scss/grid/_layout.scss +58 -50
  30. package/scss/grid/_theme.scss +102 -94
  31. package/scss/grid/_variables.scss +17 -10
  32. package/scss/imageeditor/_layout.scss +6 -4
  33. package/scss/input/_layout.scss +25 -25
  34. package/scss/input/_theme.scss +34 -42
  35. package/scss/list/_layout.scss +34 -34
  36. package/scss/list/_theme.scss +12 -15
  37. package/scss/loader/_layout.scss +21 -18
  38. package/scss/menu/_layout.scss +14 -14
  39. package/scss/messagebox/_theme.scss +3 -7
  40. package/scss/notification/_theme.scss +4 -9
  41. package/scss/otp/_layout.scss +2 -2
  42. package/scss/pager/_layout.scss +7 -7
  43. package/scss/pager/_theme.scss +6 -10
  44. package/scss/panelbar/_layout.scss +4 -4
  45. package/scss/panelbar/_theme.scss +64 -64
  46. package/scss/radio/_layout.scss +14 -14
  47. package/scss/slider/_theme.scss +23 -31
  48. package/scss/switch/_layout.scss +18 -18
  49. package/scss/switch/_theme.scss +42 -58
  50. package/scss/table/_layout.scss +18 -18
  51. package/scss/table/_variables.scss +17 -0
  52. package/scss/timeselector/_layout.scss +9 -6
  53. package/scss/toolbar/_layout.scss +16 -16
  54. package/scss/tooltip/_theme.scss +4 -8
  55. package/scss/treeview/_layout.scss +8 -8
  56. package/scss/treeview/_theme.scss +24 -31
package/scss/treeview/_theme.scss CHANGED
@@ -21,76 +21,69 @@
21
21
 
22
22
  // Treeview leaf
23
23
  .k-treeview-leaf {
24
- --INTERNAL--kendo-treeview-item-text: var( --kendo-treeview-item-text, #{$kendo-treeview-item-text} );
25
- --INTERNAL--kendo-treeview-item-bg: var( --kendo-treeview-item-bg, #{$kendo-treeview-item-bg} );
26
- --INTERNAL--kendo-treeview-item-border: var( --kendo-treeview-item-border, #{$kendo-treeview-item-border} );
27
-
28
24
  @include fill(
29
- var( --INTERNAL--kendo-treeview-item-text, inherit ),
30
- var( --INTERNAL--kendo-treeview-item-bg, transparent ),
31
- var( --INTERNAL--kendo-treeview-item-border, inherit )
25
+ var( --kendo-treeview-item-text, #{$kendo-treeview-item-text} ),
26
+ var( --kendo-treeview-item-bg, #{$kendo-treeview-item-bg} ),
27
+ var( --kendo-treeview-item-border, #{$kendo-treeview-item-border} )
32
28
  );
33
29
 
34
30
  // Hover state
35
31
  &:hover,
36
32
  &.k-hover {
37
- --INTERNAL--kendo-treeview-item-text: var( --kendo-treeview-item-hover-text, #{$kendo-treeview-item-hover-text} );
38
- --INTERNAL--kendo-treeview-item-bg: var( --kendo-treeview-item-hover-bg, #{$kendo-treeview-item-hover-bg} );
39
- --INTERNAL--kendo-treeview-item-border: var( --kendo-treeview-item-hover-border, #{$kendo-treeview-item-hover-border} );
33
+ --kendo-treeview-item-text: var( --kendo-treeview-item-hover-text, #{$kendo-treeview-item-hover-text} );
34
+ --kendo-treeview-item-bg: var( --kendo-treeview-item-hover-bg, #{$kendo-treeview-item-hover-bg} );
35
+ --kendo-treeview-item-border: var( --kendo-treeview-item-hover-border, #{$kendo-treeview-item-hover-border} );
40
36
  }
41
37
 
42
38
  // Focus state
43
39
  &:focus,
44
40
  &.k-focus {
45
- --INTERNAL--kendo-treeview-item-text: var( --kendo-treeview-item-focus-text, #{$kendo-treeview-item-focus-text} );
46
- --INTERNAL--kendo-treeview-item-bg: var( --kendo-treeview-item-focus-bg, #{$kendo-treeview-item-focus-bg} );
47
- --INTERNAL--kendo-treeview-item-border: var( --kendo-treeview-item-focus-border, #{$kendo-treeview-item-focus-border} );
41
+ --kendo-treeview-item-text: var( --kendo-treeview-item-focus-text, #{$kendo-treeview-item-focus-text} );
42
+ --kendo-treeview-item-bg: var( --kendo-treeview-item-focus-bg, #{$kendo-treeview-item-focus-bg} );
43
+ --kendo-treeview-item-border: var( --kendo-treeview-item-focus-border, #{$kendo-treeview-item-focus-border} );
48
44
 
49
45
  @include box-shadow( $kendo-treeview-item-focus-shadow );
50
46
  }
51
47
 
52
48
  // Selected state
53
49
  &.k-selected {
54
- --INTERNAL--kendo-treeview-item-text: var( --kendo-treeview-item-selected-text, #{$kendo-treeview-item-selected-text} );
55
- --INTERNAL--kendo-treeview-item-bg: var( --kendo-treeview-item-selected-bg, #{$kendo-treeview-item-selected-bg} );
56
- --INTERNAL--kendo-treeview-item-border: var( --kendo-treeview-item-selected-border, #{$kendo-treeview-item-selected-border} );
50
+ --kendo-treeview-item-text: var( --kendo-treeview-item-selected-text, #{$kendo-treeview-item-selected-text} );
51
+ --kendo-treeview-item-bg: var( --kendo-treeview-item-selected-bg, #{$kendo-treeview-item-selected-bg} );
52
+ --kendo-treeview-item-border: var( --kendo-treeview-item-selected-border, #{$kendo-treeview-item-selected-border} );
57
53
  }
58
54
  }
59
55
 
60
56
  // Disabled state
61
57
  .k-treeview-leaf:is(:disabled, .k-disabled),
62
58
  :is(.k-treeview-item:disabled, .k-treeview-item.k-disabled) .k-treeview-leaf {
63
- --INTERNAL--kendo-treeview-item-text: var( --kendo-treeview-item-disabled-text, #{$kendo-treeview-item-disabled-text} );
64
- --INTERNAL--kendo-treeview-item-bg: var( --kendo-treeview-item-disabled-bg, #{$kendo-treeview-item-disabled-bg} );
65
- --INTERNAL--kendo-treeview-item-border: var( --kendo-treeview-item-disabled-border, #{$kendo-treeview-item-disabled-border} );
59
+ --kendo-treeview-item-text: var( --kendo-treeview-item-disabled-text, #{$kendo-treeview-item-disabled-text} );
60
+ --kendo-treeview-item-bg: var( --kendo-treeview-item-disabled-bg, #{$kendo-treeview-item-disabled-bg} );
61
+ --kendo-treeview-item-border: var( --kendo-treeview-item-disabled-border, #{$kendo-treeview-item-disabled-border} );
66
62
  }
67
63
 
68
64
  // Treeview load more button
69
65
  .k-treeview .k-treeview-load-more-button {
70
- --INTERNAL--kendo-treeview-loadmore-text: var( --kendo-treeview-loadmore-text, #{$kendo-treeview-loadmore-text} );
71
- --INTERNAL--kendo-treeview-loadmore-bg: var( --kendo-treeview-loadmore-bg, #{$kendo-treeview-loadmore-bg} );
72
- --INTERNAL--kendo-treeview-loadmore-border: var( --kendo-treeview-loadmore-border, #{$kendo-treeview-loadmore-border} );
73
66
 
74
67
  @include fill(
75
- var( --INTERNAL--kendo-treeview-loadmore-text, inherit ),
76
- var( --INTERNAL--kendo-treeview-loadmore-bg, transparent ),
77
- var( --INTERNAL--kendo-treeview-loadmore-border, inherit )
68
+ var( --kendo-treeview-loadmore-text, #{$kendo-treeview-loadmore-text} ),
69
+ var( --kendo-treeview-loadmore-bg, #{$kendo-treeview-loadmore-bg} ),
70
+ var( --kendo-treeview-loadmore-border, #{$kendo-treeview-loadmore-border} )
78
71
  );
79
72
 
80
73
  // Hover state
81
74
  &:hover,
82
75
  &.k-hover {
83
- --INTERNAL--kendo-treeview-loadmore-text: var( --kendo-treeview-loadmore-hover-text, #{$kendo-treeview-loadmore-hover-text} );
84
- --INTERNAL--kendo-treeview-loadmore-bg: var( --kendo-treeview-loadmore-hover-bg, #{$kendo-treeview-loadmore-hover-bg} );
85
- --INTERNAL--kendo-treeview-loadmore-border: var( --kendo-treeview-loadmore-hover-border, #{$kendo-treeview-loadmore-hover-border} );
76
+ --kendo-treeview-loadmore-text: var( --kendo-treeview-loadmore-hover-text, #{$kendo-treeview-loadmore-hover-text} );
77
+ --kendo-treeview-loadmore-bg: var( --kendo-treeview-loadmore-hover-bg, #{$kendo-treeview-loadmore-hover-bg} );
78
+ --kendo-treeview-loadmore-border: var( --kendo-treeview-loadmore-hover-border, #{$kendo-treeview-loadmore-hover-border} );
86
79
  }
87
80
 
88
81
  // Focus state
89
82
  &:focus,
90
83
  &.k-focus {
91
- --INTERNAL--kendo-treeview-loadmore-text: var( --kendo-treeview-loadmore-focus-text, #{$kendo-treeview-loadmore-focus-text} );
92
- --INTERNAL--kendo-treeview-loadmore-bg: var( --kendo-treeview-loadmore-focus-bg, #{$kendo-treeview-loadmore-focus-bg} );
93
- --INTERNAL--kendo-treeview-loadmore-border: var( --kendo-treeview-loadmore-focus-border, #{$kendo-treeview-loadmore-focus-border} );
84
+ --kendo-treeview-loadmore-text: var( --kendo-treeview-loadmore-focus-text, #{$kendo-treeview-loadmore-focus-text} );
85
+ --kendo-treeview-loadmore-bg: var( --kendo-treeview-loadmore-focus-bg, #{$kendo-treeview-loadmore-focus-bg} );
86
+ --kendo-treeview-loadmore-border: var( --kendo-treeview-loadmore-focus-border, #{$kendo-treeview-loadmore-focus-border} );
94
87
 
95
88
  @include box-shadow( $kendo-treeview-loadmore-focus-shadow );
96
89
  }