@progress/kendo-theme-bootstrap 13.2.0-dev.3 → 14.0.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.
- package/dist/all.css +1 -1
- package/dist/bootstrap-3-dark.css +1 -1
- package/dist/bootstrap-3.css +1 -1
- package/dist/bootstrap-4-dark.css +1 -1
- package/dist/bootstrap-4.css +1 -1
- package/dist/bootstrap-dataviz-v4.css +1 -1
- package/dist/bootstrap-main-dark.css +1 -1
- package/dist/bootstrap-main-dark.scss +0 -20
- package/dist/bootstrap-main.css +1 -1
- package/dist/bootstrap-nordic.css +1 -1
- package/dist/bootstrap-turquoise-dark.css +1 -1
- package/dist/bootstrap-turquoise.css +1 -1
- package/dist/bootstrap-urban.css +1 -1
- package/dist/bootstrap-vintage.css +1 -1
- package/dist/meta/sassdoc-data.json +13132 -10722
- package/dist/meta/sassdoc-raw-data.json +6278 -5122
- package/dist/meta/variables.json +298 -149
- 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 -101
- 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 +4 -4
- package/scss/action-sheet/_variables.scss +8 -0
- package/scss/appbar/_variables.scss +5 -19
- package/scss/button/_variables.scss +5 -0
- package/scss/card/_variables.scss +0 -6
- package/scss/chart-wizard/_variables.scss +17 -0
- package/scss/chat/_variables.scss +4 -0
- package/scss/coloreditor/_variables.scss +1 -1
- package/scss/colorgradient/_variables.scss +1 -1
- package/scss/colorpalette/_variables.scss +3 -3
- package/scss/column-menu/_variables.scss +11 -1
- package/scss/core/color-system/_swatch.scss +0 -56
- package/scss/dataviz/_variables.scss +8 -0
- package/scss/dialog/_variables.scss +0 -6
- package/scss/dock-manager/_variables.scss +4 -0
- package/scss/dropzone/_variables.scss +4 -0
- package/scss/editor/_variables.scss +4 -0
- package/scss/expansion-panel/_variables.scss +12 -0
- package/scss/file-box/_variables.scss +9 -0
- package/scss/filemanager/_variables.scss +4 -0
- package/scss/filter/_variables.scss +5 -0
- package/scss/forms/_variables.scss +21 -0
- package/scss/gantt/_variables.scss +4 -0
- package/scss/grid/_variables.scss +17 -0
- package/scss/imageeditor/_variables.scss +4 -0
- package/scss/listbox/_variables.scss +14 -1
- package/scss/listview/_variables.scss +5 -1
- package/scss/mediaplayer/_variables.scss +16 -0
- package/scss/messagebox/_variables.scss +4 -0
- package/scss/notification/_variables.scss +1 -1
- package/scss/overlay/_variables.scss +2 -6
- package/scss/pdf-viewer/_variables.scss +4 -0
- package/scss/pivotgrid/_variables.scss +4 -0
- package/scss/progressbar/_variables.scss +6 -0
- package/scss/prompt/_variables.scss +14 -1
- package/scss/scheduler/_variables.scss +4 -0
- package/scss/scrollview/_theme.scss +2 -67
- package/scss/scrollview/_variables.scss +8 -0
- package/scss/skeleton/_variables.scss +1 -1
- package/scss/spreadsheet/_variables.scss +4 -0
- package/scss/stepper/_variables.scss +4 -0
- package/scss/suggestion/_variables.scss +4 -0
- package/scss/table/_variables.scss +27 -0
- package/scss/taskboard/_variables.scss +4 -0
- package/scss/timeline/_variables.scss +5 -0
- package/scss/tooltip/_variables.scss +1 -1
- package/scss/upload/_variables.scss +4 -0
- package/scss/window/_variables.scss +0 -6
|
@@ -3,7 +3,7 @@
|
|
|
3
3
|
"name": "Bootstrap Main Dark",
|
|
4
4
|
"product": "kendo",
|
|
5
5
|
"base": "@progress/kendo-theme-bootstrap",
|
|
6
|
-
"version": "
|
|
6
|
+
"version": "14.0.0-dev.0",
|
|
7
7
|
"previewColors": [
|
|
8
8
|
"oklch(0.00% 0.0000 0deg)",
|
|
9
9
|
"oklch(26.21% 0.0095 248.24deg)",
|
|
@@ -451,106 +451,6 @@
|
|
|
451
451
|
"type": "color",
|
|
452
452
|
"value": "oklch(59.15% 0.2020 21.23deg)"
|
|
453
453
|
},
|
|
454
|
-
"light-subtle": {
|
|
455
|
-
"name": "Light Subtle",
|
|
456
|
-
"type": "color",
|
|
457
|
-
"value": "oklch(34.51% 0.0133 248.26deg)"
|
|
458
|
-
},
|
|
459
|
-
"light-subtle-hover": {
|
|
460
|
-
"name": "Light Subtle Hover",
|
|
461
|
-
"type": "color",
|
|
462
|
-
"value": "oklch(42.76% 0.0148 248.22deg)"
|
|
463
|
-
},
|
|
464
|
-
"light-subtle-active": {
|
|
465
|
-
"name": "Light Subtle Active",
|
|
466
|
-
"type": "color",
|
|
467
|
-
"value": "oklch(48.85% 0.0163 248.21deg)"
|
|
468
|
-
},
|
|
469
|
-
"light": {
|
|
470
|
-
"name": "Light",
|
|
471
|
-
"type": "color",
|
|
472
|
-
"value": "oklch(98.16% 0.0018 248.66deg)"
|
|
473
|
-
},
|
|
474
|
-
"light-hover": {
|
|
475
|
-
"name": "Light Hover",
|
|
476
|
-
"type": "color",
|
|
477
|
-
"value": "oklch(86.94% 0.0019 248.55deg)"
|
|
478
|
-
},
|
|
479
|
-
"light-active": {
|
|
480
|
-
"name": "Light Active",
|
|
481
|
-
"type": "color",
|
|
482
|
-
"value": "oklch(82.92% 0.0019 248.52deg)"
|
|
483
|
-
},
|
|
484
|
-
"light-emphasis": {
|
|
485
|
-
"name": "Light Emphasis",
|
|
486
|
-
"type": "color",
|
|
487
|
-
"value": "oklch(42.76% 0.0148 248.22deg)"
|
|
488
|
-
},
|
|
489
|
-
"light-on-subtle": {
|
|
490
|
-
"name": "Light On Subtle",
|
|
491
|
-
"type": "color",
|
|
492
|
-
"value": "oklch(98.16% 0.0018 248.66deg)"
|
|
493
|
-
},
|
|
494
|
-
"on-light": {
|
|
495
|
-
"name": "On Light",
|
|
496
|
-
"type": "color",
|
|
497
|
-
"value": "oklch(0.00% 0.0000 0deg)"
|
|
498
|
-
},
|
|
499
|
-
"light-on-surface": {
|
|
500
|
-
"name": "Light On Surface",
|
|
501
|
-
"type": "color",
|
|
502
|
-
"value": "oklch(98.16% 0.0018 248.66deg)"
|
|
503
|
-
},
|
|
504
|
-
"dark-subtle": {
|
|
505
|
-
"name": "Dark Subtle",
|
|
506
|
-
"type": "color",
|
|
507
|
-
"value": "oklch(22.89% 0.0074 248.20deg)"
|
|
508
|
-
},
|
|
509
|
-
"dark-subtle-hover": {
|
|
510
|
-
"name": "Dark Subtle Hover",
|
|
511
|
-
"type": "color",
|
|
512
|
-
"value": "oklch(26.21% 0.0095 248.24deg)"
|
|
513
|
-
},
|
|
514
|
-
"dark-subtle-active": {
|
|
515
|
-
"name": "Dark Subtle Active",
|
|
516
|
-
"type": "color",
|
|
517
|
-
"value": "oklch(30.24% 0.0079 240.20deg)"
|
|
518
|
-
},
|
|
519
|
-
"dark": {
|
|
520
|
-
"name": "Dark",
|
|
521
|
-
"type": "color",
|
|
522
|
-
"value": "oklch(26.21% 0.0095 248.24deg)"
|
|
523
|
-
},
|
|
524
|
-
"dark-hover": {
|
|
525
|
-
"name": "Dark Hover",
|
|
526
|
-
"type": "color",
|
|
527
|
-
"value": "oklch(39.15% 0.0074 240.14deg)"
|
|
528
|
-
},
|
|
529
|
-
"dark-active": {
|
|
530
|
-
"name": "Dark Active",
|
|
531
|
-
"type": "color",
|
|
532
|
-
"value": "oklch(43.24% 0.0072 240.12deg)"
|
|
533
|
-
},
|
|
534
|
-
"dark-emphasis": {
|
|
535
|
-
"name": "Dark Emphasis",
|
|
536
|
-
"type": "color",
|
|
537
|
-
"value": "oklch(34.51% 0.0133 248.26deg)"
|
|
538
|
-
},
|
|
539
|
-
"dark-on-subtle": {
|
|
540
|
-
"name": "Dark On Subtle",
|
|
541
|
-
"type": "color",
|
|
542
|
-
"value": "oklch(91.09% 0.0071 248.10deg)"
|
|
543
|
-
},
|
|
544
|
-
"on-dark": {
|
|
545
|
-
"name": "On Dark",
|
|
546
|
-
"type": "color",
|
|
547
|
-
"value": "oklch(100.00% 0.0001 0deg)"
|
|
548
|
-
},
|
|
549
|
-
"dark-on-surface": {
|
|
550
|
-
"name": "Dark On Surface",
|
|
551
|
-
"type": "color",
|
|
552
|
-
"value": "oklch(26.21% 0.0095 248.24deg)"
|
|
553
|
-
},
|
|
554
454
|
"inverse-subtle": {
|
|
555
455
|
"name": "Inverse Subtle",
|
|
556
456
|
"type": "color",
|
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": "
|
|
4
|
+
"version": "14.0.0-dev.0",
|
|
5
5
|
"author": "Progress",
|
|
6
6
|
"license": "Apache-2.0",
|
|
7
7
|
"keywords": [
|
|
@@ -54,12 +54,12 @@
|
|
|
54
54
|
},
|
|
55
55
|
"dependencies": {
|
|
56
56
|
"@progress/kendo-svg-icons": "^4.8.0",
|
|
57
|
-
"@progress/kendo-theme-core": "
|
|
58
|
-
"@progress/kendo-theme-utils": "
|
|
57
|
+
"@progress/kendo-theme-core": "14.0.0-dev.0",
|
|
58
|
+
"@progress/kendo-theme-utils": "14.0.0-dev.0"
|
|
59
59
|
},
|
|
60
60
|
"directories": {
|
|
61
61
|
"doc": "docs",
|
|
62
62
|
"lib": "lib"
|
|
63
63
|
},
|
|
64
|
-
"gitHead": "
|
|
64
|
+
"gitHead": "3f1cafd275c148edc39e26aa67cc7105a3421dbc"
|
|
65
65
|
}
|
|
@@ -73,6 +73,9 @@ $kendo-actionsheet-titlebar-line-height: null !default;
|
|
|
73
73
|
/// The gap of the ActionSheet titlebar.
|
|
74
74
|
/// @group action-sheet
|
|
75
75
|
$kendo-actionsheet-titlebar-gap: k-spacing(4) !default;
|
|
76
|
+
/// The font weight of the ActionSheet titlebar.
|
|
77
|
+
/// @group action-sheet
|
|
78
|
+
$kendo-actionsheet-titlebar-font-weight: null !default;
|
|
76
79
|
|
|
77
80
|
/// The background color of the ActionSheet titlebar.
|
|
78
81
|
/// @group action-sheet
|
|
@@ -136,6 +139,9 @@ $kendo-actionsheet-item-border-width: 1px !default;
|
|
|
136
139
|
/// The spacing between the ActionSheet items.
|
|
137
140
|
/// @group action-sheet
|
|
138
141
|
$kendo-actionsheet-item-spacing: k-spacing(3) !default;
|
|
142
|
+
/// The border radius of the ActionSheet item.
|
|
143
|
+
/// @group action-sheet
|
|
144
|
+
$kendo-actionsheet-item-border-radius: null !default;
|
|
139
145
|
|
|
140
146
|
/// The font weight of the ActionSheet item title.
|
|
141
147
|
/// @group action-sheet
|
|
@@ -255,6 +261,7 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
|
|
|
255
261
|
$kendo-actionsheet-titlebar-font-size: $kendo-actionsheet-titlebar-font-size,
|
|
256
262
|
$kendo-actionsheet-titlebar-font-family: $kendo-actionsheet-titlebar-font-family,
|
|
257
263
|
$kendo-actionsheet-titlebar-line-height: $kendo-actionsheet-titlebar-line-height,
|
|
264
|
+
$kendo-actionsheet-titlebar-font-weight: $kendo-actionsheet-titlebar-font-weight,
|
|
258
265
|
$kendo-actionsheet-titlebar-gap: $kendo-actionsheet-titlebar-gap,
|
|
259
266
|
$kendo-actionsheet-titlebar-bg: $kendo-actionsheet-titlebar-bg,
|
|
260
267
|
$kendo-actionsheet-titlebar-text: $kendo-actionsheet-titlebar-text,
|
|
@@ -275,6 +282,7 @@ $kendo-adaptive-actionsheet-footer-padding-x: k-spacing(4) !default;
|
|
|
275
282
|
$kendo-actionsheet-item-padding-y: $kendo-actionsheet-item-padding-y,
|
|
276
283
|
$kendo-actionsheet-item-border-width: $kendo-actionsheet-item-border-width,
|
|
277
284
|
$kendo-actionsheet-item-spacing: $kendo-actionsheet-item-spacing,
|
|
285
|
+
$kendo-actionsheet-item-border-radius: $kendo-actionsheet-item-border-radius,
|
|
278
286
|
$kendo-actionsheet-item-title-font-weight: $kendo-actionsheet-item-title-font-weight,
|
|
279
287
|
$kendo-actionsheet-item-title-text-transform: $kendo-actionsheet-item-title-text-transform,
|
|
280
288
|
$kendo-actionsheet-item-description-font-size: $kendo-actionsheet-item-description-font-size,
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
/// The default theme color of the AppBar.
|
|
8
8
|
/// @group appbar
|
|
9
9
|
/// @role default
|
|
10
|
-
$kendo-appbar-default-theme-color: "
|
|
10
|
+
$kendo-appbar-default-theme-color: "base" !default;
|
|
11
11
|
|
|
12
12
|
/// The horizontal margin of the AppBar.
|
|
13
13
|
/// @group appbar
|
|
@@ -24,6 +24,9 @@ $kendo-appbar-padding-y: k-spacing(2) !default;
|
|
|
24
24
|
/// The width of the border around the AppBar.
|
|
25
25
|
/// @group appbar
|
|
26
26
|
$kendo-appbar-border-width: 0px !default;
|
|
27
|
+
/// The border radius of the AppBar.
|
|
28
|
+
/// @group appbar
|
|
29
|
+
$kendo-appbar-border-radius: null !default;
|
|
27
30
|
/// The z-index of the AppBar.
|
|
28
31
|
/// @group appbar
|
|
29
32
|
$kendo-appbar-zindex: k-z-index("banner") !default;
|
|
@@ -41,20 +44,6 @@ $kendo-appbar-line-height: var(--kendo-line-height) !default;
|
|
|
41
44
|
/// @group appbar
|
|
42
45
|
$kendo-appbar-gap: k-spacing(2) !default;
|
|
43
46
|
|
|
44
|
-
/// The background color of the AppBar based on light theme color.
|
|
45
|
-
/// @group appbar
|
|
46
|
-
$kendo-appbar-light-bg: k-color(light) !default;
|
|
47
|
-
/// The text color of the AppBar based on light theme color.
|
|
48
|
-
/// @group appbar
|
|
49
|
-
$kendo-appbar-light-text: k-color(on-light) !default;
|
|
50
|
-
|
|
51
|
-
/// The background color of the AppBar based on dark theme color.
|
|
52
|
-
/// @group appbar
|
|
53
|
-
$kendo-appbar-dark-bg: k-color(dark) !default;
|
|
54
|
-
/// The text color of the AppBar based on dark theme color.
|
|
55
|
-
/// @group appbar
|
|
56
|
-
$kendo-appbar-dark-text: k-color(on-dark) !default;
|
|
57
|
-
|
|
58
47
|
/// The box shadow of the AppBar.
|
|
59
48
|
/// @group appbar
|
|
60
49
|
$kendo-appbar-box-shadow: k-elevation(4) !default;
|
|
@@ -68,15 +57,12 @@ $kendo-appbar-bottom-box-shadow: k-elevation(4) !default;
|
|
|
68
57
|
$kendo-appbar-padding-x: $kendo-appbar-padding-x,
|
|
69
58
|
$kendo-appbar-padding-y: $kendo-appbar-padding-y,
|
|
70
59
|
$kendo-appbar-border-width: $kendo-appbar-border-width,
|
|
60
|
+
$kendo-appbar-border-radius: $kendo-appbar-border-radius,
|
|
71
61
|
$kendo-appbar-zindex: $kendo-appbar-zindex,
|
|
72
62
|
$kendo-appbar-font-family: $kendo-appbar-font-family,
|
|
73
63
|
$kendo-appbar-font-size: $kendo-appbar-font-size,
|
|
74
64
|
$kendo-appbar-line-height: $kendo-appbar-line-height,
|
|
75
65
|
$kendo-appbar-gap: $kendo-appbar-gap,
|
|
76
|
-
$kendo-appbar-light-bg: $kendo-appbar-light-bg,
|
|
77
|
-
$kendo-appbar-light-text: $kendo-appbar-light-text,
|
|
78
|
-
$kendo-appbar-dark-bg: $kendo-appbar-dark-bg,
|
|
79
|
-
$kendo-appbar-dark-text: $kendo-appbar-dark-text,
|
|
80
66
|
$kendo-appbar-box-shadow: $kendo-appbar-box-shadow,
|
|
81
67
|
$kendo-appbar-bottom-box-shadow: $kendo-appbar-bottom-box-shadow,
|
|
82
68
|
$kendo-appbar-default-theme-color: $kendo-appbar-default-theme-color
|
|
@@ -29,6 +29,10 @@ $kendo-button-border-width: 1px !default;
|
|
|
29
29
|
/// @group button
|
|
30
30
|
$kendo-button-border-radius: null !default;
|
|
31
31
|
|
|
32
|
+
/// The spacing between icon and text inside the Button.
|
|
33
|
+
/// @group button
|
|
34
|
+
$kendo-button-gap: k-spacing(2) !default;
|
|
35
|
+
|
|
32
36
|
/// The horizontal padding of the xsmall Button.
|
|
33
37
|
/// @group button
|
|
34
38
|
$kendo-button-xs-padding-x: k-spacing(0.5) !default;
|
|
@@ -266,6 +270,7 @@ $kendo-button-transition: color k-transition(rapid), background-color k-transiti
|
|
|
266
270
|
@forward "@progress/kendo-theme-core/scss/components/button/_variables.scss" with (
|
|
267
271
|
$kendo-button-border-width: $kendo-button-border-width,
|
|
268
272
|
$kendo-button-border-radius: $kendo-button-border-radius,
|
|
273
|
+
$kendo-button-gap: $kendo-button-gap,
|
|
269
274
|
$kendo-button-xs-padding-x: $kendo-button-xs-padding-x,
|
|
270
275
|
$kendo-button-sm-padding-x: $kendo-button-sm-padding-x,
|
|
271
276
|
$kendo-button-md-padding-x: $kendo-button-md-padding-x,
|
|
@@ -5,11 +5,6 @@
|
|
|
5
5
|
|
|
6
6
|
// Card
|
|
7
7
|
|
|
8
|
-
/// The default theme color of the Card.
|
|
9
|
-
/// @group card
|
|
10
|
-
/// @role default
|
|
11
|
-
$kendo-card-default-theme-color: null !default;
|
|
12
|
-
|
|
13
8
|
/// The horizontal padding of the Card.
|
|
14
9
|
/// @group card
|
|
15
10
|
$kendo-card-padding-x: k-spacing(4) !default;
|
|
@@ -189,7 +184,6 @@ $kendo-card-callout-width: 1.3em !default;
|
|
|
189
184
|
$kendo-card-callout-height: 1.3em !default;
|
|
190
185
|
|
|
191
186
|
@forward "@progress/kendo-theme-core/scss/components/card/_variables.scss" with (
|
|
192
|
-
$kendo-card-default-theme-color: $kendo-card-default-theme-color,
|
|
193
187
|
$kendo-card-padding-x: $kendo-card-padding-x,
|
|
194
188
|
$kendo-card-padding-y: $kendo-card-padding-y,
|
|
195
189
|
$kendo-card-border-width: $kendo-card-border-width,
|
|
@@ -15,6 +15,12 @@ $kendo-chart-wizard-icon-area-border-radius: k-border-radius(sm) !default;
|
|
|
15
15
|
/// The padding of the area around the chart type icon.
|
|
16
16
|
/// @group chart-wizard
|
|
17
17
|
$kendo-chart-wizard-icon-area-padding: k-spacing(4) !default;
|
|
18
|
+
/// The border width of the area around the chart type icon.
|
|
19
|
+
/// @group chart-wizard
|
|
20
|
+
$kendo-chart-wizard-icon-area-border-width: null !default;
|
|
21
|
+
/// The border color of the area around the chart type icon.
|
|
22
|
+
/// @group chart-wizard
|
|
23
|
+
$kendo-chart-wizard-icon-area-border-color: null !default;
|
|
18
24
|
/// The box shadow of the focused area around the chart type icon.
|
|
19
25
|
/// @group chart-wizard
|
|
20
26
|
$kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px k-color(primary-emphasis) !default;
|
|
@@ -22,6 +28,13 @@ $kendo-chart-wizard-icon-area-focus-shadow: inset 0 0 0 1px k-color(primary-emph
|
|
|
22
28
|
/// @group chart-wizard
|
|
23
29
|
$kendo-chart-wizard-icon-area-selected-shadow: inset 0 0 0 1px $kendo-chart-wizard-icon-area-color !default;
|
|
24
30
|
|
|
31
|
+
/// The border color of the selected area around the chart type icon.
|
|
32
|
+
/// @group chart-wizard
|
|
33
|
+
$kendo-chart-wizard-icon-area-selected-border-color: null !default;
|
|
34
|
+
/// The background color of the selected area around the chart type icon.
|
|
35
|
+
/// @group chart-wizard
|
|
36
|
+
$kendo-chart-wizard-icon-area-selected-bg: null !default;
|
|
37
|
+
|
|
25
38
|
/// The color of the selected chart type items in the Property panel.
|
|
26
39
|
/// @group chart-wizard
|
|
27
40
|
$kendo-chart-wizard-chart-type-selected-color: k-color(primary) !default;
|
|
@@ -45,9 +58,13 @@ $kendo-chart-wizard-icon-text-gap: k-spacing(3) !default;
|
|
|
45
58
|
$kendo-chart-wizard-icon-area-color: $kendo-chart-wizard-icon-area-color,
|
|
46
59
|
$kendo-chart-wizard-icon-area-bg: $kendo-chart-wizard-icon-area-bg,
|
|
47
60
|
$kendo-chart-wizard-icon-area-border-radius: $kendo-chart-wizard-icon-area-border-radius,
|
|
61
|
+
$kendo-chart-wizard-icon-area-border-width: $kendo-chart-wizard-icon-area-border-width,
|
|
62
|
+
$kendo-chart-wizard-icon-area-border-color: $kendo-chart-wizard-icon-area-border-color,
|
|
48
63
|
$kendo-chart-wizard-icon-area-padding: $kendo-chart-wizard-icon-area-padding,
|
|
49
64
|
$kendo-chart-wizard-icon-area-focus-shadow: $kendo-chart-wizard-icon-area-focus-shadow,
|
|
50
65
|
$kendo-chart-wizard-icon-area-selected-shadow: $kendo-chart-wizard-icon-area-selected-shadow,
|
|
66
|
+
$kendo-chart-wizard-icon-area-selected-border-color: $kendo-chart-wizard-icon-area-selected-border-color,
|
|
67
|
+
$kendo-chart-wizard-icon-area-selected-bg: $kendo-chart-wizard-icon-area-selected-bg,
|
|
51
68
|
$kendo-chart-wizard-chart-type-selected-color: $kendo-chart-wizard-chart-type-selected-color,
|
|
52
69
|
$kendo-chart-wizard-preview-pane-padding: $kendo-chart-wizard-preview-pane-padding,
|
|
53
70
|
$kendo-chart-wizard-property-pane-padding: $kendo-chart-wizard-property-pane-padding,
|
|
@@ -20,6 +20,9 @@ $kendo-chat-height: 320px !default;
|
|
|
20
20
|
/// The border width of the Chat.
|
|
21
21
|
/// @group chat
|
|
22
22
|
$kendo-chat-border-width: 1px !default;
|
|
23
|
+
/// The border radius of the Chat.
|
|
24
|
+
/// @group chat
|
|
25
|
+
$kendo-chat-border-radius: null !default;
|
|
23
26
|
/// The font family of the Chat.
|
|
24
27
|
/// @group chat
|
|
25
28
|
$kendo-chat-font-family: var(--kendo-font-family) !default;
|
|
@@ -237,6 +240,7 @@ $kendo-chat-message-reference-marker-alt-bg: k-color(primary-emphasis) !default;
|
|
|
237
240
|
$kendo-chat-width: $kendo-chat-width,
|
|
238
241
|
$kendo-chat-height: $kendo-chat-height,
|
|
239
242
|
$kendo-chat-border-width: $kendo-chat-border-width,
|
|
243
|
+
$kendo-chat-border-radius: $kendo-chat-border-radius,
|
|
240
244
|
$kendo-chat-font-family: $kendo-chat-font-family,
|
|
241
245
|
$kendo-chat-font-size: $kendo-chat-font-size,
|
|
242
246
|
$kendo-chat-line-height: $kendo-chat-line-height,
|
|
@@ -142,7 +142,7 @@ $kendo-color-editor-lg-views-padding-x: k-spacing(4.5) !default;
|
|
|
142
142
|
|
|
143
143
|
/// The outline color of the focused ColorGradient.
|
|
144
144
|
/// @group color-editor
|
|
145
|
-
$kendo-color-editor-color-gradient-focus-outline-color: color-mix(in srgb, k-color(
|
|
145
|
+
$kendo-color-editor-color-gradient-focus-outline-color: color-mix(in srgb, k-color(inverse) 30%, transparent) !default;
|
|
146
146
|
/// The outline width of the focused ColorGradient.
|
|
147
147
|
/// @group color-editor
|
|
148
148
|
$kendo-color-editor-color-gradient-focus-outline: 2px !default;
|
|
@@ -171,7 +171,7 @@ $kendo-color-gradient-draghandle-text: null !default;
|
|
|
171
171
|
$kendo-color-gradient-draghandle-bg: transparent !default;
|
|
172
172
|
/// The color of the border around the ColorGradient canvas drag handle.
|
|
173
173
|
/// @group color-gradient
|
|
174
|
-
$kendo-color-gradient-draghandle-border: color-mix(in srgb, k-color(
|
|
174
|
+
$kendo-color-gradient-draghandle-border: color-mix(in srgb, k-color(on-inverse) 80%, transparent) !default;
|
|
175
175
|
/// The focus color of the outline around the ColorGradient canvas drag handle.
|
|
176
176
|
/// @group color-gradient
|
|
177
177
|
$kendo-color-gradient-draghandle-focus-shadow: k-color(inverse) !default;
|
|
@@ -43,13 +43,13 @@ $kendo-color-palette-lg-tile-width: k-spacing(8) !default;
|
|
|
43
43
|
$kendo-color-palette-lg-tile-height: $kendo-color-palette-lg-tile-width !default;
|
|
44
44
|
/// The shadow of the ColorPalette focused tile.
|
|
45
45
|
/// @group color-palette
|
|
46
|
-
$kendo-color-palette-tile-focus-shadow: 0 0 3px 1px color-mix(in srgb, k-color(
|
|
46
|
+
$kendo-color-palette-tile-focus-shadow: 0 0 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 50%, transparent) !default;
|
|
47
47
|
/// The shadow of the ColorPalette hovered tile.
|
|
48
48
|
/// @group color-palette
|
|
49
|
-
$kendo-color-palette-tile-hover-shadow: 0 0 3px 1px color-mix(in srgb, k-color(
|
|
49
|
+
$kendo-color-palette-tile-hover-shadow: 0 0 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 80%, transparent) !default;
|
|
50
50
|
/// The shadow of the ColorPalette selected tile.
|
|
51
51
|
/// @group color-palette
|
|
52
|
-
$kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px color-mix(in srgb, k-color(
|
|
52
|
+
$kendo-color-palette-tile-selected-shadow: 0 1px 3px 1px color-mix(in srgb, k-color(inverse) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(on-inverse) 100%, transparent) !default;
|
|
53
53
|
|
|
54
54
|
@forward "@progress/kendo-theme-core/scss/components/colorpalette/_variables.scss" with (
|
|
55
55
|
$kendo-color-palette-default-size: $kendo-color-palette-default-size,
|
|
@@ -27,6 +27,10 @@ $kendo-column-menu-item-lg-padding-x: k-spacing(4) !default;
|
|
|
27
27
|
/// @group column-menu
|
|
28
28
|
$kendo-column-menu-item-lg-padding-y: k-spacing(2) !default;
|
|
29
29
|
|
|
30
|
+
/// The vertical padding of the ColumnMenu item wrapper.
|
|
31
|
+
/// @group column-menu
|
|
32
|
+
$kendo-column-menu-item-wrapper-padding-y: null !default;
|
|
33
|
+
|
|
30
34
|
/// The font size of the ColumnMenu.
|
|
31
35
|
/// @group column-menu
|
|
32
36
|
$kendo-column-menu-font-size: var(--kendo-font-size) !default;
|
|
@@ -71,6 +75,10 @@ $kendo-group-menu-item-add-action-text: k-color(primary-on-surface) !default;
|
|
|
71
75
|
/// @group column-menu
|
|
72
76
|
$kendo-group-menu-item-border: k-color(border) !default;
|
|
73
77
|
|
|
78
|
+
/// The border radius of the ColumnMenu list item.
|
|
79
|
+
/// @group column-menu
|
|
80
|
+
$kendo-column-list-item-border-radius: null !default;
|
|
81
|
+
|
|
74
82
|
|
|
75
83
|
@forward "@progress/kendo-theme-core/scss/components/column-menu/_variables.scss" with (
|
|
76
84
|
$kendo-column-menu-default-size: $kendo-column-menu-default-size,
|
|
@@ -89,8 +97,10 @@ $kendo-group-menu-item-border: k-color(border) !default;
|
|
|
89
97
|
$kendo-column-menu-item-md-padding-y: $kendo-column-menu-item-md-padding-y,
|
|
90
98
|
$kendo-column-menu-item-lg-padding-x: $kendo-column-menu-item-lg-padding-x,
|
|
91
99
|
$kendo-column-menu-item-lg-padding-y: $kendo-column-menu-item-lg-padding-y,
|
|
100
|
+
$kendo-column-menu-item-wrapper-padding-y: $kendo-column-menu-item-wrapper-padding-y,
|
|
92
101
|
$kendo-group-menu-item-action-hover-bg: $kendo-group-menu-item-action-hover-bg,
|
|
93
102
|
$kendo-group-menu-item-action-selected-bg: $kendo-group-menu-item-action-selected-bg,
|
|
94
103
|
$kendo-group-menu-item-add-action-text: $kendo-group-menu-item-add-action-text,
|
|
95
|
-
$kendo-group-menu-item-border: $kendo-group-menu-item-border
|
|
104
|
+
$kendo-group-menu-item-border: $kendo-group-menu-item-border,
|
|
105
|
+
$kendo-column-list-item-border-radius: $kendo-column-list-item-border-radius
|
|
96
106
|
);
|
|
@@ -107,30 +107,6 @@ $_default-colors: (
|
|
|
107
107
|
on-error: #{"oklch(from var(--kendo-color-error) clamp(0, (0.7 - l) * 99999, 1) 0 h)"},
|
|
108
108
|
error-on-surface: #{"oklch(from var(--kendo-color-error) l c h)"},
|
|
109
109
|
|
|
110
|
-
// Light (mixed greige + gray palettes — static)
|
|
111
|
-
light-subtle: oklch(99.13% 0.0014 285deg),
|
|
112
|
-
light-subtle-hover: oklch(94.31% 0.0001 263.28deg),
|
|
113
|
-
light-subtle-active: oklch(94.17% 0.0053 248.12deg),
|
|
114
|
-
light: oklch(98.16% 0.0018 248.57deg),
|
|
115
|
-
light-hover: oklch(86.95% 0.0018 248.47deg),
|
|
116
|
-
light-active: oklch(82.92% 0.0019 248.44deg),
|
|
117
|
-
light-emphasis: oklch(26.21% 0.0095 248.23deg / 0.10),
|
|
118
|
-
light-on-subtle: oklch(42.76% 0.0147 248.21deg),
|
|
119
|
-
on-light: oklch(0% 0 0deg),
|
|
120
|
-
light-on-surface: oklch(98.16% 0.0018 248.57deg),
|
|
121
|
-
|
|
122
|
-
// Dark (mixed gray + greige palettes — static)
|
|
123
|
-
dark-subtle: oklch(86.71% 0.0106 248.06deg),
|
|
124
|
-
dark-subtle-hover: oklch(81.70% 0.0126 248.07deg),
|
|
125
|
-
dark-subtle-active: oklch(76.92% 0.0146 248.09deg),
|
|
126
|
-
dark: oklch(26.21% 0.0095 248.23deg),
|
|
127
|
-
dark-hover: oklch(39.15% 0.0074 240.11deg),
|
|
128
|
-
dark-active: oklch(43.24% 0.0072 240.09deg),
|
|
129
|
-
dark-emphasis: oklch(26.21% 0.0095 248.23deg / 0.40),
|
|
130
|
-
dark-on-subtle: oklch(42.76% 0.0147 248.21deg),
|
|
131
|
-
on-dark: oklch(100% 0 0deg),
|
|
132
|
-
dark-on-surface: oklch(26.21% 0.0095 248.23deg),
|
|
133
|
-
|
|
134
110
|
// Inverse
|
|
135
111
|
inverse-subtle: #{"oklch(from var(--kendo-color-inverse) calc(l + 0.1655) c h)"},
|
|
136
112
|
inverse-subtle-hover: #{"oklch(from var(--kendo-color-inverse) calc(l + 0.215) c h)"},
|
|
@@ -327,38 +303,6 @@ $_default-colors: (
|
|
|
327
303
|
/// @prop {Color} on-error - The text color variable for content on error.
|
|
328
304
|
/// @prop {Color} error-on-surface - The text color variable for content on surface.
|
|
329
305
|
///
|
|
330
|
-
/// @subgroup {light}
|
|
331
|
-
/// [light-subtle, light-subtle-hover, light-subtle-active,
|
|
332
|
-
/// light, light-hover, light-active, light-emphasis,
|
|
333
|
-
/// light-on-subtle, on-light, light-on-surface]
|
|
334
|
-
/// The Light variable group.
|
|
335
|
-
/// @prop {Color} light-subtle - The light subtle background color variable.
|
|
336
|
-
/// @prop {Color} light-subtle-hover - The light subtle background color variable for the hover state.
|
|
337
|
-
/// @prop {Color} light-subtle-active - The light subtle background color variable for the active state.
|
|
338
|
-
/// @prop {Color} light - The light background color variable.
|
|
339
|
-
/// @prop {Color} light-hover - The light background color variable for the hover state.
|
|
340
|
-
/// @prop {Color} light-active - The light background color variable for the active state.
|
|
341
|
-
/// @prop {Color} light-emphasis - The emphasized light color variable.
|
|
342
|
-
/// @prop {Color} light-on-subtle - The text color variable for content on light subtle.
|
|
343
|
-
/// @prop {Color} on-light - The text color variable for content on light.
|
|
344
|
-
/// @prop {Color} light-on-surface - The text color variable for content on surface.
|
|
345
|
-
///
|
|
346
|
-
/// @subgroup {dark}
|
|
347
|
-
/// [dark-subtle, dark-subtle-hover, dark-subtle-active,
|
|
348
|
-
/// dark, dark-hover, dark-active, dark-emphasis,
|
|
349
|
-
/// dark-on-subtle, on-dark, dark-on-surface]
|
|
350
|
-
/// The Dark variable group.
|
|
351
|
-
/// @prop {Color} dark-subtle - The dark subtle background color variable.
|
|
352
|
-
/// @prop {Color} dark-subtle-hover - The dark subtle background color variable for the hover state.
|
|
353
|
-
/// @prop {Color} dark-subtle-active - The dark subtle background color variable for the active state.
|
|
354
|
-
/// @prop {Color} dark - The dark background color variable.
|
|
355
|
-
/// @prop {Color} dark-hover - The dark background color variable for the hover state.
|
|
356
|
-
/// @prop {Color} dark-active - The dark background color variable for the active state.
|
|
357
|
-
/// @prop {Color} dark-emphasis - The emphasized dark color variable.
|
|
358
|
-
/// @prop {Color} dark-on-subtle - The text color variable for content on dark subtle.
|
|
359
|
-
/// @prop {Color} on-dark - The text color variable for content on dark.
|
|
360
|
-
/// @prop {Color} dark-on-surface - The text color variable for content on surface.
|
|
361
|
-
///
|
|
362
306
|
/// @subgroup {inverse}
|
|
363
307
|
/// [inverse-subtle, inverse-subtle-hover, inverse-subtle-active,
|
|
364
308
|
/// inverse, inverse-hover, inverse-active, inverse-emphasis,
|
|
@@ -195,6 +195,9 @@ $kendo-series-30: $kendo-series-f-darker !default;
|
|
|
195
195
|
/// The border width of the Chart.
|
|
196
196
|
/// @group charts
|
|
197
197
|
$kendo-chart-border-width: 0px !default;
|
|
198
|
+
/// The border radius of the Chart.
|
|
199
|
+
/// @group charts
|
|
200
|
+
$kendo-chart-border-radius: null !default;
|
|
198
201
|
/// The font family of the Chart.
|
|
199
202
|
/// @group charts
|
|
200
203
|
$kendo-chart-font-family: var(--kendo-font-family) !default;
|
|
@@ -327,6 +330,9 @@ $kendo-treemap-padding-x: k-spacing(2) !default;
|
|
|
327
330
|
/// The vertical padding of the TreeMap.
|
|
328
331
|
/// @group charts
|
|
329
332
|
$kendo-treemap-padding-y: k-spacing(1) !default;
|
|
333
|
+
/// The border radius of the TreeMap.
|
|
334
|
+
/// @group charts
|
|
335
|
+
$kendo-treemap-border-radius: null !default;
|
|
330
336
|
|
|
331
337
|
/// The text color of the TreeMap.
|
|
332
338
|
/// @group charts
|
|
@@ -435,6 +441,7 @@ $kendo-gauge-track-bg: k-color(base-emphasis) !default;
|
|
|
435
441
|
$kendo-series-29: $kendo-series-29,
|
|
436
442
|
$kendo-series-30: $kendo-series-30,
|
|
437
443
|
$kendo-chart-border-width: $kendo-chart-border-width,
|
|
444
|
+
$kendo-chart-border-radius: $kendo-chart-border-radius,
|
|
438
445
|
$kendo-chart-font-family: $kendo-chart-font-family,
|
|
439
446
|
$kendo-chart-font-size: $kendo-chart-font-size,
|
|
440
447
|
$kendo-chart-line-height: $kendo-chart-line-height,
|
|
@@ -474,6 +481,7 @@ $kendo-gauge-track-bg: k-color(base-emphasis) !default;
|
|
|
474
481
|
$kendo-treemap-line-height: $kendo-treemap-line-height,
|
|
475
482
|
$kendo-treemap-padding-x: $kendo-treemap-padding-x,
|
|
476
483
|
$kendo-treemap-padding-y: $kendo-treemap-padding-y,
|
|
484
|
+
$kendo-treemap-border-radius: $kendo-treemap-border-radius,
|
|
477
485
|
$kendo-chart-overlay-bg: $kendo-chart-overlay-bg,
|
|
478
486
|
$kendo-chart-no-data-font-size: $kendo-chart-no-data-font-size,
|
|
479
487
|
$kendo-chart-no-data-font-weight: $kendo-chart-no-data-font-weight,
|
|
@@ -4,11 +4,6 @@
|
|
|
4
4
|
|
|
5
5
|
// Dialog
|
|
6
6
|
|
|
7
|
-
/// The default theme color of the Dialog.
|
|
8
|
-
/// @group dialog
|
|
9
|
-
/// @role default
|
|
10
|
-
$kendo-dialog-default-theme-color: null !default;
|
|
11
|
-
|
|
12
7
|
/// The background color of the Dialog titlebar.
|
|
13
8
|
/// @group dialog
|
|
14
9
|
$kendo-dialog-titlebar-bg: unset !default;
|
|
@@ -38,7 +33,6 @@ $kendo-dialog-bg: k-color(surface-alt) !default;
|
|
|
38
33
|
|
|
39
34
|
|
|
40
35
|
@forward "@progress/kendo-theme-core/scss/components/dialog/_variables.scss" with (
|
|
41
|
-
$kendo-dialog-default-theme-color: $kendo-dialog-default-theme-color,
|
|
42
36
|
$kendo-dialog-titlebar-bg: $kendo-dialog-titlebar-bg,
|
|
43
37
|
$kendo-dialog-titlebar-text: $kendo-dialog-titlebar-text,
|
|
44
38
|
$kendo-dialog-titlebar-border: $kendo-dialog-titlebar-border,
|