@progress/kendo-theme-utils 7.3.0-dev.1 → 8.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 (19) hide show
  1. package/dist/all.css +3738 -4026
  2. package/dist/all.scss +5705 -3924
  3. package/dist/meta/sassdoc-data.json +630 -632
  4. package/dist/meta/sassdoc-raw-data.json +630 -632
  5. package/dist/meta/variables.json +248 -12
  6. package/package.json +3 -3
  7. package/scss/_variables.scss +30 -111
  8. package/scss/border/_border-radius.scss +11 -10
  9. package/scss/elevation/index.import.scss +1 -1
  10. package/scss/spacing/_margin.scss +7 -8
  11. package/scss/spacing/_padding.scss +7 -8
  12. package/scss/spacing/index.import.scss +2 -0
  13. package/scss/typography/_font-family.scss +8 -0
  14. package/scss/typography/_font-size.scss +9 -8
  15. package/scss/typography/_font-style.scss +1 -1
  16. package/scss/typography/_font-weight.scss +4 -3
  17. package/scss/typography/_letter-spacing.scss +9 -0
  18. package/scss/typography/_line-height.scss +8 -0
  19. package/scss/typography/index.import.scss +6 -0
package/scss/spacing/_margin.scss CHANGED
@@ -547,13 +547,12 @@
547
547
  @mixin kendo-utils--spacing--margin() {
548
548
 
549
549
  // Margin utility classes
550
- $kendo-utils-margin: k-map-get( $kendo-utils, "margin" ) !default;
551
- @include generate-utils( m, margin, $kendo-utils-margin );
552
- @include generate-utils( mt, margin-top, $kendo-utils-margin );
553
- @include generate-utils( mr, margin-right, $kendo-utils-margin );
554
- @include generate-utils( mb, margin-bottom, $kendo-utils-margin );
555
- @include generate-utils( ml, margin-left, $kendo-utils-margin );
556
- @include generate-utils( mx, margin-inline, $kendo-utils-margin );
557
- @include generate-utils( my, margin-block, $kendo-utils-margin );
550
+ @include generate-utils( m, margin, $kendo-spacing, $css-var: "spacing" );
551
+ @include generate-utils( mt, margin-top, $kendo-spacing, $css-var: "spacing" );
552
+ @include generate-utils( mr, margin-right, $kendo-spacing, $css-var: "spacing" );
553
+ @include generate-utils( mb, margin-bottom, $kendo-spacing, $css-var: "spacing" );
554
+ @include generate-utils( ml, margin-left, $kendo-spacing, $css-var: "spacing" );
555
+ @include generate-utils( mx, margin-inline, $kendo-spacing, $css-var: "spacing" );
556
+ @include generate-utils( my, margin-block, $kendo-spacing, $css-var: "spacing" );
558
557
 
559
558
  }
package/scss/spacing/_padding.scss CHANGED
@@ -547,13 +547,12 @@
547
547
  @mixin kendo-utils--spacing--padding() {
548
548
 
549
549
  // Padding utility classes
550
- $kendo-utils-padding: k-map-get( $kendo-utils, "padding" ) !default;
551
- @include generate-utils( p, padding, $kendo-utils-padding );
552
- @include generate-utils( pt, padding-top, $kendo-utils-padding );
553
- @include generate-utils( pr, padding-right, $kendo-utils-padding );
554
- @include generate-utils( pb, padding-bottom, $kendo-utils-padding );
555
- @include generate-utils( pl, padding-left, $kendo-utils-padding );
556
- @include generate-utils( px, padding-inline, $kendo-utils-padding );
557
- @include generate-utils( py, padding-block, $kendo-utils-padding );
550
+ @include generate-utils( p, padding, $kendo-spacing, $css-var: "spacing" );
551
+ @include generate-utils( pt, padding-top, $kendo-spacing, $css-var: "spacing" );
552
+ @include generate-utils( pr, padding-right, $kendo-spacing, $css-var: "spacing" );
553
+ @include generate-utils( pb, padding-bottom, $kendo-spacing, $css-var: "spacing" );
554
+ @include generate-utils( pl, padding-left, $kendo-spacing, $css-var: "spacing" );
555
+ @include generate-utils( px, padding-inline, $kendo-spacing, $css-var: "spacing" );
556
+ @include generate-utils( py, padding-block, $kendo-spacing, $css-var: "spacing" );
558
557
 
559
558
  }
package/scss/spacing/index.import.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import "@progress/kendo-theme-core/scss/spacing/index.import.scss";
2
+
1
3
  @import "./_margin.scss";
2
4
  @import "./_padding.scss";
3
5
  @import "./_space-between.scss";
package/scss/typography/_font-family.scss ADDED
@@ -0,0 +1,8 @@
1
+ @import "@progress/kendo-theme-core/scss/index.import.scss";
2
+
3
+ @mixin kendo-utils--typography--font-family() {
4
+
5
+ // Font family utility classes
6
+ @include generate-utils( font-family, font-family, $kendo-font-families, $css-var: "font-family" );
7
+
8
+ }
package/scss/typography/_font-size.scss CHANGED
@@ -1,40 +1,41 @@
1
+ @import "@progress/kendo-theme-core/scss/index.import.scss";
2
+
1
3
  /// This is equivalent to `font-size: 10px;`.
2
4
  /// @example font-size: 10px;
3
- /// @name .k-font-xs
5
+ /// @name .k-font-size-xs
4
6
  /// @group font-size
5
7
  /// @contextType css
6
8
 
7
9
  /// This is equivalent to `font-size: 12px;`.
8
10
  /// @example font-size: 12px;
9
- /// @name .k-font-sm
11
+ /// @name .k-font-size-sm
10
12
  /// @group font-size
11
13
  /// @contextType css
12
14
 
13
15
  /// This is equivalent to `font-size: 14px;`.
14
16
  /// @example font-size: 14px;
15
- /// @name .k-font-md
17
+ /// @name .k-font-size-md
16
18
  /// @group font-size
17
19
  /// @contextType css
18
20
 
19
21
  /// This is equivalent to `font-size: 16px;`.
20
22
  /// @example font-size: 16px;
21
- /// @name .k-font-lg
23
+ /// @name .k-font-size-lg
22
24
  /// @group font-size
23
25
  /// @contextType css
24
26
 
25
27
  /// This is equivalent to `font-size: 20px;`.
26
28
  /// @example font-size: 20px;
27
- /// @name .k-font-xl
29
+ /// @name .k-font-size-xl
28
30
  /// @group font-size
29
31
  /// @contextType css
30
32
 
31
33
  @mixin kendo-utils--typography--font-size() {
32
34
 
33
35
  // Font size utility classes
34
- $kendo-utils-font-size: k-map-get( $kendo-utils, "font-size" ) !default;
35
- @include generate-utils( font-size, font-size, $kendo-utils-font-size );
36
+ @include generate-utils( font-size, font-size, $kendo-font-sizes, $css-var: "font-size" );
36
37
 
37
38
  // Legacy aliases
38
- @include generate-utils( fs, font-size, $kendo-utils-font-size );
39
+ @include generate-utils( fs, font-size, $kendo-font-sizes, $css-var: "fs" );
39
40
 
40
41
  }
package/scss/typography/_font-style.scss CHANGED
@@ -14,6 +14,6 @@
14
14
 
15
15
  // Font style utility classes
16
16
  $kendo-utils-font-style: k-map-get( $kendo-utils, "font-style" ) !default;
17
- @include generate-utils( font, font-style, $kendo-utils-font-style );
17
+ @include generate-utils( font-style, font-style, $kendo-utils-font-style, $css-var: "font-style" );
18
18
 
19
19
  }
package/scss/typography/_font-weight.scss CHANGED
@@ -1,3 +1,5 @@
1
+ @import "@progress/kendo-theme-core/scss/index.import.scss";
2
+
1
3
  /// This is equivalent to `font-weight: 100;`.
2
4
  /// @example font-weight: 100;
3
5
  /// @name .k-font-thin
@@ -55,11 +57,10 @@
55
57
  @mixin kendo-utils--typography--font-weight() {
56
58
 
57
59
  // Font weight utility classes
58
- $kendo-utils-font-weight: k-map-get( $kendo-utils, "font-weight" ) !default;
59
- @include generate-utils( font, font-weight, $kendo-utils-font-weight );
60
+ @include generate-utils( font, font-weight, $kendo-font-weights, $css-var: "font" );
60
61
 
61
62
 
62
63
  // Legacy aliases
63
- @include generate-utils( font-weight, font-weight, $kendo-utils-font-weight );
64
+ @include generate-utils( font-weight, font-weight, $kendo-font-weights, $css-var: "font-weight" );
64
65
 
65
66
  }
package/scss/typography/_letter-spacing.scss ADDED
@@ -0,0 +1,9 @@
1
+ @import "@progress/kendo-theme-core/scss/index.import.scss";
2
+
3
+ @mixin kendo-utils--typography--letter-spacing() {
4
+
5
+ // Letter spacing utility classes
6
+ @include generate-utils( letter-spacing, letter-spacing, $kendo-letter-spacings, $css-var: "letter-spacing" );
7
+
8
+ }
9
+
package/scss/typography/_line-height.scss ADDED
@@ -0,0 +1,8 @@
1
+ @import "@progress/kendo-theme-core/scss/index.import.scss";
2
+
3
+ @mixin kendo-utils--typography--line-height() {
4
+
5
+ // Line height utility classes
6
+ @include generate-utils( line-height, line-height, $kendo-line-heights, $css-var: "line-height" );
7
+
8
+ }
package/scss/typography/index.import.scss CHANGED
@@ -1,11 +1,14 @@
1
1
  // font family
2
+ @import "./_font-family.scss";
2
3
  @import "./_font-size.scss";
3
4
  // font smoothing
4
5
  @import "./_font-style.scss";
5
6
  @import "./_font-weight.scss";
6
7
  // font variant
7
8
  // letter spacing
9
+ @import "./_letter-spacing.scss";
8
10
  // line height
11
+ @import "./_line-height.scss";
9
12
  @import "./_list-style.scss";
10
13
  @import "./_text-align.scss";
11
14
  @import "./_text-color.scss";
@@ -18,9 +21,12 @@
18
21
 
19
22
 
20
23
  @mixin kendo-utils--typography() {
24
+ @include kendo-utils--typography--font-family();
21
25
  @include kendo-utils--typography--font-size();
22
26
  @include kendo-utils--typography--font-style();
23
27
  @include kendo-utils--typography--font-weight();
28
+ @include kendo-utils--typography--letter-spacing();
29
+ @include kendo-utils--typography--line-height();
24
30
  @include kendo-utils--typography--list-style-type();
25
31
  @include kendo-utils--typography--text-align();
26
32
  @include kendo-utils--typography--text-color();