@progress/kendo-theme-bootstrap 7.0.3-dev.2 → 7.1.0-dev.0

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.
@@ -1,21 +1,52 @@
1
1
  // Rating
2
+
3
+ /// The font family of the Rating.
4
+ /// @group rating
2
5
  $kendo-rating-font-family: $kendo-font-family !default;
6
+ /// The font size of the Rating.
7
+ /// @group rating
3
8
  $kendo-rating-font-size: $kendo-font-size-md !default;
9
+ /// The line height of the Rating.
10
+ /// @group rating
4
11
  $kendo-rating-line-height: $kendo-line-height-md !default;
5
12
 
13
+ /// The horizontal margin of the Rating container.
14
+ /// @group rating
6
15
  $kendo-rating-container-margin-x: $kendo-padding-sm-x !default;
7
16
 
17
+ /// The horizontal padding of the Rating item.
18
+ /// @group rating
8
19
  $kendo-rating-item-padding-x: $kendo-padding-sm-x !default;
20
+ /// The vertical padding of the Rating item.
21
+ /// @group rating
9
22
  $kendo-rating-item-padding-y: $kendo-padding-md-y !default;
10
23
 
24
+ /// The horizontal margin of the Rating label.
25
+ /// @group rating
11
26
  $kendo-rating-label-margin-x: $kendo-padding-md-x !default;
27
+ /// The vertical margin of the Rating label.
28
+ /// @group rating
12
29
  $kendo-rating-label-margin-y: $kendo-padding-md-y !default;
30
+ /// The line height of the Rating label.
31
+ /// @group rating
13
32
  $kendo-rating-label-line-height: $kendo-line-height-lg !default;
14
33
 
34
+ /// The text color of the Rating icon.
35
+ /// @group rating
15
36
  $kendo-rating-icon-text: $kendo-subtle-text !default;
37
+ /// The text color of the selected Rating icon.
38
+ /// @group rating
16
39
  $kendo-rating-icon-selected-text: $kendo-selected-bg !default;
40
+ /// The text color of the hovered Rating icon.
41
+ /// @group rating
17
42
  $kendo-rating-icon-hover-text: $kendo-selected-bg !default;
43
+ /// The text color of the focused Rating icon.
44
+ /// @group rating
18
45
  $kendo-rating-icon-focus-text: $kendo-selected-bg !default;
19
46
 
47
+ /// The shadow of the focused Rating icon.
48
+ /// @group rating
20
49
  $kendo-rating-icon-focus-shadow: 0 2px 4px rgba( black, .1 ) !default;
50
+ /// The shadow of the focused and selected Rating icon.
51
+ /// @group rating
21
52
  $kendo-rating-icon-focus-selected-shadow: 0 2px 4px rgba( black, .1) !default;
@@ -1,11 +1,23 @@
1
1
  // Skeleton
2
+
3
+ /// The transform scale of the Skeleton text.
4
+ /// @group skeleton
2
5
  $kendo-skeleton-text-transform: scale( 1, .6 ) !default;
6
+ /// The border radius of the Skeleton text.
7
+ /// @group skeleton
3
8
  $kendo-skeleton-text-border-radius: $kendo-border-radius-md !default;
4
9
 
10
+ /// The border radius of the rectangular Skeleton.
11
+ /// @group skeleton
5
12
  $kendo-skeleton-rect-border-radius: 0 !default;
6
13
 
14
+ /// The border radius of the circular Skeleton.
15
+ /// @group skeleton
7
16
  $kendo-skeleton-circle-border-radius: 9999px !default;
8
17
 
18
+ /// The background color of the Skeleton item.
19
+ /// @group skeleton
9
20
  $kendo-skeleton-item-bg: rgba( $kendo-color-inverse, .2 ) !default;
10
-
21
+ /// The background color of the Skeleton wave animation.
22
+ /// @group skeleton
11
23
  $kendo-skeleton-wave-bg: rgba( black, .04 ) !default;
@@ -1,37 +1,70 @@
1
1
  // Tooltip
2
+
3
+ /// The vertical padding of the Tooltip.
4
+ /// @group tooltip
2
5
  $kendo-tooltip-padding-y: $tooltip-padding-y !default;
6
+ /// The horizontal padding of the Tooltip.
7
+ /// @group tooltip
3
8
  $kendo-tooltip-padding-x: $tooltip-padding-x !default;
4
- $kendo-tooltip-max-width: $tooltip-max-width !default;
9
+ /// The width of the border around the Tooltip.
10
+ /// @group tooltip
5
11
  $kendo-tooltip-border-width: 0px !default;
12
+ /// The border radius of the Tooltip.
13
+ /// @group tooltip
6
14
  $kendo-tooltip-border-radius: $tooltip-border-radius !default;
7
15
 
16
+ /// The font family of the Tooltip.
17
+ /// @group tooltip
8
18
  $kendo-tooltip-font-family: $kendo-font-family !default;
19
+ /// The font size of the Tooltip.
20
+ /// @group tooltip
9
21
  $kendo-tooltip-font-size: $kendo-font-size-sm !default;
22
+ /// The line height of the Tooltip.
23
+ /// @group tooltip
10
24
  $kendo-tooltip-line-height: $kendo-line-height-md !default;
11
25
 
26
+ /// The font size of the Tooltip title.
27
+ /// @group tooltip
12
28
  $kendo-tooltip-title-font-size: ($kendo-tooltip-font-size * 1.25) !default;
29
+ /// The line height of the Tooltip title.
30
+ /// @group tooltip
13
31
  $kendo-tooltip-title-line-height: 1 !default;
14
32
 
33
+ /// The size of the Tooltip callout.
34
+ /// @group tooltip
15
35
  $kendo-tooltip-callout-size: $tooltip-arrow-height !default;
16
36
 
37
+ /// The default background of the Tooltip.
38
+ /// @group tooltip
17
39
  $kendo-tooltip-bg: if( $kendo-is-dark-theme, $kendo-color-white, $kendo-color-black ) !default;
40
+ /// The default text color of the Tooltip.
41
+ /// @group tooltip
18
42
  $kendo-tooltip-text: k-contrast-color( $kendo-tooltip-bg ) !default;
43
+ /// The default border color of the Tooltip.
44
+ /// @group tooltip
19
45
  $kendo-tooltip-border: $kendo-tooltip-bg !default;
20
46
 
47
+ /// The box-shadow of the Tooltip.
48
+ /// @group tooltip
21
49
  $kendo-tooltip-shadow: k-elevation(2) !default;
22
50
 
23
- $kendo-tooltip-primary-bg: $kendo-color-primary !default;
24
- $kendo-tooltip-primary-text: k-contrast-color( $kendo-tooltip-primary-bg ) !default;
25
- $kendo-tooltip-primary-border: $kendo-tooltip-primary-bg !default;
26
- $kendo-tooltip-info-bg: $kendo-color-info !default;
27
- $kendo-tooltip-info-text: k-contrast-color( $kendo-tooltip-info-bg ) !default;
28
- $kendo-tooltip-info-border: $kendo-tooltip-info-bg !default;
29
- $kendo-tooltip-success-bg: $kendo-color-success !default;
30
- $kendo-tooltip-success-text: k-contrast-color( $kendo-tooltip-success-bg ) !default;
31
- $kendo-tooltip-success-border: $kendo-tooltip-success-bg !default;
32
- $kendo-tooltip-warning-bg: $kendo-color-warning !default;
33
- $kendo-tooltip-warning-text: k-contrast-color( $kendo-tooltip-warning-bg ) !default;
34
- $kendo-tooltip-warning-border: $kendo-tooltip-warning-bg !default;
35
- $kendo-tooltip-error-bg: $kendo-color-error !default;
36
- $kendo-tooltip-error-text: k-contrast-color( $kendo-tooltip-error-bg ) !default;
37
- $kendo-tooltip-error-border: $kendo-tooltip-error-bg !default;
51
+ @function tooltip-theme( $colors ) {
52
+ $_theme: ();
53
+
54
+ @each $name, $color in $colors {
55
+ $_theme: k-map-merge(( $name: (
56
+ color: k-contrast-legacy( $color ),
57
+ background-color: $color,
58
+ border: $color,
59
+ )), $_theme );
60
+ }
61
+
62
+ @return $_theme;
63
+ }
64
+
65
+ /// The theme colors map for the Tooltip.
66
+ /// @group tooltip
67
+ $kendo-tooltip-theme-colors: $kendo-theme-colors !default;
68
+ /// The generated theme colors map for the Tooltip.
69
+ /// @group tooltip
70
+ $kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;