@progress/kendo-theme-material 5.1.2-dev.7 → 5.2.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.
package/dist/all.css CHANGED
@@ -12218,6 +12218,18 @@ kendo-badge-container {
12218
12218
  flex: none;
12219
12219
  }
12220
12220
 
12221
+ .k-split-button .k-split-button-arrow.k-button-sm {
12222
+ padding: 6px 4px;
12223
+ }
12224
+
12225
+ .k-split-button .k-split-button-arrow.k-button-md {
12226
+ padding: 8px 4px;
12227
+ }
12228
+
12229
+ .k-split-button .k-split-button-arrow.k-button-lg {
12230
+ padding: 10px 4px;
12231
+ }
12232
+
12221
12233
  .k-split-button .k-split-button-arrow .k-button-icon {
12222
12234
  min-width: 0;
12223
12235
  }
@@ -13737,7 +13749,7 @@ select.k-picker {
13737
13749
  position: relative;
13738
13750
  z-index: 1;
13739
13751
  overflow: hidden;
13740
- text-overflow: clip;
13752
+ text-overflow: ellipsis;
13741
13753
  -webkit-appearance: none;
13742
13754
  }
13743
13755
 
@@ -13786,7 +13798,7 @@ textarea.k-input-inner {
13786
13798
  .k-input-value-text {
13787
13799
  flex: 1;
13788
13800
  overflow: hidden;
13789
- text-overflow: clip;
13801
+ text-overflow: ellipsis;
13790
13802
  }
13791
13803
 
13792
13804
  .k-input-value-text::before {
@@ -19843,6 +19855,10 @@ kendo-label > .k-label {
19843
19855
  width: 50px;
19844
19856
  }
19845
19857
 
19858
+ .k-colorgradient-inputs .k-input-inner {
19859
+ text-overflow: clip;
19860
+ }
19861
+
19846
19862
  .k-colorgradient-color-contrast > div {
19847
19863
  display: flex;
19848
19864
  flex-flow: row nowrap;
@@ -24423,6 +24439,11 @@ kendo-card-footer {
24423
24439
  width: 5em;
24424
24440
  }
24425
24441
 
24442
+ .k-pager-sizes .k-input-inner,
24443
+ .k-pager-sizes .k-input-value-text {
24444
+ text-overflow: clip;
24445
+ }
24446
+
24426
24447
  .k-rtl .k-pager-sizes .k-dropdown-list, .k-rtl .k-pager-sizes .k-dropdown,
24427
24448
  .k-rtl .k-pager-sizes .k-dropdownlist,
24428
24449
  .k-rtl .k-pager-sizes > select,
@@ -24626,6 +24647,7 @@ kendo-card-footer {
24626
24647
  display: flex;
24627
24648
  align-items: center;
24628
24649
  justify-content: center;
24650
+ flex: none;
24629
24651
  position: relative;
24630
24652
  z-index: 1;
24631
24653
  overflow: visible;
@@ -24656,7 +24678,7 @@ kendo-card-footer {
24656
24678
  }
24657
24679
 
24658
24680
  .k-stepper .k-step-label {
24659
- max-width: calc(min(100%, 10em));
24681
+ max-width: clamp(100%, 10em, 100%);
24660
24682
  display: inline-flex;
24661
24683
  flex-wrap: wrap;
24662
24684
  align-items: center;
@@ -29044,11 +29066,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
29044
29066
  min-width: 2em;
29045
29067
  }
29046
29068
 
29047
- .k-spreadsheet-toolbar .k-input,
29048
- .k-spreadsheet-toolbar .k-picker {
29049
- width: 5em;
29050
- }
29051
-
29052
29069
  .k-spreadsheet-toolbar .k-color-picker, .k-spreadsheet-toolbar .k-colorpicker {
29053
29070
  width: min-content;
29054
29071
  }
@@ -32504,6 +32521,11 @@ td.k-editor-content {
32504
32521
  overflow-y: auto;
32505
32522
  }
32506
32523
 
32524
+ .k-imageeditor-action-pane .k-input-inner,
32525
+ .k-imageeditor-action-pane .k-input-value-text {
32526
+ text-overflow: clip;
32527
+ }
32528
+
32507
32529
  .k-imageeditor-crop-overlay {
32508
32530
  width: 100%;
32509
32531
  height: 100%;
@@ -33328,7 +33350,7 @@ td.k-editor-content {
33328
33350
  }
33329
33351
 
33330
33352
  .k-gantt-tooltip-validation::before {
33331
- content: '';
33353
+ content: "";
33332
33354
  width: 4px;
33333
33355
  height: 100%;
33334
33356
  position: absolute;
package/dist/all.scss CHANGED
@@ -8952,8 +8952,19 @@ $kendo-button-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-but
8952
8952
  /// @group button
8953
8953
  $kendo-button-inner-calc-size: calc( #{$kendo-button-line-height * 1em} + #{$kendo-button-padding-y * 2} ) !default;
8954
8954
 
8955
+ /// Horizontal padding of the arrow button.
8956
+ /// @group button
8955
8957
  $kendo-button-arrow-padding-x: map-get( $spacing, 1 ) !default;
8958
+ $kendo-button-arrow-padding-x-sm: map-get( $spacing, 1 ) !default;
8959
+ $kendo-button-arrow-padding-x-md: map-get( $spacing, 1 ) !default;
8960
+ $kendo-button-arrow-padding-x-lg: map-get( $spacing, 1 ) !default;
8961
+
8962
+ /// Vertical padding of the arrow button.
8963
+ /// @group button
8956
8964
  $kendo-button-arrow-padding-y: $kendo-button-padding-y !default;
8965
+ $kendo-button-arrow-padding-y-sm: $kendo-button-padding-y-sm !default;
8966
+ $kendo-button-arrow-padding-y-md: $kendo-button-padding-y-md !default;
8967
+ $kendo-button-arrow-padding-y-lg: $kendo-button-padding-y-lg !default;
8957
8968
 
8958
8969
  /// Theme colors map for the button.
8959
8970
  /// @group button
@@ -9332,6 +9343,18 @@ $kendo-button-transition: box-shadow 280ms cubic-bezier( .4, 0, .2, 1 ) !default
9332
9343
  aspect-ratio: auto;
9333
9344
  flex: none;
9334
9345
 
9346
+ &.k-button-sm {
9347
+ padding: $kendo-button-arrow-padding-y-sm $kendo-button-arrow-padding-x-sm;
9348
+ }
9349
+
9350
+ &.k-button-md {
9351
+ padding: $kendo-button-arrow-padding-y-md $kendo-button-arrow-padding-x-md;
9352
+ }
9353
+
9354
+ &.k-button-lg {
9355
+ padding: $kendo-button-arrow-padding-y-lg $kendo-button-arrow-padding-x-lg;
9356
+ }
9357
+
9335
9358
  .k-button-icon {
9336
9359
  min-width: 0;
9337
9360
  }
@@ -10227,7 +10250,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
10227
10250
  position: relative;
10228
10251
  z-index: 1;
10229
10252
  overflow: hidden;
10230
- text-overflow: clip;
10253
+ text-overflow: ellipsis;
10231
10254
  -webkit-appearance: none;
10232
10255
 
10233
10256
  // Hide clear icon
@@ -10266,7 +10289,7 @@ $kendo-input-invalid-shadow: $invalid-shadow !default;
10266
10289
  .k-input-value-text {
10267
10290
  flex: 1;
10268
10291
  overflow: hidden;
10269
- text-overflow: clip;
10292
+ text-overflow: ellipsis;
10270
10293
  }
10271
10294
  .k-input-value-text::before {
10272
10295
  content: "\200b";
@@ -19548,6 +19571,10 @@ $colorgradient-contrast-spacer: map-get( $spacing, 2 ) !default;
19548
19571
  .k-numerictextbox {
19549
19572
  width: $colorgradient-input-width;
19550
19573
  }
19574
+
19575
+ .k-input-inner {
19576
+ text-overflow: clip;
19577
+ }
19551
19578
  }
19552
19579
 
19553
19580
  // Contrast
@@ -26750,6 +26777,11 @@ $pager-dropdown-width: 5em !default;
26750
26777
  width: $pager-dropdown-width;
26751
26778
  }
26752
26779
 
26780
+ .k-input-inner,
26781
+ .k-input-value-text {
26782
+ text-overflow: clip;
26783
+ }
26784
+
26753
26785
  .k-rtl &,
26754
26786
  [dir="rtl"] & {
26755
26787
  .k-dropdown-list,
@@ -27210,6 +27242,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
27210
27242
  display: flex;
27211
27243
  align-items: center;
27212
27244
  justify-content: center;
27245
+ flex: none;
27213
27246
  position: relative;
27214
27247
  z-index: 1;
27215
27248
  overflow: visible;
@@ -27243,7 +27276,7 @@ $stepper-content-transition-timing-function: cubic-bezier(.4, 0, .2, 1) 0ms !def
27243
27276
 
27244
27277
  // Step label
27245
27278
  .k-step-label {
27246
- max-width: calc(min(100%, 10em));
27279
+ max-width: clamp(100%, 10em, 100%);
27247
27280
  display: inline-flex;
27248
27281
  flex-wrap: wrap;
27249
27282
  align-items: center;
@@ -33110,10 +33143,6 @@ $spreadsheet-drawing-anchor-bg: rgba( $selected-bg, .25 ) !default;
33110
33143
  min-width: $form-line-height * 1em;
33111
33144
  }
33112
33145
 
33113
- .k-input,
33114
- .k-picker {
33115
- width: 5em;
33116
- }
33117
33146
  .k-color-picker {
33118
33147
  width: min-content;
33119
33148
  }
@@ -37873,6 +37902,11 @@ $imageeditor-crop-overlay-bg: rgba(black, .3) !default;
37873
37902
  box-sizing: border-box;
37874
37903
  flex: none;
37875
37904
  overflow-y: auto;
37905
+
37906
+ .k-input-inner,
37907
+ .k-input-value-text {
37908
+ text-overflow: clip;
37909
+ }
37876
37910
  }
37877
37911
 
37878
37912
 
@@ -38885,7 +38919,7 @@ $gantt-validation-tooltip-invalid-border: $error !default;
38885
38919
  display: block;
38886
38920
 
38887
38921
  &::before {
38888
- content: '';
38922
+ content: "";
38889
38923
  width: 4px;
38890
38924
  height: 100%;
38891
38925
  position: absolute;
@@ -1,8 +1,9 @@
1
1
  {
2
- "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.11.0/lib/schemas/kendo-swatch.json",
2
+ "$schema": "https://unpkg.com/@progress/kendo-theme-tasks@1.14.0/lib/schemas/kendo-swatch.json",
3
3
  "name": "Material Aqua Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
+ "version": "5.2.0",
6
7
  "previewColors": [
7
8
  "#121212",
8
9
  "#212121",
@@ -28,25 +29,101 @@
28
29
  "name": "Primary",
29
30
  "type": "material-colorlist",
30
31
  "enum": [
31
- { "value": "red", "text": "Red", "preview": "#f44336" },
32
- { "value": "pink", "text": "Pink", "preview": "#e91e63" },
33
- { "value": "purple", "text": "Purple", "preview": "#9c27b0" },
34
- { "value": "deepPurple", "text": "Deep Purple", "preview": "#673ab7" },
35
- { "value": "indigo", "text": "Indigo", "preview": "#3f51b5" },
36
- { "value": "blue", "text": "Blue", "preview": "#2196f3" },
37
- { "value": "lightBlue", "text": "Light Blue", "preview": "#03a9f4" },
38
- { "value": "cyan", "text": "Cyan", "preview": "#00bcd4" },
39
- { "value": "teal", "text": "Teal", "preview": "#009688" },
40
- { "value": "green", "text": "Green", "preview": "#4caf50" },
41
- { "value": "lightGreen", "text": "Light Green", "preview": "#8bc34a" },
42
- { "value": "lime", "text": "Lime", "preview": "#cddc39" },
43
- { "value": "yellow", "text": "Yellow", "preview": "#ffeb3b" },
44
- { "value": "amber", "text": "Amber", "preview": "#ffc107" },
45
- { "value": "orange", "text": "Orange", "preview": "#ff9800" },
46
- { "value": "deepOrange", "text": "Deep Orange", "preview": "#ff5722" },
47
- { "value": "brown", "text": "Brown", "preview": "#795548" },
48
- { "value": "gray", "text": "Gray", "preview": "#9e9e9e" },
49
- { "value": "blueGray", "text": "Blue Gray", "preview": "#607d8b" }
32
+ {
33
+ "value": "red",
34
+ "text": "Red",
35
+ "preview": "#f44336"
36
+ },
37
+ {
38
+ "value": "pink",
39
+ "text": "Pink",
40
+ "preview": "#e91e63"
41
+ },
42
+ {
43
+ "value": "purple",
44
+ "text": "Purple",
45
+ "preview": "#9c27b0"
46
+ },
47
+ {
48
+ "value": "deepPurple",
49
+ "text": "Deep Purple",
50
+ "preview": "#673ab7"
51
+ },
52
+ {
53
+ "value": "indigo",
54
+ "text": "Indigo",
55
+ "preview": "#3f51b5"
56
+ },
57
+ {
58
+ "value": "blue",
59
+ "text": "Blue",
60
+ "preview": "#2196f3"
61
+ },
62
+ {
63
+ "value": "lightBlue",
64
+ "text": "Light Blue",
65
+ "preview": "#03a9f4"
66
+ },
67
+ {
68
+ "value": "cyan",
69
+ "text": "Cyan",
70
+ "preview": "#00bcd4"
71
+ },
72
+ {
73
+ "value": "teal",
74
+ "text": "Teal",
75
+ "preview": "#009688"
76
+ },
77
+ {
78
+ "value": "green",
79
+ "text": "Green",
80
+ "preview": "#4caf50"
81
+ },
82
+ {
83
+ "value": "lightGreen",
84
+ "text": "Light Green",
85
+ "preview": "#8bc34a"
86
+ },
87
+ {
88
+ "value": "lime",
89
+ "text": "Lime",
90
+ "preview": "#cddc39"
91
+ },
92
+ {
93
+ "value": "yellow",
94
+ "text": "Yellow",
95
+ "preview": "#ffeb3b"
96
+ },
97
+ {
98
+ "value": "amber",
99
+ "text": "Amber",
100
+ "preview": "#ffc107"
101
+ },
102
+ {
103
+ "value": "orange",
104
+ "text": "Orange",
105
+ "preview": "#ff9800"
106
+ },
107
+ {
108
+ "value": "deepOrange",
109
+ "text": "Deep Orange",
110
+ "preview": "#ff5722"
111
+ },
112
+ {
113
+ "value": "brown",
114
+ "text": "Brown",
115
+ "preview": "#795548"
116
+ },
117
+ {
118
+ "value": "gray",
119
+ "text": "Gray",
120
+ "preview": "#9e9e9e"
121
+ },
122
+ {
123
+ "value": "blueGray",
124
+ "text": "Blue Gray",
125
+ "preview": "#607d8b"
126
+ }
50
127
  ],
51
128
  "value": "cyan"
52
129
  },
@@ -54,25 +131,101 @@
54
131
  "name": "Secondary",
55
132
  "type": "material-colorlist",
56
133
  "enum": [
57
- { "value": "red", "text": "Red", "preview": "#f44336" },
58
- { "value": "pink", "text": "Pink", "preview": "#e91e63" },
59
- { "value": "purple", "text": "Purple", "preview": "#9c27b0" },
60
- { "value": "deepPurple", "text": "Deep Purple", "preview": "#673ab7" },
61
- { "value": "indigo", "text": "Indigo", "preview": "#3f51b5" },
62
- { "value": "blue", "text": "Blue", "preview": "#2196f3" },
63
- { "value": "lightBlue", "text": "Light Blue", "preview": "#03a9f4" },
64
- { "value": "cyan", "text": "Cyan", "preview": "#00bcd4" },
65
- { "value": "teal", "text": "Teal", "preview": "#009688" },
66
- { "value": "green", "text": "Green", "preview": "#4caf50" },
67
- { "value": "lightGreen", "text": "Light Green", "preview": "#8bc34a" },
68
- { "value": "lime", "text": "Lime", "preview": "#cddc39" },
69
- { "value": "yellow", "text": "Yellow", "preview": "#ffeb3b" },
70
- { "value": "amber", "text": "Amber", "preview": "#ffc107" },
71
- { "value": "orange", "text": "Orange", "preview": "#ff9800" },
72
- { "value": "deepOrange", "text": "Deep Orange", "preview": "#ff5722" },
73
- { "value": "brown", "text": "Brown", "preview": "#795548" },
74
- { "value": "gray", "text": "Gray", "preview": "#9e9e9e" },
75
- { "value": "blueGray", "text": "Blue Gray", "preview": "#607d8b" }
134
+ {
135
+ "value": "red",
136
+ "text": "Red",
137
+ "preview": "#f44336"
138
+ },
139
+ {
140
+ "value": "pink",
141
+ "text": "Pink",
142
+ "preview": "#e91e63"
143
+ },
144
+ {
145
+ "value": "purple",
146
+ "text": "Purple",
147
+ "preview": "#9c27b0"
148
+ },
149
+ {
150
+ "value": "deepPurple",
151
+ "text": "Deep Purple",
152
+ "preview": "#673ab7"
153
+ },
154
+ {
155
+ "value": "indigo",
156
+ "text": "Indigo",
157
+ "preview": "#3f51b5"
158
+ },
159
+ {
160
+ "value": "blue",
161
+ "text": "Blue",
162
+ "preview": "#2196f3"
163
+ },
164
+ {
165
+ "value": "lightBlue",
166
+ "text": "Light Blue",
167
+ "preview": "#03a9f4"
168
+ },
169
+ {
170
+ "value": "cyan",
171
+ "text": "Cyan",
172
+ "preview": "#00bcd4"
173
+ },
174
+ {
175
+ "value": "teal",
176
+ "text": "Teal",
177
+ "preview": "#009688"
178
+ },
179
+ {
180
+ "value": "green",
181
+ "text": "Green",
182
+ "preview": "#4caf50"
183
+ },
184
+ {
185
+ "value": "lightGreen",
186
+ "text": "Light Green",
187
+ "preview": "#8bc34a"
188
+ },
189
+ {
190
+ "value": "lime",
191
+ "text": "Lime",
192
+ "preview": "#cddc39"
193
+ },
194
+ {
195
+ "value": "yellow",
196
+ "text": "Yellow",
197
+ "preview": "#ffeb3b"
198
+ },
199
+ {
200
+ "value": "amber",
201
+ "text": "Amber",
202
+ "preview": "#ffc107"
203
+ },
204
+ {
205
+ "value": "orange",
206
+ "text": "Orange",
207
+ "preview": "#ff9800"
208
+ },
209
+ {
210
+ "value": "deepOrange",
211
+ "text": "Deep Orange",
212
+ "preview": "#ff5722"
213
+ },
214
+ {
215
+ "value": "brown",
216
+ "text": "Brown",
217
+ "preview": "#795548"
218
+ },
219
+ {
220
+ "value": "gray",
221
+ "text": "Gray",
222
+ "preview": "#9e9e9e"
223
+ },
224
+ {
225
+ "value": "blueGray",
226
+ "text": "Blue Gray",
227
+ "preview": "#607d8b"
228
+ }
76
229
  ],
77
230
  "value": "amber"
78
231
  },
@@ -80,8 +233,16 @@
80
233
  "name": "Theme luminosity",
81
234
  "type": "color-mode",
82
235
  "enum": [
83
- { "value": "light", "text": "Light", "preview": "#ffffff" },
84
- { "value": "dark", "text": "Dark", "preview": "#000000" }
236
+ {
237
+ "value": "light",
238
+ "text": "Light",
239
+ "preview": "#ffffff"
240
+ },
241
+ {
242
+ "value": "dark",
243
+ "text": "Dark",
244
+ "preview": "#000000"
245
+ }
85
246
  ],
86
247
  "value": "dark"
87
248
  },