@progress/kendo-theme-classic 7.0.3-dev.2 → 7.1.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 (27) hide show
  1. package/dist/all.css +143 -110
  2. package/dist/all.scss +376 -176
  3. package/dist/meta/sassdoc-data.json +28218 -19536
  4. package/dist/meta/sassdoc-raw-data.json +13393 -9393
  5. package/dist/meta/variables.json +6 -62
  6. package/lib/swatches/classic-green-dark.json +1 -1
  7. package/lib/swatches/classic-green.json +1 -1
  8. package/lib/swatches/classic-lavender-dark.json +1 -1
  9. package/lib/swatches/classic-lavender.json +1 -1
  10. package/lib/swatches/classic-main-dark.json +1 -1
  11. package/lib/swatches/classic-main.json +1 -1
  12. package/lib/swatches/classic-metro-dark.json +1 -1
  13. package/lib/swatches/classic-metro.json +1 -1
  14. package/lib/swatches/classic-moonlight.json +1 -1
  15. package/lib/swatches/classic-opal-dark.json +1 -1
  16. package/lib/swatches/classic-opal.json +1 -1
  17. package/lib/swatches/classic-silver-dark.json +1 -1
  18. package/lib/swatches/classic-silver.json +1 -1
  19. package/lib/swatches/classic-uniform.json +1 -1
  20. package/package.json +5 -5
  21. package/scss/captcha/_variables.scss +29 -1
  22. package/scss/dropzone/_variables.scss +39 -1
  23. package/scss/filemanager/_variables.scss +116 -1
  24. package/scss/pdf-viewer/_variables.scss +67 -1
  25. package/scss/rating/_variables.scss +30 -0
  26. package/scss/skeleton/_variables.scss +13 -1
  27. package/scss/tooltip/_variables.scss +49 -16
package/scss/pdf-viewer/_variables.scss CHANGED
@@ -1,44 +1,110 @@
1
- // PDF viewer
1
+ // PDFViewer
2
2
 
3
+ /// The border width of the PDFViewer.
4
+ /// @group pdf-viewer
3
5
  $kendo-pdf-viewer-border-width: 1px !default;
6
+ /// The font family of the PDFViewer.
7
+ /// @group pdf-viewer
4
8
  $kendo-pdf-viewer-font-family: $kendo-font-family !default;
9
+ /// The font size of the PDFViewer.
10
+ /// @group pdf-viewer
5
11
  $kendo-pdf-viewer-font-size: $kendo-font-size-md !default;
12
+ /// The line height of the PDFViewer.
13
+ /// @group pdf-viewer
6
14
  $kendo-pdf-viewer-line-height: $kendo-line-height-md !default;
7
15
 
16
+ /// The background color of the PDFViewer.
17
+ /// @group pdf-viewer
8
18
  $kendo-pdf-viewer-bg: $kendo-component-bg !default;
19
+ /// The text color of the PDFViewer.
20
+ /// @group pdf-viewer
9
21
  $kendo-pdf-viewer-text: $kendo-component-text !default;
22
+ /// The border color of the PDFViewer.
23
+ /// @group pdf-viewer
10
24
  $kendo-pdf-viewer-border: $kendo-component-border !default;
11
25
 
26
+ /// The background color of the PDFViewer Toolbar.
27
+ /// @group pdf-viewer
12
28
  $kendo-pdf-viewer-toolbar-bg: null !default;
29
+ /// The text color of the PDFViewer Toolbar.
30
+ /// @group pdf-viewer
13
31
  $kendo-pdf-viewer-toolbar-text: null !default;
32
+ /// The border color of the PDFViewer Toolbar.
33
+ /// @group pdf-viewer
14
34
  $kendo-pdf-viewer-toolbar-border: null !default;
35
+ /// The gradient of the PDFViewer Toolbar.
36
+ /// @group pdf-viewer
15
37
  $kendo-pdf-viewer-toolbar-gradient: null !default;
16
38
 
39
+ /// The background color of the PDFViewer canvas.
40
+ /// @group pdf-viewer
17
41
  $kendo-pdf-viewer-canvas-bg: $kendo-app-bg !default;
42
+ /// The text color of the PDFViewer canvas.
43
+ /// @group pdf-viewer
18
44
  $kendo-pdf-viewer-canvas-text: null !default;
45
+ /// The border color of the PDFViewer canvas.
46
+ /// @group pdf-viewer
19
47
  $kendo-pdf-viewer-canvas-border: null !default;
20
48
 
49
+ /// The spacing of the PDFViewer page.
50
+ /// @group pdf-viewer
21
51
  $kendo-pdf-viewer-page-spacing: 30px !default;
22
52
 
53
+ /// The background color of the PDFViewer page.
54
+ /// @group pdf-viewer
23
55
  $kendo-pdf-viewer-page-bg: white !default;
56
+ /// The text color of the PDFViewer page.
57
+ /// @group pdf-viewer
24
58
  $kendo-pdf-viewer-page-text: $kendo-component-text !default;
59
+ /// The border color of the PDFViewer page.
60
+ /// @group pdf-viewer
25
61
  $kendo-pdf-viewer-page-border: $kendo-component-border !default;
62
+ /// The shadow of the PDFViewer page.
63
+ /// @group pdf-viewer
26
64
  $kendo-pdf-viewer-page-shadow: k-elevation(3) !default;
27
65
 
66
+ /// The horizontal padding of the PDFViewer search panel.
67
+ /// @group pdf-viewer
28
68
  $kendo-pdf-viewer-search-panel-padding-x: $kendo-toolbar-md-padding-x !default;
69
+ /// The vertical padding of the PDFViewer search panel.
70
+ /// @group pdf-viewer
29
71
  $kendo-pdf-viewer-search-panel-padding-y: k-map-get( $kendo-spacing, 3 ) !default;
72
+ /// The spacing of the PDFViewer search panel.
73
+ /// @group pdf-viewer
30
74
  $kendo-pdf-viewer-search-panel-spacing: $kendo-toolbar-md-spacing !default;
75
+ /// The border width of the PDFViewer search panel.
76
+ /// @group pdf-viewer
31
77
  $kendo-pdf-viewer-search-panel-border-width: 1px !default;
78
+ /// The border radius of the PDFViewer search panel.
79
+ /// @group pdf-viewer
32
80
  $kendo-pdf-viewer-search-panel-border-radius: k-map-get( $kendo-spacing, 1 ) !default;
81
+ /// The background color of the PDFViewer search panel.
82
+ /// @group pdf-viewer
33
83
  $kendo-pdf-viewer-search-panel-bg: $kendo-component-bg !default;
84
+ /// The text color of the PDFViewer search panel.
85
+ /// @group pdf-viewer
34
86
  $kendo-pdf-viewer-search-panel-text: $kendo-component-text !default;
87
+ /// The border color of the PDFViewer search panel.
88
+ /// @group pdf-viewer
35
89
  $kendo-pdf-viewer-search-panel-border: $kendo-component-border !default;
90
+ /// The shadow of the PDFViewer search panel.
91
+ /// @group pdf-viewer
36
92
  $kendo-pdf-viewer-search-panel-shadow: $kendo-window-shadow !default;
93
+ /// The spacing of the matches container in the PDFViewer search panel.
94
+ /// @group pdf-viewer
37
95
  $kendo-pdf-viewer-search-panel-matches-spacing: $kendo-padding-sm-x !default;
38
96
 
97
+ /// The line height of the PDFViewer selection.
98
+ /// @group pdf-viewer
39
99
  $kendo-pdf-viewer-selection-line-height: $kendo-line-height-sm !default;
40
100
 
101
+ /// The background color of the PDFViewer highlight.
102
+ /// @group pdf-viewer
41
103
  $kendo-pdf-viewer-search-highlight-bg: $kendo-body-text !default;
104
+ /// The background color of the PDFViewer highlight mark.
105
+ /// @group pdf-viewer
42
106
  $kendo-pdf-viewer-search-highlight-mark-bg: yellow !default;
43
107
 
108
+ /// The text color of the PDFViewer icon.
109
+ /// @group pdf-viewer
44
110
  $kendo-pdf-viewer-icon-text: $kendo-dropzone-icon-text !default;
package/scss/rating/_variables.scss CHANGED
@@ -1,22 +1,52 @@
1
1
  // Rating
2
2
 
3
+ /// The font family of the Rating.
4
+ /// @group rating
3
5
  $kendo-rating-font-family: $kendo-font-family !default;
6
+ /// The font size of the Rating.
7
+ /// @group rating
4
8
  $kendo-rating-font-size: $kendo-font-size-md !default;
9
+ /// The line height of the Rating.
10
+ /// @group rating
5
11
  $kendo-rating-line-height: $kendo-line-height-md !default;
6
12
 
13
+ /// The horizontal margin of the Rating container.
14
+ /// @group rating
7
15
  $kendo-rating-container-margin-x: $kendo-padding-sm-x !default;
8
16
 
17
+ /// The horizontal padding of the Rating item.
18
+ /// @group rating
9
19
  $kendo-rating-item-padding-x: $kendo-padding-sm-x !default;
20
+ /// The vertical padding of the Rating item.
21
+ /// @group rating
10
22
  $kendo-rating-item-padding-y: $kendo-padding-md-y !default;
11
23
 
24
+ /// The horizontal margin of the Rating label.
25
+ /// @group rating
12
26
  $kendo-rating-label-margin-x: $kendo-padding-md-x !default;
27
+ /// The vertical margin of the Rating label.
28
+ /// @group rating
13
29
  $kendo-rating-label-margin-y: $kendo-padding-md-y !default;
30
+ /// The line height of the Rating label.
31
+ /// @group rating
14
32
  $kendo-rating-label-line-height: $kendo-line-height-lg !default;
15
33
 
34
+ /// The text color of the Rating icon.
35
+ /// @group rating
16
36
  $kendo-rating-icon-text: $kendo-component-text !default;
37
+ /// The text color of the selected Rating icon.
38
+ /// @group rating
17
39
  $kendo-rating-icon-selected-text: $kendo-selected-bg !default;
40
+ /// The text color of the hovered Rating icon.
41
+ /// @group rating
18
42
  $kendo-rating-icon-hover-text: $kendo-selected-bg !default;
43
+ /// The text color of the focused Rating icon.
44
+ /// @group rating
19
45
  $kendo-rating-icon-focus-text: $kendo-selected-bg !default;
20
46
 
47
+ /// The shadow of the focused Rating icon.
48
+ /// @group rating
21
49
  $kendo-rating-icon-focus-shadow: 0 2px 4px rgba( black, .1 ) !default;
50
+ /// The shadow of the focused and selected Rating icon.
51
+ /// @group rating
22
52
  $kendo-rating-icon-focus-selected-shadow: 0 2px 4px rgba( black, .1) !default;
package/scss/skeleton/_variables.scss CHANGED
@@ -1,11 +1,23 @@
1
1
  // Skeleton
2
+
3
+ /// The transform scale of the Skeleton text.
4
+ /// @group skeleton
2
5
  $kendo-skeleton-text-transform: scale( 1, .6 ) !default;
6
+ /// The border radius of the Skeleton text.
7
+ /// @group skeleton
3
8
  $kendo-skeleton-text-border-radius: $kendo-border-radius-md !default;
4
9
 
10
+ /// The border radius of the rectangular Skeleton.
11
+ /// @group skeleton
5
12
  $kendo-skeleton-rect-border-radius: 0 !default;
6
13
 
14
+ /// The border radius of the circular Skeleton.
15
+ /// @group skeleton
7
16
  $kendo-skeleton-circle-border-radius: 9999px !default;
8
17
 
18
+ /// The background color of the Skeleton item.
19
+ /// @group skeleton
9
20
  $kendo-skeleton-item-bg: rgba( $kendo-color-inverse, .2 ) !default;
10
-
21
+ /// The background color of the Skeleton wave animation.
22
+ /// @group skeleton
11
23
  $kendo-skeleton-wave-bg: rgba( black, .04 ) !default;
package/scss/tooltip/_variables.scss CHANGED
@@ -1,37 +1,70 @@
1
1
  // Tooltip
2
+
3
+ /// The vertical padding of the Tooltip.
4
+ /// @group tooltip
2
5
  $kendo-tooltip-padding-y: $kendo-padding-md-y !default;
6
+ /// The horizontal padding of the Tooltip.
7
+ /// @group tooltip
3
8
  $kendo-tooltip-padding-x: $kendo-padding-md-x !default;
4
- $kendo-tooltip-max-width: null !default;
9
+ /// The width of the border around the Tooltip.
10
+ /// @group tooltip
5
11
  $kendo-tooltip-border-width: 0px !default;
12
+ /// The border radius of the Tooltip.
13
+ /// @group tooltip
6
14
  $kendo-tooltip-border-radius: $kendo-border-radius-md !default;
7
15
 
16
+ /// The font family of the Tooltip.
17
+ /// @group tooltip
8
18
  $kendo-tooltip-font-family: $kendo-font-family !default;
19
+ /// The font size of the Tooltip.
20
+ /// @group tooltip
9
21
  $kendo-tooltip-font-size: $kendo-font-size-md !default;
22
+ /// The line height of the Tooltip.
23
+ /// @group tooltip
10
24
  $kendo-tooltip-line-height: 1.25 !default;
11
25
 
26
+ /// The font size of the Tooltip title.
27
+ /// @group tooltip
12
28
  $kendo-tooltip-title-font-size: ($kendo-tooltip-font-size * 1.25) !default;
29
+ /// The line height of the Tooltip title.
30
+ /// @group tooltip
13
31
  $kendo-tooltip-title-line-height: 1 !default;
14
32
 
33
+ /// The size of the Tooltip callout.
34
+ /// @group tooltip
15
35
  $kendo-tooltip-callout-size: 6px !default;
16
36
 
37
+ /// The default background of the Tooltip.
38
+ /// @group tooltip
17
39
  $kendo-tooltip-bg: rgba( k-contrast-color( $kendo-body-bg ), .75 ) !default;
40
+ /// The default text color of the Tooltip.
41
+ /// @group tooltip
18
42
  $kendo-tooltip-text: k-contrast-color( $kendo-tooltip-bg ) !default;
43
+ /// The default border color of the Tooltip.
44
+ /// @group tooltip
19
45
  $kendo-tooltip-border: $kendo-tooltip-bg !default;
20
46
 
47
+ /// The box-shadow of the Tooltip.
48
+ /// @group tooltip
21
49
  $kendo-tooltip-shadow: k-elevation(2) !default;
22
50
 
23
- $kendo-tooltip-primary-bg: $kendo-color-primary !default;
24
- $kendo-tooltip-primary-text: k-contrast-legacy( $kendo-tooltip-primary-bg ) !default;
25
- $kendo-tooltip-primary-border: $kendo-tooltip-primary-bg !default;
26
- $kendo-tooltip-info-bg: $kendo-color-info !default;
27
- $kendo-tooltip-info-text: k-contrast-color( $kendo-tooltip-info-bg ) !default;
28
- $kendo-tooltip-info-border: $kendo-tooltip-info-bg !default;
29
- $kendo-tooltip-success-bg: $kendo-color-success !default;
30
- $kendo-tooltip-success-text: k-contrast-color( $kendo-tooltip-success-bg ) !default;
31
- $kendo-tooltip-success-border: $kendo-tooltip-success-bg !default;
32
- $kendo-tooltip-warning-bg: $kendo-color-warning !default;
33
- $kendo-tooltip-warning-text: k-contrast-color( $kendo-tooltip-warning-bg ) !default;
34
- $kendo-tooltip-warning-border: $kendo-tooltip-warning-bg !default;
35
- $kendo-tooltip-error-bg: $kendo-color-error !default;
36
- $kendo-tooltip-error-text: k-contrast-color( $kendo-tooltip-error-bg ) !default;
37
- $kendo-tooltip-error-border: $kendo-tooltip-error-bg !default;
51
+ @function tooltip-theme( $colors ) {
52
+ $_theme: ();
53
+
54
+ @each $name, $color in $colors {
55
+ $_theme: k-map-merge(( $name: (
56
+ color: k-contrast-legacy( $color ),
57
+ background-color: $color,
58
+ border: $color,
59
+ )), $_theme );
60
+ }
61
+
62
+ @return $_theme;
63
+ }
64
+
65
+ /// The theme colors map for the Tooltip.
66
+ /// @group tooltip
67
+ $kendo-tooltip-theme-colors: $kendo-theme-colors !default;
68
+ /// The generated theme colors map for the Tooltip.
69
+ /// @group tooltip
70
+ $kendo-tooltip-theme: tooltip-theme( $kendo-tooltip-theme-colors ) !default;