@progress/kendo-theme-utils 9.1.1-dev.2 → 10.0.0-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 (121) hide show
  1. package/dist/all.css +17030 -17047
  2. package/dist/all.scss +1 -15160
  3. package/dist/meta/sassdoc-data.json +4734 -5298
  4. package/dist/meta/sassdoc-raw-data.json +3857 -4136
  5. package/dist/meta/variables.json +1 -3163
  6. package/package.json +3 -4
  7. package/scss/_functions.scss +40 -1
  8. package/scss/_globals.scss +2 -0
  9. package/scss/_mixins.scss +12 -3
  10. package/scss/_variables.scss +228 -225
  11. package/scss/accessibility/_screen-readers.scss +6 -4
  12. package/scss/accessibility/index.import.scss +1 -1
  13. package/scss/all.scss +1 -1
  14. package/scss/background/_background-clip.scss +6 -4
  15. package/scss/background/_background-color.scss +6 -4
  16. package/scss/background/_background-position.scss +6 -4
  17. package/scss/background/_background-size.scss +6 -4
  18. package/scss/background/index.import.scss +4 -4
  19. package/scss/border/_border-color.scss +6 -4
  20. package/scss/border/_border-radius.scss +5 -4
  21. package/scss/border/_border-style.scss +6 -4
  22. package/scss/border/_border-width.scss +6 -4
  23. package/scss/border/_outline-color.scss +6 -4
  24. package/scss/border/_outline-offset.scss +6 -4
  25. package/scss/border/_outline-style.scss +6 -4
  26. package/scss/border/_outline-width.scss +6 -4
  27. package/scss/border/index.import.scss +8 -8
  28. package/scss/effects/_opacity.scss +6 -4
  29. package/scss/effects/index.import.scss +1 -1
  30. package/scss/elevation/index.import.scss +4 -4
  31. package/scss/filter/_backdrop.scss +6 -4
  32. package/scss/filter/index.import.scss +1 -1
  33. package/scss/flex-grid/_align-content.scss +6 -4
  34. package/scss/flex-grid/_align-items.scss +6 -4
  35. package/scss/flex-grid/_align-self.scss +6 -4
  36. package/scss/flex-grid/_flex-basis.scss +6 -4
  37. package/scss/flex-grid/_flex-direction.scss +7 -5
  38. package/scss/flex-grid/_flex-grow.scss +6 -4
  39. package/scss/flex-grid/_flex-shrink.scss +6 -4
  40. package/scss/flex-grid/_flex-wrap.scss +6 -4
  41. package/scss/flex-grid/_flex.scss +6 -4
  42. package/scss/flex-grid/_gap.scss +7 -5
  43. package/scss/flex-grid/_grid-auto-columns.scss +6 -4
  44. package/scss/flex-grid/_grid-auto-flow.scss +6 -4
  45. package/scss/flex-grid/_grid-auto-rows.scss +6 -4
  46. package/scss/flex-grid/_grid-column-start-end.scss +11 -9
  47. package/scss/flex-grid/_grid-row-start-end.scss +10 -8
  48. package/scss/flex-grid/_grid-template-columns.scss +7 -5
  49. package/scss/flex-grid/_grid-template-rows.scss +6 -4
  50. package/scss/flex-grid/_justify-content.scss +6 -4
  51. package/scss/flex-grid/_justify-items.scss +6 -4
  52. package/scss/flex-grid/_justify-self.scss +6 -4
  53. package/scss/flex-grid/_order.scss +6 -4
  54. package/scss/flex-grid/_place-content.scss +6 -4
  55. package/scss/flex-grid/_place-items.scss +6 -4
  56. package/scss/flex-grid/_place-self.scss +6 -4
  57. package/scss/flex-grid/index.import.scss +49 -24
  58. package/scss/index.import.scss +36 -19
  59. package/scss/interactivity/_accent-color.scss +6 -4
  60. package/scss/interactivity/_appearance.scss +6 -4
  61. package/scss/interactivity/_caret-color.scss +6 -4
  62. package/scss/interactivity/_cursor.scss +6 -4
  63. package/scss/interactivity/_pointer-events.scss +6 -4
  64. package/scss/interactivity/_resize.scss +6 -4
  65. package/scss/interactivity/_scroll.scss +11 -9
  66. package/scss/interactivity/_touch-action.scss +6 -4
  67. package/scss/interactivity/_user-select.scss +6 -4
  68. package/scss/interactivity/_will-change.scss +6 -4
  69. package/scss/interactivity/index.import.scss +21 -10
  70. package/scss/layout/_aspect-ratio.scss +6 -4
  71. package/scss/layout/_box-sizing.scss +7 -4
  72. package/scss/layout/_clear.scss +6 -4
  73. package/scss/layout/_columns.scss +6 -4
  74. package/scss/layout/_display.scss +7 -5
  75. package/scss/layout/_float.scss +6 -4
  76. package/scss/layout/_object-fit.scss +6 -4
  77. package/scss/layout/_object-position.scss +6 -4
  78. package/scss/layout/_overflow.scss +6 -4
  79. package/scss/layout/_placement.scss +7 -5
  80. package/scss/layout/_position.scss +7 -6
  81. package/scss/layout/_visibility.scss +6 -4
  82. package/scss/layout/_zindex.scss +6 -4
  83. package/scss/layout/index.import.scss +27 -13
  84. package/scss/responsive-layout/_col-gap.scss +6 -2
  85. package/scss/responsive-layout/_col.scss +2 -0
  86. package/scss/responsive-layout/index.import.scss +5 -4
  87. package/scss/sizing/_height.scss +8 -6
  88. package/scss/sizing/_width.scss +8 -6
  89. package/scss/sizing/index.import.scss +2 -2
  90. package/scss/spacing/_margin.scss +6 -4
  91. package/scss/spacing/_padding.scss +7 -5
  92. package/scss/spacing/_space-between.scss +5 -4
  93. package/scss/spacing/index.import.scss +6 -4
  94. package/scss/svg/_fill.scss +6 -4
  95. package/scss/svg/_stroke.scss +6 -4
  96. package/scss/svg/index.import.scss +2 -2
  97. package/scss/table/_border-collapse.scss +6 -4
  98. package/scss/table/_table-layout.scss +6 -4
  99. package/scss/table/index.import.scss +5 -2
  100. package/scss/transform/_flip.scss +6 -4
  101. package/scss/transform/_origin.scss +6 -4
  102. package/scss/transform/_rotate.scss +7 -11
  103. package/scss/transform/_scale.scss +9 -19
  104. package/scss/transform/_skew.scss +8 -15
  105. package/scss/transform/_translate.scss +9 -19
  106. package/scss/transform/index.import.scss +9 -6
  107. package/scss/typography/_font-family.scss +3 -5
  108. package/scss/typography/_font-size.scss +3 -4
  109. package/scss/typography/_font-style.scss +6 -4
  110. package/scss/typography/_font-weight.scss +3 -4
  111. package/scss/typography/_letter-spacing.scss +3 -5
  112. package/scss/typography/_line-height.scss +3 -5
  113. package/scss/typography/_list-style.scss +6 -4
  114. package/scss/typography/_text-align.scss +6 -4
  115. package/scss/typography/_text-color.scss +5 -4
  116. package/scss/typography/_text-decoration.scss +6 -4
  117. package/scss/typography/_text-overflow.scss +6 -4
  118. package/scss/typography/_text-transform.scss +6 -4
  119. package/scss/typography/_vertical-align.scss +6 -4
  120. package/scss/typography/_white-space.scss +6 -4
  121. package/scss/typography/index.import.scss +35 -14
package/scss/typography/_list-style.scss CHANGED
@@ -16,15 +16,17 @@
16
16
  /// @group list-style
17
17
  /// @contextType css
18
18
 
19
+ @use "sass:map";
20
+ @use "../_globals.scss" as *;
21
+
19
22
  // Register
20
- @import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
21
- @include module-register((name: "utils-typography-list-style"));
23
+ @use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
22
24
 
23
25
  @mixin kendo-utils--typography--list-style-type() {
24
- @include module-render("utils-typography-list-style") {
26
+ @include import-once("utils-typography-list-style") {
25
27
 
26
28
  // list-style-type utility classes
27
- $kendo-utils-list-style-type: k-map-get( $kendo-utils, "list-style-type" ) !default;
29
+ $kendo-utils-list-style-type: map.get( $kendo-utils, "list-style-type" ) !default;
28
30
  @include generate-utils( list, list-style-type, $kendo-utils-list-style-type );
29
31
 
30
32
  }
package/scss/typography/_text-align.scss CHANGED
@@ -22,15 +22,17 @@
22
22
  /// @group text-align
23
23
  /// @contextType css
24
24
 
25
+ @use "sass:map";
26
+ @use "../_globals.scss" as *;
27
+
25
28
  // Register
26
- @import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
27
- @include module-register((name: "utils-typography-text-align"));
29
+ @use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
28
30
 
29
31
  @mixin kendo-utils--typography--text-align() {
30
- @include module-render("utils-typography-text-align") {
32
+ @include import-once("utils-typography-text-align") {
31
33
 
32
34
  // Text align utility classes
33
- $kendo-utils-text-align: k-map-get( $kendo-utils, "text-align" ) !default;
35
+ $kendo-utils-text-align: map.get( $kendo-utils, "text-align" ) !default;
34
36
 
35
37
  @include generate-utils( text, text-align, $kendo-utils-text-align );
36
38
 
package/scss/typography/_text-color.scss CHANGED
@@ -1,14 +1,15 @@
1
1
  // TODO: docs
2
+ @use "sass:map";
3
+ @use "../_globals.scss" as *;
2
4
 
3
5
  // Register
4
- @import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
5
- @include module-register((name: "utils-typography-text-color"));
6
+ @use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
6
7
 
7
8
  @mixin kendo-utils--typography--text-color() {
8
- @include module-render("utils-typography-text-color") {
9
+ @include import-once("utils-typography-text-color") {
9
10
 
10
11
  // Text color utility classes
11
- $kendo-utils-text-color: k-map-get( $kendo-utils, "text-color" ) !default;
12
+ $kendo-utils-text-color: map.get( $kendo-utils, "text-color" ) !default;
12
13
  @include generate-utils( text, color, $kendo-utils-text-color, $css-var: 'color' );
13
14
 
14
15
  // Legacy aliases
package/scss/typography/_text-decoration.scss CHANGED
@@ -22,15 +22,17 @@
22
22
  /// @group text-decoration
23
23
  /// @contextType css
24
24
 
25
+ @use "sass:map";
26
+ @use "../_globals.scss" as *;
27
+
25
28
  // Register
26
- @import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
27
- @include module-register((name: "utils-typography-text-decoration"));
29
+ @use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
28
30
 
29
31
  @mixin kendo-utils--typography--text-decoration() {
30
- @include module-render("utils-typography-text-decoration") {
32
+ @include import-once("utils-typography-text-decoration") {
31
33
 
32
34
  // text-decoration utility classes
33
- $kendo-utils-text-decoration: k-map-get( $kendo-utils, "text-decoration" ) !default;
35
+ $kendo-utils-text-decoration: map.get( $kendo-utils, "text-decoration" ) !default;
34
36
  @include generate-utils( text, text-decoration, $kendo-utils-text-decoration );
35
37
 
36
38
  }
package/scss/typography/_text-overflow.scss CHANGED
@@ -10,15 +10,17 @@
10
10
  /// @group text-overflow
11
11
  /// @contextType css
12
12
 
13
+ @use "sass:map";
14
+ @use "../_globals.scss" as *;
15
+
13
16
  // Register
14
- @import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
15
- @include module-register((name: "utils-typography-text-overflow"));
17
+ @use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
16
18
 
17
19
  @mixin kendo-utils--typography--text-overflow() {
18
- @include module-render("utils-typography-text-overflow") {
20
+ @include import-once("utils-typography-text-overflow") {
19
21
 
20
22
  // Text overflow utility classes
21
- $kendo-utils-text-overflow: k-map-get( $kendo-utils, "text-overflow" ) !default;
23
+ $kendo-utils-text-overflow: map.get( $kendo-utils, "text-overflow" ) !default;
22
24
  @include generate-utils( text, text-overflow, $kendo-utils-text-overflow );
23
25
 
24
26
 
package/scss/typography/_text-transform.scss CHANGED
@@ -16,15 +16,17 @@
16
16
  /// @group text-transform
17
17
  /// @contextType css
18
18
 
19
+ @use "sass:map";
20
+ @use "../_globals.scss" as *;
21
+
19
22
  // Register
20
- @import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
21
- @include module-register((name: "utils-typography-text-transform"));
23
+ @use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
22
24
 
23
25
  @mixin kendo-utils--typography--text-transform() {
24
- @include module-render("utils-typography-text-transform") {
26
+ @include import-once("utils-typography-text-transform") {
25
27
 
26
28
  // Text transform utility classes
27
- $kendo-utils-text-transform: k-map-get( $kendo-utils, "text-transform" ) !default;
29
+ $kendo-utils-text-transform: map.get( $kendo-utils, "text-transform" ) !default;
28
30
  @include generate-utils( text, text-transform, $kendo-utils-text-transform );
29
31
 
30
32
  }
package/scss/typography/_vertical-align.scss CHANGED
@@ -46,15 +46,17 @@
46
46
  /// @group vertical-align
47
47
  /// @contextType css
48
48
 
49
+ @use "sass:map";
50
+ @use "../_globals.scss" as *;
51
+
49
52
  // Register
50
- @import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
51
- @include module-register((name: "utils-typography-vertical-align"));
53
+ @use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
52
54
 
53
55
  @mixin kendo-utils--typography--vertical-align() {
54
- @include module-render("utils-typography-vertical-align") {
56
+ @include import-once("utils-typography-vertical-align") {
55
57
 
56
58
  // vertical-align utility classes
57
- $kendo-utils-vertical-align: k-map-get( $kendo-utils, "vertical-align" ) !default;
59
+ $kendo-utils-vertical-align: map.get( $kendo-utils, "vertical-align" ) !default;
58
60
  @include generate-utils( align, vertical-align, $kendo-utils-vertical-align );
59
61
 
60
62
  }
package/scss/typography/_white-space.scss CHANGED
@@ -34,15 +34,17 @@
34
34
  /// @group white-space
35
35
  /// @contextType css
36
36
 
37
+ @use "sass:map";
38
+ @use "../_globals.scss" as *;
39
+
37
40
  // Register
38
- @import "@progress/kendo-theme-core/scss/module-system/index.import.scss";
39
- @include module-register((name: "utils-typography-white-space"));
41
+ @use "@progress/kendo-theme-core/scss/mixins/import-once.scss" as *;
40
42
 
41
43
  @mixin kendo-utils--typography--white-space() {
42
- @include module-render("utils-typography-white-space") {
44
+ @include import-once("utils-typography-white-space") {
43
45
 
44
46
  // White space utility classes
45
- $kendo-utils-white-space: k-map-get( $kendo-utils, "white-space" ) !default;
47
+ $kendo-utils-white-space: map.get( $kendo-utils, "white-space" ) !default;
46
48
 
47
49
  @include generate-utils( white-space, white-space, $kendo-utils-white-space );
48
50
  @include generate-utils( whitespace, white-space, $kendo-utils-white-space );
package/scss/typography/index.import.scss CHANGED
@@ -1,23 +1,44 @@
1
1
  // font family
2
- @import "./_font-family.scss";
3
- @import "./_font-size.scss";
2
+ @forward "./_font-family.scss";
3
+ @forward "./_font-size.scss";
4
4
  // font smoothing
5
- @import "./_font-style.scss";
6
- @import "./_font-weight.scss";
5
+ @forward "./_font-style.scss";
6
+ @forward "./_font-weight.scss";
7
7
  // font variant
8
8
  // letter spacing
9
- @import "./_letter-spacing.scss";
9
+ @forward "./_letter-spacing.scss";
10
10
  // line height
11
- @import "./_line-height.scss";
12
- @import "./_list-style.scss";
13
- @import "./_text-align.scss";
14
- @import "./_text-color.scss";
15
- @import "./_text-decoration.scss";
16
- @import "./_text-overflow.scss";
17
- @import "./_text-transform.scss";
11
+ @forward "./_line-height.scss";
12
+ @forward "./_list-style.scss";
13
+ @forward "./_text-align.scss";
14
+ @forward "./_text-color.scss";
15
+ @forward "./_text-decoration.scss";
16
+ @forward "./_text-overflow.scss";
17
+ @forward "./_text-transform.scss";
18
18
  // text indent
19
- @import "./_vertical-align.scss";
20
- @import "./_white-space.scss";
19
+ @forward "./_vertical-align.scss";
20
+ @forward "./_white-space.scss";
21
+
22
+ // font family
23
+ @use "./_font-family.scss" as *;
24
+ @use "./_font-size.scss" as *;
25
+ // font smoothing
26
+ @use "./_font-style.scss" as *;
27
+ @use "./_font-weight.scss" as *;
28
+ // font variant
29
+ // letter spacing
30
+ @use "./_letter-spacing.scss" as *;
31
+ // line height
32
+ @use "./_line-height.scss" as *;
33
+ @use "./_list-style.scss" as *;
34
+ @use "./_text-align.scss" as *;
35
+ @use "./_text-color.scss" as *;
36
+ @use "./_text-decoration.scss" as *;
37
+ @use "./_text-overflow.scss" as *;
38
+ @use "./_text-transform.scss" as *;
39
+ // text indent
40
+ @use "./_vertical-align.scss" as *;
41
+ @use "./_white-space.scss" as *;
21
42
 
22
43
 
23
44
  @mixin kendo-utils--typography() {