@progress/kendo-theme-bootstrap 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 (35) 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.css +1 -1
  9. package/dist/bootstrap-nordic.css +1 -1
  10. package/dist/bootstrap-turquoise-dark.css +1 -1
  11. package/dist/bootstrap-turquoise.css +1 -1
  12. package/dist/bootstrap-urban.css +1 -1
  13. package/dist/bootstrap-vintage.css +1 -1
  14. package/dist/meta/sassdoc-data.json +1652 -990
  15. package/dist/meta/sassdoc-raw-data.json +765 -465
  16. package/dist/meta/variables.json +74 -19
  17. package/lib/swatches/bootstrap-3-dark.json +1 -1
  18. package/lib/swatches/bootstrap-3.json +1 -1
  19. package/lib/swatches/bootstrap-4-dark.json +1 -1
  20. package/lib/swatches/bootstrap-4.json +1 -1
  21. package/lib/swatches/bootstrap-dataviz-v4.json +1 -1
  22. package/lib/swatches/bootstrap-main-dark.json +1 -1
  23. package/lib/swatches/bootstrap-main.json +1 -1
  24. package/lib/swatches/bootstrap-nordic.json +1 -1
  25. package/lib/swatches/bootstrap-turquoise-dark.json +1 -1
  26. package/lib/swatches/bootstrap-turquoise.json +1 -1
  27. package/lib/swatches/bootstrap-urban.json +1 -1
  28. package/lib/swatches/bootstrap-vintage.json +1 -1
  29. package/package.json +3 -3
  30. package/scss/badge/_variables.scss +20 -3
  31. package/scss/button/_variables.scss +21 -1
  32. package/scss/chip/_variables.scss +4 -4
  33. package/scss/imageeditor/_variables.scss +8 -0
  34. package/scss/listbox/_variables.scss +9 -0
  35. package/scss/scheduler/_variables.scss +2 -2
@@ -2815,15 +2815,15 @@
2815
2815
  },
2816
2816
  "kendo-badge-sm-padding-x": {
2817
2817
  "type": "Number",
2818
- "value": "0.325em"
2818
+ "value": "0.16666666666666666em"
2819
2819
  },
2820
2820
  "kendo-badge-md-padding-x": {
2821
2821
  "type": "Number",
2822
- "value": "0.65em"
2822
+ "value": "0.3333333333333333em"
2823
2823
  },
2824
2824
  "kendo-badge-lg-padding-x": {
2825
2825
  "type": "Number",
2826
- "value": "0.975em"
2826
+ "value": "0.5em"
2827
2827
  },
2828
2828
  "kendo-badge-sm-padding-y": {
2829
2829
  "type": "Number",
@@ -2837,6 +2837,22 @@
2837
2837
  "type": "Number",
2838
2838
  "value": "0.525em"
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": "Number",
2842
2858
  "value": "0.75rem"
@@ -2887,25 +2903,28 @@
2887
2903
  },
2888
2904
  "kendo-badge-sizes": {
2889
2905
  "type": "Map",
2890
- "value": "(sm: (padding-x: 0.325em, padding-y: 0.175em, font-size: 0.75rem, line-height: 1, min-width: calc(1em + 0.175em * 2 + 1px * 2)), md: (padding-x: 0.65em, padding-y: 0.35em, font-size: 0.75rem, line-height: 1, min-width: calc(1em + 0.35em * 2 + 1px * 2)), lg: (padding-x: 0.975em, padding-y: 0.525em, font-size: 0.75rem, line-height: 1, min-width: calc(1em + 0.525em * 2 + 1px * 2)))",
2906
+ "value": "(sm: (padding-x: 0.16666666666666666em, padding-y: 0.175em, gap: var(--kendo-spacing-0), font-size: 0.75rem, line-height: 1, min-width: calc(1em + 0.175em * 2 + 1px * 2)), md: (padding-x: 0.3333333333333333em, padding-y: 0.35em, gap: var(--kendo-spacing-1px), font-size: 0.75rem, line-height: 1, min-width: calc(1em + 0.35em * 2 + 1px * 2)), lg: (padding-x: 0.5em, padding-y: 0.525em, gap: var(--kendo-spacing-0\\.5), font-size: 0.75rem, line-height: 1, min-width: calc(1em + 0.525em * 2 + 1px * 2)))",
2891
2907
  "prettyValue": {
2892
2908
  "sm": {
2893
- "padding-x": "0.325em",
2909
+ "padding-x": "0.16666666666666666em",
2894
2910
  "padding-y": "0.175em",
2911
+ "gap": "var(--kendo-spacing-0)",
2895
2912
  "font-size": "0.75rem",
2896
2913
  "line-height": 1,
2897
2914
  "min-width": "calc(1em + 0.175em * 2 + 1px * 2)"
2898
2915
  },
2899
2916
  "md": {
2900
- "padding-x": "0.65em",
2917
+ "padding-x": "0.3333333333333333em",
2901
2918
  "padding-y": "0.35em",
2919
+ "gap": "var(--kendo-spacing-1px)",
2902
2920
  "font-size": "0.75rem",
2903
2921
  "line-height": 1,
2904
2922
  "min-width": "calc(1em + 0.35em * 2 + 1px * 2)"
2905
2923
  },
2906
2924
  "lg": {
2907
- "padding-x": "0.975em",
2925
+ "padding-x": "0.5em",
2908
2926
  "padding-y": "0.525em",
2927
+ "gap": "var(--kendo-spacing-0\\.5)",
2909
2928
  "font-size": "0.75rem",
2910
2929
  "line-height": 1,
2911
2930
  "min-width": "calc(1em + 0.525em * 2 + 1px * 2)"
@@ -3284,9 +3303,25 @@
3284
3303
  "type": "String",
3285
3304
  "value": "var(--kendo-spacing-2)"
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-2)"
3313
+ },
3314
+ "kendo-button-md-gap": {
3315
+ "type": "String",
3316
+ "value": "var(--kendo-spacing-2)"
3317
+ },
3318
+ "kendo-button-lg-gap": {
3319
+ "type": "String",
3320
+ "value": "var(--kendo-spacing-2)"
3321
+ },
3287
3322
  "kendo-button-xs-padding-x": {
3288
3323
  "type": "String",
3289
- "value": "var(--kendo-spacing-0\\.5)"
3324
+ "value": "var(--kendo-spacing-1)"
3290
3325
  },
3291
3326
  "kendo-button-sm-padding-x": {
3292
3327
  "type": "String",
@@ -3598,27 +3633,31 @@
3598
3633
  },
3599
3634
  "kendo-button-sizes": {
3600
3635
  "type": "Map",
3601
- "value": "(xs: (padding-x: var(--kendo-spacing-0\\.5), padding-y: var(--kendo-spacing-1px), font-size: var(--kendo-font-size-sm), line-height: 1.4285714285714286), sm: (padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size-sm), line-height: 1.4285714285714286), md: (padding-x: var(--kendo-spacing-3), padding-y: var(--kendo-spacing-1\\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (padding-x: var(--kendo-spacing-4), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height)))",
3636
+ "value": "(xs: (gap: var(--kendo-spacing-1), padding-x: var(--kendo-spacing-1), padding-y: var(--kendo-spacing-1px), font-size: var(--kendo-font-size-sm), line-height: 1.4285714285714286), sm: (gap: var(--kendo-spacing-2), padding-x: var(--kendo-spacing-2), padding-y: var(--kendo-spacing-1), font-size: var(--kendo-font-size-sm), line-height: 1.4285714285714286), md: (gap: var(--kendo-spacing-2), padding-x: var(--kendo-spacing-3), padding-y: var(--kendo-spacing-1\\.5), font-size: var(--kendo-font-size), line-height: var(--kendo-line-height)), lg: (gap: var(--kendo-spacing-2), padding-x: var(--kendo-spacing-4), padding-y: var(--kendo-spacing-2), font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height)))",
3602
3637
  "prettyValue": {
3603
3638
  "xs": {
3604
- "padding-x": "var(--kendo-spacing-0\\.5)",
3639
+ "gap": "var(--kendo-spacing-1)",
3640
+ "padding-x": "var(--kendo-spacing-1)",
3605
3641
  "padding-y": "var(--kendo-spacing-1px)",
3606
3642
  "font-size": "var(--kendo-font-size-sm)",
3607
3643
  "line-height": 1.4285714285714286
3608
3644
  },
3609
3645
  "sm": {
3646
+ "gap": "var(--kendo-spacing-2)",
3610
3647
  "padding-x": "var(--kendo-spacing-2)",
3611
3648
  "padding-y": "var(--kendo-spacing-1)",
3612
3649
  "font-size": "var(--kendo-font-size-sm)",
3613
3650
  "line-height": 1.4285714285714286
3614
3651
  },
3615
3652
  "md": {
3653
+ "gap": "var(--kendo-spacing-2)",
3616
3654
  "padding-x": "var(--kendo-spacing-3)",
3617
3655
  "padding-y": "var(--kendo-spacing-1\\.5)",
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-2)",
3622
3661
  "padding-x": "var(--kendo-spacing-4)",
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",
@@ -13944,6 +13991,14 @@
13944
13991
  "type": "Number",
13945
13992
  "value": "12px"
13946
13993
  },
13994
+ "kendo-image-editor-rotate-handle-offset": {
13995
+ "type": "Number",
13996
+ "value": "24px"
13997
+ },
13998
+ "kendo-image-editor-rotate-handle-padding": {
13999
+ "type": "String",
14000
+ "value": "var(--kendo-spacing-0\\.5)"
14001
+ },
13947
14002
  "kendo-image-editor-bg": {
13948
14003
  "type": "String",
13949
14004
  "value": "var(--kendo-color-surface-alt)"
@@ -14485,12 +14540,12 @@
14485
14540
  "value": "var(--kendo-color-primary-emphasis)"
14486
14541
  },
14487
14542
  "kendo-scheduler-event-hover-bg": {
14488
- "type": "Null",
14489
- "value": "null"
14543
+ "type": "String",
14544
+ "value": "var(--kendo-color-primary)"
14490
14545
  },
14491
14546
  "kendo-scheduler-event-hover-text": {
14492
- "type": "Null",
14493
- "value": "null"
14547
+ "type": "String",
14548
+ "value": "var(--kendo-color-on-primary)"
14494
14549
  },
14495
14550
  "kendo-scheduler-event-hover-border": {
14496
14551
  "type": "Null",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
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(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": "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(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": "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(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": "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.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": "14.7.0-dev.1",
6
+ "version": "14.7.0-dev.10",
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": "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(26.21% 0.0095 248.24deg)",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
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.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": "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.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": "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(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": "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.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": "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(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": "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.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": "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",
@@ -25,13 +25,26 @@ $kendo-badge-border-width: 1px !default;
25
25
 
26
26
  /// The horizontal padding of the small Badge.
27
27
  /// @group badge
28
- $kendo-badge-sm-padding-x: calc( .65em / 2 ) !default;
28
+ $kendo-badge-sm-padding-x: calc( 1em / 6 ) !default;
29
29
  /// The horizontal padding of the medium Badge.
30
30
  /// @group badge
31
- $kendo-badge-md-padding-x: .65em !default;
31
+ $kendo-badge-md-padding-x: calc( 1em / 3 ) !default;
32
32
  /// The horizontal padding of the large Badge.
33
33
  /// @group badge
34
- $kendo-badge-lg-padding-x: calc( $kendo-badge-md-padding-x * 1.5 ) !default;
34
+ $kendo-badge-lg-padding-x: .5em !default;
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;
35
48
 
36
49
  /// The vertical padding of the small Badge.
37
50
  /// @group badge
@@ -92,6 +105,10 @@ $kendo-badge-lg-min-width: calc( #{$kendo-badge-lg-line-height * 1em} + calc( #{
92
105
  $kendo-badge-sm-padding-x: $kendo-badge-sm-padding-x,
93
106
  $kendo-badge-md-padding-x: $kendo-badge-md-padding-x,
94
107
  $kendo-badge-lg-padding-x: $kendo-badge-lg-padding-x,
108
+ $kendo-badge-text-padding-x: $kendo-badge-text-padding-x,
109
+ $kendo-badge-sm-gap: $kendo-badge-sm-gap,
110
+ $kendo-badge-md-gap: $kendo-badge-md-gap,
111
+ $kendo-badge-lg-gap: $kendo-badge-lg-gap,
95
112
  $kendo-badge-sm-padding-y: $kendo-badge-sm-padding-y,
96
113
  $kendo-badge-md-padding-y: $kendo-badge-md-padding-y,
97
114
  $kendo-badge-lg-padding-y: $kendo-badge-lg-padding-y,
@@ -33,9 +33,25 @@ $kendo-button-border-radius: null !default;
33
33
  /// @group button
34
34
  $kendo-button-gap: k-spacing(2) !default;
35
35
 
36
+ /// The spacing between icon and text inside the xsmall Button.
37
+ /// @group button
38
+ $kendo-button-xs-gap: k-spacing(1) !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
- $kendo-button-xs-padding-x: k-spacing(0.5) !default;
54
+ $kendo-button-xs-padding-x: k-spacing(1) !default;
39
55
  /// The horizontal padding of the small Button.
40
56
  /// @group button
41
57
  $kendo-button-sm-padding-x: k-spacing(2) !default;
@@ -271,6 +287,10 @@ $kendo-button-transition: color k-transition(rapid), background-color k-transiti
271
287
  $kendo-button-border-width: $kendo-button-border-width,
272
288
  $kendo-button-border-radius: $kendo-button-border-radius,
273
289
  $kendo-button-gap: $kendo-button-gap,
290
+ $kendo-button-xs-gap: $kendo-button-xs-gap,
291
+ $kendo-button-sm-gap: $kendo-button-sm-gap,
292
+ $kendo-button-md-gap: $kendo-button-md-gap,
293
+ $kendo-button-lg-gap: $kendo-button-lg-gap,
274
294
  $kendo-button-xs-padding-x: $kendo-button-xs-padding-x,
275
295
  $kendo-button-sm-padding-x: $kendo-button-sm-padding-x,
276
296
  $kendo-button-md-padding-x: $kendo-button-md-padding-x,
@@ -120,21 +120,21 @@ $kendo-chip-solid-selected-bg: $kendo-button-active-bg !default;
120
120
  $kendo-chip-outline-text: k-color(base-on-surface) !default;
121
121
  /// The base border color of the outline Chip.
122
122
  /// @group chip
123
- $kendo-chip-outline-border: $kendo-chip-outline-text !default;
123
+ $kendo-chip-outline-border: k-color(base-emphasis) !default;
124
124
  /// The base shadow of the outline Chip.
125
125
  /// @group chip
126
126
  $kendo-chip-outline-shadow: 0 0 0 2px color-mix(in srgb, k-color(base) 16%, transparent) !default;
127
127
 
128
128
  /// The base background color of the hovered outline Chip.
129
129
  /// @group chip
130
- $kendo-chip-outline-hover-bg: $kendo-chip-outline-text !default;
130
+ $kendo-chip-outline-hover-bg: k-color(base-hover) !default;
131
131
  /// The base text color of the hovered outline Chip.
132
132
  /// @group chip
133
- $kendo-chip-outline-hover-text: k-color(base-subtle) !default;
133
+ $kendo-chip-outline-hover-text: k-color(base-on-surface) !default;
134
134
 
135
135
  /// The base background color of the selected outline Chip.
136
136
  /// @group chip
137
- $kendo-chip-outline-selected-bg: $kendo-chip-outline-hover-bg !default;
137
+ $kendo-chip-outline-selected-bg: k-color(base-active) !default;
138
138
  /// The base text color of the selected outline Chip.
139
139
  /// @group chip
140
140
  $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
  /// The horizontal padding of the ListBox scroller.
45
52
  /// @group listbox
46
53
  $kendo-listbox-scroller-padding-x: null !default;
@@ -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
@@ -117,10 +117,10 @@ $kendo-scheduler-event-readonly-border: k-color(primary-emphasis) !default;
117
117
 
118
118
  /// The background color of the hovered Scheduler event.
119
119
  /// @group scheduler
120
- $kendo-scheduler-event-hover-bg: null !default;
120
+ $kendo-scheduler-event-hover-bg: $kendo-scheduler-event-bg !default;
121
121
  /// The text color of the hovered Scheduler event.
122
122
  /// @group scheduler
123
- $kendo-scheduler-event-hover-text: null !default;
123
+ $kendo-scheduler-event-hover-text: $kendo-scheduler-event-text !default;
124
124
  /// The border color of the hovered Scheduler event.
125
125
  /// @group scheduler
126
126
  $kendo-scheduler-event-hover-border: null !default;