@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.
Files changed (77) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/bootstrap-3-dark.css +1 -1
  3. package/dist/bootstrap-3.css +1 -1
  4. package/dist/bootstrap-4-dark.css +1 -1
  5. package/dist/bootstrap-4.css +1 -1
  6. package/dist/bootstrap-dataviz-v4.css +1 -1
  7. package/dist/bootstrap-main-dark.css +1 -1
  8. package/dist/bootstrap-main-dark.scss +0 -20
  9. package/dist/bootstrap-main.css +1 -1
  10. package/dist/bootstrap-nordic.css +1 -1
  11. package/dist/bootstrap-turquoise-dark.css +1 -1
  12. package/dist/bootstrap-turquoise.css +1 -1
  13. package/dist/bootstrap-urban.css +1 -1
  14. package/dist/bootstrap-vintage.css +1 -1
  15. package/dist/meta/sassdoc-data.json +13132 -10722
  16. package/dist/meta/sassdoc-raw-data.json +6278 -5122
  17. package/dist/meta/variables.json +298 -149
  18. package/lib/swatches/bootstrap-3-dark.json +1 -1
  19. package/lib/swatches/bootstrap-3.json +1 -1
  20. package/lib/swatches/bootstrap-4-dark.json +1 -1
  21. package/lib/swatches/bootstrap-4.json +1 -1
  22. package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
  23. package/lib/swatches/bootstrap-main-dark.json +1 -101
  24. package/lib/swatches/bootstrap-main.json +1 -1
  25. package/lib/swatches/bootstrap-nordic.json +1 -1
  26. package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
  27. package/lib/swatches/bootstrap-turquoise.json +1 -1
  28. package/lib/swatches/bootstrap-urban.json +1 -1
  29. package/lib/swatches/bootstrap-vintage.json +1 -1
  30. package/package.json +4 -4
  31. package/scss/action-sheet/_variables.scss +8 -0
  32. package/scss/appbar/_variables.scss +5 -19
  33. package/scss/button/_variables.scss +5 -0
  34. package/scss/card/_variables.scss +0 -6
  35. package/scss/chart-wizard/_variables.scss +17 -0
  36. package/scss/chat/_variables.scss +4 -0
  37. package/scss/coloreditor/_variables.scss +1 -1
  38. package/scss/colorgradient/_variables.scss +1 -1
  39. package/scss/colorpalette/_variables.scss +3 -3
  40. package/scss/column-menu/_variables.scss +11 -1
  41. package/scss/core/color-system/_swatch.scss +0 -56
  42. package/scss/dataviz/_variables.scss +8 -0
  43. package/scss/dialog/_variables.scss +0 -6
  44. package/scss/dock-manager/_variables.scss +4 -0
  45. package/scss/dropzone/_variables.scss +4 -0
  46. package/scss/editor/_variables.scss +4 -0
  47. package/scss/expansion-panel/_variables.scss +12 -0
  48. package/scss/file-box/_variables.scss +9 -0
  49. package/scss/filemanager/_variables.scss +4 -0
  50. package/scss/filter/_variables.scss +5 -0
  51. package/scss/forms/_variables.scss +21 -0
  52. package/scss/gantt/_variables.scss +4 -0
  53. package/scss/grid/_variables.scss +17 -0
  54. package/scss/imageeditor/_variables.scss +4 -0
  55. package/scss/listbox/_variables.scss +14 -1
  56. package/scss/listview/_variables.scss +5 -1
  57. package/scss/mediaplayer/_variables.scss +16 -0
  58. package/scss/messagebox/_variables.scss +4 -0
  59. package/scss/notification/_variables.scss +1 -1
  60. package/scss/overlay/_variables.scss +2 -6
  61. package/scss/pdf-viewer/_variables.scss +4 -0
  62. package/scss/pivotgrid/_variables.scss +4 -0
  63. package/scss/progressbar/_variables.scss +6 -0
  64. package/scss/prompt/_variables.scss +14 -1
  65. package/scss/scheduler/_variables.scss +4 -0
  66. package/scss/scrollview/_theme.scss +2 -67
  67. package/scss/scrollview/_variables.scss +8 -0
  68. package/scss/skeleton/_variables.scss +1 -1
  69. package/scss/spreadsheet/_variables.scss +4 -0
  70. package/scss/stepper/_variables.scss +4 -0
  71. package/scss/suggestion/_variables.scss +4 -0
  72. package/scss/table/_variables.scss +27 -0
  73. package/scss/taskboard/_variables.scss +4 -0
  74. package/scss/timeline/_variables.scss +5 -0
  75. package/scss/tooltip/_variables.scss +1 -1
  76. package/scss/upload/_variables.scss +4 -0
  77. package/scss/window/_variables.scss +0 -6
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "13.2.0-dev.3",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(25.20% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "13.2.0-dev.3",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(97.01% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "13.2.0-dev.3",
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)",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "13.2.0-dev.3",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(98.16% 0.0018 248.66deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "13.2.0-dev.3",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(56.39% 0.1748 253.31deg)",
9
9
  "oklch(75.91% 0.1029 220.18deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "13.2.0-dev.3",
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",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "13.2.0-dev.3",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(98.16% 0.0018 248.66deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "13.2.0-dev.3",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(98.16% 0.0018 248.66deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "13.2.0-dev.3",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(28.74% 0.0034 229.23deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "13.2.0-dev.3",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(96.12% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "13.2.0-dev.3",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(94.26% 0.0144 231.45deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Vintage",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "13.2.0-dev.3",
6
+ "version": "14.0.0-dev.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(95.25% 0.0097 87.57deg)",
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": "13.2.0-dev.3",
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": "13.2.0-dev.3",
58
- "@progress/kendo-theme-utils": "13.2.0-dev.3"
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": "5487edc15973af51b6b452b987a8cb020d654a57"
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: "light" !default;
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(dark) 30%, transparent) !default;
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(light) 80%, transparent) !default;
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(dark) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(light) 50%, transparent) !default;
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(dark) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(light) 80%, transparent) !default;
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(dark) 30%, transparent), inset 0 0 0 1px color-mix(in srgb, k-color(light) 100%, transparent) !default;
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,