@progress/kendo-theme-default 5.3.1 → 5.3.2-dev.2

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 (39) hide show
  1. package/dist/all.css +90 -78
  2. package/dist/all.scss +241 -155
  3. package/lib/swatches/default-blue.json +1 -1
  4. package/lib/swatches/default-dataviz-v4.json +1 -1
  5. package/lib/swatches/default-green.json +1 -1
  6. package/lib/swatches/default-main-dark.json +1 -1
  7. package/lib/swatches/default-main.json +1 -1
  8. package/lib/swatches/default-nordic.json +1 -1
  9. package/lib/swatches/default-ocean-blue.json +1 -1
  10. package/lib/swatches/default-orange.json +1 -1
  11. package/lib/swatches/default-purple.json +1 -1
  12. package/lib/swatches/default-turquoise.json +1 -1
  13. package/lib/swatches/default-urban.json +1 -1
  14. package/package.json +2 -2
  15. package/scss/button/_index.scss +0 -2
  16. package/scss/button/_layout.scss +1 -61
  17. package/scss/button/_theme.scss +0 -10
  18. package/scss/button/_variables.scss +0 -14
  19. package/scss/chip/_variables.scss +1 -1
  20. package/scss/daterangepicker/_layout.scss +1 -1
  21. package/scss/floating-label/_theme.scss +1 -0
  22. package/scss/gantt/_layout.scss +7 -3
  23. package/scss/gantt/_variables.scss +1 -0
  24. package/scss/icons/_layout.scss +5 -4
  25. package/scss/icons/font/WebComponentsIcons.scss +1 -1
  26. package/scss/icons/font/WebComponentsIcons.ttf +0 -0
  27. package/scss/index.scss +2 -0
  28. package/scss/menu/_index.scss +1 -1
  29. package/scss/menu/_layout.scss +37 -36
  30. package/scss/menu/_theme.scss +4 -4
  31. package/scss/menu-button/_index.scss +12 -0
  32. package/scss/menu-button/_layout.scss +29 -0
  33. package/scss/menu-button/_theme.scss +1 -0
  34. package/scss/menu-button/_variables.scss +5 -0
  35. package/scss/split-button/_index.scss +12 -0
  36. package/scss/split-button/_layout.scss +40 -0
  37. package/scss/split-button/_theme.scss +9 -0
  38. package/scss/split-button/_variables.scss +19 -0
  39. package/scss/treeview/_variables.scss +24 -13
@@ -3,7 +3,7 @@
3
3
  "name": "Default Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.3.1",
6
+ "version": "5.3.2-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.3.1",
6
+ "version": "5.3.2-dev.2",
7
7
  "previewColors": [
8
8
  "#ff6358",
9
9
  "#ffd246",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Green",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.3.1",
6
+ "version": "5.3.2-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.3.1",
6
+ "version": "5.3.2-dev.2",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#151515",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.3.1",
6
+ "version": "5.3.2-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.3.1",
6
+ "version": "5.3.2-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#50686e",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Ocean Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.3.1",
6
+ "version": "5.3.2-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Orange",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.3.1",
6
+ "version": "5.3.2-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Purple",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.3.1",
6
+ "version": "5.3.2-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.3.1",
6
+ "version": "5.3.2-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "5.3.1",
6
+ "version": "5.3.2-dev.2",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e3eef4",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-default",
3
3
  "description": "SASS resources for the default Kendo UI theme",
4
- "version": "5.3.1",
4
+ "version": "5.3.2-dev.2",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -47,5 +47,5 @@
47
47
  "prepublishOnly": "node ../../scripts/themes-prepublish.js",
48
48
  "postpublish": "echo 'no postpublish for default theme'"
49
49
  },
50
- "gitHead": "efa345ead38afdc056098d464fdfa9a752400918"
50
+ "gitHead": "be486e034baed68c866f3b61313899b350317d60"
51
51
  }
@@ -4,8 +4,6 @@
4
4
  // Dependencies
5
5
  @import "../badge/_index.scss";
6
6
  @import "../icons/_index.scss";
7
- @import "../popup/_index.scss";
8
- @import "../list/_index.scss";
9
7
  @import "../typography/_variables.scss";
10
8
 
11
9
 
@@ -68,26 +68,6 @@
68
68
 
69
69
  .k-button-text {}
70
70
 
71
-
72
- // Button arrow
73
- .k-button-arrow {
74
- padding-left: $kendo-button-arrow-padding-x;
75
- padding-right: $kendo-button-arrow-padding-x;
76
- flex: none;
77
- display: inline-flex;
78
- align-items: center;
79
- justify-content: center;
80
- }
81
- .k-button > .k-button-arrow {
82
- margin-inline-start: -$kendo-button-arrow-padding-x;
83
- margin-inline-end: -$kendo-button-padding-x;
84
- }
85
- .k-icon-button > .k-button-arrow {
86
- margin-inline-start: 0;
87
- margin-inline-end: -$kendo-button-padding-y;
88
- }
89
-
90
-
91
71
  // Sizes
92
72
  .k-button-sm {
93
73
  padding: $kendo-button-padding-y-sm $kendo-button-padding-x-sm;
@@ -137,17 +117,6 @@
137
117
  }
138
118
 
139
119
 
140
- // Menu button
141
- .k-menu-button,
142
- .k-dropdown-button {
143
- aspect-ratio: auto;
144
- outline: 0;
145
- display: inline-flex;
146
- flex-flow: row nowrap;
147
- vertical-align: middle;
148
- }
149
-
150
-
151
120
  // Button group
152
121
  .k-button-group {
153
122
  margin: 0;
@@ -210,34 +179,6 @@
210
179
  }
211
180
 
212
181
 
213
- // Split button
214
- .k-split-button {
215
-
216
- .k-split-button-arrow {
217
- padding: $kendo-button-arrow-padding-y $kendo-button-arrow-padding-x;
218
- width: auto;
219
- aspect-ratio: auto;
220
- flex: none;
221
-
222
- &.k-button-sm {
223
- padding: $kendo-button-arrow-padding-y-sm $kendo-button-arrow-padding-x-sm;
224
- }
225
-
226
- &.k-button-md {
227
- padding: $kendo-button-arrow-padding-y-md $kendo-button-arrow-padding-x-md;
228
- }
229
-
230
- &.k-button-lg {
231
- padding: $kendo-button-arrow-padding-y-lg $kendo-button-arrow-padding-x-lg;
232
- }
233
-
234
- .k-button-icon {
235
- min-width: 0;
236
- }
237
- }
238
- }
239
-
240
-
241
182
  // Flat button
242
183
  .k-button-flat {
243
184
  border-color: transparent !important; // sass-lint:disable-line no-important
@@ -296,8 +237,7 @@
296
237
 
297
238
 
298
239
  // IE
299
- .k-ie .k-button-group,
300
- .k-ie .k-split-button {
240
+ .k-ie .k-button-group {
301
241
  .k-button {
302
242
  @include border-radius( 0 );
303
243
  }
@@ -272,18 +272,8 @@
272
272
  }
273
273
 
274
274
 
275
- // Menu button
276
- .k-menu-button {}
277
-
278
-
279
275
  // Button group
280
276
  .k-button-group {}
281
277
 
282
278
 
283
- // Split button
284
- .k-split-button:focus,
285
- .k-split-button.k-focus {
286
- @include box-shadow( $kendo-button-focus-shadow );
287
- }
288
-
289
279
  }
@@ -48,20 +48,6 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
48
48
  /// @group button
49
49
  $kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
50
50
 
51
- /// Horizontal padding of the arrow button.
52
- /// @group button
53
- $kendo-button-arrow-padding-x: $kendo-button-padding-y !default;
54
- $kendo-button-arrow-padding-x-sm: $kendo-button-padding-y-sm !default;
55
- $kendo-button-arrow-padding-x-md: $kendo-button-padding-y-md !default;
56
- $kendo-button-arrow-padding-x-lg: $kendo-button-padding-y-lg !default;
57
-
58
- /// Vertical padding of the arrow button.
59
- /// @group button
60
- $kendo-button-arrow-padding-y: $kendo-button-padding-y !default;
61
- $kendo-button-arrow-padding-y-sm: $kendo-button-padding-y-sm !default;
62
- $kendo-button-arrow-padding-y-md: $kendo-button-padding-y-md !default;
63
- $kendo-button-arrow-padding-y-lg: $kendo-button-padding-y-lg !default;
64
-
65
51
  /// Theme colors map for the button.
66
52
  /// @group button
67
53
  $kendo-button-theme-colors: map-merge(
@@ -60,7 +60,7 @@ $kendo-chip-sizes: (
60
60
 
61
61
  /// The base background of the chip.
62
62
  /// @group chip
63
- $kendo-chip-base-bg: $kendo-button-text !default;
63
+ $kendo-chip-base-bg: $base-text !default;
64
64
 
65
65
  /// Theme colors map for the chip.
66
66
  /// @group chip
@@ -5,7 +5,7 @@
5
5
  width: $kendo-input-default-width;
6
6
  display: flex;
7
7
  flex-flow: row nowrap;
8
- align-items: flex-start;
8
+ align-items: flex-end;
9
9
  gap: map-get( $spacing, 2 );
10
10
 
11
11
  *,
@@ -10,6 +10,7 @@
10
10
  );
11
11
  }
12
12
 
13
+ &.k-focus > .k-label,
13
14
  &.k-state-focused > .k-label {
14
15
  @include fill(
15
16
  $color: $floating-label-focus-text,
@@ -731,13 +731,17 @@
731
731
  }
732
732
  .k-gantt-tooltip-validation-label {
733
733
  display: inline-flex;
734
- white-space: nowrap;
735
- overflow: hidden;
736
- text-overflow: ellipsis;
734
+ min-width: $gantt-validation-tooltip-label-width;
737
735
  }
738
736
  .k-gantt-tooltip-validation-value {
739
737
  font-weight: $font-weight-bold;
740
738
  }
739
+ .k-gantt-tooltip-validation-label,
740
+ .k-gantt-tooltip-validation-value {
741
+ white-space: nowrap;
742
+ overflow: hidden;
743
+ text-overflow: ellipsis;
744
+ }
741
745
  }
742
746
 
743
747
  @include exports("gantt/export") {
@@ -87,6 +87,7 @@ $gantt-action-on-offset-text: #000000 !default;
87
87
  $gantt-offset-resize-handler-top: 50% !default;
88
88
 
89
89
  $gantt-validation-tooltip-width: 200px !default;
90
+ $gantt-validation-tooltip-label-width: 50px !default;
90
91
  $gantt-validation-tooltip-border: #656565 !default;
91
92
  $gantt-validation-tooltip-valid-border: $success !default;
92
93
  $gantt-validation-tooltip-invalid-border: $error !default;
@@ -187,19 +187,19 @@
187
187
  .k-i-arrows-no-change::before { content: "\e011"; }
188
188
  .k-i-arrow-overflow-down::before { content: "\e012"; }
189
189
  .k-i-chevron-up::before { content: "\e013"; }
190
- .k-i-chevron-double-up::before { content: "\e94a"; }
190
+ .k-i-chevron-double-up::before { content: "\e05e"; }
191
191
  .k-i-arrow-chevron-up::before { content: "\e013"; }
192
192
  .k-i-arrowhead-n::before { content: "\e013"; }
193
193
  .k-i-chevron-right::before { content: "\e014"; }
194
- .k-i-chevron-double-right::before { content: "\e94b"; }
194
+ .k-i-chevron-double-right::before { content: "\e05f"; }
195
195
  .k-i-arrow-chevron-right::before { content: "\e014"; }
196
196
  .k-i-arrowhead-e::before { content: "\e014"; }
197
197
  .k-i-chevron-down::before { content: "\e015"; }
198
- .k-i-chevron-double-down::before { content: "\e94c"; }
198
+ .k-i-chevron-double-down::before { content: "\e060"; }
199
199
  .k-i-arrow-chevron-down::before { content: "\e015"; }
200
200
  .k-i-arrowhead-s::before { content: "\e015"; }
201
201
  .k-i-chevron-left::before { content: "\e016"; }
202
- .k-i-chevron-double-left::before { content: "\e94d"; }
202
+ .k-i-chevron-double-left::before { content: "\e061"; }
203
203
  .k-i-arrow-chevron-left::before { content: "\e016"; }
204
204
  .k-i-arrowhead-w::before { content: "\e016"; }
205
205
  .k-i-arrow-up::before { content: "\e017"; }
@@ -1048,6 +1048,7 @@
1048
1048
  .k-i-file-image::before { content: "\e93d"; }
1049
1049
  .k-i-file-presentation::before { content: "\e93e"; }
1050
1050
  .k-i-file-data::before { content: "\e93f"; }
1051
+ .k-i-report-element::before { content: "\e94a"; }
1051
1052
  .k-i-file-disc-image::before { content: "\e940"; }
1052
1053
  .k-i-file-programming::before { content: "\e941"; }
1053
1054
  .k-i-parameters-byte-array::before { content: "\e942"; }