@progress/kendo-theme-classic 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 +144 -110
- package/dist/all.scss +91 -172
- package/dist/meta/sassdoc-data.json +1036 -112
- package/dist/meta/sassdoc-raw-data.json +481 -56
- package/dist/meta/variables.json +10 -62
- package/lib/swatches/classic-green-dark.json +1 -1
- package/lib/swatches/classic-green.json +1 -1
- package/lib/swatches/classic-lavender-dark.json +1 -1
- package/lib/swatches/classic-lavender.json +1 -1
- package/lib/swatches/classic-main-dark.json +1 -1
- package/lib/swatches/classic-main.json +1 -1
- package/lib/swatches/classic-metro-dark.json +1 -1
- package/lib/swatches/classic-metro.json +1 -1
- package/lib/swatches/classic-moonlight.json +1 -1
- package/lib/swatches/classic-opal-dark.json +1 -1
- package/lib/swatches/classic-opal.json +1 -1
- package/lib/swatches/classic-silver-dark.json +1 -1
- package/lib/swatches/classic-silver.json +1 -1
- package/lib/swatches/classic-uniform.json +1 -1
- package/package.json +5 -5
- package/scss/notification/_variables.scss +5 -0
- package/scss/tooltip/_variables.scss +49 -16
package/dist/meta/variables.json
CHANGED
|
@@ -3715,10 +3715,6 @@
|
|
|
3715
3715
|
"type": "Number",
|
|
3716
3716
|
"value": "8px"
|
|
3717
3717
|
},
|
|
3718
|
-
"kendo-tooltip-max-width": {
|
|
3719
|
-
"type": "Null",
|
|
3720
|
-
"value": "null"
|
|
3721
|
-
},
|
|
3722
3718
|
"kendo-tooltip-border-width": {
|
|
3723
3719
|
"type": "Number",
|
|
3724
3720
|
"value": "0px"
|
|
@@ -3767,65 +3763,13 @@
|
|
|
3767
3763
|
"type": "String",
|
|
3768
3764
|
"value": "var(--kendo-elevation-2, 0 4px 6px rgba(0, 0, 0, 0.06), 0 4px 16px rgba(0, 0, 0, 0.12))"
|
|
3769
3765
|
},
|
|
3770
|
-
"kendo-tooltip-
|
|
3771
|
-
"type": "
|
|
3772
|
-
"value": "#f35800"
|
|
3773
|
-
},
|
|
3774
|
-
"kendo-tooltip-primary-text": {
|
|
3775
|
-
"type": "Color",
|
|
3776
|
-
"value": "white"
|
|
3777
|
-
},
|
|
3778
|
-
"kendo-tooltip-primary-border": {
|
|
3779
|
-
"type": "Color",
|
|
3780
|
-
"value": "#f35800"
|
|
3781
|
-
},
|
|
3782
|
-
"kendo-tooltip-info-bg": {
|
|
3783
|
-
"type": "Color",
|
|
3784
|
-
"value": "#2498bc"
|
|
3785
|
-
},
|
|
3786
|
-
"kendo-tooltip-info-text": {
|
|
3787
|
-
"type": "Color",
|
|
3788
|
-
"value": "black"
|
|
3789
|
-
},
|
|
3790
|
-
"kendo-tooltip-info-border": {
|
|
3791
|
-
"type": "Color",
|
|
3792
|
-
"value": "#2498bc"
|
|
3793
|
-
},
|
|
3794
|
-
"kendo-tooltip-success-bg": {
|
|
3795
|
-
"type": "Color",
|
|
3796
|
-
"value": "#3ea44e"
|
|
3797
|
-
},
|
|
3798
|
-
"kendo-tooltip-success-text": {
|
|
3799
|
-
"type": "Color",
|
|
3800
|
-
"value": "black"
|
|
3801
|
-
},
|
|
3802
|
-
"kendo-tooltip-success-border": {
|
|
3803
|
-
"type": "Color",
|
|
3804
|
-
"value": "#3ea44e"
|
|
3805
|
-
},
|
|
3806
|
-
"kendo-tooltip-warning-bg": {
|
|
3807
|
-
"type": "Color",
|
|
3808
|
-
"value": "#ff9800"
|
|
3809
|
-
},
|
|
3810
|
-
"kendo-tooltip-warning-text": {
|
|
3811
|
-
"type": "Color",
|
|
3812
|
-
"value": "black"
|
|
3813
|
-
},
|
|
3814
|
-
"kendo-tooltip-warning-border": {
|
|
3815
|
-
"type": "Color",
|
|
3816
|
-
"value": "#ff9800"
|
|
3817
|
-
},
|
|
3818
|
-
"kendo-tooltip-error-bg": {
|
|
3819
|
-
"type": "Color",
|
|
3820
|
-
"value": "#d92800"
|
|
3821
|
-
},
|
|
3822
|
-
"kendo-tooltip-error-text": {
|
|
3823
|
-
"type": "Color",
|
|
3824
|
-
"value": "white"
|
|
3766
|
+
"kendo-tooltip-theme-colors": {
|
|
3767
|
+
"type": "Map",
|
|
3768
|
+
"value": "(\"primary\": #f35800, \"secondary\": #e9e9e9, \"tertiary\": #03a9f4, \"info\": #2498bc, \"success\": #3ea44e, \"warning\": #ff9800, \"error\": #d92800, \"dark\": #404040, \"light\": #ebebeb, \"inverse\": #404040)"
|
|
3825
3769
|
},
|
|
3826
|
-
"kendo-tooltip-
|
|
3827
|
-
"type": "
|
|
3828
|
-
"value": "#d92800"
|
|
3770
|
+
"kendo-tooltip-theme": {
|
|
3771
|
+
"type": "Map",
|
|
3772
|
+
"value": "(\"inverse\": (color: white, background-color: #404040, border: #404040), \"light\": (color: black, background-color: #ebebeb, border: #ebebeb), \"dark\": (color: white, background-color: #404040, border: #404040), \"error\": (color: white, background-color: #d92800, border: #d92800), \"warning\": (color: white, background-color: #ff9800, border: #ff9800), \"success\": (color: white, background-color: #3ea44e, border: #3ea44e), \"info\": (color: white, background-color: #2498bc, border: #2498bc), \"tertiary\": (color: white, background-color: #03a9f4, border: #03a9f4), \"secondary\": (color: black, background-color: #e9e9e9, border: #e9e9e9), \"primary\": (color: white, background-color: #f35800, border: #f35800))"
|
|
3829
3773
|
},
|
|
3830
3774
|
"kendo-window-border-width": {
|
|
3831
3775
|
"type": "Number",
|
|
@@ -6919,6 +6863,10 @@
|
|
|
6919
6863
|
"type": "Color",
|
|
6920
6864
|
"value": "white"
|
|
6921
6865
|
},
|
|
6866
|
+
"kendo-notification-group-gap": {
|
|
6867
|
+
"type": "Number",
|
|
6868
|
+
"value": "8px"
|
|
6869
|
+
},
|
|
6922
6870
|
"kendo-notification-padding-x": {
|
|
6923
6871
|
"type": "Number",
|
|
6924
6872
|
"value": "8px"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-classic",
|
|
3
3
|
"description": "Sass port of less based themes for Kendo UI theme",
|
|
4
|
-
"version": "7.0
|
|
4
|
+
"version": "7.1.0-dev.1",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -53,13 +53,13 @@
|
|
|
53
53
|
},
|
|
54
54
|
"dependencies": {
|
|
55
55
|
"@progress/kendo-svg-icons": "2.0.0",
|
|
56
|
-
"@progress/kendo-theme-core": "7.0
|
|
57
|
-
"@progress/kendo-theme-default": "7.0
|
|
58
|
-
"@progress/kendo-theme-utils": "7.0
|
|
56
|
+
"@progress/kendo-theme-core": "7.1.0-dev.1",
|
|
57
|
+
"@progress/kendo-theme-default": "7.1.0-dev.1",
|
|
58
|
+
"@progress/kendo-theme-utils": "7.1.0-dev.1"
|
|
59
59
|
},
|
|
60
60
|
"directories": {
|
|
61
61
|
"doc": "docs",
|
|
62
62
|
"lib": "lib"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "9b5f2911c5d1962fef292ed43c870776a0bf23d9"
|
|
65
65
|
}
|
|
@@ -1,5 +1,10 @@
|
|
|
1
1
|
// Notification
|
|
2
2
|
|
|
3
|
+
|
|
4
|
+
/// The row-gap between the elements in the Notification group.
|
|
5
|
+
/// @group notification
|
|
6
|
+
$kendo-notification-group-gap: k-map-get( $kendo-spacing, 2 ) !default;
|
|
7
|
+
|
|
3
8
|
/// The horizontal padding of the Notification.
|
|
4
9
|
/// @group notification
|
|
5
10
|
$kendo-notification-padding-x: 8px !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: $kendo-padding-md-y !default;
|
|
6
|
+
/// The horizontal padding of the Tooltip.
|
|
7
|
+
/// @group tooltip
|
|
3
8
|
$kendo-tooltip-padding-x: $kendo-padding-md-x !default;
|
|
4
|
-
|
|
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: $kendo-border-radius-md !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-md !default;
|
|
22
|
+
/// The line height of the Tooltip.
|
|
23
|
+
/// @group tooltip
|
|
10
24
|
$kendo-tooltip-line-height: 1.25 !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: 6px !default;
|
|
16
36
|
|
|
37
|
+
/// The default background of the Tooltip.
|
|
38
|
+
/// @group tooltip
|
|
17
39
|
$kendo-tooltip-bg: rgba( k-contrast-color( $kendo-body-bg ), .75 ) !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
|
-
|
|
24
|
-
$
|
|
25
|
-
|
|
26
|
-
$
|
|
27
|
-
$
|
|
28
|
-
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
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;
|