@progress/kendo-theme-bootstrap 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 +90 -172
- 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/bootstrap-3-dark.json +1 -1
- package/lib/swatches/bootstrap-3.json +1 -1
- package/lib/swatches/bootstrap-4-dark.json +1 -1
- package/lib/swatches/bootstrap-4.json +1 -1
- package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
- package/lib/swatches/bootstrap-main-dark.json +1 -1
- package/lib/swatches/bootstrap-main.json +1 -1
- package/lib/swatches/bootstrap-nordic.json +1 -1
- package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
- package/lib/swatches/bootstrap-turquoise.json +1 -1
- package/lib/swatches/bootstrap-urban.json +1 -1
- package/lib/swatches/bootstrap-vintage.json +1 -1
- package/package.json +5 -5
- package/scss/notification/_variables.scss +4 -0
- package/scss/tooltip/_variables.scss +49 -16
package/dist/meta/variables.json
CHANGED
|
@@ -7259,10 +7259,6 @@
|
|
|
7259
7259
|
"type": "Number",
|
|
7260
7260
|
"value": "0.5rem"
|
|
7261
7261
|
},
|
|
7262
|
-
"kendo-tooltip-max-width": {
|
|
7263
|
-
"type": "Number",
|
|
7264
|
-
"value": "200px"
|
|
7265
|
-
},
|
|
7266
7262
|
"kendo-tooltip-border-width": {
|
|
7267
7263
|
"type": "Number",
|
|
7268
7264
|
"value": "0px"
|
|
@@ -7311,65 +7307,13 @@
|
|
|
7311
7307
|
"type": "String",
|
|
7312
7308
|
"value": "var(--kendo-elevation-2, 0px 2px 7px rgba(0, 0, 0, 0.075))"
|
|
7313
7309
|
},
|
|
7314
|
-
"kendo-tooltip-
|
|
7315
|
-
"type": "
|
|
7316
|
-
"value": "#0d6efd"
|
|
7317
|
-
},
|
|
7318
|
-
"kendo-tooltip-primary-text": {
|
|
7319
|
-
"type": "Color",
|
|
7320
|
-
"value": "white"
|
|
7321
|
-
},
|
|
7322
|
-
"kendo-tooltip-primary-border": {
|
|
7323
|
-
"type": "Color",
|
|
7324
|
-
"value": "#0d6efd"
|
|
7325
|
-
},
|
|
7326
|
-
"kendo-tooltip-info-bg": {
|
|
7327
|
-
"type": "Color",
|
|
7328
|
-
"value": "#0dcaf0"
|
|
7329
|
-
},
|
|
7330
|
-
"kendo-tooltip-info-text": {
|
|
7331
|
-
"type": "Color",
|
|
7332
|
-
"value": "black"
|
|
7333
|
-
},
|
|
7334
|
-
"kendo-tooltip-info-border": {
|
|
7335
|
-
"type": "Color",
|
|
7336
|
-
"value": "#0dcaf0"
|
|
7337
|
-
},
|
|
7338
|
-
"kendo-tooltip-success-bg": {
|
|
7339
|
-
"type": "Color",
|
|
7340
|
-
"value": "#198754"
|
|
7341
|
-
},
|
|
7342
|
-
"kendo-tooltip-success-text": {
|
|
7343
|
-
"type": "Color",
|
|
7344
|
-
"value": "white"
|
|
7345
|
-
},
|
|
7346
|
-
"kendo-tooltip-success-border": {
|
|
7347
|
-
"type": "Color",
|
|
7348
|
-
"value": "#198754"
|
|
7349
|
-
},
|
|
7350
|
-
"kendo-tooltip-warning-bg": {
|
|
7351
|
-
"type": "Color",
|
|
7352
|
-
"value": "#ffc107"
|
|
7353
|
-
},
|
|
7354
|
-
"kendo-tooltip-warning-text": {
|
|
7355
|
-
"type": "Color",
|
|
7356
|
-
"value": "black"
|
|
7357
|
-
},
|
|
7358
|
-
"kendo-tooltip-warning-border": {
|
|
7359
|
-
"type": "Color",
|
|
7360
|
-
"value": "#ffc107"
|
|
7361
|
-
},
|
|
7362
|
-
"kendo-tooltip-error-bg": {
|
|
7363
|
-
"type": "Color",
|
|
7364
|
-
"value": "#dc3545"
|
|
7365
|
-
},
|
|
7366
|
-
"kendo-tooltip-error-text": {
|
|
7367
|
-
"type": "Color",
|
|
7368
|
-
"value": "white"
|
|
7310
|
+
"kendo-tooltip-theme-colors": {
|
|
7311
|
+
"type": "Map",
|
|
7312
|
+
"value": "(\"primary\": #0d6efd, \"secondary\": #6c757d, \"tertiary\": #6f42c1, \"info\": #0dcaf0, \"success\": #198754, \"warning\": #ffc107, \"error\": #dc3545, \"dark\": #212529, \"light\": #f8f9fa, \"inverse\": #212529)"
|
|
7369
7313
|
},
|
|
7370
|
-
"kendo-tooltip-
|
|
7371
|
-
"type": "
|
|
7372
|
-
"value": "#dc3545"
|
|
7314
|
+
"kendo-tooltip-theme": {
|
|
7315
|
+
"type": "Map",
|
|
7316
|
+
"value": "(\"inverse\": (color: white, background-color: #212529, border: #212529), \"light\": (color: black, background-color: #f8f9fa, border: #f8f9fa), \"dark\": (color: white, background-color: #212529, border: #212529), \"error\": (color: white, background-color: #dc3545, border: #dc3545), \"warning\": (color: black, background-color: #ffc107, border: #ffc107), \"success\": (color: white, background-color: #198754, border: #198754), \"info\": (color: white, background-color: #0dcaf0, border: #0dcaf0), \"tertiary\": (color: white, background-color: #6f42c1, border: #6f42c1), \"secondary\": (color: white, background-color: #6c757d, border: #6c757d), \"primary\": (color: white, background-color: #0d6efd, border: #0d6efd))"
|
|
7373
7317
|
},
|
|
7374
7318
|
"kendo-window-border-width": {
|
|
7375
7319
|
"type": "Number",
|
|
@@ -10463,6 +10407,10 @@
|
|
|
10463
10407
|
"type": "Color",
|
|
10464
10408
|
"value": "white"
|
|
10465
10409
|
},
|
|
10410
|
+
"kendo-notification-group-gap": {
|
|
10411
|
+
"type": "Number",
|
|
10412
|
+
"value": "0.75rem"
|
|
10413
|
+
},
|
|
10466
10414
|
"kendo-notification-padding-x": {
|
|
10467
10415
|
"type": "Number",
|
|
10468
10416
|
"value": "1rem"
|
package/package.json
CHANGED
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@progress/kendo-theme-bootstrap",
|
|
3
3
|
"description": "Bootstrap 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": [
|
|
@@ -53,14 +53,14 @@
|
|
|
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
|
"bootstrap": "5.2.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, 3 ) !default;
|
|
6
|
+
|
|
3
7
|
/// The horizontal padding of the Notification.
|
|
4
8
|
/// @group notification
|
|
5
9
|
$kendo-notification-padding-x: $alert-padding-x !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
|
-
|
|
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
|
-
|
|
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;
|