@progress/kendo-theme-fluent 8.1.0-dev.0 → 8.1.0-dev.2

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 (50) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-main-dark.css +1 -0
  3. package/dist/fluent-main-dark.scss +156 -0
  4. package/dist/fluent-main.css +1 -1
  5. package/dist/meta/sassdoc-data.json +1676 -381
  6. package/dist/meta/sassdoc-raw-data.json +790 -237
  7. package/dist/meta/variables.json +105 -18
  8. package/lib/swatches/all.json +1 -1
  9. package/lib/swatches/fluent-main-dark.json +768 -0
  10. package/lib/swatches/fluent-main.json +1 -1
  11. package/package.json +4 -4
  12. package/scss/bottom-navigation/_variables.scss +1 -1
  13. package/scss/button/_theme.scss +6 -0
  14. package/scss/chat/_layout.scss +4 -4
  15. package/scss/chat/_variables.scss +16 -2
  16. package/scss/core/_index.scss +3 -5
  17. package/scss/core/color-system/_swatch-legacy.scss +10 -2
  18. package/scss/core/color-system/_swatch.scss +9 -3
  19. package/scss/core/module-system/_components.scss +2 -1
  20. package/scss/daterangepicker/_theme.scss +1 -1
  21. package/scss/fab/_theme.scss +1 -1
  22. package/scss/forms/_theme.scss +6 -0
  23. package/scss/gantt/index.scss +2 -1
  24. package/scss/grid/_theme.scss +2 -2
  25. package/scss/index.scss +6 -0
  26. package/scss/loader/_layout.scss +130 -0
  27. package/scss/loader/_variables.scss +14 -0
  28. package/scss/loader/index.scss +1 -0
  29. package/scss/panel/_layout.scss +29 -0
  30. package/scss/panel/_theme.scss +22 -0
  31. package/scss/panel/_variables.scss +36 -0
  32. package/scss/panel/index.scss +23 -0
  33. package/scss/popup/_layout.scss +25 -8
  34. package/scss/rating/_theme.scss +1 -1
  35. package/scss/scheduler/index.scss +2 -1
  36. package/scss/time-marker/_layout.scss +19 -0
  37. package/scss/time-marker/_theme.scss +21 -0
  38. package/scss/time-marker/_variables.scss +6 -0
  39. package/scss/time-marker/index.scss +22 -0
  40. package/scss/typography/_layout.scss +4 -0
  41. package/scss/core/helpers/_animations.scss +0 -706
  42. package/scss/core/helpers/_asp-fallback.scss +0 -4
  43. package/scss/core/helpers/_extra.scss +0 -22
  44. package/scss/core/helpers/_index.scss +0 -9
  45. package/scss/core/helpers/_indicators.scss +0 -33
  46. package/scss/core/helpers/_normalize.scss +0 -11
  47. package/scss/core/helpers/_reset.scss +0 -19
  48. package/scss/core/helpers/_resizing.scss +0 -120
  49. package/scss/core/helpers/_scrollbar.scss +0 -25
  50. package/scss/core/helpers/_spacer.scss +0 -13
@@ -1,9 +0,0 @@
1
- @use "./asp-fallback";
2
- @use "./animations";
3
- @use "./extra";
4
- @use "./indicators";
5
- @use "./reset";
6
- @use "./normalize";
7
- @use "./resizing";
8
- @use "./spacer";
9
- @use "./scrollbar";
@@ -1,33 +0,0 @@
1
- $kendo-current-time-color: #ff0000 !default;
2
-
3
- // Layout
4
- .k-current-time {
5
- position: absolute;
6
-
7
- &.k-current-time-arrow-left,
8
- &.k-current-time-arrow-right,
9
- &.k-current-time-arrow-down {
10
- width: 0;
11
- height: 0;
12
- background: transparent;
13
- border: 4px solid transparent;
14
- }
15
- }
16
-
17
-
18
- // Theme
19
- .k-current-time {
20
- background: var( --kendo-current-time-color, #{$kendo-current-time-color} );
21
-
22
- &.k-current-time-arrow-left {
23
- border-right-color: var( --kendo-current-time-color, #{$kendo-current-time-color} );
24
- }
25
-
26
- &.k-current-time-arrow-right {
27
- border-left-color: var( --kendo-current-time-color, #{$kendo-current-time-color} );
28
- }
29
-
30
- &.k-current-time-arrow-down {
31
- border-top-color: var( --kendo-current-time-color, #{$kendo-current-time-color} );
32
- }
33
- }
@@ -1,11 +0,0 @@
1
- // Hidden attribute
2
- [hidden] {
3
- display: none !important; // stylelint-disable-line declaration-no-important
4
- }
5
-
6
-
7
- // Hide script tags
8
- // see https://github.com/telerik/kendo-themes/issues/2360
9
- script {
10
- display: none !important; // stylelint-disable-line declaration-no-important
11
- }
@@ -1,19 +0,0 @@
1
- // Layout
2
- .k-reset {
3
- margin: 0;
4
- padding: 0;
5
- border-width: 0;
6
- outline: 0;
7
- text-decoration: none;
8
- font: inherit;
9
- list-style: none;
10
- }
11
-
12
- // Links
13
- .k-link,
14
- .k-link:hover {
15
- color: inherit;
16
- text-decoration: none;
17
- outline: 0;
18
- cursor: pointer;
19
- }
@@ -1,120 +0,0 @@
1
- // Resize handle
2
- .k-resize-handle,
3
- .k-resize-hint {
4
- position: absolute;
5
- border-color: inherit;
6
- z-index: 200;
7
- }
8
- .k-resize-handle {
9
- display: flex;
10
- align-items: center;
11
- justify-content: center;
12
- }
13
- .k-resize-handle::before {
14
- content: "";
15
- border: 0 solid;
16
- border-color: inherit;
17
- }
18
- .k-resize-n {
19
- width: 100%;
20
- height: 6px;
21
- flex-direction: row;
22
- left: 0;
23
- top: -3px;
24
- cursor: n-resize;
25
- }
26
- .k-resize-s {
27
- width: 100%;
28
- height: 6px;
29
- flex-direction: row;
30
- left: 0;
31
- bottom: -3px;
32
- cursor: s-resize;
33
- }
34
- .k-resize-w {
35
- width: 6px;
36
- height: 100%;
37
- flex-direction: column;
38
- top: 0;
39
- left: -3px;
40
- cursor: w-resize;
41
- }
42
- .k-resize-e {
43
- width: 6px;
44
- height: 100%;
45
- flex-direction: column;
46
- top: 0;
47
- right: -3px;
48
- cursor: e-resize;
49
- }
50
-
51
- .k-resize-sw,
52
- .k-resize-se,
53
- .k-resize-nw,
54
- .k-resize-ne {
55
- width: 5px;
56
- height: 5px;
57
- }
58
-
59
- .k-resize-sw {
60
- cursor: sw-resize;
61
- bottom: 0;
62
- left: 0;
63
- }
64
- .k-resize-se {
65
- cursor: se-resize;
66
- bottom: 0;
67
- right: 0;
68
- }
69
- .k-resize-nw {
70
- cursor: nw-resize;
71
- top: 0;
72
- left: 0;
73
- }
74
- .k-resize-ne {
75
- cursor: ne-resize;
76
- top: 0;
77
- right: 0;
78
- }
79
-
80
- .k-vertical-resize {
81
- cursor: row-resize;
82
- }
83
- .k-horizontal-resize {
84
- cursor: col-resize;
85
- }
86
-
87
-
88
- .k-resize-hint {
89
- display: flex;
90
- flex-direction: column;
91
- align-items: center;
92
-
93
- .k-resize-hint-handle {
94
- width: auto;
95
- height: 20px;
96
- align-self: stretch;
97
- }
98
- .k-resize-hint-marker {
99
- width: 2px;
100
- height: auto;
101
- flex: 1 1 auto;
102
- }
103
- }
104
- .k-resize-hint-vertical {
105
- display: flex;
106
- flex-direction: row;
107
- align-items: center;
108
-
109
- .k-resize-hint-handle {
110
- width: 20px;
111
- height: auto;
112
- align-self: stretch;
113
- }
114
-
115
- .k-resize-hint-marker {
116
- width: auto;
117
- height: 2px;
118
- flex: 1 1 auto;
119
- }
120
- }
@@ -1,25 +0,0 @@
1
- // virtual scrollbar
2
- .k-scrollbar {
3
- position: absolute;
4
- overflow: scroll;
5
- }
6
-
7
- .k-scrollbar-vertical {
8
- top: 0;
9
- right: 0;
10
- width: 17px; // scrollbar width
11
- height: 100%;
12
- overflow-x: hidden;
13
- }
14
-
15
- .k-touch-scrollbar {
16
- display: none;
17
- position: absolute;
18
- z-index: 200000;
19
- height: 8px;
20
- width: 8px;
21
- border: 1px solid #8a8a8a;
22
- background-color: #858585;
23
- }
24
-
25
-
@@ -1,13 +0,0 @@
1
- /// This is equivalent to `flex: 1 0 auto;`. If every other element has a fixed size in a flex container, the spacer will take up the remaining space.
2
- /// @name .k-spacer
3
- /// @group spacer
4
- .k-spacer {
5
- flex: 1 0 auto;
6
- }
7
-
8
- /// This is equivalent to `flex-grow: 0;`. The spacer will not take any of the remaining space in a flex container.
9
- /// @name .k-spacer-sized
10
- /// @group spacer
11
- .k-spacer-sized {
12
- flex-grow: 0;
13
- }