@progress/kendo-theme-default 7.0.1-dev.0 → 7.0.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.
package/dist/all.css CHANGED
@@ -279,6 +279,14 @@ kendo-sortable {
279
279
  }
280
280
 
281
281
  .k-i-loading {
282
+ width: 1em;
283
+ height: 1em;
284
+ line-height: 1;
285
+ display: inline-flex;
286
+ flex-flow: row nowrap;
287
+ align-items: center;
288
+ justify-content: center;
289
+ vertical-align: middle;
282
290
  position: relative;
283
291
  background-color: transparent;
284
292
  box-sizing: border-box;
@@ -26331,7 +26339,9 @@ kendo-sortable {
26331
26339
  margin: .25em;
26332
26340
  }
26333
26341
 
26334
- .k-icon-modifier {
26342
+ .k-icon.k-icon-modifier {
26343
+ width: 1em;
26344
+ height: 1em;
26335
26345
  position: absolute;
26336
26346
  font-size: .5em;
26337
26347
  bottom: 0;
@@ -26339,11 +26349,6 @@ kendo-sortable {
26339
26349
  margin: 0 -.5em -.5em 0;
26340
26350
  }
26341
26351
 
26342
- .k-icon.k-icon-modifier {
26343
- width: 1em;
26344
- height: 1em;
26345
- }
26346
-
26347
26352
  .k-i-none::before {
26348
26353
  content: "";
26349
26354
  display: none;
@@ -29143,90 +29148,6 @@ kendo-badge-container {
29143
29148
  opacity: 0.3;
29144
29149
  }
29145
29150
 
29146
- .k-i-loading {
29147
- position: relative;
29148
- background-color: transparent;
29149
- box-sizing: border-box;
29150
- color: currentColor;
29151
- }
29152
-
29153
- .k-i-loading::before, .k-i-loading::after {
29154
- box-sizing: border-box;
29155
- }
29156
-
29157
- .k-i-loading::before,
29158
- .k-i-loading::after,
29159
- .k-loading-image::before,
29160
- .k-loading-image::after {
29161
- position: absolute;
29162
- top: 50%;
29163
- left: 50%;
29164
- display: inline-block;
29165
- content: "";
29166
- box-sizing: inherit;
29167
- border-radius: 50%;
29168
- border-width: .05em;
29169
- border-style: solid;
29170
- border-color: currentColor;
29171
- border-top-color: transparent;
29172
- border-bottom-color: transparent;
29173
- background-color: transparent;
29174
- }
29175
-
29176
- .k-icon.k-i-loading::before,
29177
- .k-icon.k-i-loading::after {
29178
- content: "";
29179
- }
29180
-
29181
- .k-i-loading::before,
29182
- .k-loading-image::before {
29183
- margin-top: -.5em;
29184
- margin-left: -.5em;
29185
- width: 1em;
29186
- height: 1em;
29187
- animation: k-loading-animation .7s linear infinite;
29188
- }
29189
-
29190
- .k-i-loading::after,
29191
- .k-loading-image::after {
29192
- margin-top: -.25em;
29193
- margin-left: -.25em;
29194
- width: .5em;
29195
- height: .5em;
29196
- animation: k-loading-animation reverse 1.4s linear infinite;
29197
- }
29198
-
29199
- .k-loading-image::before,
29200
- .k-loading-image::after {
29201
- content: "";
29202
- border-width: 1px;
29203
- border-width: clamp(0.015em, 1px, 1px);
29204
- font-size: 4em;
29205
- }
29206
-
29207
- @keyframes loading {
29208
- 0% {
29209
- stroke-dasharray: 0 251;
29210
- stroke-dashoffset: 502;
29211
- }
29212
- 50% {
29213
- stroke-dasharray: 250 1;
29214
- }
29215
- 100% {
29216
- stroke-dasharray: 0 251;
29217
- stroke-dashoffset: 0;
29218
- }
29219
- }
29220
-
29221
- @keyframes k-loading-animation {
29222
- 0% {
29223
- transform: rotate(0deg);
29224
- }
29225
- 100% {
29226
- transform: rotate(360deg);
29227
- }
29228
- }
29229
-
29230
29151
  .k-loader-primary {
29231
29152
  color: #ff6358;
29232
29153
  }
@@ -35565,7 +35486,6 @@ select.k-picker-lg {
35565
35486
  .k-dropdown-operator {
35566
35487
  width: min-content;
35567
35488
  flex: none;
35568
- aspect-ratio: 1;
35569
35489
  }
35570
35490
 
35571
35491
  .k-dropdown-operator .k-input-button {
@@ -42483,18 +42403,6 @@ div.k-grid-footer {
42483
42403
  flex: none;
42484
42404
  }
42485
42405
 
42486
- .k-filtercell .k-input,
42487
- .k-filtercell .k-picker {
42488
- width: auto;
42489
- flex: 1 1 auto;
42490
- }
42491
-
42492
- .k-filtercell .k-color-picker, .k-filtercell .k-colorpicker,
42493
- .k-filtercell .k-dropdown-operator {
42494
- width: min-content;
42495
- flex: none;
42496
- }
42497
-
42498
42406
  .k-grid-content,
42499
42407
  .k-grid-content-locked {
42500
42408
  border-color: inherit;
@@ -44068,6 +43976,7 @@ kendo-grid.k-grid .k-table-row.k-hover .k-grid-content-sticky.k-selected {
44068
43976
 
44069
43977
  .k-spreadsheet-sheets {
44070
43978
  flex: 1 1 auto;
43979
+ overflow: hidden;
44071
43980
  }
44072
43981
 
44073
43982
  .k-spreadsheet-sheets .k-tabstrip-items-wrapper {
package/dist/all.scss CHANGED
@@ -4816,6 +4816,14 @@ $_imported: () !default;
4816
4816
 
4817
4817
  // Loading indicator
4818
4818
  .k-i-loading {
4819
+ width: 1em;
4820
+ height: 1em;
4821
+ line-height: 1;
4822
+ display: inline-flex;
4823
+ flex-flow: row nowrap;
4824
+ align-items: center;
4825
+ justify-content: center;
4826
+ vertical-align: middle;
4819
4827
  position: relative;
4820
4828
  background-color: transparent;
4821
4829
  box-sizing: border-box;
@@ -4888,6 +4896,7 @@ $_imported: () !default;
4888
4896
  }
4889
4897
  }
4890
4898
  }
4899
+
4891
4900
  // #endregion
4892
4901
  // #region @import "./_selection.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/_selection.scss
4893
4902
  @mixin kendo-core--styles--selection() {
@@ -14679,17 +14688,15 @@ $ki-rotate-map: (
14679
14688
  margin: .25em;
14680
14689
  }
14681
14690
 
14682
- .k-icon-modifier {
14691
+ .k-icon.k-icon-modifier {
14692
+ width: 1em;
14693
+ height: 1em;
14683
14694
  position: absolute;
14684
14695
  font-size: .5em;
14685
14696
  bottom: 0;
14686
14697
  right: 0;
14687
14698
  margin: 0 -.5em -.5em 0;
14688
14699
  }
14689
- .k-icon.k-icon-modifier {
14690
- width: 1em;
14691
- height: 1em;
14692
- }
14693
14700
 
14694
14701
  .k-i-none::before {
14695
14702
  content: "";
@@ -19878,95 +19885,6 @@ $kendo-loading-opacity: .3 !default;
19878
19885
  opacity: $kendo-loading-opacity;
19879
19886
  }
19880
19887
 
19881
- // Loading indicator
19882
- .k-i-loading {
19883
- position: relative;
19884
- background-color: transparent;
19885
- box-sizing: border-box;
19886
- color: $kendo-loading-text;
19887
-
19888
- &::before,
19889
- &::after {
19890
- box-sizing: border-box;
19891
- }
19892
- }
19893
-
19894
- .k-i-loading::before,
19895
- .k-i-loading::after,
19896
- .k-loading-image::before,
19897
- .k-loading-image::after {
19898
- position: absolute;
19899
- top: 50%;
19900
- left: 50%;
19901
- display: inline-block;
19902
- content: "";
19903
- box-sizing: inherit;
19904
- border-radius: 50%;
19905
- border-width: .05em;
19906
- border-style: solid;
19907
- border-color: currentColor;
19908
- border-top-color: transparent;
19909
- border-bottom-color: transparent;
19910
- background-color: transparent;
19911
- }
19912
-
19913
- .k-icon.k-i-loading::before,
19914
- .k-icon.k-i-loading::after {
19915
- content: "";
19916
- }
19917
-
19918
- .k-i-loading::before,
19919
- .k-loading-image::before {
19920
- margin-top: -.5em;
19921
- margin-left: -.5em;
19922
- width: 1em;
19923
- height: 1em;
19924
- animation: k-loading-animation .7s linear infinite;
19925
- }
19926
-
19927
- .k-i-loading::after,
19928
- .k-loading-image::after {
19929
- margin-top: -.25em;
19930
- margin-left: -.25em;
19931
- width: .5em;
19932
- height: .5em;
19933
- animation: k-loading-animation reverse 1.4s linear infinite;
19934
- }
19935
-
19936
- .k-loading-image::before,
19937
- .k-loading-image::after {
19938
- content: "";
19939
- // See https://github.com/telerik/kendo-themes/issues/1925
19940
- border-width: 1px; // TODO: Remove once we drop IE support
19941
- border-width: clamp( .015em, 1px, 1px );
19942
- font-size: 4em;
19943
- }
19944
-
19945
- @keyframes loading {
19946
- 0% {
19947
- stroke-dasharray: 0 251;
19948
- stroke-dashoffset: 502;
19949
- }
19950
-
19951
- 50% {
19952
- stroke-dasharray: 250 1;
19953
- }
19954
-
19955
- 100% {
19956
- stroke-dasharray: 0 251;
19957
- stroke-dashoffset: 0;
19958
- }
19959
- }
19960
-
19961
- @keyframes k-loading-animation {
19962
- 0% {
19963
- transform: rotate(0deg);
19964
- }
19965
- 100% {
19966
- transform: rotate(360deg);
19967
- }
19968
- }
19969
-
19970
19888
  }
19971
19889
 
19972
19890
 
@@ -31240,7 +31158,6 @@ $_kendo-module-meta: (
31240
31158
  .k-dropdown-operator {
31241
31159
  width: min-content;
31242
31160
  flex: none;
31243
- aspect-ratio: 1;
31244
31161
 
31245
31162
  .k-input-button {
31246
31163
  border-width: 0;
@@ -43578,16 +43495,6 @@ $kendo-grid-row-resizer-height: k-map-get( $kendo-spacing, .5 ) !default;
43578
43495
  }
43579
43496
  }
43580
43497
 
43581
- .k-input,
43582
- .k-picker {
43583
- width: auto;
43584
- flex: 1 1 auto;
43585
- }
43586
- .k-color-picker,
43587
- .k-dropdown-operator {
43588
- width: min-content;
43589
- flex: none;
43590
- }
43591
43498
  }
43592
43499
 
43593
43500
  // Grid content
@@ -45576,6 +45483,7 @@ $kendo-spreadsheet-dropzone-spacing-y: k-map-get( $kendo-spacing, 4 ) !default;
45576
45483
 
45577
45484
  .k-spreadsheet-sheets {
45578
45485
  flex: 1 1 auto;
45486
+ overflow: hidden;
45579
45487
  }
45580
45488
  .k-spreadsheet-sheets .k-tabstrip-items-wrapper {
45581
45489
  border-width: 0;
@@ -3,7 +3,7 @@
3
3
  "name": "Default Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.0.1-dev.0",
6
+ "version": "7.0.1",
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": "7.0.1-dev.0",
6
+ "version": "7.0.1",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ff6358",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Green",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.0.1-dev.0",
6
+ "version": "7.0.1",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.0.1-dev.0",
6
+ "version": "7.0.1",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#000000",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.0.1-dev.0",
6
+ "version": "7.0.1",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.0.1-dev.0",
6
+ "version": "7.0.1",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Ocean Blue A11Y",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.0.1-dev.0",
6
+ "version": "7.0.1",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Ocean Blue",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.0.1-dev.0",
6
+ "version": "7.0.1",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Orange",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.0.1-dev.0",
6
+ "version": "7.0.1",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Purple",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.0.1-dev.0",
6
+ "version": "7.0.1",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.0.1-dev.0",
6
+ "version": "7.0.1",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Default Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-default",
6
- "version": "7.0.1-dev.0",
6
+ "version": "7.0.1",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
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": "7.0.1-dev.0",
4
+ "version": "7.0.1",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -50,8 +50,8 @@
50
50
  },
51
51
  "dependencies": {
52
52
  "@progress/kendo-svg-icons": "2.0.0",
53
- "@progress/kendo-theme-core": "7.0.1-dev.0",
54
- "@progress/kendo-theme-utils": "7.0.1-dev.0"
53
+ "@progress/kendo-theme-core": "7.0.1",
54
+ "@progress/kendo-theme-utils": "7.0.1"
55
55
  },
56
- "gitHead": "4de7cb42982bac6acc43a0189fa3c267de7007ed"
56
+ "gitHead": "58e4637d58f04db3121af3d6e1654cea6baec328"
57
57
  }
@@ -12,7 +12,6 @@
12
12
  .k-dropdown-operator {
13
13
  width: min-content;
14
14
  flex: none;
15
- aspect-ratio: 1;
16
15
 
17
16
  .k-input-button {
18
17
  border-width: 0;
@@ -574,16 +574,6 @@
574
574
  }
575
575
  }
576
576
 
577
- .k-input,
578
- .k-picker {
579
- width: auto;
580
- flex: 1 1 auto;
581
- }
582
- .k-color-picker,
583
- .k-dropdown-operator {
584
- width: min-content;
585
- flex: none;
586
- }
587
577
  }
588
578
 
589
579
  // Grid content
@@ -38,17 +38,15 @@ $ki-icon-size: $kendo-icon-size;
38
38
  margin: .25em;
39
39
  }
40
40
 
41
- .k-icon-modifier {
41
+ .k-icon.k-icon-modifier {
42
+ width: 1em;
43
+ height: 1em;
42
44
  position: absolute;
43
45
  font-size: .5em;
44
46
  bottom: 0;
45
47
  right: 0;
46
48
  margin: 0 -.5em -.5em 0;
47
49
  }
48
- .k-icon.k-icon-modifier {
49
- width: 1em;
50
- height: 1em;
51
- }
52
50
 
53
51
  .k-i-none::before {
54
52
  content: "";
@@ -491,95 +491,6 @@
491
491
  opacity: $kendo-loading-opacity;
492
492
  }
493
493
 
494
- // Loading indicator
495
- .k-i-loading {
496
- position: relative;
497
- background-color: transparent;
498
- box-sizing: border-box;
499
- color: $kendo-loading-text;
500
-
501
- &::before,
502
- &::after {
503
- box-sizing: border-box;
504
- }
505
- }
506
-
507
- .k-i-loading::before,
508
- .k-i-loading::after,
509
- .k-loading-image::before,
510
- .k-loading-image::after {
511
- position: absolute;
512
- top: 50%;
513
- left: 50%;
514
- display: inline-block;
515
- content: "";
516
- box-sizing: inherit;
517
- border-radius: 50%;
518
- border-width: .05em;
519
- border-style: solid;
520
- border-color: currentColor;
521
- border-top-color: transparent;
522
- border-bottom-color: transparent;
523
- background-color: transparent;
524
- }
525
-
526
- .k-icon.k-i-loading::before,
527
- .k-icon.k-i-loading::after {
528
- content: "";
529
- }
530
-
531
- .k-i-loading::before,
532
- .k-loading-image::before {
533
- margin-top: -.5em;
534
- margin-left: -.5em;
535
- width: 1em;
536
- height: 1em;
537
- animation: k-loading-animation .7s linear infinite;
538
- }
539
-
540
- .k-i-loading::after,
541
- .k-loading-image::after {
542
- margin-top: -.25em;
543
- margin-left: -.25em;
544
- width: .5em;
545
- height: .5em;
546
- animation: k-loading-animation reverse 1.4s linear infinite;
547
- }
548
-
549
- .k-loading-image::before,
550
- .k-loading-image::after {
551
- content: "";
552
- // See https://github.com/telerik/kendo-themes/issues/1925
553
- border-width: 1px; // TODO: Remove once we drop IE support
554
- border-width: clamp( .015em, 1px, 1px );
555
- font-size: 4em;
556
- }
557
-
558
- @keyframes loading {
559
- 0% {
560
- stroke-dasharray: 0 251;
561
- stroke-dashoffset: 502;
562
- }
563
-
564
- 50% {
565
- stroke-dasharray: 250 1;
566
- }
567
-
568
- 100% {
569
- stroke-dasharray: 0 251;
570
- stroke-dashoffset: 0;
571
- }
572
- }
573
-
574
- @keyframes k-loading-animation {
575
- 0% {
576
- transform: rotate(0deg);
577
- }
578
- 100% {
579
- transform: rotate(360deg);
580
- }
581
- }
582
-
583
494
  }
584
495
 
585
496
 
@@ -163,6 +163,7 @@
163
163
 
164
164
  .k-spreadsheet-sheets {
165
165
  flex: 1 1 auto;
166
+ overflow: hidden;
166
167
  }
167
168
  .k-spreadsheet-sheets .k-tabstrip-items-wrapper {
168
169
  border-width: 0;