@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
package/scss/time-marker/_layout.scss ADDED
@@ -0,0 +1,19 @@
1
+ @use "./_variables.scss" as *;
2
+
3
+ @mixin kendo-time-marker--layout() {
4
+
5
+ .k-current-time {
6
+ width: var( --kendo-current-time-width, #{$kendo-current-time-width} );
7
+ position: absolute;
8
+
9
+ &.k-current-time-arrow-left,
10
+ &.k-current-time-arrow-right,
11
+ &.k-current-time-arrow-down {
12
+ width: 0;
13
+ height: 0;
14
+ background: transparent;
15
+ border: 4px solid transparent;
16
+ }
17
+ }
18
+
19
+ }
package/scss/time-marker/_theme.scss ADDED
@@ -0,0 +1,21 @@
1
+ @use "./_variables.scss" as *;
2
+
3
+ @mixin kendo-time-marker--theme() {
4
+
5
+ .k-current-time {
6
+ background: var( --kendo-current-time-color, #{$kendo-current-time-color} );
7
+
8
+ &.k-current-time-arrow-left {
9
+ border-right-color: var( --kendo-current-time-color, #{$kendo-current-time-color} );
10
+ }
11
+
12
+ &.k-current-time-arrow-right {
13
+ border-left-color: var( --kendo-current-time-color, #{$kendo-current-time-color} );
14
+ }
15
+
16
+ &.k-current-time-arrow-down {
17
+ border-top-color: var( --kendo-current-time-color, #{$kendo-current-time-color} );
18
+ }
19
+ }
20
+
21
+ }
package/scss/time-marker/_variables.scss ADDED
@@ -0,0 +1,6 @@
1
+ /// The border width of the current time indicator.
2
+ /// @group time-marker
3
+ $kendo-current-time-width: 1px !default;
4
+ /// The color of the current time indicator.
5
+ /// @group time-marker
6
+ $kendo-current-time-color: #ff0000 !default;
package/scss/time-marker/index.scss ADDED
@@ -0,0 +1,22 @@
1
+ // Module meta
2
+ $_kendo-module-meta: (
3
+ name: "time-marker",
4
+ dependencies: ()
5
+ );
6
+
7
+ // Component
8
+ @forward "./_variables.scss";
9
+ @use "./_layout.scss" as *;
10
+ @use "./_theme.scss" as *;
11
+
12
+ // Register
13
+ @use "../core/module-system/" as module;
14
+ @include module.register( $_kendo-module-meta... );
15
+
16
+ // Expose
17
+ @mixin time-marker-styles() {
18
+ @include module.render( "time-marker" ) {
19
+ @include kendo-time-marker--layout();
20
+ @include kendo-time-marker--theme();
21
+ }
22
+ }
package/scss/typography/_layout.scss CHANGED
@@ -24,6 +24,10 @@
24
24
  var( --kendo-font-weight, normal ),
25
25
  var( --kendo-letter-spacing, normal ),
26
26
  );
27
+ @include fill(
28
+ var( --kendo-body-text, initial ),
29
+ var( --kendo-body-bg, initial )
30
+ );
27
31
  margin: 0;
28
32
 
29
33
  p {