@progress/kendo-theme-bootstrap 14.7.0-dev.8 → 14.7.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 (32) 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 +634 -196
  15. package/dist/meta/sassdoc-raw-data.json +280 -80
  16. package/dist/meta/variables.json +42 -7
  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/list/_variables.scss +8 -0
  32. package/scss/menu/_variables.scss +8 -0
package/dist/meta/variables.json CHANGED
@@ -2268,6 +2268,14 @@
2268
2268
  "type": "String",
2269
2269
  "value": "var(--kendo-color-subtle)"
2270
2270
  },
2271
+ "kendo-list-item-hover-description-text": {
2272
+ "type": "String",
2273
+ "value": "color-mix(in srgb, currentColor 85%, transparent)"
2274
+ },
2275
+ "kendo-list-item-selected-description-text": {
2276
+ "type": "String",
2277
+ "value": "inherit"
2278
+ },
2271
2279
  "kendo-listgroup-border-width": {
2272
2280
  "type": "Number",
2273
2281
  "value": "1px"
@@ -2815,15 +2823,15 @@
2815
2823
  },
2816
2824
  "kendo-badge-sm-padding-x": {
2817
2825
  "type": "Number",
2818
- "value": "0.325em"
2826
+ "value": "0.16666666666666666em"
2819
2827
  },
2820
2828
  "kendo-badge-md-padding-x": {
2821
2829
  "type": "Number",
2822
- "value": "0.65em"
2830
+ "value": "0.3333333333333333em"
2823
2831
  },
2824
2832
  "kendo-badge-lg-padding-x": {
2825
2833
  "type": "Number",
2826
- "value": "0.975em"
2834
+ "value": "0.5em"
2827
2835
  },
2828
2836
  "kendo-badge-sm-padding-y": {
2829
2837
  "type": "Number",
@@ -2837,6 +2845,22 @@
2837
2845
  "type": "Number",
2838
2846
  "value": "0.525em"
2839
2847
  },
2848
+ "kendo-badge-text-padding-x": {
2849
+ "type": "String",
2850
+ "value": "var(--kendo-spacing-0\\.5)"
2851
+ },
2852
+ "kendo-badge-sm-gap": {
2853
+ "type": "String",
2854
+ "value": "var(--kendo-spacing-0)"
2855
+ },
2856
+ "kendo-badge-md-gap": {
2857
+ "type": "String",
2858
+ "value": "var(--kendo-spacing-1px)"
2859
+ },
2860
+ "kendo-badge-lg-gap": {
2861
+ "type": "String",
2862
+ "value": "var(--kendo-spacing-0\\.5)"
2863
+ },
2840
2864
  "kendo-badge-font-size": {
2841
2865
  "type": "Number",
2842
2866
  "value": "0.75rem"
@@ -2887,25 +2911,28 @@
2887
2911
  },
2888
2912
  "kendo-badge-sizes": {
2889
2913
  "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)))",
2914
+ "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
2915
  "prettyValue": {
2892
2916
  "sm": {
2893
- "padding-x": "0.325em",
2917
+ "padding-x": "0.16666666666666666em",
2894
2918
  "padding-y": "0.175em",
2919
+ "gap": "var(--kendo-spacing-0)",
2895
2920
  "font-size": "0.75rem",
2896
2921
  "line-height": 1,
2897
2922
  "min-width": "calc(1em + 0.175em * 2 + 1px * 2)"
2898
2923
  },
2899
2924
  "md": {
2900
- "padding-x": "0.65em",
2925
+ "padding-x": "0.3333333333333333em",
2901
2926
  "padding-y": "0.35em",
2927
+ "gap": "var(--kendo-spacing-1px)",
2902
2928
  "font-size": "0.75rem",
2903
2929
  "line-height": 1,
2904
2930
  "min-width": "calc(1em + 0.35em * 2 + 1px * 2)"
2905
2931
  },
2906
2932
  "lg": {
2907
- "padding-x": "0.975em",
2933
+ "padding-x": "0.5em",
2908
2934
  "padding-y": "0.525em",
2935
+ "gap": "var(--kendo-spacing-0\\.5)",
2909
2936
  "font-size": "0.75rem",
2910
2937
  "line-height": 1,
2911
2938
  "min-width": "calc(1em + 0.525em * 2 + 1px * 2)"
@@ -6005,6 +6032,10 @@
6005
6032
  "type": "Null",
6006
6033
  "value": "null"
6007
6034
  },
6035
+ "kendo-menu-popup-item-hover-description-text": {
6036
+ "type": "String",
6037
+ "value": "color-mix(in srgb, currentColor 85%, transparent)"
6038
+ },
6008
6039
  "kendo-menu-popup-item-active-bg": {
6009
6040
  "type": "String",
6010
6041
  "value": "var(--kendo-color-primary)"
@@ -6021,6 +6052,10 @@
6021
6052
  "type": "Null",
6022
6053
  "value": "null"
6023
6054
  },
6055
+ "kendo-menu-popup-item-active-description-text": {
6056
+ "type": "String",
6057
+ "value": "inherit"
6058
+ },
6024
6059
  "kendo-menu-popup-item-focus-shadow": {
6025
6060
  "type": "List",
6026
6061
  "value": "(inset 0 0 0 3px color-mix(in srgb, var(--kendo-color-on-app-surface) 15%, transparent))"
package/lib/swatches/bootstrap-3-dark.json CHANGED
@@ -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.8",
6
+ "version": "14.7.0",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(25.20% 0.0000 0deg)",
package/lib/swatches/bootstrap-3.json CHANGED
@@ -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.8",
6
+ "version": "14.7.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(97.01% 0.0001 0deg)",
package/lib/swatches/bootstrap-4-dark.json CHANGED
@@ -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.8",
6
+ "version": "14.7.0",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(26.21% 0.0095 248.24deg)",
package/lib/swatches/bootstrap-4.json CHANGED
@@ -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.8",
6
+ "version": "14.7.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(98.16% 0.0018 248.66deg)",
package/lib/swatches/bootstrap-dataviz-v4.json CHANGED
@@ -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.8",
6
+ "version": "14.7.0",
7
7
  "previewColors": [
8
8
  "oklch(56.39% 0.1748 253.31deg)",
9
9
  "oklch(75.91% 0.1029 220.18deg)",
package/lib/swatches/bootstrap-main-dark.json CHANGED
@@ -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.8",
6
+ "version": "14.7.0",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(26.21% 0.0095 248.24deg)",
package/lib/swatches/bootstrap-main.json CHANGED
@@ -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.8",
6
+ "version": "14.7.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(98.16% 0.0018 248.66deg)",
package/lib/swatches/bootstrap-nordic.json CHANGED
@@ -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.8",
6
+ "version": "14.7.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(98.16% 0.0018 248.66deg)",
package/lib/swatches/bootstrap-turquoise-dark.json CHANGED
@@ -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.8",
6
+ "version": "14.7.0",
7
7
  "previewColors": [
8
8
  "oklch(0.00% 0.0000 0deg)",
9
9
  "oklch(28.74% 0.0034 229.23deg)",
package/lib/swatches/bootstrap-turquoise.json CHANGED
@@ -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.8",
6
+ "version": "14.7.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(96.12% 0.0001 0deg)",
package/lib/swatches/bootstrap-urban.json CHANGED
@@ -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.8",
6
+ "version": "14.7.0",
7
7
  "previewColors": [
8
8
  "oklch(100.00% 0.0001 0deg)",
9
9
  "oklch(94.26% 0.0144 231.45deg)",
package/lib/swatches/bootstrap-vintage.json CHANGED
@@ -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.8",
6
+ "version": "14.7.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": "14.7.0-dev.8",
4
+ "version": "14.7.0",
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.8",
57
- "@progress/kendo-theme-utils": "14.7.0-dev.8"
56
+ "@progress/kendo-theme-core": "14.7.0",
57
+ "@progress/kendo-theme-utils": "14.7.0"
58
58
  },
59
59
  "directories": {
60
60
  "doc": "docs",
package/scss/badge/_variables.scss CHANGED
@@ -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,
package/scss/list/_variables.scss CHANGED
@@ -377,6 +377,12 @@ $kendo-list-item-description-line-height: var(--kendo-line-height) !default;
377
377
  /// The text color of the list item description.
378
378
  /// @group list
379
379
  $kendo-list-item-description-text: k-color(subtle) !default;
380
+ /// The text color of the list item description on hover.
381
+ /// @group list
382
+ $kendo-list-item-hover-description-text: color-mix(in srgb, currentColor 85%, transparent) !default;
383
+ /// The text color of the list item description when the item is selected.
384
+ /// @group list
385
+ $kendo-list-item-selected-description-text: inherit !default;
380
386
 
381
387
 
382
388
  @forward "@progress/kendo-theme-core/scss/components/list/_variables.scss" with (
@@ -487,6 +493,8 @@ $kendo-list-item-description-text: k-color(subtle) !default;
487
493
  $kendo-list-group-item-shadow: $kendo-list-group-item-shadow,
488
494
  $kendo-list-option-label-text: $kendo-list-option-label-text,
489
495
  $kendo-list-item-description-text: $kendo-list-item-description-text,
496
+ $kendo-list-item-hover-description-text: $kendo-list-item-hover-description-text,
497
+ $kendo-list-item-selected-description-text: $kendo-list-item-selected-description-text,
490
498
  $kendo-list-item-description-font-size: $kendo-list-item-description-font-size,
491
499
  $kendo-list-item-description-line-height: $kendo-list-item-description-line-height
492
500
  );
package/scss/menu/_variables.scss CHANGED
@@ -386,6 +386,9 @@ $kendo-menu-popup-item-hover-border: null !default;
386
386
  /// The background gradient of hovered Menu item in popup.
387
387
  /// @group menu
388
388
  $kendo-menu-popup-item-hover-gradient: null !default;
389
+ /// The text color of the description of hovered Menu item in popup.
390
+ /// @group menu
391
+ $kendo-menu-popup-item-hover-description-text: $kendo-list-item-hover-description-text !default;
389
392
 
390
393
  /// The background color of active Menu item in popup.
391
394
  /// @group menu
@@ -399,6 +402,9 @@ $kendo-menu-popup-item-active-border: null !default;
399
402
  /// The background gradient of active Menu item in popup.
400
403
  /// @group menu
401
404
  $kendo-menu-popup-item-active-gradient: null !default;
405
+ /// The text color of the description of active Menu item in popup.
406
+ /// @group menu
407
+ $kendo-menu-popup-item-active-description-text: $kendo-list-item-selected-description-text !default;
402
408
 
403
409
  /// The base shadow of focused Menu item in popup.
404
410
  /// @group menu
@@ -515,9 +521,11 @@ $kendo-menu-popup-item-focus-shadow: $kendo-menu-item-focus-shadow !default;
515
521
  $kendo-menu-popup-item-hover-text: $kendo-menu-popup-item-hover-text,
516
522
  $kendo-menu-popup-item-hover-border: $kendo-menu-popup-item-hover-border,
517
523
  $kendo-menu-popup-item-hover-gradient: $kendo-menu-popup-item-hover-gradient,
524
+ $kendo-menu-popup-item-hover-description-text: $kendo-menu-popup-item-hover-description-text,
518
525
  $kendo-menu-popup-item-active-bg: $kendo-menu-popup-item-active-bg,
519
526
  $kendo-menu-popup-item-active-text: $kendo-menu-popup-item-active-text,
520
527
  $kendo-menu-popup-item-active-border: $kendo-menu-popup-item-active-border,
521
528
  $kendo-menu-popup-item-active-gradient: $kendo-menu-popup-item-active-gradient,
529
+ $kendo-menu-popup-item-active-description-text: $kendo-menu-popup-item-active-description-text,
522
530
  $kendo-menu-popup-item-focus-shadow: $kendo-menu-popup-item-focus-shadow
523
531
  );