@progress/kendo-theme-classic 14.2.0-dev.1 → 14.2.0-dev.3

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 (34) 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 +934 -712
  17. package/dist/meta/sassdoc-raw-data.json +438 -338
  18. package/dist/meta/variables.json +23 -4
  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/list/_variables.scss +18 -1
@@ -1790,6 +1790,18 @@
1790
1790
  "type": "String",
1791
1791
  "value": "var(--kendo-spacing-1\\.5)"
1792
1792
  },
1793
+ "kendo-list-sm-sticky-header-padding-y": {
1794
+ "type": "String",
1795
+ "value": "var(--kendo-spacing-1\\.5)"
1796
+ },
1797
+ "kendo-list-md-sticky-header-padding-y": {
1798
+ "type": "String",
1799
+ "value": "var(--kendo-spacing-2)"
1800
+ },
1801
+ "kendo-list-lg-sticky-header-padding-y": {
1802
+ "type": "String",
1803
+ "value": "var(--kendo-spacing-2\\.5)"
1804
+ },
1793
1805
  "kendo-list-header-border-width": {
1794
1806
  "type": "List",
1795
1807
  "value": "(0 0 1px)"
@@ -2032,7 +2044,7 @@
2032
2044
  },
2033
2045
  "kendo-list-sizes": {
2034
2046
  "type": "Map",
2035
- "value": "(sm: (font-size: var(--kendo-font-size), line-height: var(--kendo-line-height), header-padding-x: var(--kendo-spacing-2), header-padding-y: var(--kendo-spacing-0\\.5), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-0\\.5), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-2), group-item-padding-y: calc(var(--kendo-spacing-0\\.5) + 1px), group-item-font-size: var(--kendo-font-size-sm), group-item-line-height: var(--kendo-line-height-lg), item-group-label-padding-x: 0.5em, item-group-label-padding-y: 0, item-group-label-font-size: 0.75em, item-group-label-line-height: inherit, filter-padding-x: var(--kendo-spacing-2), filter-padding-y: var(--kendo-spacing-2)), md: (font-size: var(--kendo-font-size), line-height: var(--kendo-line-height), header-padding-x: var(--kendo-spacing-2), header-padding-y: var(--kendo-spacing-1), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-1), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-2), group-item-padding-y: calc(var(--kendo-spacing-1) + 1px), group-item-font-size: var(--kendo-font-size-sm), group-item-line-height: var(--kendo-line-height-lg), item-group-label-padding-x: 0.5em, item-group-label-padding-y: 0, item-group-label-font-size: 0.75em, item-group-label-line-height: inherit, filter-padding-x: var(--kendo-spacing-2), filter-padding-y: var(--kendo-spacing-2)), lg: (font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg), header-padding-x: var(--kendo-spacing-2), header-padding-y: var(--kendo-spacing-1\\.5), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-3), item-padding-y: var(--kendo-spacing-2), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-2), group-item-padding-y: calc(var(--kendo-spacing-1\\.5) + 1px), group-item-font-size: var(--kendo-font-size-sm), group-item-line-height: var(--kendo-line-height-lg), item-group-label-padding-x: 0.5em, item-group-label-padding-y: 0, item-group-label-font-size: 0.75em, item-group-label-line-height: inherit, filter-padding-x: var(--kendo-spacing-2), filter-padding-y: var(--kendo-spacing-2)))",
2047
+ "value": "(sm: (font-size: var(--kendo-font-size), line-height: var(--kendo-line-height), header-padding-x: var(--kendo-spacing-2), header-padding-y: var(--kendo-spacing-0\\.5), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-0\\.5), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-2), group-item-padding-y: calc(var(--kendo-spacing-0\\.5) + 1px), group-item-font-size: var(--kendo-font-size-sm), group-item-line-height: var(--kendo-line-height-lg), item-group-label-padding-x: 0.5em, item-group-label-padding-y: 0, item-group-label-font-size: 0.75em, item-group-label-line-height: inherit, filter-padding-x: var(--kendo-spacing-2), filter-padding-y: var(--kendo-spacing-2), sticky-header-padding-y: var(--kendo-spacing-1\\.5)), md: (font-size: var(--kendo-font-size), line-height: var(--kendo-line-height), header-padding-x: var(--kendo-spacing-2), header-padding-y: var(--kendo-spacing-1), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-2), item-padding-y: var(--kendo-spacing-1), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-2), group-item-padding-y: calc(var(--kendo-spacing-1) + 1px), group-item-font-size: var(--kendo-font-size-sm), group-item-line-height: var(--kendo-line-height-lg), item-group-label-padding-x: 0.5em, item-group-label-padding-y: 0, item-group-label-font-size: 0.75em, item-group-label-line-height: inherit, filter-padding-x: var(--kendo-spacing-2), filter-padding-y: var(--kendo-spacing-2), sticky-header-padding-y: var(--kendo-spacing-2)), lg: (font-size: var(--kendo-font-size-lg), line-height: var(--kendo-line-height-lg), header-padding-x: var(--kendo-spacing-2), header-padding-y: var(--kendo-spacing-1\\.5), header-font-size: null, header-line-height: null, item-padding-x: var(--kendo-spacing-3), item-padding-y: var(--kendo-spacing-2), item-font-size: null, item-line-height: null, group-item-padding-x: var(--kendo-spacing-2), group-item-padding-y: calc(var(--kendo-spacing-1\\.5) + 1px), group-item-font-size: var(--kendo-font-size-sm), group-item-line-height: var(--kendo-line-height-lg), item-group-label-padding-x: 0.5em, item-group-label-padding-y: 0, item-group-label-font-size: 0.75em, item-group-label-line-height: inherit, filter-padding-x: var(--kendo-spacing-2), filter-padding-y: var(--kendo-spacing-2), sticky-header-padding-y: var(--kendo-spacing-2\\.5)))",
2036
2048
  "prettyValue": {
2037
2049
  "sm": {
2038
2050
  "font-size": "var(--kendo-font-size)",
@@ -2054,7 +2066,8 @@
2054
2066
  "item-group-label-font-size": "0.75em",
2055
2067
  "item-group-label-line-height": "inherit",
2056
2068
  "filter-padding-x": "var(--kendo-spacing-2)",
2057
- "filter-padding-y": "var(--kendo-spacing-2)"
2069
+ "filter-padding-y": "var(--kendo-spacing-2)",
2070
+ "sticky-header-padding-y": "var(--kendo-spacing-1\\.5)"
2058
2071
  },
2059
2072
  "md": {
2060
2073
  "font-size": "var(--kendo-font-size)",
@@ -2076,7 +2089,8 @@
2076
2089
  "item-group-label-font-size": "0.75em",
2077
2090
  "item-group-label-line-height": "inherit",
2078
2091
  "filter-padding-x": "var(--kendo-spacing-2)",
2079
- "filter-padding-y": "var(--kendo-spacing-2)"
2092
+ "filter-padding-y": "var(--kendo-spacing-2)",
2093
+ "sticky-header-padding-y": "var(--kendo-spacing-2)"
2080
2094
  },
2081
2095
  "lg": {
2082
2096
  "font-size": "var(--kendo-font-size-lg)",
@@ -2098,7 +2112,8 @@
2098
2112
  "item-group-label-font-size": "0.75em",
2099
2113
  "item-group-label-line-height": "inherit",
2100
2114
  "filter-padding-x": "var(--kendo-spacing-2)",
2101
- "filter-padding-y": "var(--kendo-spacing-2)"
2115
+ "filter-padding-y": "var(--kendo-spacing-2)",
2116
+ "sticky-header-padding-y": "var(--kendo-spacing-2\\.5)"
2102
2117
  }
2103
2118
  }
2104
2119
  },
@@ -2130,6 +2145,10 @@
2130
2145
  "type": "String",
2131
2146
  "value": "none"
2132
2147
  },
2148
+ "kendo-list-sticky-header-shadow": {
2149
+ "type": "List",
2150
+ "value": "(0 2px 4px 0 rgba(0, 0, 0, 0.08))"
2151
+ },
2133
2152
  "kendo-list-item-bg": {
2134
2153
  "type": "Null",
2135
2154
  "value": "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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
6
+ "version": "14.2.0-dev.3",
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.2.0-dev.1",
4
+ "version": "14.2.0-dev.3",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -54,8 +54,8 @@
54
54
  },
55
55
  "dependencies": {
56
56
  "@progress/kendo-svg-icons": "^4.9.0",
57
- "@progress/kendo-theme-core": "14.2.0-dev.1",
58
- "@progress/kendo-theme-utils": "14.2.0-dev.1"
57
+ "@progress/kendo-theme-core": "14.2.0-dev.3",
58
+ "@progress/kendo-theme-utils": "14.2.0-dev.3"
59
59
  },
60
60
  "directories": {
61
61
  "doc": "docs",
@@ -64,6 +64,16 @@ $kendo-list-md-header-padding-y: k-spacing(1) !default;
64
64
  /// @group list
65
65
  $kendo-list-lg-header-padding-y: k-spacing(1.5) !default;
66
66
 
67
+ /// The vertical padding of the small List sticky header.
68
+ /// @group list
69
+ $kendo-list-sm-sticky-header-padding-y: k-spacing(1.5) !default;
70
+ /// The vertical padding of the medium List sticky header.
71
+ /// @group list
72
+ $kendo-list-md-sticky-header-padding-y: k-spacing(2) !default;
73
+ /// The vertical padding of the large List sticky header.
74
+ /// @group list
75
+ $kendo-list-lg-sticky-header-padding-y: k-spacing(2.5) !default;
76
+
67
77
  /// The border width of the List header.
68
78
  /// @group list
69
79
  $kendo-list-header-border-width: 0 0 1px !default;
@@ -290,7 +300,6 @@ $kendo-list-header-border: inherit !default;
290
300
  /// @group list
291
301
  $kendo-list-header-shadow: none !default;
292
302
 
293
-
294
303
  /// The background color of the List items.
295
304
  /// @group list
296
305
  $kendo-list-item-bg: null !default;
@@ -318,6 +327,10 @@ $kendo-list-item-focus-text: null !default;
318
327
  /// @group list
319
328
  $kendo-list-item-focus-shadow: inset 0 0 0 2px k-color(border-alt) !default;
320
329
 
330
+ /// The box shadow of the List sticky header.
331
+ /// @group list
332
+ $kendo-list-sticky-header-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.08) !default;
333
+
321
334
  /// The background color of the selected List items.
322
335
  /// @group list
323
336
  $kendo-list-item-selected-bg: color-mix(in srgb, k-color(on-app-surface) 12%, transparent ) !default;
@@ -378,6 +391,9 @@ $kendo-list-item-description-text: k-color(subtle) !default;
378
391
  $kendo-list-sm-header-padding-y: $kendo-list-sm-header-padding-y,
379
392
  $kendo-list-md-header-padding-y: $kendo-list-md-header-padding-y,
380
393
  $kendo-list-lg-header-padding-y: $kendo-list-lg-header-padding-y,
394
+ $kendo-list-sm-sticky-header-padding-y: $kendo-list-sm-sticky-header-padding-y,
395
+ $kendo-list-md-sticky-header-padding-y: $kendo-list-md-sticky-header-padding-y,
396
+ $kendo-list-lg-sticky-header-padding-y: $kendo-list-lg-sticky-header-padding-y,
381
397
  $kendo-list-header-border-width: $kendo-list-header-border-width,
382
398
  $kendo-list-header-font-size: $kendo-list-header-font-size,
383
399
  $kendo-list-sm-header-font-size: $kendo-list-sm-header-font-size,
@@ -453,6 +469,7 @@ $kendo-list-item-description-text: k-color(subtle) !default;
453
469
  $kendo-list-item-focus-bg: $kendo-list-item-focus-bg,
454
470
  $kendo-list-item-focus-text: $kendo-list-item-focus-text,
455
471
  $kendo-list-item-focus-shadow: $kendo-list-item-focus-shadow,
472
+ $kendo-list-sticky-header-shadow: $kendo-list-sticky-header-shadow,
456
473
  $kendo-list-item-selected-bg: $kendo-list-item-selected-bg,
457
474
  $kendo-list-item-selected-text: $kendo-list-item-selected-text,
458
475
  $kendo-list-item-selected-hover-bg: $kendo-list-item-selected-hover-bg,