@progress/kendo-theme-bootstrap 4.42.1-dev.0 → 4.42.1-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 (25) hide show
  1. package/dist/all.css +142 -144
  2. package/dist/all.scss +142 -173
  3. package/modules/@progress/kendo-theme-default/package.json +2 -2
  4. package/modules/@progress/kendo-theme-default/scss/action-buttons/_layout.scss +1 -0
  5. package/modules/@progress/kendo-theme-default/scss/autocomplete/_layout.scss +0 -20
  6. package/modules/@progress/kendo-theme-default/scss/card/_layout.scss +1 -0
  7. package/modules/@progress/kendo-theme-default/scss/chat/_layout.scss +24 -20
  8. package/modules/@progress/kendo-theme-default/scss/chat/_variables.scss +5 -5
  9. package/modules/@progress/kendo-theme-default/scss/checkbox/_theme.scss +1 -1
  10. package/modules/@progress/kendo-theme-default/scss/combobox/_layout.scss +0 -22
  11. package/modules/@progress/kendo-theme-default/scss/datetime/_layout.scss +0 -45
  12. package/modules/@progress/kendo-theme-default/scss/dropdownlist/_layout.scss +0 -12
  13. package/modules/@progress/kendo-theme-default/scss/editor/_layout.scss +84 -0
  14. package/modules/@progress/kendo-theme-default/scss/editor/_theme.scss +9 -0
  15. package/modules/@progress/kendo-theme-default/scss/editor/_variables.scss +8 -0
  16. package/modules/@progress/kendo-theme-default/scss/forms/_layout.scss +2 -1
  17. package/modules/@progress/kendo-theme-default/scss/input/_layout.scss +3 -16
  18. package/modules/@progress/kendo-theme-default/scss/multiselect/_layout.scss +0 -19
  19. package/modules/@progress/kendo-theme-default/scss/numerictextbox/_layout.scss +0 -11
  20. package/modules/@progress/kendo-theme-default/scss/searchbox/_layout.scss +1 -0
  21. package/modules/@progress/kendo-theme-default/scss/window/_layout.scss +1 -0
  22. package/package.json +3 -3
  23. package/scss/chat/_variables.scss +5 -5
  24. package/scss/editor/_variables.scss +8 -0
  25. package/scss/switch/_layout.scss +2 -1
package/dist/all.css CHANGED
@@ -12738,7 +12738,9 @@ kendo-badge-container {
12738
12738
  border-style: solid;
12739
12739
  }
12740
12740
 
12741
- .k-input-icon {
12741
+ .k-input-icon,
12742
+ .k-input-validation-icon,
12743
+ .k-input-loading-icon {
12742
12744
  width: calc(16px + 0.75rem);
12743
12745
  height: 2.25rem;
12744
12746
  display: -ms-inline-flexbox;
@@ -12753,19 +12755,6 @@ kendo-badge-container {
12753
12755
  flex-shrink: 0;
12754
12756
  }
12755
12757
 
12756
- .k-ie9 .k-input-icon {
12757
- position: absolute;
12758
- height: 100%;
12759
- right: 0;
12760
- top: 0;
12761
- }
12762
-
12763
- .k-ie9 .k-rtl .k-input-icon, .k-ie9
12764
- [dir="rtl"] .k-input-icon {
12765
- left: 0;
12766
- right: auto;
12767
- }
12768
-
12769
12758
  .k-clear-value {
12770
12759
  width: calc(16px + 0.75rem);
12771
12760
  height: 2.25rem;
@@ -13746,8 +13735,8 @@ kendo-label > .k-label {
13746
13735
  .k-form .k-maskedtextbox,
13747
13736
  .k-form .k-textbox-container,
13748
13737
  .k-form .k-floating-label-container {
13749
- display: -ms-flexbox;
13750
- display: flex;
13738
+ display: -ms-inline-flexbox;
13739
+ display: inline-flex;
13751
13740
  width: 100%;
13752
13741
  }
13753
13742
 
@@ -13809,6 +13798,7 @@ kendo-label > .k-label {
13809
13798
  margin-right: 10px;
13810
13799
  padding-top: 5px;
13811
13800
  width: 25%;
13801
+ text-align: end;
13812
13802
  -ms-flex-direction: column;
13813
13803
  flex-direction: column;
13814
13804
  -ms-flex-align: end;
@@ -14917,7 +14907,8 @@ kendo-label.k-radio-label > .k-label {
14917
14907
  display: block;
14918
14908
  }
14919
14909
 
14920
- .k-switch.k-disabled {
14910
+ .k-switch.k-disabled,
14911
+ .k-switch.k-state-disabled {
14921
14912
  opacity: 1;
14922
14913
  filter: none;
14923
14914
  }
@@ -16052,6 +16043,7 @@ kendo-label.k-radio-label > .k-label {
16052
16043
  }
16053
16044
 
16054
16045
  .k-actions-horizontal {
16046
+ width: 100%;
16055
16047
  -ms-flex-flow: row nowrap;
16056
16048
  flex-flow: row nowrap;
16057
16049
  }
@@ -18036,18 +18028,6 @@ textarea.k-textarea {
18036
18028
  height: 2.25rem;
18037
18029
  }
18038
18030
 
18039
- .k-autocomplete .k-clear-value {
18040
- visibility: hidden;
18041
- }
18042
-
18043
- .k-autocomplete:hover .k-clear-value, .k-autocomplete.k-state-hover .k-clear-value, .k-autocomplete.k-state-focused .k-clear-value, .k-autocomplete.k-state-focus .k-clear-value {
18044
- visibility: visible;
18045
- }
18046
-
18047
- .k-autocomplete:focus-within .k-clear-value {
18048
- visibility: visible;
18049
- }
18050
-
18051
18031
  .k-autocomplete.k-header,
18052
18032
  .k-autocomplete {
18053
18033
  border-color: #ced4da;
@@ -18293,23 +18273,10 @@ textarea.k-textarea {
18293
18273
  top: -1px;
18294
18274
  }
18295
18275
 
18296
- .k-numerictextbox .k-i-warning {
18297
- -ms-flex-item-align: center;
18298
- align-self: center;
18299
- margin-right: 0.5rem;
18300
- }
18301
-
18302
18276
  .k-rtl .k-numerictextbox, .k-numerictextbox[dir="rtl"] {
18303
18277
  text-align: right;
18304
18278
  }
18305
18279
 
18306
- .k-rtl .k-numerictextbox .k-numeric-wrap .k-i-warning, .k-numerictextbox[dir="rtl"] .k-numeric-wrap .k-i-warning {
18307
- -ms-flex-item-align: center;
18308
- align-self: center;
18309
- margin-right: 0;
18310
- margin-left: 0.5rem;
18311
- }
18312
-
18313
18280
  .k-rtl .k-numerictextbox .k-select, .k-numerictextbox[dir="rtl"] .k-select {
18314
18281
  border-radius: 0.25rem 0 0 0.25rem;
18315
18282
  border-width: 0 1px 0 0;
@@ -18891,20 +18858,6 @@ textarea.k-textarea {
18891
18858
  cursor: initial;
18892
18859
  }
18893
18860
 
18894
- .k-combobox .k-clear-value {
18895
- visibility: hidden;
18896
- }
18897
-
18898
- .k-combobox:hover .k-clear-value, .k-combobox.k-state-hover .k-clear-value, .k-combobox.k-state-focused .k-clear-value, .k-combobox.k-state-focus .k-clear-value,
18899
- .k-combobox .k-dropdown-wrap.k-state-hover .k-clear-value,
18900
- .k-combobox .k-dropdown-wrap.k-state-focused .k-clear-value {
18901
- visibility: visible;
18902
- }
18903
-
18904
- .k-combobox:focus-within .k-clear-value {
18905
- visibility: visible;
18906
- }
18907
-
18908
18861
  .k-combobox .k-select {
18909
18862
  border-radius: 0 0.25rem 0.25rem 0;
18910
18863
  padding: 0.375rem 0.375rem;
@@ -19704,24 +19657,10 @@ textarea.k-textarea {
19704
19657
  top: -1px;
19705
19658
  }
19706
19659
 
19707
- .k-dateinput .k-i-warning {
19708
- position: absolute;
19709
- right: 1rem;
19710
- top: 50%;
19711
- -ms-transform: translateY(-50%);
19712
- transform: translateY(-50%);
19713
- overflow: visible;
19714
- }
19715
-
19716
19660
  .k-rtl .k-dateinput, .k-dateinput[dir="rtl"] {
19717
19661
  text-align: right;
19718
19662
  }
19719
19663
 
19720
- .k-rtl .k-dateinput .k-dateinput-wrap .k-i-warning, .k-dateinput[dir="rtl"] .k-dateinput-wrap .k-i-warning {
19721
- left: 1rem;
19722
- right: auto;
19723
- }
19724
-
19725
19664
  .k-rtl .k-dateinput .k-select, .k-dateinput[dir="rtl"] .k-select {
19726
19665
  border-radius: 0.25rem 0 0 0.25rem;
19727
19666
  border-width: 0 1px 0 0;
@@ -19802,16 +19741,6 @@ textarea.k-textarea {
19802
19741
  cursor: pointer;
19803
19742
  }
19804
19743
 
19805
- .k-datepicker .k-i-warning,
19806
- .k-timepicker .k-i-warning {
19807
- position: absolute;
19808
- top: 50%;
19809
- right: calc(1.5em + 1.25rem);
19810
- -ms-transform: translateY(-50%);
19811
- transform: translateY(-50%);
19812
- overflow: visible;
19813
- }
19814
-
19815
19744
  .k-rtl .k-datepicker, .k-datepicker[dir="rtl"], .k-rtl
19816
19745
  .k-timepicker,
19817
19746
  .k-timepicker[dir="rtl"] {
@@ -19825,13 +19754,6 @@ textarea.k-textarea {
19825
19754
  border-width: 0 1px 0 0;
19826
19755
  }
19827
19756
 
19828
- .k-rtl .k-datepicker .k-i-warning, .k-datepicker[dir="rtl"] .k-i-warning, .k-rtl
19829
- .k-timepicker .k-i-warning,
19830
- .k-timepicker[dir="rtl"] .k-i-warning {
19831
- right: auto;
19832
- left: calc(1.5em + 1.25rem);
19833
- }
19834
-
19835
19757
  .k-datetimepicker {
19836
19758
  width: 12.4em;
19837
19759
  border-width: 0;
@@ -19901,15 +19823,6 @@ textarea.k-textarea {
19901
19823
  box-sizing: border-box;
19902
19824
  }
19903
19825
 
19904
- .k-datetimepicker .k-i-warning {
19905
- position: absolute;
19906
- top: 50%;
19907
- right: calc(3em + 2rem);
19908
- -ms-transform: translateY(-50%);
19909
- transform: translateY(-50%);
19910
- overflow: visible;
19911
- }
19912
-
19913
19826
  .k-rtl .k-datetimepicker, .k-datetimepicker[dir="rtl"] {
19914
19827
  text-align: right;
19915
19828
  }
@@ -19919,11 +19832,6 @@ textarea.k-textarea {
19919
19832
  border-width: 0 1px 0 0;
19920
19833
  }
19921
19834
 
19922
- .k-rtl .k-datetimepicker .k-i-warning, .k-datetimepicker[dir="rtl"] .k-i-warning {
19923
- right: auto;
19924
- left: calc(3em + 2rem);
19925
- }
19926
-
19927
19835
  .k-datetime-container .k-datetime-wrap {
19928
19836
  width: calc(304px + 2rem);
19929
19837
  overflow: hidden;
@@ -20720,14 +20628,6 @@ textarea.k-textarea {
20720
20628
  cursor: pointer;
20721
20629
  }
20722
20630
 
20723
- .k-dropdown .k-dropdown-wrap .k-clear-value, .k-dropdowntree .k-dropdown-wrap .k-clear-value {
20724
- visibility: hidden;
20725
- }
20726
-
20727
- .k-dropdown .k-dropdown-wrap.k-state-focused .k-clear-value, .k-dropdowntree .k-dropdown-wrap.k-state-focused .k-clear-value, .k-dropdown .k-dropdown-wrap.k-state-hover .k-clear-value, .k-dropdowntree .k-dropdown-wrap.k-state-hover .k-clear-value, .k-dropdown .k-dropdown-wrap:hover .k-clear-value, .k-dropdowntree .k-dropdown-wrap:hover .k-clear-value {
20728
- visibility: visible;
20729
- }
20730
-
20731
20631
  .k-dropdown.k-rtl, .k-rtl.k-dropdowntree,
20732
20632
  .k-dropdown[dir="rtl"],
20733
20633
  .k-dropdowntree[dir="rtl"],
@@ -20934,16 +20834,11 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
20934
20834
  }
20935
20835
 
20936
20836
  .k-multiselect .k-multiselect-wrap .k-clear-value, .k-dropdowntree .k-multiselect-wrap .k-clear-value {
20937
- visibility: hidden;
20938
20837
  position: absolute;
20939
20838
  top: 0;
20940
20839
  right: 0;
20941
20840
  }
20942
20841
 
20943
- .k-multiselect .k-multiselect-wrap:hover .k-clear-value, .k-dropdowntree .k-multiselect-wrap:hover .k-clear-value, .k-multiselect .k-multiselect-wrap.k-state-hover .k-clear-value, .k-dropdowntree .k-multiselect-wrap.k-state-hover .k-clear-value, .k-multiselect .k-multiselect-wrap.k-state-focused .k-clear-value, .k-dropdowntree .k-multiselect-wrap.k-state-focused .k-clear-value {
20944
- visibility: visible;
20945
- }
20946
-
20947
20842
  .k-multiselect .k-multiselect-wrap > .k-select, .k-dropdowntree .k-multiselect-wrap > .k-select {
20948
20843
  position: absolute;
20949
20844
  top: 0;
@@ -20966,10 +20861,6 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
20966
20861
  right: calc(16px + 0.375rem);
20967
20862
  }
20968
20863
 
20969
- .k-multiselect.k-state-hover > .k-multiselect-wrap .k-clear-value, .k-state-hover.k-dropdowntree > .k-multiselect-wrap .k-clear-value, .k-multiselect.k-state-focused > .k-multiselect-wrap .k-clear-value, .k-state-focused.k-dropdowntree > .k-multiselect-wrap .k-clear-value, .k-multiselect.k-state-focus > .k-multiselect-wrap .k-clear-value, .k-state-focus.k-dropdowntree > .k-multiselect-wrap .k-clear-value {
20970
- visibility: visible;
20971
- }
20972
-
20973
20864
  .k-multiselect[dir="rtl"], .k-dropdowntree[dir="rtl"],
20974
20865
  .k-rtl .k-multiselect,
20975
20866
  .k-rtl .k-dropdowntree {
@@ -21447,6 +21338,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
21447
21338
  border-radius: 0.25rem;
21448
21339
  border-width: 1px;
21449
21340
  border-style: solid;
21341
+ box-sizing: border-box;
21450
21342
  font-family: system-ui, -apple-system, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", "Liberation Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";
21451
21343
  font-size: 1rem;
21452
21344
  line-height: 1.5;
@@ -23081,6 +22973,7 @@ select.k-dropdown:focus, select.k-dropdowntree:focus {
23081
22973
  height: 100%;
23082
22974
  }
23083
22975
 
22976
+ .k-window-buttons,
23084
22977
  .k-window-buttongroup {
23085
22978
  border-bottom-right-radius: 0.25rem;
23086
22979
  border-bottom-left-radius: 0.25rem;
@@ -24213,6 +24106,7 @@ kendo-card-footer {
24213
24106
  height: 1.3em;
24214
24107
  border-width: 1px 1px 0 0;
24215
24108
  border-style: solid;
24109
+ box-sizing: border-box;
24216
24110
  position: absolute;
24217
24111
  }
24218
24112
 
@@ -32170,6 +32064,99 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
32170
32064
  overflow: auto;
32171
32065
  }
32172
32066
 
32067
+ .k-editor-resize-handles-wrapper {
32068
+ position: absolute;
32069
+ visibility: hidden;
32070
+ }
32071
+
32072
+ .k-editor-resize-handle {
32073
+ width: 5px;
32074
+ height: 5px;
32075
+ border-width: 1px;
32076
+ border-style: solid;
32077
+ position: absolute;
32078
+ visibility: visible;
32079
+ z-index: 100;
32080
+ }
32081
+
32082
+ .k-editor-resize-handle.northwest {
32083
+ top: 0;
32084
+ left: 0;
32085
+ -ms-transform: translate(-50%, -50%);
32086
+ transform: translate(-50%, -50%);
32087
+ cursor: nw-resize;
32088
+ }
32089
+
32090
+ .k-editor-resize-handle.north {
32091
+ top: 0;
32092
+ left: 50%;
32093
+ -ms-transform: translate(-50%, -50%);
32094
+ transform: translate(-50%, -50%);
32095
+ cursor: n-resize;
32096
+ }
32097
+
32098
+ .k-editor-resize-handle.northeast {
32099
+ top: 0;
32100
+ right: 0;
32101
+ -ms-transform: translate(50%, -50%);
32102
+ transform: translate(50%, -50%);
32103
+ cursor: ne-resize;
32104
+ }
32105
+
32106
+ .k-editor-resize-handle.southwest {
32107
+ left: 0;
32108
+ bottom: 0;
32109
+ -ms-transform: translate(-50%, 50%);
32110
+ transform: translate(-50%, 50%);
32111
+ cursor: sw-resize;
32112
+ }
32113
+
32114
+ .k-editor-resize-handle.south {
32115
+ bottom: 0;
32116
+ left: 50%;
32117
+ -ms-transform: translate(-50%, 50%);
32118
+ transform: translate(-50%, 50%);
32119
+ cursor: s-resize;
32120
+ }
32121
+
32122
+ .k-editor-resize-handle.southeast {
32123
+ right: 0;
32124
+ bottom: 0;
32125
+ -ms-transform: translate(50%, 50%);
32126
+ transform: translate(50%, 50%);
32127
+ cursor: se-resize;
32128
+ }
32129
+
32130
+ .k-editor-resize-handle.west {
32131
+ top: 50%;
32132
+ left: 0;
32133
+ -ms-transform: translate(-50%, -50%);
32134
+ transform: translate(-50%, -50%);
32135
+ cursor: w-resize;
32136
+ }
32137
+
32138
+ .k-editor-resize-handle.east {
32139
+ top: 50%;
32140
+ right: 0;
32141
+ -ms-transform: translate(50%, -50%);
32142
+ transform: translate(50%, -50%);
32143
+ cursor: e-resize;
32144
+ }
32145
+
32146
+ .ProseMirror-selectednode {
32147
+ outline-width: 2px;
32148
+ outline-style: solid;
32149
+ }
32150
+
32151
+ .ProseMirror-hideselection {
32152
+ caret-color: transparent;
32153
+ }
32154
+
32155
+ .ProseMirror-hideselection *::selection,
32156
+ .ProseMirror-hideselection *::-moz-selection {
32157
+ background: transparent;
32158
+ }
32159
+
32173
32160
  .k-editor > .k-toolbar {
32174
32161
  border-width: 0 0 1px 0;
32175
32162
  -ms-flex-negative: 0;
@@ -32236,6 +32223,7 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
32236
32223
  padding: 1rem;
32237
32224
  width: 100%;
32238
32225
  height: 100%;
32226
+ position: relative;
32239
32227
  box-sizing: border-box;
32240
32228
  outline: none;
32241
32229
  white-space: pre-wrap;
@@ -32800,6 +32788,15 @@ kendo-editor.k-readonly .k-editor-content.k-state-focused {
32800
32788
  border-color: #dee2e6;
32801
32789
  }
32802
32790
 
32791
+ .k-editor-resize-handle {
32792
+ background-color: #ffffff;
32793
+ border-color: #000000;
32794
+ }
32795
+
32796
+ .ProseMirror-selectednode {
32797
+ outline-color: #8cf;
32798
+ }
32799
+
32803
32800
  .k-ct-popup .k-state-selected {
32804
32801
  border-color: #0c65e9;
32805
32802
  color: #ffffff;
@@ -35882,11 +35879,14 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
35882
35879
  }
35883
35880
 
35884
35881
  .k-message-box {
35885
- padding: 10px 16px;
35882
+ width: 100%;
35883
+ height: auto;
35884
+ padding: 0.375rem 0.75rem;
35885
+ box-sizing: border-box;
35886
35886
  border-width: 1px 0 0;
35887
35887
  border-style: solid;
35888
- -ms-flex: 0 0 auto;
35889
- flex: 0 0 auto;
35888
+ -ms-flex: none;
35889
+ flex: none;
35890
35890
  display: -ms-flexbox;
35891
35891
  display: flex;
35892
35892
  -ms-flex-flow: row nowrap;
@@ -35895,6 +35895,11 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
35895
35895
  align-items: center;
35896
35896
  }
35897
35897
 
35898
+ .k-message-box:focus, .k-message-box.k-state-focus, .k-message-box:focus-within {
35899
+ outline: 0;
35900
+ box-shadow: none;
35901
+ }
35902
+
35898
35903
  .k-message-box .k-input {
35899
35904
  padding: 0;
35900
35905
  }
@@ -36017,12 +36022,19 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
36017
36022
 
36018
36023
  .k-chat-toolbar,
36019
36024
  .k-chat .k-toolbar-box {
36025
+ padding: 0.5rem 0.5rem;
36020
36026
  width: 100%;
36027
+ border-width: 1px 0 0;
36021
36028
  box-sizing: border-box;
36029
+ -ms-flex: none;
36030
+ flex: none;
36022
36031
  overflow: hidden;
36023
36032
  position: relative;
36024
- -ms-flex: 0 0 auto;
36025
- flex: 0 0 auto;
36033
+ }
36034
+
36035
+ .k-chat-toolbar::before,
36036
+ .k-chat .k-toolbar-box::before {
36037
+ display: none;
36026
36038
  }
36027
36039
 
36028
36040
  .k-chat-toolbar .k-button-list,
@@ -36033,20 +36045,15 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
36033
36045
  flex-flow: row nowrap;
36034
36046
  overflow: hidden;
36035
36047
  scroll-behavior: smooth;
36036
- padding: 10px 16px;
36037
- }
36038
-
36039
- .k-chat-toolbar .k-button-list::after,
36040
- .k-chat .k-toolbar-box .k-button-list::after {
36041
- content: "";
36042
- padding-right: 16px;
36043
36048
  }
36044
36049
 
36045
- .k-chat-toolbar .k-button-list .k-button + .k-button,
36046
- .k-chat .k-toolbar-box .k-button-list .k-button + .k-button {
36047
- margin-left: 20px;
36048
- -ms-flex-negative: 0;
36049
- flex-shrink: 0;
36050
+ .k-chat-toolbar .k-button,
36051
+ .k-chat .k-toolbar-box .k-button {
36052
+ border-color: transparent;
36053
+ color: inherit;
36054
+ background: none;
36055
+ -ms-flex: none;
36056
+ flex: none;
36050
36057
  }
36051
36058
 
36052
36059
  .k-chat-toolbar .k-scroll-button,
@@ -36068,15 +36075,6 @@ ul.k-scheduler-views li:focus, ul.k-scheduler-views li.k-state-focus, ul.k-sched
36068
36075
  right: 0;
36069
36076
  }
36070
36077
 
36071
- .k-chat-toolbar .k-button,
36072
- .k-chat .k-toolbar-box .k-button {
36073
- border-width: 0;
36074
- color: inherit;
36075
- background: none;
36076
- -ms-flex-negative: 0;
36077
- flex-shrink: 0;
36078
- }
36079
-
36080
36078
  .k-rtl .k-message-group:not(.k-alt),
36081
36079
  [dir="rtl"] .k-message-group:not(.k-alt) {
36082
36080
  text-align: right;