@progress/kendo-theme-fluent 7.0.3-dev.3 → 7.1.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.
- package/dist/all.css +48 -91
- package/dist/meta/sassdoc-data.json +56 -206
- package/dist/meta/sassdoc-raw-data.json +28 -103
- package/lib/swatches/all.json +1 -1
- package/lib/swatches/fluent-main.json +1 -1
- package/package.json +4 -4
- package/scss/card/_layout.scss +17 -55
- package/scss/colorgradient/_layout.scss +0 -1
- package/scss/grid/_layout.scss +1 -0
- package/scss/notification/_layout.scss +4 -9
- package/scss/notification/_variables.scss +2 -2
- package/scss/popup/_layout.scss +1 -0
- package/scss/slider/_layout.scss +0 -20
- package/scss/timeline/_layout.scss +0 -4
- package/scss/tooltip/_theme.scss +0 -5
- package/scss/tooltip/_variables.scss +48 -29
|
@@ -1,71 +1,68 @@
|
|
|
1
1
|
@use "sass:map";
|
|
2
2
|
@use "../core/" as *;
|
|
3
3
|
|
|
4
|
-
/// The radius of the
|
|
4
|
+
/// The border radius of the Tooltip.
|
|
5
5
|
/// @group tooltip
|
|
6
6
|
$kendo-tooltip-border-radius: $kendo-border-radius !default;
|
|
7
|
-
/// The horizontal padding of the
|
|
7
|
+
/// The horizontal padding of the Tooltip.
|
|
8
8
|
/// @group tooltip
|
|
9
9
|
$kendo-tooltip-padding-x: map.get( $kendo-spacing, 2 ) !default;
|
|
10
|
-
/// The vertical padding of the
|
|
10
|
+
/// The vertical padding of the Tooltip.
|
|
11
11
|
/// @group tooltip
|
|
12
12
|
$kendo-tooltip-padding-y: map.get( $kendo-spacing, 2 ) !default;
|
|
13
|
-
/// The width of the border around the
|
|
13
|
+
/// The width of the border around the Tooltip.
|
|
14
14
|
/// @group tooltip
|
|
15
15
|
$kendo-tooltip-border-width: 0px !default;
|
|
16
|
-
/// The font family of the
|
|
16
|
+
/// The font family of the Tooltip.
|
|
17
17
|
/// @group tooltip
|
|
18
18
|
$kendo-tooltip-font-family: var( --kendo-font-family, inherit ) !default;
|
|
19
|
-
/// The font size of the
|
|
19
|
+
/// The font size of the Tooltip.
|
|
20
20
|
/// @group tooltip
|
|
21
21
|
$kendo-tooltip-font-size: var( --kendo-font-size-sm, inherit ) !default;
|
|
22
|
-
/// The line height of the
|
|
22
|
+
/// The line height of the Tooltip.
|
|
23
23
|
/// @group tooltip
|
|
24
24
|
$kendo-tooltip-line-height: var( --kendo-line-height, normal ) !default;
|
|
25
25
|
|
|
26
|
-
/// The font size of the
|
|
26
|
+
/// The font size of the Tooltip title.
|
|
27
27
|
/// @group tooltip
|
|
28
28
|
$kendo-tooltip-title-font-size: calc( #{$kendo-tooltip-font-size} * 1.25 ) !default;
|
|
29
|
-
/// The line height of the
|
|
29
|
+
/// The line height of the Tooltip title.
|
|
30
30
|
/// @group tooltip
|
|
31
31
|
$kendo-tooltip-title-line-height: var( --kendo-line-heigh-xs, normal ) !default;
|
|
32
|
-
/// The margin of the
|
|
32
|
+
/// The margin of the Tooltip title.
|
|
33
33
|
/// @group tooltip
|
|
34
34
|
$kendo-tooltip-title-margin: map.get( $kendo-spacing, 1 ) !default;
|
|
35
35
|
|
|
36
|
-
/// The size of the
|
|
36
|
+
/// The size of the Tooltip callout.
|
|
37
37
|
/// @group tooltip
|
|
38
38
|
$kendo-tooltip-callout-size: map.get( $kendo-spacing, 2 ) !default;
|
|
39
39
|
|
|
40
|
-
/// The background of the
|
|
40
|
+
/// The default background of the Tooltip.
|
|
41
41
|
/// @group tooltip
|
|
42
42
|
$kendo-tooltip-bg: $kendo-color-white !default;
|
|
43
|
-
/// The text color of the
|
|
43
|
+
/// The default text color of the Tooltip.
|
|
44
44
|
/// @group tooltip
|
|
45
45
|
$kendo-tooltip-text: var( --kendo-component-text, initial ) !default;
|
|
46
|
-
/// The border color of the
|
|
46
|
+
/// The default border color of the Tooltip.
|
|
47
47
|
/// @group tooltip
|
|
48
48
|
$kendo-tooltip-border: transparent !default;
|
|
49
|
-
/// The box-shadow of the
|
|
49
|
+
/// The box-shadow of the Tooltip.
|
|
50
50
|
/// @group tooltip
|
|
51
51
|
$kendo-tooltip-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
|
|
52
52
|
|
|
53
|
-
/// The text color of the
|
|
53
|
+
/// The text color of the Tooltip button.
|
|
54
54
|
/// @group tooltip
|
|
55
55
|
$kendo-tooltip-button-text: k-get-theme-color-var( neutral-130, initial ) !default;
|
|
56
56
|
|
|
57
|
-
/// The primary background color of the tooltip
|
|
58
|
-
/// @group tooltip
|
|
59
|
-
$kendo-tooltip-primary-bg: k-get-theme-color-var( primary-100 ) !default;
|
|
60
|
-
/// The primary text color of the tooltip
|
|
61
|
-
/// @group tooltip
|
|
62
|
-
$kendo-tooltip-primary-text: $kendo-color-white !default;
|
|
63
|
-
/// The primary border color of the tooltip
|
|
64
|
-
/// @group tooltip
|
|
65
|
-
$kendo-tooltip-primary-border: initial !default;
|
|
66
|
-
|
|
67
57
|
/// Theme variations for the tooltip.
|
|
68
|
-
$kendo-tooltip-brand-colors: (
|
|
58
|
+
$kendo-tooltip-brand-colors: (
|
|
59
|
+
secondary: neutral,
|
|
60
|
+
tertiary: tertiary,
|
|
61
|
+
success: success,
|
|
62
|
+
warning: warning,
|
|
63
|
+
error: error,
|
|
64
|
+
info: info
|
|
65
|
+
) !default;
|
|
69
66
|
|
|
70
67
|
// Matrix with tooltip theme colors in the order: bg, color, border
|
|
71
68
|
$_tc-tooltip-matrix: (
|
|
@@ -76,6 +73,14 @@ $_tc-tooltip-primary-matrix: (
|
|
|
76
73
|
(normal: (100, $kendo-color-white, 100)),
|
|
77
74
|
) !default;
|
|
78
75
|
|
|
76
|
+
$_tc-tooltip-dark-matrix: (
|
|
77
|
+
(normal: (160, $kendo-color-white, 160)),
|
|
78
|
+
) !default;
|
|
79
|
+
|
|
80
|
+
$_tc-tooltip-light-matrix: (
|
|
81
|
+
(normal: (50, 160, 50)),
|
|
82
|
+
) !default;
|
|
83
|
+
|
|
79
84
|
/// Theme colors map for the tooltip variations.
|
|
80
85
|
$kendo-tooltip-theme-colors: () !default;
|
|
81
86
|
|
|
@@ -87,10 +92,24 @@ $kendo-tooltip-theme-colors: () !default;
|
|
|
87
92
|
}
|
|
88
93
|
|
|
89
94
|
@each $ui-states in $_tc-tooltip-matrix {
|
|
90
|
-
@each $brand-color in $kendo-tooltip-brand-colors {
|
|
95
|
+
@each $brand-color, $palette in $kendo-tooltip-brand-colors {
|
|
91
96
|
$kendo-tooltip-theme-colors: map.deep-merge(
|
|
92
97
|
$kendo-tooltip-theme-colors,
|
|
93
|
-
k-generate-theme-variation( $brand-color, $
|
|
98
|
+
k-generate-theme-variation( $brand-color, $palette, $ui-states )
|
|
94
99
|
);
|
|
95
100
|
};
|
|
96
101
|
}
|
|
102
|
+
|
|
103
|
+
@each $ui-states in $_tc-tooltip-dark-matrix {
|
|
104
|
+
$kendo-tooltip-theme-colors: map.deep-merge(
|
|
105
|
+
$kendo-tooltip-theme-colors,
|
|
106
|
+
k-generate-theme-variation( dark, neutral, $ui-states )
|
|
107
|
+
);
|
|
108
|
+
}
|
|
109
|
+
|
|
110
|
+
@each $ui-states in $_tc-tooltip-light-matrix {
|
|
111
|
+
$kendo-tooltip-theme-colors: map.deep-merge(
|
|
112
|
+
$kendo-tooltip-theme-colors,
|
|
113
|
+
k-generate-theme-variation( light, neutral, $ui-states )
|
|
114
|
+
);
|
|
115
|
+
}
|