@progress/kendo-theme-material 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 +143 -109
- package/dist/all.scss +89 -173
- package/dist/meta/sassdoc-data.json +1034 -110
- package/dist/meta/sassdoc-raw-data.json +480 -55
- package/dist/meta/variables.json +10 -62
- package/lib/swatches/material-aqua-dark.json +1 -1
- package/lib/swatches/material-arctic.json +1 -1
- package/lib/swatches/material-burnt-teal.json +1 -1
- package/lib/swatches/material-dataviz-v4.json +1 -1
- package/lib/swatches/material-eggplant.json +1 -1
- package/lib/swatches/material-lime-dark.json +1 -1
- package/lib/swatches/material-lime.json +1 -1
- package/lib/swatches/material-main-dark.json +1 -1
- package/lib/swatches/material-main.json +1 -1
- package/lib/swatches/material-nova.json +1 -1
- package/lib/swatches/material-pacific-dark.json +1 -1
- package/lib/swatches/material-pacific.json +1 -1
- package/lib/swatches/material-sky-dark.json +1 -1
- package/lib/swatches/material-sky.json +1 -1
- package/lib/swatches/material-smoke.json +1 -1
- package/package.json +5 -5
- package/scss/notification/_variables.scss +4 -1
- package/scss/tooltip/_variables.scss +48 -16
package/dist/meta/variables.json
CHANGED
|
@@ -3835,10 +3835,6 @@
|
|
|
3835
3835
|
"type": "Number",
|
|
3836
3836
|
"value": "8px"
|
|
3837
3837
|
},
|
|
3838
|
-
"kendo-tooltip-max-width": {
|
|
3839
|
-
"type": "Null",
|
|
3840
|
-
"value": "null"
|
|
3841
|
-
},
|
|
3842
3838
|
"kendo-tooltip-border-width": {
|
|
3843
3839
|
"type": "Number",
|
|
3844
3840
|
"value": "0px"
|
|
@@ -3887,65 +3883,13 @@
|
|
|
3887
3883
|
"type": "String",
|
|
3888
3884
|
"value": "var(--kendo-elevation-2, 0px 1px 5px 0px rgba(0, 0, 0, 0.2), 0px 3px 1px 0px rgba(0, 0, 0, 0.12), 0px 2px 2px 0px rgba(0, 0, 0, 0.14))"
|
|
3889
3885
|
},
|
|
3890
|
-
"kendo-tooltip-
|
|
3891
|
-
"type": "
|
|
3892
|
-
"value": "#3f51b5"
|
|
3893
|
-
},
|
|
3894
|
-
"kendo-tooltip-primary-text": {
|
|
3895
|
-
"type": "Color",
|
|
3896
|
-
"value": "white"
|
|
3897
|
-
},
|
|
3898
|
-
"kendo-tooltip-primary-border": {
|
|
3899
|
-
"type": "Color",
|
|
3900
|
-
"value": "#3f51b5"
|
|
3901
|
-
},
|
|
3902
|
-
"kendo-tooltip-info-bg": {
|
|
3903
|
-
"type": "Color",
|
|
3904
|
-
"value": "#0058e9"
|
|
3905
|
-
},
|
|
3906
|
-
"kendo-tooltip-info-text": {
|
|
3907
|
-
"type": "Color",
|
|
3908
|
-
"value": "white"
|
|
3909
|
-
},
|
|
3910
|
-
"kendo-tooltip-info-border": {
|
|
3911
|
-
"type": "Color",
|
|
3912
|
-
"value": "#0058e9"
|
|
3913
|
-
},
|
|
3914
|
-
"kendo-tooltip-success-bg": {
|
|
3915
|
-
"type": "Color",
|
|
3916
|
-
"value": "#37b400"
|
|
3917
|
-
},
|
|
3918
|
-
"kendo-tooltip-success-text": {
|
|
3919
|
-
"type": "Color",
|
|
3920
|
-
"value": "black"
|
|
3921
|
-
},
|
|
3922
|
-
"kendo-tooltip-success-border": {
|
|
3923
|
-
"type": "Color",
|
|
3924
|
-
"value": "#37b400"
|
|
3925
|
-
},
|
|
3926
|
-
"kendo-tooltip-warning-bg": {
|
|
3927
|
-
"type": "Color",
|
|
3928
|
-
"value": "#ffc000"
|
|
3929
|
-
},
|
|
3930
|
-
"kendo-tooltip-warning-text": {
|
|
3931
|
-
"type": "Color",
|
|
3932
|
-
"value": "black"
|
|
3933
|
-
},
|
|
3934
|
-
"kendo-tooltip-warning-border": {
|
|
3935
|
-
"type": "Color",
|
|
3936
|
-
"value": "#ffc000"
|
|
3937
|
-
},
|
|
3938
|
-
"kendo-tooltip-error-bg": {
|
|
3939
|
-
"type": "Color",
|
|
3940
|
-
"value": "#f31700"
|
|
3941
|
-
},
|
|
3942
|
-
"kendo-tooltip-error-text": {
|
|
3943
|
-
"type": "Color",
|
|
3944
|
-
"value": "black"
|
|
3886
|
+
"kendo-tooltip-theme-colors": {
|
|
3887
|
+
"type": "Map",
|
|
3888
|
+
"value": "(\"primary\": #3f51b5, \"secondary\": #e51a5f, \"tertiary\": #00695c, \"info\": #0058e9, \"success\": #37b400, \"warning\": #ffc000, \"error\": #f31700, \"dark\": #424242, \"light\": #f5f5f5, \"inverse\": #424242)"
|
|
3945
3889
|
},
|
|
3946
|
-
"kendo-tooltip-
|
|
3947
|
-
"type": "
|
|
3948
|
-
"value": "#f31700"
|
|
3890
|
+
"kendo-tooltip-theme": {
|
|
3891
|
+
"type": "Map",
|
|
3892
|
+
"value": "(\"inverse\": (color: white, background-color: #424242, border: #424242), \"light\": (color: black, background-color: #f5f5f5, border: #f5f5f5), \"dark\": (color: white, background-color: #424242, border: #424242), \"error\": (color: black, background-color: #f31700, border: #f31700), \"warning\": (color: black, background-color: #ffc000, border: #ffc000), \"success\": (color: black, background-color: #37b400, border: #37b400), \"info\": (color: white, background-color: #0058e9, border: #0058e9), \"tertiary\": (color: white, background-color: #00695c, border: #00695c), \"secondary\": (color: white, background-color: #e51a5f, border: #e51a5f), \"primary\": (color: white, background-color: #3f51b5, border: #3f51b5))"
|
|
3949
3893
|
},
|
|
3950
3894
|
"kendo-window-border-width": {
|
|
3951
3895
|
"type": "Number",
|
|
@@ -7035,6 +6979,10 @@
|
|
|
7035
6979
|
"type": "Color",
|
|
7036
6980
|
"value": "#e51a5f"
|
|
7037
6981
|
},
|
|
6982
|
+
"kendo-notification-group-gap": {
|
|
6983
|
+
"type": "Number",
|
|
6984
|
+
"value": "8px"
|
|
6985
|
+
},
|
|
7038
6986
|
"kendo-notification-padding-x": {
|
|
7039
6987
|
"type": "Number",
|
|
7040
6988
|
"value": "16px"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-material",
|
|
3
3
|
"description": "Material theme for Kendo UI",
|
|
4
|
-
"version": "7.0
|
|
4
|
+
"version": "7.1.0-dev.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -54,13 +54,13 @@
|
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@progress/kendo-svg-icons": "2.0.0",
|
|
57
|
-
"@progress/kendo-theme-core": "7.0
|
|
58
|
-
"@progress/kendo-theme-default": "7.0
|
|
59
|
-
"@progress/kendo-theme-utils": "7.0
|
|
57
|
+
"@progress/kendo-theme-core": "7.1.0-dev.1",
|
|
58
|
+
"@progress/kendo-theme-default": "7.1.0-dev.1",
|
|
59
|
+
"@progress/kendo-theme-utils": "7.1.0-dev.1"
|
|
60
60
|
},
|
|
61
61
|
"directories": {
|
|
62
62
|
"doc": "docs",
|
|
63
63
|
"lib": "lib"
|
|
64
64
|
},
|
|
65
|
-
"gitHead": "
|
|
65
|
+
"gitHead": "9b5f2911c5d1962fef292ed43c870776a0bf23d9"
|
|
66
66
|
}
|
|
@@ -1,5 +1,9 @@
|
|
|
1
1
|
// Notification
|
|
2
2
|
|
|
3
|
+
/// The row-gap between the elements in the Notification group.
|
|
4
|
+
/// @group notification
|
|
5
|
+
$kendo-notification-group-gap: k-map-get( $kendo-spacing, 2 ) !default;
|
|
6
|
+
|
|
3
7
|
/// The horizontal padding of the Notification.
|
|
4
8
|
/// @group notification
|
|
5
9
|
$kendo-notification-padding-x: 16px !default;
|
|
@@ -38,7 +42,6 @@ $kendo-notification-shadow: $kendo-popup-shadow !default;
|
|
|
38
42
|
/// @group notification
|
|
39
43
|
$kendo-notification-icon-spacing: $kendo-icon-spacing !default;
|
|
40
44
|
|
|
41
|
-
|
|
42
45
|
@function notification-theme( $colors ) {
|
|
43
46
|
$_theme: ();
|
|
44
47
|
|
|
@@ -1,38 +1,70 @@
|
|
|
1
1
|
// Tooltip
|
|
2
2
|
|
|
3
|
+
/// The vertical padding of the Tooltip.
|
|
4
|
+
/// @group tooltip
|
|
3
5
|
$kendo-tooltip-padding-y: ($kendo-padding-md-y * .75) !default;
|
|
6
|
+
/// The horizontal padding of the Tooltip.
|
|
7
|
+
/// @group tooltip
|
|
4
8
|
$kendo-tooltip-padding-x: k-math-div( $kendo-padding-md-x, 2 ) !default;
|
|
5
|
-
|
|
9
|
+
/// The width of the border around the Tooltip.
|
|
10
|
+
/// @group tooltip
|
|
6
11
|
$kendo-tooltip-border-width: 0px !default;
|
|
12
|
+
/// The border radius of the Tooltip.
|
|
13
|
+
/// @group tooltip
|
|
7
14
|
$kendo-tooltip-border-radius: $kendo-border-radius-md !default;
|
|
8
15
|
|
|
16
|
+
/// The font family of the Tooltip.
|
|
17
|
+
/// @group tooltip
|
|
9
18
|
$kendo-tooltip-font-family: $kendo-font-family !default;
|
|
19
|
+
/// The font size of the Tooltip.
|
|
20
|
+
/// @group tooltip
|
|
10
21
|
$kendo-tooltip-font-size: $kendo-font-size-sm !default;
|
|
22
|
+
/// The line height of the Tooltip.
|
|
23
|
+
/// @group tooltip
|
|
11
24
|
$kendo-tooltip-line-height: k-math-div( 20, 14 ) !default;
|
|
12
25
|
|
|
26
|
+
/// The font size of the Tooltip title.
|
|
27
|
+
/// @group tooltip
|
|
13
28
|
$kendo-tooltip-title-font-size: ($kendo-tooltip-font-size * 1.25) !default;
|
|
29
|
+
/// The line height of the Tooltip title.
|
|
30
|
+
/// @group tooltip
|
|
14
31
|
$kendo-tooltip-title-line-height: 1 !default;
|
|
15
32
|
|
|
33
|
+
/// The size of the Tooltip callout.
|
|
34
|
+
/// @group tooltip
|
|
16
35
|
$kendo-tooltip-callout-size: 6px !default;
|
|
17
36
|
|
|
37
|
+
/// The default background of the Tooltip.
|
|
38
|
+
/// @group tooltip
|
|
18
39
|
$kendo-tooltip-bg: material-color( gray, 700, .9 ) !default;
|
|
40
|
+
/// The default text color of the Tooltip.
|
|
41
|
+
/// @group tooltip
|
|
19
42
|
$kendo-tooltip-text: get-base-contrast( gray, 700 ) !default;
|
|
43
|
+
/// The default border color of the Tooltip.
|
|
44
|
+
/// @group tooltip
|
|
20
45
|
$kendo-tooltip-border: $kendo-tooltip-bg !default;
|
|
21
46
|
|
|
47
|
+
/// The box-shadow of the Tooltip.
|
|
48
|
+
/// @group tooltip
|
|
22
49
|
$kendo-tooltip-shadow: $box-shadow-depth-2 !default;
|
|
23
50
|
|
|
24
|
-
|
|
25
|
-
$
|
|
26
|
-
|
|
27
|
-
$
|
|
28
|
-
$
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
51
|
+
@function tooltip-theme( $colors ) {
|
|
52
|
+
$_theme: ();
|
|
53
|
+
|
|
54
|
+
@each $name, $color in $colors {
|
|
55
|
+
$_theme: k-map-merge(( $name: (
|
|
56
|
+
color: k-contrast-color( $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;
|