@progress/kendo-theme-fluent 6.5.0-dev.0 → 6.5.0-dev.1

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 +48 -10
  2. package/dist/meta/sassdoc-data.json +5691 -3647
  3. package/dist/meta/sassdoc-raw-data.json +8024 -6999
  4. package/lib/swatches/all.json +1 -1
  5. package/lib/swatches/fluent-main.json +1 -1
  6. package/package.json +4 -4
  7. package/scss/appbar/_variables.scss +30 -29
  8. package/scss/bottom-navigation/_variables.scss +30 -34
  9. package/scss/breadcrumb/_layout.scss +37 -10
  10. package/scss/breadcrumb/_variables.scss +121 -30
  11. package/scss/coloreditor/_variables.scss +29 -30
  12. package/scss/colorgradient/_variables.scss +68 -68
  13. package/scss/colorpalette/_variables.scss +15 -15
  14. package/scss/dialog/_variables.scss +17 -17
  15. package/scss/editor/_variables.scss +35 -29
  16. package/scss/expansion-panel/_variables.scss +34 -31
  17. package/scss/filter/_variables.scss +14 -14
  18. package/scss/listbox/_variables.scss +15 -16
  19. package/scss/listview/_variables.scss +37 -37
  20. package/scss/loader/_variables.scss +66 -20
  21. package/scss/notification/_variables.scss +19 -17
  22. package/scss/popover/_variables.scss +34 -34
  23. package/scss/progressbar/_variables.scss +44 -48
  24. package/scss/scrollview/_variables.scss +36 -46
  25. package/scss/tilelayout/_variables.scss +8 -8
  26. package/scss/upload/_variables.scss +37 -37
  27. package/scss/window/_variables.scss +38 -38
package/scss/coloreditor/_variables.scss CHANGED
@@ -2,92 +2,91 @@
2
2
  @use "sass:math";
3
3
  @use "../core/" as *;
4
4
 
5
- /// Spacer of the color editor.
5
+ /// The spacer of the ColorEditor.
6
6
  /// @group coloreditor
7
7
  $kendo-color-editor-spacer: map.get( $kendo-spacing, 2 ) !default;
8
8
 
9
- /// Min width of the color editor.
9
+ /// The minimum width of the ColorEditor.
10
10
  /// @group coloreditor
11
11
  $kendo-color-editor-min-width: 260px !default;
12
- /// Border width of the color editor.
12
+ /// The width of the border around the ColorEditor.
13
13
  /// @group coloreditor
14
14
  $kendo-color-editor-border-width: 1px !default;
15
- /// Border radius of the color editor.
15
+ /// The border radius of the ColorEditor.
16
16
  /// @group coloreditor
17
17
  $kendo-color-editor-border-radius: var( --kendo-border-radius-md, 0 ) !default;
18
- /// Font family of the color editor.
18
+ /// The font family of the ColorEditor.
19
19
  /// @group coloreditor
20
20
  $kendo-color-editor-font-family: var( --kendo-font-family, inherit ) !default;
21
- /// Font size of the color editor.
21
+ /// The font size of the ColorEditor.
22
22
  /// @group coloreditor
23
23
  $kendo-color-editor-font-size: var( --kendo-font-size, inherit ) !default;
24
- /// Line height of the color editor.
24
+ /// The line height of the ColorEditor.
25
25
  /// @group coloreditor
26
26
  $kendo-color-editor-line-height: var( --kendo-line-height, normal ) !default;
27
- /// Background color of the color editor.
28
- /// @group coloreditor
29
- $kendo-color-editor-bg: var( --kendo-component-bg, initial ) !default;
30
- /// Text color of the color editor.
27
+ /// The text color of the ColorEditor.
31
28
  /// @group coloreditor
32
29
  $kendo-color-editor-text: var( --kendo-component-text, initial ) !default;
33
- /// Border color of the color editor.
30
+ /// The background color of the ColorEditor.
31
+ /// @group coloreditor
32
+ $kendo-color-editor-bg: var( --kendo-component-bg, initial ) !default;
33
+ /// The border color of the ColorEditor.
34
34
  /// @group coloreditor
35
35
  $kendo-color-editor-border: var( --kendo-component-border, initial ) !default;
36
- /// Shadow of the color editor.
36
+ /// The box shadow of the ColorEditor.
37
37
  /// @group coloreditor
38
38
  $kendo-color-editor-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
39
39
 
40
- /// Focus border color of the color editor.
40
+ /// The border color of the focused ColorEditor.
41
41
  /// @group coloreditor
42
42
  $kendo-color-editor-focus-border: get-theme-color-var( neutral-20 ) !default;
43
- /// Focus shadow of the color editor.
43
+ /// The box shadow of the focused ColorEditor.
44
44
  /// @group coloreditor
45
45
  $kendo-color-editor-focus-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
46
46
 
47
- /// Horizontal padding of the color editor header.
47
+ /// The vertical padding of the ColorEditor header.
48
48
  /// @group coloreditor
49
49
  $kendo-color-editor-header-padding-y: $kendo-color-editor-spacer !default;
50
- /// Vertical padding of the color editor header.
50
+ /// The horizontal padding of the ColorEditor header.
51
51
  /// @group coloreditor
52
52
  $kendo-color-editor-header-padding-x: $kendo-color-editor-header-padding-y !default;
53
- /// Spacing of the color editor header.
53
+ /// The spacing between the ColorEditor header actions.
54
54
  /// @group coloreditor
55
55
  $kendo-color-editor-header-actions-spacing: math.div( $kendo-color-editor-spacer, 2 ) !default;
56
56
 
57
- /// Width of the color editor preview.
57
+ /// The width of the ColorEditor preview.
58
58
  /// @group coloreditor
59
59
  $kendo-color-editor-color-preview-width: 34px !default;
60
- /// Height of the color editor preview.
60
+ /// The height of the ColorEditor preview.
61
61
  /// @group coloreditor
62
62
  $kendo-color-editor-color-preview-height: 14px !default;
63
-
64
- /// Spacing between the colors in the color editor preview.
63
+ /// The spacing between the colors in the ColorEditor preview.
65
64
  /// @group coloreditor
66
65
  $kendo-color-editor-preview-spacing: map.get( $kendo-spacing, 1 ) !default;
67
66
 
68
- /// Horizontal padding of the color editor views container.
67
+ /// The vertical padding of the ColorEditor views container.
69
68
  /// @group coloreditor
70
69
  $kendo-color-editor-views-padding-y: $kendo-color-editor-spacer !default;
71
- /// Vertical padding of the color editor views container.
70
+ /// The horizontal padding of the ColorEditor views container.
72
71
  /// @group coloreditor
73
72
  $kendo-color-editor-views-padding-x: $kendo-color-editor-views-padding-y !default;
74
- /// Spacing of the color editor views container.
73
+ /// The spacing of the ColorEditor views container.
75
74
  /// @group coloreditor
76
75
  $kendo-color-editor-views-spacing: $kendo-color-editor-spacer !default;
77
76
 
78
- /// Horizontal padding of the color editor footer.
77
+ /// The vertical padding of the ColorEditor footer.
79
78
  /// @group coloreditor
80
79
  $kendo-color-editor-footer-padding-y: map.get( $kendo-spacing, 2 ) !default;
81
- /// Vertical padding of the color editor footer.
80
+ /// The horizontal padding of the ColorEditor footer.
82
81
  /// @group coloreditor
83
82
  $kendo-color-editor-footer-padding-x: map.get( $kendo-spacing, 2 ) !default;
84
83
 
85
- /// The color of the focused colorgradient.
84
+ /// The outline color of the focused ColorGradient.
86
85
  /// @group coloreditor
87
86
  $kendo-color-editor-color-gradient-focus-outline-color: rgba(0, 0, 0, 0.3) !default;
88
- /// The outline of the focused colorgradient.
87
+ /// The outline width of the focused ColorGradient.
89
88
  /// @group coloreditor
90
89
  $kendo-color-editor-color-gradient-focus-outline: 2px !default;
91
- /// The outline offset of the focused colorgradient.
90
+ /// The outline offset of the focused ColorGradient.
92
91
  /// @group coloreditor
93
92
  $kendo-color-editor-color-gradient-focus-outline-offset: 2px !default;
package/scss/colorgradient/_variables.scss CHANGED
@@ -2,151 +2,151 @@
2
2
  @use "sass:math";
3
3
  @use "../core/" as *;
4
4
 
5
- /// Spacer of the color gradient.
5
+ /// The spacer of the ColorGradient.
6
6
  /// @group cologradient
7
7
  $kendo-color-gradient-spacer: map.get( $kendo-spacing, 4 ) !default;
8
8
 
9
- /// Default width of the color gradient.
9
+ /// The width of the ColorGradient.
10
10
  /// @group cologradient
11
11
  $kendo-color-gradient-width: 260px !default;
12
- /// Border width of the color gradient.
12
+ /// The width of the border around the ColorGradient.
13
13
  /// @group cologradient
14
14
  $kendo-color-gradient-border-width: 1px !default;
15
- /// Border radius of the color gradient.
15
+ /// The border radius of the ColorGradient.
16
16
  /// @group cologradient
17
17
  $kendo-color-gradient-border-radius: var( --kendo-border-radius-md, 0 ) !default;
18
- /// Vertical padding of the color gradient.
18
+ /// The vertical padding of the ColorGradient.
19
19
  /// @group cologradient
20
20
  $kendo-color-gradient-padding-y: $kendo-color-gradient-spacer !default;
21
- /// Horizontal padding of the color gradient.
21
+ /// The horizontal padding of the ColorGradient.
22
22
  /// @group cologradient
23
23
  $kendo-color-gradient-padding-x: math.div( $kendo-color-gradient-spacer, 2 ) !default;
24
- /// Spacing of the color gradient.
24
+ /// The spacing between the sections of the ColorGradient.
25
25
  /// @group cologradient
26
26
  $kendo-color-gradient-spacing: $kendo-color-gradient-spacer !default;
27
- /// Font family of the color gradient.
27
+ /// The font family of the ColorGradient.
28
28
  /// @group cologradient
29
29
  $kendo-color-gradient-font-family: var( --kendo-font-family, inherit ) !default;
30
- /// Font size of the color gradient.
30
+ /// The font size of the ColorGradient.
31
31
  /// @group cologradient
32
32
  $kendo-color-gradient-font-size: var( --kendo-font-size, inherit ) !default;
33
- /// Line height of the color gradient.
33
+ /// The line height of the ColorGradient.
34
34
  /// @group cologradient
35
35
  $kendo-color-gradient-line-height: var( --kendo-line-height, normal ) !default;
36
36
 
37
- /// Background color of the color gradient.
38
- /// @group cologradient
39
- $kendo-color-gradient-bg: var( --kendo-component-bg, initial ) !default;
40
- /// Text color of the color gradient.
37
+ /// The text color of the ColorGradient.
41
38
  /// @group cologradient
42
39
  $kendo-color-gradient-text: var( --kendo-component-text, initial ) !default;
43
- /// Border color of the color gradient.
40
+ /// The background color of the ColorGradient.
41
+ /// @group cologradient
42
+ $kendo-color-gradient-bg: var( --kendo-component-bg, initial ) !default;
43
+ /// The border color of the ColorGradient.
44
44
  /// @group cologradient
45
45
  $kendo-color-gradient-border: var( --kendo-component-border, initial ) !default;
46
- /// Shadow of the color gradient.
46
+ /// The box shadow of the ColorGradient.
47
47
  /// @group cologradient
48
48
  $kendo-color-gradient-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
49
49
 
50
- /// Focus border of the color gradient.
50
+ /// The border color of the focused ColorGradient.
51
51
  /// @group cologradient
52
52
  $kendo-color-gradient-focus-border: get-theme-color-var( neutral-20 ) !default;
53
- /// Focus shadow of the color gradient.
53
+ /// The box shadow of the focused ColorGradient.
54
54
  /// @group cologradient
55
55
  $kendo-color-gradient-focus-shadow: var( --kendo-box-shadow-depth-3, none ) !default;
56
56
 
57
- /// Border radius of the color gradient canvas.
58
- /// @group cologradient
59
- $kendo-color-gradient-canvas-border-radius: var( --kendo-border-radius-md, 0 ) !default;
60
- /// Border width of the color gradient canvas.
57
+ /// The width of the border around the ColorGradient canvas.
61
58
  /// @group cologradient
62
59
  $kendo-color-gradient-canvas-border-width: 0 !default;
63
- /// Spacing of the color gradient canvas.
60
+ /// The border radius of the ColorGradient canvas.
61
+ /// @group cologradient
62
+ $kendo-color-gradient-canvas-border-radius: var( --kendo-border-radius-md, 0 ) !default;
63
+ /// The spacing between the items of the ColorGradient canvas.
64
64
  /// @group cologradient
65
65
  $kendo-color-gradient-canvas-spacing: math.div( $kendo-color-gradient-spacer, 2 ) !default;
66
- /// Height the color gradient canvas hsv rectangle.
66
+ /// The height the ColorGradient canvas hsv rectangle.
67
67
  /// @group cologradient
68
68
  $kendo-color-gradient-canvas-rectangle-height: 180px !default;
69
- /// Border color of the color gradient canvas hsv rectangle.
69
+ /// The border color of the ColorGradient canvas hsv rectangle.
70
70
  /// @group cologradient
71
71
  $kendo-color-gradient-canvas-rectangle-border: get-theme-color-var( neutral-30 ) !default;
72
- /// Shadow of the color gradient canvas draghandle.
72
+ /// The box shadow of the ColorGradient canvas drag handle.
73
73
  /// @group cologradient
74
74
  $kendo-color-gradient-canvas-draghandle-shadow: 0px 0.6px 1.8px rgba(0, 0, 0, 0.1), 0px 3.2px 7.2px rgba(0, 0, 0, 0.13), inset 0px 0px 0px 3px #FFFFFF !default;
75
75
 
76
- /// Default input width of the color gradient.
77
- /// @group cologradient
78
- $kendo-color-gradient-input-width: 48px !default;
79
- /// Input spacing of the color gradient.
80
- /// @group cologradient
81
- $kendo-color-gradient-input-spacing: math.div( $kendo-color-gradient-spacer, 4 ) !default;
82
- /// Input label font size of the color gradient.
83
- /// @group cologradient
84
- $kendo-color-gradient-input-label-font-size: var( --kendo-font-size-sm, inherit ) !default;
85
- /// Input label spacing of the color gradient.
86
- /// @group cologradient
87
- $kendo-color-gradient-input-label-spacing: math.div( $kendo-color-gradient-spacer, 4 ) !default;
88
- /// Input label text color of the color gradient.
89
- /// @group cologradient
90
- $kendo-color-gradient-input-label-text: var( --kendo-subtle-text, inherit ) !default;
91
-
92
- /// Font weight of the color gradient contrast ratio text.
93
- /// @group cologradient
94
- $kendo-color-gradient-contrast-ratio-font-weight: var( --kendo-font-weight-bold, normal ) !default;
95
- /// Spacing of the color gradient contrast tool.
96
- /// @group cologradient
97
- $kendo-color-gradient-contrast-spacing: math.div( $kendo-color-gradient-spacer, 1.5 ) !default;
98
-
99
- /// The size of the color gradient slider.
76
+ /// The width of the ColorGradient slider.
100
77
  /// @group cologradient
101
78
  $kendo-color-gradient-slider-track-size: 20px !default;
102
- /// Border radius of the color gradient slider.
79
+ /// The border radius of the ColorGradient slider.
103
80
  /// @group cologradient
104
81
  $kendo-color-gradient-slider-border-radius: var( --kendo-border-radius-md, 0 ) !default;
105
- /// Border width of the color gradient slider.
82
+ /// The width of the border around the ColorGradient slider.
106
83
  /// @group cologradient
107
84
  $kendo-color-gradient-slider-border-width: 1px !default;
108
- /// Border color of the color gradient slider.
85
+ /// The color of the border around the ColorGradient slider.
109
86
  /// @group cologradient
110
87
  $kendo-color-gradient-slider-border: get-theme-color-var( neutral-30 ) !default;
111
88
 
112
- /// Height of the color gradient vertical slider.
89
+ /// The height of the ColorGradient vertical slider.
113
90
  /// @group cologradient
114
91
  $kendo-color-gradient-slider-vertical-size: 180px !default;
115
- /// Width of the color gradient horizontal slider.
92
+ /// The width of the ColorGradient horizontal slider.
116
93
  /// @group cologradient
117
94
  $kendo-color-gradient-slider-horizontal-size: 100% !default;
118
- /// Background image of the color gradient alpha slider.
95
+ /// The background image of the ColorGradient alpha slider.
119
96
  /// @group cologradient
120
97
  $kendo-color-gradient-slider-alpha-bgr: "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAoAAAAKCAYAAACNMs+9AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAuSURBVHgBxYyxDQAwDMJIL+YT+DjtzFRliUfLcklqBCRT4eCTxbD6kdL2/LgYXqpvCbs3kBv/AAAAAElFTkSuQmCC" !default;
121
98
 
122
- /// Width of the color gradient draghandle.
99
+ /// The width of the ColorGradient canvas drag handle.
123
100
  /// @group cologradient
124
101
  $kendo-color-gradient-draghandle-width: 20px !default;
125
- /// Height of the color gradient draghandle.
102
+ /// The height of the ColorGradient canvas drag handle.
126
103
  /// @group cologradient
127
104
  $kendo-color-gradient-draghandle-height: 20px !default;
128
- /// Border width of the color gradient draghandle.
105
+ /// The width of the border around the ColorGradient canvas drag handle.
129
106
  /// @group cologradient
130
107
  $kendo-color-gradient-draghandle-border-width: 1px !default;
131
- /// Border color of the color gradient draghandle.
108
+ /// The color of the border around the ColorGradient canvas drag handle.
132
109
  /// @group cologradient
133
110
  $kendo-color-gradient-draghandle-border: get-theme-color-var( neutral-110 ) !default;
134
- /// Shadow of the color gradient draghandle.
111
+ /// The box shadow of the ColorGradient canvas drag handle.
135
112
  /// @group cologradient
136
113
  $kendo-color-gradient-draghandle-shadow: var( --kendo-box-shadow-depth-2, none ) !default;
137
- /// Focus shadow of the color gradient draghandle.
138
- /// @group cologradient
139
- $kendo-color-gradient-draghandle-focus-shadow: $kendo-color-gradient-draghandle-shadow !default;
140
- /// Focus border color of the color gradient draghandle.
114
+ /// The color of the border around the focused ColorGradient canvas drag handle.
141
115
  /// @group cologradient
142
116
  $kendo-color-gradient-draghandle-focus-border: get-theme-color-var( neutral-160 ) !default;
143
- /// Hover shadow of the color gradient draghandle.
117
+ /// The box shadow of the focused ColorGradient canvas drag handle.
118
+ /// @group cologradient
119
+ $kendo-color-gradient-draghandle-focus-shadow: $kendo-color-gradient-draghandle-shadow !default;
120
+ /// The box shadow of the hovered ColorGradient canvas drag handle.
144
121
  /// @group cologradient
145
122
  $kendo-color-gradient-draghandle-hover-shadow: $kendo-color-gradient-draghandle-focus-shadow !default;
146
123
 
147
- /// Vertical offset of the color gradient canvas draghandle.
124
+ /// The vertical offset of the ColorGradient canvas drag handle.
148
125
  /// @group cologradient
149
126
  $kendo-color-gradient-canvas-draghandle-offset-y: ( -1 * math.div( $kendo-color-gradient-draghandle-height, 2 ) ) !default;
150
- /// Horizontal offset of the color gradient canvas draghandle.
127
+ /// The horizontal offset of the ColorGradient canvas drag handle.
151
128
  /// @group cologradient
152
129
  $kendo-color-gradient-canvas-draghandle-offset-x: ( -1 * math.div( $kendo-color-gradient-draghandle-width, 2 ) ) !default;
130
+
131
+ /// The width of the ColorGradient input.
132
+ /// @group cologradient
133
+ $kendo-color-gradient-input-width: 48px !default;
134
+ /// The spacing between the ColorGradient inputs.
135
+ /// @group cologradient
136
+ $kendo-color-gradient-input-spacing: math.div( $kendo-color-gradient-spacer, 4 ) !default;
137
+ /// The font size of the ColorGradient input labels.
138
+ /// @group cologradient
139
+ $kendo-color-gradient-input-label-font-size: var( --kendo-font-size-sm, inherit ) !default;
140
+ /// The spacing between the ColorGradient inputs and their labels.
141
+ /// @group cologradient
142
+ $kendo-color-gradient-input-label-spacing: math.div( $kendo-color-gradient-spacer, 4 ) !default;
143
+ /// The text color of the ColorGradient input labels.
144
+ /// @group cologradient
145
+ $kendo-color-gradient-input-label-text: var( --kendo-subtle-text, inherit ) !default;
146
+
147
+ /// The font weight of the ColorGradient contrast ratio text.
148
+ /// @group cologradient
149
+ $kendo-color-gradient-contrast-ratio-font-weight: var( --kendo-font-weight-bold, normal ) !default;
150
+ /// The spacing between the items in the ColorGradient contrast tool.
151
+ /// @group cologradient
152
+ $kendo-color-gradient-contrast-spacing: math.div( $kendo-color-gradient-spacer, 1.5 ) !default;
package/scss/colorpalette/_variables.scss CHANGED
@@ -1,49 +1,49 @@
1
1
  @use "sass:map";
2
2
  @use "../core/" as *;
3
3
 
4
- /// Font family of the color palette.
4
+ /// The font family of the ColorPalette.
5
5
  /// @group colorpalette
6
6
  $kendo-color-palette-font-family: var( --kendo-font-family, inherit ) !default;
7
- /// Font size of the color palette.
7
+ /// The font size of the ColorPalette.
8
8
  /// @group colorpalette
9
9
  $kendo-color-palette-font-size: var( --kendo-font-size, inherit ) !default;
10
- /// Line height of the color palette.
10
+ /// The line height of the ColorPalette.
11
11
  /// @group colorpalette
12
12
  $kendo-color-palette-line-height: 0 !default;
13
13
 
14
- /// Outline width of the color palette tile.
14
+ /// The outline width of the ColorPalette tile.
15
15
  /// @group colorpalette
16
16
  $kendo-color-palette-tile-outline-width: 1px !default;
17
- /// Outline style of the color palette tile.
17
+ /// The outline style of the ColorPalette tile.
18
18
  /// @group colorpalette
19
19
  $kendo-color-palette-tile-outline-style: solid !default;
20
- /// Outline color of the color palette tile.
20
+ /// The outline color of the ColorPalette tile.
21
21
  /// @group colorpalette
22
22
  $kendo-color-palette-tile-outline: transparent !default;
23
- /// Width of the color palette tile.
23
+ /// The width of the ColorPalette tile.
24
24
  /// @group colorpalette
25
25
  $kendo-color-palette-tile-width: map.get( $kendo-spacing, 6 ) !default;
26
- /// Height of the color palette tile.
26
+ /// The height of the ColorPalette tile.
27
27
  /// @group colorpalette
28
28
  $kendo-color-palette-tile-height: $kendo-color-palette-tile-width !default;
29
- /// Focus outline color of the color palette tile.
29
+ /// The outline color of the ColorPalette focused tile.
30
30
  /// @group colorpalette
31
31
  $kendo-color-palette-tile-focus-outline: get-theme-color-var( neutral-130 ) !default;
32
- /// Focus shadow of the color palette tile.
32
+ /// The shadow of the ColorPalette focused tile.
33
33
  /// @group colorpalette
34
34
  $kendo-color-palette-tile-focus-shadow: inset 0 0 0 2px $kendo-color-white !default;
35
- /// Hover outline color of the color palette tile.
35
+ /// The outline color of the ColorPalette hovered tile.
36
36
  /// @group colorpalette
37
37
  $kendo-color-palette-tile-hover-outline: get-theme-color-var( neutral-20 ) !default;
38
- /// Hover shadow of the color palette tile.
38
+ /// The shadow of the ColorPalette hovered tile.
39
39
  /// @group colorpalette
40
40
  $kendo-color-palette-tile-hover-shadow: inset 0 0 0 2px $kendo-color-palette-tile-hover-outline, inset 0 0 0 4px $kendo-color-white !default;
41
- /// Selected outline color of the color palette tile.
41
+ /// The outline color of the ColorPalette selected tile.
42
42
  /// @group colorpalette
43
43
  $kendo-color-palette-tile-selected-outline: $kendo-color-palette-tile-hover-outline !default;
44
- /// Selected shadow of the color palette tile.
44
+ /// The shadow of the ColorPalette selected tile.
45
45
  /// @group colorpalette
46
46
  $kendo-color-palette-tile-selected-shadow: $kendo-color-palette-tile-hover-shadow !default;
47
- /// Selected hover outline color of the color palette tile.
47
+ /// The outline color of the ColorPalette selected hover tile.
48
48
  /// @group colorpalette
49
49
  $kendo-color-palette-tile-selected-hover-outline: $kendo-color-palette-tile-focus-outline !default;
package/scss/dialog/_variables.scss CHANGED
@@ -1,58 +1,58 @@
1
1
  @use "sass:map";
2
2
  @use "../core/" as *;
3
3
 
4
- /// Width of the border around the dialog.
4
+ /// The width of the border around the Dialog.
5
5
  /// @group dialog
6
6
  $kendo-dialog-border-width: 0 !default;
7
7
 
8
- /// The background color of the dialog title bar.
8
+ /// The background color of the Dialog titlebar.
9
9
  /// @group dialog
10
10
  $kendo-dialog-titlebar-bg: var( --kendo-component-bg, initial ) !default;
11
- /// The text color of the dialog title bar.
11
+ /// The text color of the Dialog titlebar.
12
12
  /// @group dialog
13
13
  $kendo-dialog-titlebar-text: var( --kendo-component-text, initial ) !default;
14
- /// The border color of the dialog title bar.
14
+ /// The border color of the Dialog titlebar.
15
15
  /// @group dialog
16
16
  $kendo-dialog-titlebar-border: var( --kendo-component-border, initial ) !default;
17
- /// Width of the border around the dialog title bar.
17
+ /// The width of the border around the Dialog titlebar.
18
18
  /// @group dialog
19
19
  $kendo-dialog-titlebar-border-width: 0 !default;
20
- /// Horizontal padding of the dialog title bar.
20
+ /// The horizontal padding of the Dialog titlebar.
21
21
  /// @group dialog
22
22
  $kendo-dialog-titlebar-padding-x: map.get( $kendo-spacing, 6 ) !default;
23
- /// Vertical padding of the dialog title bar.
23
+ /// The vertical padding of the Dialog titlebar.
24
24
  /// @group dialog
25
25
  $kendo-dialog-titlebar-padding-y: map.get( $kendo-spacing, 4 ) !default;
26
26
 
27
- /// Horizontal padding of the content of the dialog.
27
+ /// The horizontal padding of the content of the Dialog.
28
28
  /// @group dialog
29
29
  $kendo-dialog-inner-padding-x: map.get( $kendo-spacing, 6 ) !default;
30
- /// Vertical padding of the content of the dialog.
30
+ /// The vertical padding of the content of the Dialog.
31
31
  /// @group dialog
32
32
  $kendo-dialog-inner-padding-y: map.get( $kendo-spacing, 3 ) !default;
33
33
 
34
- /// Horizontal padding of the dialog action buttons.
34
+ /// The horizontal padding of the Dialog action buttons.
35
35
  /// @group dialog
36
36
  $kendo-dialog-buttongroup-padding-x: map.get( $kendo-spacing, 6 ) !default; // $kendo-actions-padding-x
37
- /// Vertical padding of the dialog action buttons.
37
+ /// The vertical padding of the Dialog action buttons.
38
38
  /// @group dialog
39
39
  $kendo-dialog-buttongroup-padding-y: map.get( $kendo-spacing, 6 ) !default; // $kendo-actions-padding-y
40
- /// Width of the top border of the dialog action buttons.
40
+ /// The width of the top border of the Dialog action buttons.
41
41
  /// @group dialog
42
42
  $kendo-dialog-buttongroup-border-width: 0 !default;
43
- /// Spacing between the action buttons of the dialog.
43
+ /// The spacing between the Dialog action buttons.
44
44
  /// @group dialog
45
45
  $kendo-dialog-buttongroup-spacing: map.get( $kendo-spacing, 3 ) !default;
46
46
 
47
- /// Spacing between the buttons in the header of the dialog.
47
+ /// The spacing between the Dialog action buttons.
48
48
  /// @group dialog
49
49
  $kendo-dialog-button-spacing: map.get( $kendo-spacing, 2 ) !default; // $kendo-actions-padding-y
50
50
 
51
- /// Box shadow around the dialog.
51
+ /// The box shadow around the Dialog.
52
52
  /// @group dialog
53
53
  $kendo-dialog-shadow: var( --kendo-box-shadow-depth-4, none ) !default;
54
54
 
55
- /// Theme variations for the dialog.
55
+ /// The theme variations for the Dialog.
56
56
  $kendo-dialog-brand-colors: (
57
57
  primary: primary
58
58
  ) !default;
@@ -70,7 +70,7 @@ $_tc-dialog-light-matrix: (
70
70
  (normal: (50, 160, 50)),
71
71
  ) !default;
72
72
 
73
- /// Theme colors map for the dialog variations.
73
+ /// The theme colors map for the Dialog.
74
74
  $kendo-dialog-theme-colors: () !default;
75
75
 
76
76
  @each $ui-states in $_tc-dialog-matrix {
package/scss/editor/_variables.scss CHANGED
@@ -2,81 +2,87 @@
2
2
  @use "../core/" as *;
3
3
  @use "../input/_variables.scss" as *;
4
4
 
5
- /// The width of the border around the editor
5
+ /// The width of the border around the Еditor.
6
6
  /// @group editor
7
7
  $kendo-editor-border-width: 1px !default;
8
- /// The font family of the editor
8
+ /// The font family of the Еditor.
9
9
  /// @group editor
10
10
  $kendo-editor-font-family: var( --kendo-font-family, inherit ) !default;
11
- /// The font size of the editor
11
+ /// The font size of the Еditor.
12
12
  /// @group editor
13
13
  $kendo-editor-font-size: var( --kendo-font-size, inherit ) !default;
14
- /// The line height of the editor
14
+ /// The line height of the Еditor.
15
15
  /// @group editor
16
16
  $kendo-editor-line-height: var( --kendo-line-height, normal ) !default;
17
- /// The text color of the editor
17
+ /// The text color of the Editor.
18
18
  /// @group editor
19
19
  $kendo-editor-text: var( --kendo-component-text, initial ) !default;
20
- /// The background color of the editor
20
+ /// The background color of the Editor.
21
21
  /// @group editor
22
22
  $kendo-editor-bg: var( --kendo-component-bg, initial ) !default;
23
- /// The color of the border around editor
23
+ /// The color of the border around Editor.
24
24
  /// @group editor
25
25
  $kendo-editor-border: var( --kendo-component-border, initial ) !default;
26
- /// The placeholder text color of the editor
26
+ /// The text color of the Еditor's placeholder.
27
27
  /// @group editor
28
28
  $kendo-editor-placeholder-text: var( --kendo-input-placeholder-text, #{$kendo-input-placeholder-text} ) !default;
29
- /// The placeholder opacity of the editor
29
+ /// The opacity of the Editor's placeholder.
30
30
  /// @group editor
31
31
  $kendo-editor-placeholder-opacity: var( --kendo-input-placeholder-opacity, #{$kendo-input-placeholder-opacity} ) !default;
32
- /// The outline color of the editor content
32
+ /// The outline color of the Editor's content.
33
33
  /// @group editor
34
34
  $kendo-editor-content-outline-color: var( --kendo-body-text, initial ) !default;
35
- /// The size of the editor resize handle
36
- /// @group editor
37
- $kendo-editor-resize-handle-size: map.get( $kendo-spacing, 2 ) !default;
38
- /// The border width of the editor resize handle
39
- /// @group editor
40
- $kendo-editor-resize-handle-border-width: 1px !default;
41
- /// The horizontal margin of the editor export tool icon
35
+ /// The horizontal margin of the Editor's export tool icon.
42
36
  /// @group editor
43
37
  $kendo-editor-export-tool-icon-margin-x: map.get( $kendo-spacing, 1 ) !default;
44
- /// The outline width of the editor selected node
38
+ /// The outline width of the Editor's selected node.
45
39
  /// @group editor
46
40
  $kendo-editor-selectednode-outline-width: map.get( $kendo-spacing, 0.5 ) !default;
47
41
 
48
- // Cell size
49
- $ct-cell-size: 20px !default;
50
-
51
- /// The selected text color of the editor
42
+ /// The selected text color of the Editor.
52
43
  /// @group editor
53
44
  $kendo-editor-selected-text: $kendo-color-white !default;
54
- /// The selected background color of the editor
45
+ /// The selected background color of the Editor.
55
46
  /// @group editor
56
47
  $kendo-editor-selected-bg: get-theme-color-var( primary-100 ) !default;
57
- /// The highlighted background color of the editor
48
+ /// The highlighted background color of the Editor.
58
49
  /// @group editor
59
50
  $kendo-editor-highlighted-bg: get-theme-color-var( primary-60 ) !default;
60
51
 
61
- /// The border color of the editor resize handle
52
+ /// The size of the Editor's resize handle.
53
+ /// @group editor
54
+ $kendo-editor-resize-handle-size: map.get( $kendo-spacing, 2 ) !default;
55
+ /// The border width of the Editor's resize handle.
56
+ /// @group editor
57
+ $kendo-editor-resize-handle-border-width: 1px !default;
58
+ /// The border color of the Editor's resize handle.
62
59
  /// @group editor
63
60
  $kendo-editor-resize-handle-border: $kendo-color-black !default;
64
- /// The background color of the editor resize handle
61
+ /// The background color of the Editor's resize handle.
65
62
  /// @group editor
66
63
  $kendo-editor-resize-handle-bg: $kendo-color-white !default;
67
64
 
68
- /// The outline color of the editor selected node
65
+ /// The outline color of the Editor's selected node.
69
66
  /// @group editor
70
67
  $kendo-editor-selectednode-outline-color: get-theme-color-var( primary-100 ) !default;
71
68
 
72
- /// The border color of the inline editor data cell
69
+ /// The border color of the Inline Editor data cell.
73
70
  /// @group editor
74
71
  $kendo-editor-inline-td-border: var( --kendo-component-border, initial ) !default;
75
- /// The hover border color of the inline editor
72
+ /// The hover border color of the Inline Editor.
76
73
  /// @group editor
77
74
  $kendo-editor-inline-hover-border: var( --kendo-component-border, initial ) !default;
78
75
 
79
76
  // Insert table
77
+ /// The size of the cell in the Insert table popup.
78
+ /// @group editor
79
+ $ct-cell-size: 20px !default;
80
+ /// The text color of the selected cells in the Insert table popup.
81
+ /// @group editor
80
82
  $kendo-editor-ct-popup-text: var( --kendo-selected-text, initial ) !default;
83
+ /// The background color of the selected cells in the Insert table popup.
84
+ /// @group editor
81
85
  $kendo-editor-ct-popup-bg: var( --kendo-selected-bg, initial ) !default;
86
+ /// The border color of the selected cells in the Insert table popup.
87
+ /// @group editor
82
88
  $kendo-editor-ct-popup-border: var( --kendo-selected-border, initial ) !default;