@progress/kendo-theme-classic 14.7.0-dev.1 → 14.7.0-dev.10

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 (39) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/classic-green-dark.css +1 -1
  3. package/dist/classic-green.css +1 -1
  4. package/dist/classic-lavender-dark.css +1 -1
  5. package/dist/classic-lavender.css +1 -1
  6. package/dist/classic-main-dark.css +1 -1
  7. package/dist/classic-main.css +1 -1
  8. package/dist/classic-metro-dark.css +1 -1
  9. package/dist/classic-metro.css +1 -1
  10. package/dist/classic-moonlight.css +1 -1
  11. package/dist/classic-opal-dark.css +1 -1
  12. package/dist/classic-opal.css +1 -1
  13. package/dist/classic-silver-dark.css +1 -1
  14. package/dist/classic-silver.css +1 -1
  15. package/dist/classic-uniform.css +1 -1
  16. package/dist/meta/sassdoc-data.json +1628 -966
  17. package/dist/meta/sassdoc-raw-data.json +763 -463
  18. package/dist/meta/variables.json +66 -11
  19. package/lib/swatches/classic-green-dark.json +1 -1
  20. package/lib/swatches/classic-green.json +1 -1
  21. package/lib/swatches/classic-lavender-dark.json +1 -1
  22. package/lib/swatches/classic-lavender.json +1 -1
  23. package/lib/swatches/classic-main-dark.json +1 -1
  24. package/lib/swatches/classic-main.json +1 -1
  25. package/lib/swatches/classic-metro-dark.json +1 -1
  26. package/lib/swatches/classic-metro.json +1 -1
  27. package/lib/swatches/classic-moonlight.json +1 -1
  28. package/lib/swatches/classic-opal-dark.json +1 -1
  29. package/lib/swatches/classic-opal.json +1 -1
  30. package/lib/swatches/classic-silver-dark.json +1 -1
  31. package/lib/swatches/classic-silver.json +1 -1
  32. package/lib/swatches/classic-uniform.json +1 -1
  33. package/package.json +3 -3
  34. package/scss/badge/_variables.scss +17 -0
  35. package/scss/button/_variables.scss +20 -0
  36. package/scss/chip/_variables.scss +4 -4
  37. package/scss/imageeditor/_variables.scss +8 -0
  38. package/scss/listbox/_variables.scss +9 -0
  39. package/scss/scheduler/_variables.scss +2 -2
@@ -2837,6 +2837,22 @@
2837
2837
  "type": "String",
2838
2838
  "value": "var(--kendo-spacing-1\\.5)"
2839
2839
  },
2840
+ "kendo-badge-text-padding-x": {
2841
+ "type": "String",
2842
+ "value": "var(--kendo-spacing-0\\.5)"
2843
+ },
2844
+ "kendo-badge-sm-gap": {
2845
+ "type": "String",
2846
+ "value": "var(--kendo-spacing-0)"
2847
+ },
2848
+ "kendo-badge-md-gap": {
2849
+ "type": "String",
2850
+ "value": "var(--kendo-spacing-1px)"
2851
+ },
2852
+ "kendo-badge-lg-gap": {
2853
+ "type": "String",
2854
+ "value": "var(--kendo-spacing-0\\.5)"
2855
+ },
2840
2856
  "kendo-badge-font-size": {
2841
2857
  "type": "String",
2842
2858
  "value": "var(--kendo-font-size-xs)"
@@ -2887,11 +2903,12 @@
2887
2903
  },
2888
2904
  "kendo-badge-sizes": {
2889
2905
  "type": "Map",
2890
- "value": "(sm: (padding-x: var(--kendo-spacing-0\\.5), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)), md: (padding-x: var(--kendo-spacing-1), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1) * 2 + 1px * 2)), lg: (padding-x: var(--kendo-spacing-1\\.5), padding-y: var(--kendo-spacing-1\\.5), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)))",
2906
+ "value": "(sm: (padding-x: var(--kendo-spacing-0\\.5), padding-y: var(--kendo-spacing-0\\.5), gap: var(--kendo-spacing-0), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)), md: (padding-x: var(--kendo-spacing-1), padding-y: var(--kendo-spacing-1), gap: var(--kendo-spacing-1px), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1) * 2 + 1px * 2)), lg: (padding-x: var(--kendo-spacing-1\\.5), padding-y: var(--kendo-spacing-1\\.5), gap: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size-xs), line-height: 1, min-width: calc(1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)))",
2891
2907
  "prettyValue": {
2892
2908
  "sm": {
2893
2909
  "padding-x": "var(--kendo-spacing-0\\.5)",
2894
2910
  "padding-y": "var(--kendo-spacing-0\\.5)",
2911
+ "gap": "var(--kendo-spacing-0)",
2895
2912
  "font-size": "var(--kendo-font-size-xs)",
2896
2913
  "line-height": 1,
2897
2914
  "min-width": "calc(1em + var(--kendo-spacing-0\\.5) * 2 + 1px * 2)"
@@ -2899,6 +2916,7 @@
2899
2916
  "md": {
2900
2917
  "padding-x": "var(--kendo-spacing-1)",
2901
2918
  "padding-y": "var(--kendo-spacing-1)",
2919
+ "gap": "var(--kendo-spacing-1px)",
2902
2920
  "font-size": "var(--kendo-font-size-xs)",
2903
2921
  "line-height": 1,
2904
2922
  "min-width": "calc(1em + var(--kendo-spacing-1) * 2 + 1px * 2)"
@@ -2906,6 +2924,7 @@
2906
2924
  "lg": {
2907
2925
  "padding-x": "var(--kendo-spacing-1\\.5)",
2908
2926
  "padding-y": "var(--kendo-spacing-1\\.5)",
2927
+ "gap": "var(--kendo-spacing-0\\.5)",
2909
2928
  "font-size": "var(--kendo-font-size-xs)",
2910
2929
  "line-height": 1,
2911
2930
  "min-width": "calc(1em + var(--kendo-spacing-1\\.5) * 2 + 1px * 2)"
@@ -3284,6 +3303,22 @@
3284
3303
  "type": "String",
3285
3304
  "value": "var(--kendo-spacing-1)"
3286
3305
  },
3306
+ "kendo-button-xs-gap": {
3307
+ "type": "String",
3308
+ "value": "var(--kendo-spacing-1)"
3309
+ },
3310
+ "kendo-button-sm-gap": {
3311
+ "type": "String",
3312
+ "value": "var(--kendo-spacing-1)"
3313
+ },
3314
+ "kendo-button-md-gap": {
3315
+ "type": "String",
3316
+ "value": "var(--kendo-spacing-1)"
3317
+ },
3318
+ "kendo-button-lg-gap": {
3319
+ "type": "String",
3320
+ "value": "var(--kendo-spacing-1)"
3321
+ },
3287
3322
  "kendo-button-xs-padding-x": {
3288
3323
  "type": "String",
3289
3324
  "value": "var(--kendo-spacing-2)"
@@ -3598,27 +3633,31 @@
3598
3633
  },
3599
3634
  "kendo-button-sizes": {
3600
3635
  "type": "Map",
3601
- "value": "(xs: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1px), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), sm: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), md: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (padding-x: var(--kendo-spacing-3), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg)))",
3636
+ "value": "(xs: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1px), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), sm: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-0\\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), md: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-3), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg)))",
3602
3637
  "prettyValue": {
3603
3638
  "xs": {
3639
+ "gap": "var(--kendo-spacing-1)",
3604
3640
  "padding-x": "var(--kendo-spacing-2)",
3605
3641
  "padding-y": "var(--kendo-spacing-1px)",
3606
3642
  "font-size": "var(--kendo-font-size)",
3607
3643
  "line-height": "var(--kendo-line-height)"
3608
3644
  },
3609
3645
  "sm": {
3646
+ "gap": "var(--kendo-spacing-1)",
3610
3647
  "padding-x": "var(--kendo-spacing-2)",
3611
3648
  "padding-y": "var(--kendo-spacing-0\\.5)",
3612
3649
  "font-size": "var(--kendo-font-size)",
3613
3650
  "line-height": "var(--kendo-line-height)"
3614
3651
  },
3615
3652
  "md": {
3653
+ "gap": "var(--kendo-spacing-1)",
3616
3654
  "padding-x": "var(--kendo-spacing-2)",
3617
3655
  "padding-y": "var(--kendo-spacing-1)",
3618
3656
  "font-size": "var(--kendo-font-size)",
3619
3657
  "line-height": "var(--kendo-line-height)"
3620
3658
  },
3621
3659
  "lg": {
3660
+ "gap": "var(--kendo-spacing-1)",
3622
3661
  "padding-x": "var(--kendo-spacing-3)",
3623
3662
  "padding-y": "var(--kendo-spacing-2)",
3624
3663
  "font-size": "var(--kendo-font-size-lg)",
@@ -4770,6 +4809,14 @@
4770
4809
  "type": "Number",
4771
4810
  "value": "1px"
4772
4811
  },
4812
+ "kendo-listbox-actions-scroll-padding": {
4813
+ "type": "String",
4814
+ "value": "var(--kendo-spacing-1)"
4815
+ },
4816
+ "kendo-listbox-actions-scroll-overlay": {
4817
+ "type": "List",
4818
+ "value": "(var(--kendo-color-app-surface), color-mix(in srgb, var(--kendo-color-app-surface) 0%, transparent))"
4819
+ },
4773
4820
  "kendo-listbox-scroller-padding-x": {
4774
4821
  "type": "Null",
4775
4822
  "value": "null"
@@ -5386,7 +5433,7 @@
5386
5433
  },
5387
5434
  "kendo-chip-outline-border": {
5388
5435
  "type": "String",
5389
- "value": "var(--kendo-color-base-on-surface)"
5436
+ "value": "var(--kendo-color-base-emphasis)"
5390
5437
  },
5391
5438
  "kendo-chip-outline-shadow": {
5392
5439
  "type": "List",
@@ -5394,19 +5441,19 @@
5394
5441
  },
5395
5442
  "kendo-chip-outline-hover-bg": {
5396
5443
  "type": "String",
5397
- "value": "var(--kendo-color-base-on-surface)"
5444
+ "value": "var(--kendo-color-base-hover)"
5398
5445
  },
5399
5446
  "kendo-chip-outline-hover-text": {
5400
5447
  "type": "String",
5401
- "value": "var(--kendo-color-base-subtle)"
5448
+ "value": "var(--kendo-color-base-on-surface)"
5402
5449
  },
5403
5450
  "kendo-chip-outline-selected-bg": {
5404
5451
  "type": "String",
5405
- "value": "var(--kendo-color-base-on-surface)"
5452
+ "value": "var(--kendo-color-base-active)"
5406
5453
  },
5407
5454
  "kendo-chip-outline-selected-text": {
5408
5455
  "type": "String",
5409
- "value": "var(--kendo-color-base-subtle)"
5456
+ "value": "var(--kendo-color-base-on-surface)"
5410
5457
  },
5411
5458
  "kendo-chip-disabled-bg": {
5412
5459
  "type": "Null",
@@ -13936,6 +13983,14 @@
13936
13983
  "type": "Number",
13937
13984
  "value": "12px"
13938
13985
  },
13986
+ "kendo-image-editor-rotate-handle-offset": {
13987
+ "type": "Number",
13988
+ "value": "24px"
13989
+ },
13990
+ "kendo-image-editor-rotate-handle-padding": {
13991
+ "type": "String",
13992
+ "value": "var(--kendo-spacing-0\\.5)"
13993
+ },
13939
13994
  "kendo-image-editor-bg": {
13940
13995
  "type": "String",
13941
13996
  "value": "var(--kendo-color-surface-alt)"
@@ -14477,12 +14532,12 @@
14477
14532
  "value": "var(--kendo-color-primary-emphasis)"
14478
14533
  },
14479
14534
  "kendo-scheduler-event-hover-bg": {
14480
- "type": "Null",
14481
- "value": "null"
14535
+ "type": "String",
14536
+ "value": "var(--kendo-color-primary)"
14482
14537
  },
14483
14538
  "kendo-scheduler-event-hover-text": {
14484
- "type": "Null",
14485
- "value": "null"
14539
+ "type": "String",
14540
+ "value": "var(--kendo-color-on-primary)"
14486
14541
  },
14487
14542
  "kendo-scheduler-event-hover-border": {
14488
14543
  "type": "Null",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Green Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(18.97% 0.0025 145.96deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Green",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(96.61% 0.0016 149.39deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Lavender Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(20.26% 0.0161 330.88deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Lavender",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(98.51% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(17.30% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(95.51% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Metro Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(16.38% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Metro",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(98.21% 0.0001 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Moonlight",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(27.98% 0.0255 248.78deg)",
9
9
  "oklch(33.48% 0.0217 259.40deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Opal Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(27.27% 0.0000 0deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Opal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(95.37% 0.0262 224.39deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Silver Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(18.72% 0.0020 285.91deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Silver",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(96.44% 0.0014 284.24deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Classic Uniform",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-classic",
6
- "version": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(95.51% 0.0001 0deg)",
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": "14.7.0-dev.1",
4
+ "version": "14.7.0-dev.10",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -53,8 +53,8 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@progress/kendo-svg-icons": "^5.5.0",
56
- "@progress/kendo-theme-core": "14.7.0-dev.1",
57
- "@progress/kendo-theme-utils": "14.7.0-dev.1"
56
+ "@progress/kendo-theme-core": "14.7.0-dev.10",
57
+ "@progress/kendo-theme-utils": "14.7.0-dev.10"
58
58
  },
59
59
  "directories": {
60
60
  "doc": "docs",
@@ -33,6 +33,19 @@ $kendo-badge-md-padding-x: k-spacing(1) !default;
33
33
  /// @group badge
34
34
  $kendo-badge-lg-padding-x: k-spacing(1.5) !default;
35
35
 
36
+ /// The horizontal padding of Badge text content.
37
+ /// @group badge
38
+ $kendo-badge-text-padding-x: k-spacing(0.5) !default;
39
+ /// The icon-to-text gap of the small Badge.
40
+ /// @group badge
41
+ $kendo-badge-sm-gap: k-spacing(0) !default;
42
+ /// The icon-to-text gap of the medium Badge.
43
+ /// @group badge
44
+ $kendo-badge-md-gap: k-spacing(1px) !default;
45
+ /// The icon-to-text gap of the large Badge.
46
+ /// @group badge
47
+ $kendo-badge-lg-gap: k-spacing(0.5) !default;
48
+
36
49
  /// The vertical padding of the small Badge.
37
50
  /// @group badge
38
51
  $kendo-badge-sm-padding-y: k-spacing(0.5) !default;
@@ -93,6 +106,10 @@ $kendo-badge-lg-min-width: calc( #{$kendo-badge-lg-line-height * 1em} + calc( #{
93
106
  $kendo-badge-sm-padding-x: $kendo-badge-sm-padding-x,
94
107
  $kendo-badge-md-padding-x: $kendo-badge-md-padding-x,
95
108
  $kendo-badge-lg-padding-x: $kendo-badge-lg-padding-x,
109
+ $kendo-badge-text-padding-x: $kendo-badge-text-padding-x,
110
+ $kendo-badge-sm-gap: $kendo-badge-sm-gap,
111
+ $kendo-badge-md-gap: $kendo-badge-md-gap,
112
+ $kendo-badge-lg-gap: $kendo-badge-lg-gap,
96
113
  $kendo-badge-sm-padding-y: $kendo-badge-sm-padding-y,
97
114
  $kendo-badge-md-padding-y: $kendo-badge-md-padding-y,
98
115
  $kendo-badge-lg-padding-y: $kendo-badge-lg-padding-y,
@@ -33,6 +33,22 @@ $kendo-button-border-radius: null !default;
33
33
  /// @group button
34
34
  $kendo-button-gap: k-spacing(1) !default;
35
35
 
36
+ /// The spacing between icon and text inside the xsmall Button.
37
+ /// @group button
38
+ $kendo-button-xs-gap: $kendo-button-gap !default;
39
+
40
+ /// The spacing between icon and text inside the small Button.
41
+ /// @group button
42
+ $kendo-button-sm-gap: $kendo-button-gap !default;
43
+
44
+ /// The spacing between icon and text inside the medium Button.
45
+ /// @group button
46
+ $kendo-button-md-gap: $kendo-button-gap !default;
47
+
48
+ /// The spacing between icon and text inside the large Button.
49
+ /// @group button
50
+ $kendo-button-lg-gap: $kendo-button-gap !default;
51
+
36
52
  /// The horizontal padding of the xsmall Button.
37
53
  /// @group button
38
54
  $kendo-button-xs-padding-x: k-spacing(2) !default;
@@ -273,6 +289,10 @@ $kendo-button-transition: color k-transition(rapid), background-color k-transiti
273
289
  $kendo-button-border-width: $kendo-button-border-width,
274
290
  $kendo-button-border-radius: $kendo-button-border-radius,
275
291
  $kendo-button-gap: $kendo-button-gap,
292
+ $kendo-button-xs-gap: $kendo-button-xs-gap,
293
+ $kendo-button-sm-gap: $kendo-button-sm-gap,
294
+ $kendo-button-md-gap: $kendo-button-md-gap,
295
+ $kendo-button-lg-gap: $kendo-button-lg-gap,
276
296
  $kendo-button-xs-padding-x: $kendo-button-xs-padding-x,
277
297
  $kendo-button-sm-padding-x: $kendo-button-sm-padding-x,
278
298
  $kendo-button-md-padding-x: $kendo-button-md-padding-x,
@@ -119,21 +119,21 @@ $kendo-chip-solid-selected-bg: $kendo-button-active-bg !default;
119
119
  $kendo-chip-outline-text: k-color(base-on-surface) !default;
120
120
  /// The base border color of the outline Chip.
121
121
  /// @group chip
122
- $kendo-chip-outline-border: $kendo-chip-outline-text !default;
122
+ $kendo-chip-outline-border: k-color(base-emphasis) !default;
123
123
  /// The base shadow of the outline Chip.
124
124
  /// @group chip
125
125
  $kendo-chip-outline-shadow: 0 0 0 2px color-mix(in srgb, k-color(base-on-surface) 16%, transparent) !default;
126
126
 
127
127
  /// The base background color of the hovered outline Chip.
128
128
  /// @group chip
129
- $kendo-chip-outline-hover-bg: $kendo-chip-outline-text !default;
129
+ $kendo-chip-outline-hover-bg: k-color(base-hover) !default;
130
130
  /// The base text color of the hovered outline Chip.
131
131
  /// @group chip
132
- $kendo-chip-outline-hover-text: k-color(base-subtle) !default;
132
+ $kendo-chip-outline-hover-text: k-color(base-on-surface) !default;
133
133
 
134
134
  /// The base background color of the selected outline Chip.
135
135
  /// @group chip
136
- $kendo-chip-outline-selected-bg: $kendo-chip-outline-hover-bg !default;
136
+ $kendo-chip-outline-selected-bg: k-color(base-active) !default;
137
137
  /// The base text color of the selected outline Chip.
138
138
  /// @group chip
139
139
  $kendo-chip-outline-selected-text: $kendo-chip-outline-hover-text !default;
@@ -130,6 +130,12 @@ $kendo-image-editor-handle-border-radius: k-border-radius(full) !default;
130
130
  /// The size of the ImageEditor scale handle.
131
131
  /// @group image-editor
132
132
  $kendo-image-editor-scale-handle-size: 12px !default;
133
+ /// The distance between the bottom edge of the selection frame and the ImageEditor rotate handle.
134
+ /// @group image-editor
135
+ $kendo-image-editor-rotate-handle-offset: 24px !default;
136
+ /// The padding of the ImageEditor rotate handle.
137
+ /// @group image-editor
138
+ $kendo-image-editor-rotate-handle-padding: k-spacing(0.5) !default;
133
139
 
134
140
  /// The background color of the ImageEditor.
135
141
  /// @group image-editor
@@ -265,6 +271,8 @@ $kendo-image-editor-handle-border: k-color(primary) !default;
265
271
  $kendo-image-editor-handle-thickness: $kendo-image-editor-handle-thickness,
266
272
  $kendo-image-editor-handle-border-radius: $kendo-image-editor-handle-border-radius,
267
273
  $kendo-image-editor-scale-handle-size: $kendo-image-editor-scale-handle-size,
274
+ $kendo-image-editor-rotate-handle-offset: $kendo-image-editor-rotate-handle-offset,
275
+ $kendo-image-editor-rotate-handle-padding: $kendo-image-editor-rotate-handle-padding,
268
276
  $kendo-image-editor-bg: $kendo-image-editor-bg,
269
277
  $kendo-image-editor-text: $kendo-image-editor-text,
270
278
  $kendo-image-editor-border: $kendo-image-editor-border,
@@ -41,6 +41,13 @@ $kendo-listbox-border: k-color(border) !default;
41
41
  /// @group listbox
42
42
  $kendo-listbox-drop-hint-width: 1px !default;
43
43
 
44
+ /// The padding around the ListBox actions that keeps the button focus indicators visible when the actions scroll.
45
+ /// @group listbox
46
+ $kendo-listbox-actions-scroll-padding: k-spacing(1) !default;
47
+ /// The gradient color stops of the ListBox actions scroll overlay.
48
+ /// @group listbox
49
+ $kendo-listbox-actions-scroll-overlay: k-color(app-surface), color-mix(in srgb, k-color(app-surface) 0%, transparent) !default;
50
+
44
51
 
45
52
  /// The horizontal padding of the ListBox scroller.
46
53
  /// @group listbox
@@ -65,6 +72,8 @@ $kendo-listbox-border-radius: null !default;
65
72
  $kendo-listbox-bg: $kendo-listbox-bg,
66
73
  $kendo-listbox-border: $kendo-listbox-border,
67
74
  $kendo-listbox-drop-hint-width: $kendo-listbox-drop-hint-width,
75
+ $kendo-listbox-actions-scroll-padding: $kendo-listbox-actions-scroll-padding,
76
+ $kendo-listbox-actions-scroll-overlay: $kendo-listbox-actions-scroll-overlay,
68
77
  $kendo-listbox-scroller-padding-x: $kendo-listbox-scroller-padding-x,
69
78
  $kendo-listbox-scroller-padding-y: $kendo-listbox-scroller-padding-y,
70
79
  $kendo-listbox-border-radius: $kendo-listbox-border-radius
@@ -118,10 +118,10 @@ $kendo-scheduler-event-readonly-border: k-color(primary-emphasis) !default;
118
118
 
119
119
  /// The background color of the hovered Scheduler event.
120
120
  /// @group scheduler
121
- $kendo-scheduler-event-hover-bg: null !default;
121
+ $kendo-scheduler-event-hover-bg: $kendo-scheduler-event-bg !default;
122
122
  /// The text color of the hovered Scheduler event.
123
123
  /// @group scheduler
124
- $kendo-scheduler-event-hover-text: null !default;
124
+ $kendo-scheduler-event-hover-text: $kendo-scheduler-event-text !default;
125
125
  /// The border color of the hovered Scheduler event.
126
126
  /// @group scheduler
127
127
  $kendo-scheduler-event-hover-border: null !default;