@progress/kendo-theme-default 8.0.0-dev.4 → 8.0.0-dev.6

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 (23) hide show
  1. package/dist/all.css +12 -12
  2. package/dist/all.scss +228 -44
  3. package/dist/meta/sassdoc-data.json +30542 -25622
  4. package/dist/meta/sassdoc-raw-data.json +4984 -2709
  5. package/dist/meta/variables.json +13 -13
  6. package/lib/swatches/default-blue.json +1 -1
  7. package/lib/swatches/default-dataviz-v4.json +1 -1
  8. package/lib/swatches/default-green.json +1 -1
  9. package/lib/swatches/default-main-dark.json +1 -1
  10. package/lib/swatches/default-main.json +1 -1
  11. package/lib/swatches/default-nordic.json +1 -1
  12. package/lib/swatches/default-ocean-blue-a11y.json +1 -1
  13. package/lib/swatches/default-ocean-blue.json +1 -1
  14. package/lib/swatches/default-orange.json +1 -1
  15. package/lib/swatches/default-purple.json +1 -1
  16. package/lib/swatches/default-turquoise.json +1 -1
  17. package/lib/swatches/default-urban.json +1 -1
  18. package/package.json +4 -4
  19. package/scss/dataviz/_variables.scss +1 -1
  20. package/scss/scheduler/_variables.scss +143 -0
  21. package/scss/scrollview/_layout.scss +2 -2
  22. package/scss/tabstrip/_variables.scss +69 -28
  23. package/scss/typography/_variables.scss +9 -9
package/scss/tabstrip/_variables.scss CHANGED
@@ -1,116 +1,157 @@
1
- // Tabstrip
1
+ // TabStrip
2
2
 
3
+
4
+ /// The horizontal padding of the TabStrip wrapper.
5
+ /// @group tabstrip
3
6
  $kendo-tabstrip-wrapper-padding-x: k-spacing(0) !default;
7
+ /// The vertical padding of the TabStrip wrapper.
8
+ /// @group tabstrip
4
9
  $kendo-tabstrip-wrapper-padding-y: k-spacing(0) !default;
10
+ /// The border width around the TabStrip wrapper.
11
+ /// @group tabstrip
5
12
  $kendo-tabstrip-wrapper-border-width: 0px !default;
6
13
 
14
+ /// The font family of the TabStrip.
15
+ /// @group tabstrip
7
16
  $kendo-tabstrip-font-family: var( --kendo-font-family, inherit ) !default;
17
+ /// The font size of the TabStrip.
18
+ /// @group tabstrip
8
19
  $kendo-tabstrip-font-size: var( --kendo-font-size, inherit ) !default;
20
+ /// The line height of the TabStrip.
21
+ /// @group tabstrip
9
22
  $kendo-tabstrip-line-height: var( --kendo-line-height, normal ) !default;
23
+ /// The border width around the TabStrip.
24
+ /// @group tabstrip
10
25
  $kendo-tabstrip-border-width: 1px !default;
11
26
 
27
+ /// The background color of the TabStrip wrapper.
28
+ /// @group tabstrip
12
29
  $kendo-tabstrip-wrapper-bg: null !default;
30
+ /// The text color of the TabStrip wrapper.
31
+ /// @group tabstrip
13
32
  $kendo-tabstrip-wrapper-text: null !default;
33
+ /// The border color of the TabStrip wrapper.
34
+ /// @group tabstrip
14
35
  $kendo-tabstrip-wrapper-border: null !default;
15
36
 
16
- /// Background color of tabstrip component
37
+ /// The background color of the TabStrip.
17
38
  /// @group tabstrip
18
39
  $kendo-tabstrip-bg: null !default;
19
- /// Text color of tabstrip component
40
+ /// The text color of the TabStrip.
20
41
  /// @group tabstrip
21
42
  $kendo-tabstrip-text: $kendo-component-text !default;
22
- /// Border color of tabstrip component
43
+ /// The border color of the TabStrip.
23
44
  /// @group tabstrip
24
45
  $kendo-tabstrip-border: $kendo-component-border !default;
25
46
 
26
- /// Horizontal padding of tabs
47
+ /// The horizontal padding of the TabStrip items.
27
48
  /// @group tabstrip
28
49
  $kendo-tabstrip-item-padding-x: k-spacing(3) !default;
29
- /// Vertical padding of tabs
50
+ /// The vertical padding of the TabStrip items.
30
51
  /// @group tabstrip
31
52
  $kendo-tabstrip-item-padding-y: k-spacing(1.5) !default;
32
- /// Width of border around tabs
53
+ /// The border width around the TabStrip items.
33
54
  /// @group tabstrip
34
55
  $kendo-tabstrip-item-border-width: 1px !default;
35
- /// Border radius of tabs
56
+ /// The border radius of the TabStrip items.
36
57
  /// @group tabstrip
37
58
  $kendo-tabstrip-item-border-radius: k-border-radius(md) !default;
38
- /// Spacing between tabs
59
+ /// The gap between the TabStrip items.
39
60
  /// @group tabstrip
40
61
  $kendo-tabstrip-item-gap: k-spacing(0) !default;
41
62
 
42
- /// Background color of tabs
63
+ /// The background color of the TabStrip items.
43
64
  /// @group tabstrip
44
65
  $kendo-tabstrip-item-bg: null !default;
45
- /// Text color of tabs
66
+ /// The text color of the TabStrip items.
46
67
  /// @group tabstrip
47
68
  $kendo-tabstrip-item-text: $kendo-link-text !default;
48
- /// Border color of tabs
69
+ /// The border color of the TabStrip items.
49
70
  /// @group tabstrip
50
71
  $kendo-tabstrip-item-border: null !default;
51
- /// Background gradient of tabs
72
+ /// The gradient of the TabStrip items.
52
73
  /// @group tabstrip
53
74
  $kendo-tabstrip-item-gradient: null !default;
54
75
 
55
- /// Background color of hovered tabs
76
+ /// The background color of the hovered TabStrip items.
56
77
  /// @group tabstrip
57
78
  $kendo-tabstrip-item-hover-bg: null !default;
58
- /// Text color of hovered tabs
79
+ /// The text color of the hovered TabStrip items.
59
80
  /// @group tabstrip
60
81
  $kendo-tabstrip-item-hover-text: $kendo-link-hover-text !default;
61
- /// Border color of hovered tabs
82
+ /// The border color of the hovered TabStrip items.
62
83
  /// @group tabstrip
63
84
  $kendo-tabstrip-item-hover-border: null !default;
64
- /// Background gradient of hovered tabs
85
+ /// The gradient of the hovered TabStrip items.
65
86
  /// @group tabstrip
66
87
  $kendo-tabstrip-item-hover-gradient: null !default;
67
88
 
68
- /// Background color of selected tabs
89
+ /// The background color of the selected TabStrip items.
69
90
  /// @group tabstrip
70
91
  $kendo-tabstrip-item-selected-bg: $kendo-component-bg !default;
71
- /// Text color of selected tabs
92
+ /// The text color of the selected TabStrip items.
72
93
  /// @group tabstrip
73
94
  $kendo-tabstrip-item-selected-text: $kendo-component-text !default;
74
- /// Border color of selected tabs
95
+ /// The border color of the selected TabStrip items.
75
96
  /// @group tabstrip
76
97
  $kendo-tabstrip-item-selected-border: $kendo-component-border !default;
77
- /// Background gradient of selected tabs
98
+ /// The gradient of the selected TabStrip items.
78
99
  /// @group tabstrip
79
100
  $kendo-tabstrip-item-selected-gradient: null !default;
80
101
 
102
+ /// The shadow of the focused TabStrip items.
103
+ /// @group tabstrip
81
104
  $kendo-tabstrip-item-focus-shadow: $kendo-list-item-focus-shadow !default;
82
105
 
106
+ /// The shadow of the dragged TabStrip items.
107
+ /// @group tabstrip
83
108
  $kendo-tabstrip-item-dragging-shadow: k-elevation(3) !default;
84
109
 
110
+ /// The background color of the disabled TabStrip items.
111
+ /// @group tabstrip
85
112
  $kendo-tabstrip-item-disabled-bg: null !default;
113
+ /// The text color of the disabled TabStrip items.
114
+ /// @group tabstrip
86
115
  $kendo-tabstrip-item-disabled-text: null !default;
116
+ /// The border color of the disabled TabStrip items.
117
+ /// @group tabstrip
87
118
  $kendo-tabstrip-item-disabled-border: null !default;
119
+ /// The gradient of the disabled TabStrip items.
120
+ /// @group tabstrip
88
121
  $kendo-tabstrip-item-disabled-gradient: null !default;
122
+ /// The opacity of the disabled TabStrip items.
123
+ /// @group tabstrip
89
124
  $kendo-tabstrip-item-disabled-opacity: null !default;
125
+ /// The filter of the disabled TabStrip items.
126
+ /// @group tabstrip
90
127
  $kendo-tabstrip-item-disabled-filter: null !default;
91
128
 
129
+ /// The border width of the TabStrip indicator.
130
+ /// @group tabstrip
92
131
  $kendo-tabstrip-indicator-size: null !default;
132
+ /// The border color of the TabStrip ripple.
133
+ /// @group tabstrip
93
134
  $kendo-tabstrip-indicator-color: null !default;
94
135
 
95
- /// Horizontal padding of tabstrip content
136
+ /// The horizontal padding of the TabStrip content.
96
137
  /// @group tabstrip
97
138
  $kendo-tabstrip-content-padding-x: k-spacing(4) !default;
98
- /// Vertical padding of tabstrip content
139
+ /// The vertical padding of the TabStrip content.
99
140
  /// @group tabstrip
100
141
  $kendo-tabstrip-content-padding-y: k-spacing(4) !default;
101
- /// Width of border around tabstrip content
142
+ /// The border width around the TabStrip content.
102
143
  /// @group tabstrip
103
144
  $kendo-tabstrip-content-border-width: 1px !default;
104
145
 
105
- /// Background color of tabstrip content
146
+ /// The background color of the TabStrip content.
106
147
  /// @group tabstrip
107
148
  $kendo-tabstrip-content-bg: $kendo-component-bg !default;
108
- /// Text color of tabstrip content
149
+ /// The text color of the TabStrip content.
109
150
  /// @group tabstrip
110
151
  $kendo-tabstrip-content-text: $kendo-component-text !default;
111
- /// Border color of tabstrip content
152
+ /// The border color of the TabStrip content.
112
153
  /// @group tabstrip
113
154
  $kendo-tabstrip-content-border: $kendo-component-border !default;
114
- /// Border color of tabstrip focused content
155
+ /// The border color of the focused TabStrip content.
115
156
  /// @group tabstrip
116
157
  $kendo-tabstrip-content-focus-border: $kendo-component-text !default;
package/scss/typography/_variables.scss CHANGED
@@ -2,11 +2,11 @@
2
2
 
3
3
 
4
4
  // Headings
5
- $kendo-h1-font-size: calc( var( --kendo-font-size, inherit ) * 4 ) !default;
6
- $kendo-h2-font-size: calc( var( --kendo-font-size, inherit ) * 3 ) !default;
7
- $kendo-h3-font-size: calc( var( --kendo-font-size, inherit ) * 2.5 ) !default;
8
- $kendo-h4-font-size: calc( var( --kendo-font-size, inherit ) * 2 ) !default;
9
- $kendo-h5-font-size: calc( var( --kendo-font-size, inherit ) * 1.5 ) !default;
5
+ $kendo-h1-font-size: calc( var( --kendo-font-size, .875rem ) * 4 ) !default;
6
+ $kendo-h2-font-size: calc( var( --kendo-font-size, .875rem ) * 3 ) !default;
7
+ $kendo-h3-font-size: calc( var( --kendo-font-size, .875rem ) * 2.5 ) !default;
8
+ $kendo-h4-font-size: calc( var( --kendo-font-size, .875rem ) * 2 ) !default;
9
+ $kendo-h5-font-size: calc( var( --kendo-font-size, .875rem ) * 1.5 ) !default;
10
10
  $kendo-h6-font-size: var( --kendo-font-size, inherit ) !default;
11
11
 
12
12
  $kendo-h1-font-family: var( --kendo-font-family, inherit ) !default;
@@ -125,10 +125,10 @@ $kendo-code-border: $kendo-component-border !default;
125
125
 
126
126
 
127
127
  // Display
128
- $kendo-display1-font-size: calc( var( --kendo-font-size, inherit ) * 8) !default;
129
- $kendo-display2-font-size: calc( var( --kendo-font-size, inherit ) * 7) !default;
130
- $kendo-display3-font-size: calc( var( --kendo-font-size, inherit ) * 6) !default;
131
- $kendo-display4-font-size: calc( var( --kendo-font-size, inherit ) * 5) !default;
128
+ $kendo-display1-font-size: calc( var( --kendo-font-size, .875rem ) * 8) !default;
129
+ $kendo-display2-font-size: calc( var( --kendo-font-size, .875rem ) * 7) !default;
130
+ $kendo-display3-font-size: calc( var( --kendo-font-size, .875rem ) * 6) !default;
131
+ $kendo-display4-font-size: calc( var( --kendo-font-size, .875rem ) * 5) !default;
132
132
 
133
133
  $kendo-display1-font-family: var( --kendo-font-family, inherit ) !default;
134
134
  $kendo-display2-font-family: var( --kendo-font-family, inherit ) !default;