@progress/kendo-theme-utils 6.0.2-dev.0 → 6.0.3

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 (89) hide show
  1. package/dist/all.css +4547 -3595
  2. package/dist/all.scss +1092 -636
  3. package/package.json +3 -3
  4. package/scss/_variables.scss +34 -4
  5. package/scss/accessibility/_screen-readers.scss +29 -24
  6. package/scss/accessibility/index.import.scss +4 -0
  7. package/scss/all.scss +2 -0
  8. package/scss/background/_background-color.scss +7 -3
  9. package/scss/background/index.import.scss +5 -0
  10. package/scss/border/_border-color.scss +13 -9
  11. package/scss/border/_border-radius.scss +15 -11
  12. package/scss/border/_border-style.scss +13 -9
  13. package/scss/border/_border-width.scss +18 -14
  14. package/scss/border/_outline-color.scss +7 -3
  15. package/scss/border/_outline-offset.scss +7 -3
  16. package/scss/border/_outline-style.scss +7 -3
  17. package/scss/border/_outline-width.scss +7 -3
  18. package/scss/border/index.import.scss +16 -4
  19. package/scss/flex-grid/_align-content.scss +7 -3
  20. package/scss/flex-grid/_align-items.scss +7 -3
  21. package/scss/flex-grid/_align-self.scss +7 -3
  22. package/scss/flex-grid/_flex-basis.scss +7 -4
  23. package/scss/flex-grid/_flex-direction.scss +9 -6
  24. package/scss/flex-grid/_flex-grow.scss +7 -4
  25. package/scss/flex-grid/_flex-shrink.scss +7 -4
  26. package/scss/flex-grid/_flex-wrap.scss +6 -3
  27. package/scss/flex-grid/_flex.scss +6 -3
  28. package/scss/flex-grid/_gap.scss +9 -5
  29. package/scss/flex-grid/_grid-auto-columns.scss +7 -3
  30. package/scss/flex-grid/_grid-auto-flow.scss +7 -3
  31. package/scss/flex-grid/_grid-auto-rows.scss +7 -3
  32. package/scss/flex-grid/_grid-column-start-end.scss +16 -12
  33. package/scss/flex-grid/_grid-row-start-end.scss +16 -12
  34. package/scss/flex-grid/_grid-template-columns.scss +7 -3
  35. package/scss/flex-grid/_grid-template-rows.scss +7 -3
  36. package/scss/flex-grid/_justify-content.scss +11 -5
  37. package/scss/flex-grid/_justify-items.scss +7 -3
  38. package/scss/flex-grid/_justify-self.scss +7 -3
  39. package/scss/flex-grid/_order.scss +6 -2
  40. package/scss/flex-grid/_place-content.scss +7 -3
  41. package/scss/flex-grid/_place-items.scss +7 -3
  42. package/scss/flex-grid/_place-self.scss +7 -3
  43. package/scss/flex-grid/index.import.scss +41 -13
  44. package/scss/index.import.scss +16 -0
  45. package/scss/interactivity/_accent-color.scss +7 -3
  46. package/scss/interactivity/_appearance.scss +6 -3
  47. package/scss/interactivity/_caret-color.scss +7 -3
  48. package/scss/interactivity/_cursor.scss +7 -3
  49. package/scss/interactivity/_pointer-events.scss +6 -3
  50. package/scss/interactivity/_resize.scss +6 -3
  51. package/scss/interactivity/_scroll.scss +36 -31
  52. package/scss/interactivity/_touch-action.scss +7 -4
  53. package/scss/interactivity/_user-select.scss +6 -3
  54. package/scss/interactivity/_will-change.scss +7 -3
  55. package/scss/interactivity/index.import.scss +15 -1
  56. package/scss/layout/_aspect-ratio.scss +8 -4
  57. package/scss/layout/_clear.scss +6 -2
  58. package/scss/layout/_display.scss +12 -9
  59. package/scss/layout/_float.scss +6 -2
  60. package/scss/layout/_overflow.scss +6 -3
  61. package/scss/layout/_position.scss +100 -90
  62. package/scss/layout/_visibility.scss +13 -8
  63. package/scss/layout/_zindex.scss +7 -3
  64. package/scss/layout/index.import.scss +13 -1
  65. package/scss/sizing/_height.scss +12 -10
  66. package/scss/sizing/_width.scss +12 -10
  67. package/scss/sizing/index.import.scss +7 -1
  68. package/scss/spacing/_margin.scss +13 -9
  69. package/scss/spacing/_padding.scss +13 -9
  70. package/scss/spacing/_space-between.scss +18 -0
  71. package/scss/spacing/index.import.scss +7 -0
  72. package/scss/table/_border-collapse.scss +7 -3
  73. package/scss/table/_table-layout.scss +7 -4
  74. package/scss/table/index.import.scss +6 -0
  75. package/scss/transform/_flip.scss +19 -14
  76. package/scss/transform/_origin.scss +7 -3
  77. package/scss/transform/_rotate.scss +7 -3
  78. package/scss/transform/_scale.scss +9 -5
  79. package/scss/transform/_skew.scss +9 -5
  80. package/scss/transform/_translate.scss +20 -16
  81. package/scss/transform/index.import.scss +13 -3
  82. package/scss/typography/_font-size.scss +8 -5
  83. package/scss/typography/_font-style.scss +7 -3
  84. package/scss/typography/_font-weight.scss +9 -5
  85. package/scss/typography/_text-align.scss +7 -3
  86. package/scss/typography/_text-color.scss +9 -5
  87. package/scss/typography/_text-transform.scss +6 -3
  88. package/scss/typography/_white-space.scss +10 -6
  89. package/scss/typography/index.import.scss +14 -4
package/scss/typography/_font-size.scss CHANGED
@@ -1,9 +1,12 @@
1
- // TODO DOCS
1
+ // TODO: docs
2
2
 
3
- $kendo-utils-font-size: k-map-get( $kendo-utils, "font-size" ) !default;
3
+ @mixin kendo-utils--typography--font-size() {
4
4
 
5
- @include generate-utils( font-size, font-size, $kendo-utils-font-size );
5
+ // Font size utility classes
6
+ $kendo-utils-font-size: k-map-get( $kendo-utils, "font-size" ) !default;
7
+ @include generate-utils( font-size, font-size, $kendo-utils-font-size );
6
8
 
9
+ // Legacy aliases
10
+ @include generate-utils( fs, font-size, $kendo-utils-font-size );
7
11
 
8
- // Legacy aliases
9
- @include generate-utils( fs, font-size, $kendo-utils-font-size );
12
+ }
package/scss/typography/_font-style.scss CHANGED
@@ -1,5 +1,9 @@
1
- // TODO DOCS
1
+ // TODO: docs
2
2
 
3
- $kendo-utils-font-style: k-map-get( $kendo-utils, "font-style" ) !default;
3
+ @mixin kendo-utils--typography--font-style() {
4
4
 
5
- @include generate-utils( font, font-style, $kendo-utils-font-style );
5
+ // Font style utility classes
6
+ $kendo-utils-font-style: k-map-get( $kendo-utils, "font-style" ) !default;
7
+ @include generate-utils( font, font-style, $kendo-utils-font-style );
8
+
9
+ }
package/scss/typography/_font-weight.scss CHANGED
@@ -1,9 +1,13 @@
1
- // TODO DOCS
1
+ // TODO: docs
2
2
 
3
- $kendo-utils-font-weight: k-map-get( $kendo-utils, "font-weight" ) !default;
3
+ @mixin kendo-utils--typography--font-weight() {
4
4
 
5
- @include generate-utils( font, font-weight, $kendo-utils-font-weight );
5
+ // Font weight utility classes
6
+ $kendo-utils-font-weight: k-map-get( $kendo-utils, "font-weight" ) !default;
7
+ @include generate-utils( font, font-weight, $kendo-utils-font-weight );
6
8
 
7
9
 
8
- // Legacy aliases
9
- @include generate-utils( font-weight, font-weight, $kendo-utils-font-weight );
10
+ // Legacy aliases
11
+ @include generate-utils( font-weight, font-weight, $kendo-utils-font-weight );
12
+
13
+ }
package/scss/typography/_text-align.scss CHANGED
@@ -20,7 +20,11 @@
20
20
  /// @group text-align
21
21
  /// @contextType css
22
22
 
23
- // Text align utility classes
24
- $kendo-utils-text-align: k-map-get( $kendo-utils, "text-align" ) !default;
23
+ @mixin kendo-utils--typography--text-align() {
25
24
 
26
- @include generate-utils( text, text-align, $kendo-utils-text-align );
25
+ // Text align utility classes
26
+ $kendo-utils-text-align: k-map-get( $kendo-utils, "text-align" ) !default;
27
+
28
+ @include generate-utils( text, text-align, $kendo-utils-text-align );
29
+
30
+ }
package/scss/typography/_text-color.scss CHANGED
@@ -1,9 +1,13 @@
1
- // TODO DOCS
1
+ // TODO: docs
2
2
 
3
- $kendo-utils-text-color: k-map-get( $kendo-utils, "text-color" ) !default;
3
+ @mixin kendo-utils--typography--text-color() {
4
4
 
5
- @include generate-utils( text, color, $kendo-utils-text-color );
5
+ // Text color utility classes
6
+ $kendo-utils-text-color: k-map-get( $kendo-utils, "text-color" ) !default;
7
+ @include generate-utils( text, color, $kendo-utils-text-color );
6
8
 
7
9
 
8
- // Legacy aliases
9
- @include generate-utils( color, color, $kendo-utils-text-color );
10
+ // Legacy aliases
11
+ @include generate-utils( color, color, $kendo-utils-text-color );
12
+
13
+ }
package/scss/typography/_text-transform.scss CHANGED
@@ -15,7 +15,10 @@
15
15
  /// @group text-transform
16
16
  /// @contextType css
17
17
 
18
- // Text transform utility classes
19
- $kendo-utils-text-transform: k-map-get( $kendo-utils, "text-transform" ) !default;
18
+ @mixin kendo-utils--typography--text-transform() {
20
19
 
21
- @include generate-utils( text, text-transform, $kendo-utils-text-transform );
20
+ // Text transform utility classes
21
+ $kendo-utils-text-transform: k-map-get( $kendo-utils, "text-transform" ) !default;
22
+ @include generate-utils( text, text-transform, $kendo-utils-text-transform );
23
+
24
+ }
package/scss/typography/_white-space.scss CHANGED
@@ -30,12 +30,16 @@
30
30
  /// @group white-space
31
31
  /// @contextType css
32
32
 
33
- // White space utility classes
34
- $kendo-utils-white-space: k-map-get( $kendo-utils, "white-space" ) !default;
33
+ @mixin kendo-utils--typography--white-space() {
35
34
 
36
- @include generate-utils( white-space, white-space, $kendo-utils-white-space );
37
- @include generate-utils( whitespace, white-space, $kendo-utils-white-space );
35
+ // White space utility classes
36
+ $kendo-utils-white-space: k-map-get( $kendo-utils, "white-space" ) !default;
38
37
 
38
+ @include generate-utils( white-space, white-space, $kendo-utils-white-space );
39
+ @include generate-utils( whitespace, white-space, $kendo-utils-white-space );
39
40
 
40
- // Legacy aliases
41
- .#{$kendo-prefix}text-nowrap { @extend .#{$kendo-prefix}white-space-nowrap !optional; }
41
+
42
+ // Legacy aliases
43
+ .#{$kendo-prefix}text-nowrap { @extend .#{$kendo-prefix}white-space-nowrap !optional; }
44
+
45
+ }
package/scss/typography/index.import.scss CHANGED
@@ -17,7 +17,17 @@
17
17
  @import "./_white-space.scss";
18
18
 
19
19
 
20
- /// This is equivalent to `white-space: nowrap; overflow: hidden; text-overflow: ellipsis;`.
21
- /// @name .k-text-ellipsis
22
- /// @group text
23
- .#{$kendo-prefix}text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } // sass-lint:disable-line one-declaration-per-line
20
+ @mixin kendo-utils--typography() {
21
+ /// This is equivalent to `white-space: nowrap; overflow: hidden; text-overflow: ellipsis;`.
22
+ /// @name .k-text-ellipsis
23
+ /// @group text
24
+ .#{$kendo-prefix}text-ellipsis { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } // sass-lint:disable-line one-declaration-per-line
25
+
26
+ @include kendo-utils--typography--font-size();
27
+ @include kendo-utils--typography--font-style();
28
+ @include kendo-utils--typography--font-weight();
29
+ @include kendo-utils--typography--text-align();
30
+ @include kendo-utils--typography--text-color();
31
+ @include kendo-utils--typography--text-transform();
32
+ @include kendo-utils--typography--white-space();
33
+ }