@progress/kendo-theme-bootstrap 5.0.0-alpha.1 → 5.0.0-alpha.2

package/dist/all.css

@@ -11613,6 +11613,7 @@ kendo-badge-container {
     font-size: 16px;
 }
 
+.k-selection-multiple .k-chip.k-state-selected .k-selected-icon-wrapper,
 .k-selection-multiple .k-chip.k-selected .k-selected-icon-wrapper {
     width: 24px;
     visibility: visible;
@@ -11629,6 +11630,7 @@ kendo-badge-container {
     transition: width .2s, opacity .2s;
 }
 
+.k-selection-multiple :not(.k-chip-has-icon).k-state-selected .k-selected-icon-wrapper,
 .k-selection-multiple :not(.k-chip-has-icon).k-selected .k-selected-icon-wrapper {
     opacity: 1;
 }
@@ -11735,6 +11737,7 @@ kendo-badge-container {
     right: 0px;
 }
 
+.k-selection-multiple .k-chip-has-icon.k-state-selected .k-selected-icon-wrapper,
 .k-selection-multiple .k-chip-has-icon.k-selected .k-selected-icon-wrapper {
     color: #ffffff;
     background-color: rgba(0, 0, 0, 0.36);
@@ -14565,11 +14568,6 @@ kendo-label > .k-label {
 }
 
 .k-form .k-multiselect,
-.k-form .k-dateinput,
-.k-form .k-datepicker,
-.k-form .k-datetimepicker,
-.k-form .k-daterangepicker-wrap,
-.k-form .k-timepicker,
 .k-form .k-floating-label-container {
     display: -ms-inline-flexbox;
     display: inline-flex;
@@ -19544,10 +19542,6 @@ kendo-label.k-radio-label > .k-label {
     border-radius: 0;
 }
 
-.k-widget.k-daterangepicker {
-    border: 0;
-}
-
 .k-rtl .k-calendar .k-nav-prev,
 .k-rtl .k-calendar .k-nav-next,
 .k-rtl .k-calendar .k-prev-view,
@@ -19760,256 +19754,6 @@ kendo-label.k-radio-label > .k-label {
     background-image: linear-gradient(to right, rgba(13, 110, 253, 0.25), transparent 100%);
 }
 
-.k-daterangepicker.k-state-invalid .k-dateinput-wrap {
-    border-color: #dc3545;
-}
-
-.k-dateinput {
-    border-width: 0;
-    box-sizing: border-box;
-    outline: 0;
-    background: none;
-    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";
-    font-size: 1rem;
-    line-height: 1.5;
-    text-align: left;
-    white-space: nowrap;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    vertical-align: middle;
-    position: relative;
-    -webkit-touch-callout: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-.k-dateinput .k-dateinput-wrap {
-    border-radius: 0.25rem;
-    padding: 0;
-    width: 100%;
-    border-width: 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    position: relative;
-    transition: all .1s ease;
-    cursor: default;
-    outline: 0;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-flow: row nowrap;
-        flex-flow: row nowrap;
-}
-
-.k-dateinput .k-select {
-    border-radius: 0 0.25rem 0.25rem 0;
-    padding: 0;
-    border-width: 0 0 0 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    outline: 0;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: column;
-        flex-direction: column;
-    -ms-flex-align: stretch;
-        align-items: stretch;
-    -ms-flex-pack: center;
-        justify-content: center;
-    -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-    text-align: center;
-    cursor: pointer;
-}
-
-.k-dateinput .k-link {
-    padding: 0 0.375rem;
-    min-width: 16px;
-    -ms-flex: 1 1 auto;
-        flex: 1 1 auto;
-    display: block;
-    overflow: hidden;
-    position: relative;
-}
-
-.k-dateinput .k-link .k-icon {
-    position: absolute;
-    right: 50%;
-    -ms-transform: translateX(50%);
-        transform: translateX(50%);
-}
-
-.k-rtl .k-dateinput, .k-dateinput[dir="rtl"] {
-    text-align: right;
-}
-
-.k-rtl .k-dateinput .k-select, .k-dateinput[dir="rtl"] .k-select {
-    border-radius: 0.25rem 0 0 0.25rem;
-    border-width: 0 1px 0 0;
-}
-
-.k-picker-wrap .k-dateinput {
-    margin: 0 !important;
-    width: 100%;
-    -ms-flex: 1 1 auto;
-        flex: 1 1 auto;
-}
-
-.k-picker-wrap .k-dateinput .k-dateinput-wrap {
-    border-radius: 0.25rem 0 0 0.25rem;
-    border-width: 0;
-    box-shadow: none !important;
-}
-
-[dir="rtl"] .k-picker-wrap .k-dateinput .k-dateinput-wrap,
-.k-rtl .k-picker-wrap .k-dateinput .k-dateinput-wrap {
-    border-radius: 0 0.25rem 0.25rem 0;
-}
-
-.k-datepicker,
-.k-timepicker {
-    border-width: 0;
-    box-sizing: border-box;
-    outline: 0;
-    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";
-    font-size: 1rem;
-    line-height: 1.5;
-    white-space: nowrap;
-    background: none;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    vertical-align: middle;
-    position: relative;
-    -webkit-touch-callout: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-.k-datepicker .k-picker-wrap,
-.k-timepicker .k-picker-wrap {
-    border-radius: 0.25rem;
-    padding: 0;
-    width: 100%;
-    border-width: 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    position: relative;
-    transition: all .1s ease;
-    cursor: default;
-    outline: 0;
-}
-
-.k-datepicker .k-select,
-.k-timepicker .k-select {
-    border-radius: 0 0.25rem 0.25rem 0;
-    padding: 0.375rem 0.375rem;
-    border-width: 0 0 0 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    outline: 0;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-align: center;
-        align-items: center;
-    -ms-flex-pack: center;
-        justify-content: center;
-    -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-    text-align: center;
-    cursor: pointer;
-}
-
-.k-rtl .k-datepicker, .k-datepicker[dir="rtl"], .k-rtl
-.k-timepicker,
-.k-timepicker[dir="rtl"] {
-    text-align: right;
-}
-
-.k-rtl .k-datepicker .k-select, .k-datepicker[dir="rtl"] .k-select, .k-rtl
-.k-timepicker .k-select,
-.k-timepicker[dir="rtl"] .k-select {
-    border-radius: 0.25rem 0 0 0.25rem;
-    border-width: 0 1px 0 0;
-}
-
-.k-datetimepicker {
-    border-width: 0;
-    box-sizing: border-box;
-    outline: 0;
-    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";
-    font-size: 1rem;
-    line-height: 1.5;
-    text-align: left;
-    white-space: nowrap;
-    background: none;
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    vertical-align: middle;
-    position: relative;
-    -webkit-touch-callout: none;
-    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
-}
-
-.k-datetimepicker .k-picker-wrap {
-    border-radius: 0.25rem;
-    padding: 0;
-    width: 100%;
-    border-width: 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-direction: row;
-        flex-direction: row;
-    position: relative;
-    transition: all .1s ease;
-    cursor: default;
-    outline: 0;
-}
-
-.k-datetimepicker .k-select {
-    border-radius: 0 0.25rem 0.25rem 0;
-    border-width: 0 0 0 1px;
-    border-style: solid;
-    box-sizing: border-box;
-    outline: 0;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-align: stretch;
-        align-items: stretch;
-    -ms-flex-pack: center;
-        justify-content: center;
-    -ms-flex: 0 0 auto;
-        flex: 0 0 auto;
-    text-align: center;
-    cursor: pointer;
-}
-
-.k-datetimepicker .k-link {
-    padding: 0.375rem 0.375rem;
-    height: 100%;
-    border-width: 0;
-    border-style: solid;
-    border-color: inherit;
-    display: -ms-flexbox;
-    display: flex;
-    -ms-flex-align: center;
-        align-items: center;
-    -ms-flex-pack: center;
-        justify-content: center;
-    box-sizing: border-box;
-}
-
-.k-rtl .k-datetimepicker, .k-datetimepicker[dir="rtl"] {
-    text-align: right;
-}
-
-.k-rtl .k-datetimepicker .k-select, .k-datetimepicker[dir="rtl"] .k-select {
-    border-radius: 0.25rem 0 0 0.25rem;
-    border-width: 0 1px 0 0;
-}
-
 .k-datetime-container .k-datetime-wrap {
     width: calc(304px + 2rem);
     overflow: hidden;
@@ -20230,20 +19974,6 @@ kendo-label.k-radio-label > .k-label {
     z-index: 11;
 }
 
-.k-datepicker .k-picker-wrap,
-.k-datepicker .k-select,
-.k-datetimepicker .k-picker-wrap,
-.k-datetimepicker .k-select,
-.k-timepicker .k-picker-wrap,
-.k-timepicker .k-select {
-    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-
-.k-dateinput .k-dateinput-wrap,
-.k-dateinput .k-select {
-    transition: color 0.2s ease-in-out, background-color 0.2s ease-in-out, border-color 0.2s ease-in-out, box-shadow 0.2s ease-in-out;
-}
-
 .k-time-header {
     padding: 0.5rem 1rem;
 }
@@ -20261,70 +19991,6 @@ kendo-label.k-radio-label > .k-label {
     font-size: 0.75rem;
 }
 
-.k-datepicker .k-select,
-.k-timepicker .k-select,
-.k-datetimepicker .k-select,
-.k-dateinput .k-select {
-    border-color: #e4e7eb;
-    color: #212529;
-    background-color: #e4e7eb;
-}
-
-.k-datepicker .k-i-warning,
-.k-timepicker .k-i-warning,
-.k-datetimepicker .k-i-warning,
-.k-dateinput .k-i-warning {
-    color: #dc3545;
-}
-
-.k-datepicker .k-picker-wrap,
-.k-timepicker .k-picker-wrap,
-.k-datetimepicker .k-picker-wrap,
-.k-dateinput .k-dateinput-wrap {
-    border-color: #ced4da;
-    color: #495057;
-    background-color: #ffffff;
-}
-
-.k-datepicker .k-picker-wrap.k-state-focused, .k-datepicker .k-picker-wrap.k-state-active,
-.k-timepicker .k-picker-wrap.k-state-focused,
-.k-timepicker .k-picker-wrap.k-state-active,
-.k-datetimepicker .k-picker-wrap.k-state-focused,
-.k-datetimepicker .k-picker-wrap.k-state-active,
-.k-dateinput .k-dateinput-wrap.k-state-focused,
-.k-dateinput .k-dateinput-wrap.k-state-active {
-    border-color: #86b7fe;
-    color: #495057;
-    background-color: #ffffff;
-    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-}
-
-.k-datepicker .k-select:hover,
-.k-datepicker .k-select.k-state-hover,
-.k-timepicker .k-select:hover,
-.k-timepicker .k-select.k-state-hover {
-    border-color: #c7cdd5;
-    background-color: #ced3db;
-}
-
-.k-dateinput .k-link:hover,
-.k-dateinput .k-link.k-state-hover,
-.k-datetimepicker .k-link:hover,
-.k-datetimepicker .k-link.k-state-hover {
-    border-color: #c7cdd5;
-    background-color: #ced3db;
-}
-
-.k-dateinput .k-link:active,
-.k-dateinput .k-link.k-state-active,
-.k-dateinput .k-link.k-state-selected,
-.k-datetimepicker .k-link:active,
-.k-datetimepicker .k-link.k-state-active,
-.k-datetimepicker .k-link.k-state-selected {
-    border-color: #bfc6d0;
-    background-color: #c7cdd5;
-}
-
 .k-time-header .k-time-now {
     color: #0d6efd;
     background: transparent;
@@ -20368,101 +20034,6 @@ kendo-label.k-radio-label > .k-label {
     background-color: #ffffff;
 }
 
-.k-datepicker .k-picker-wrap.k-invalid, .k-datepicker .k-picker-wrap.k-state-invalid,
-.k-datetimepicker .k-picker-wrap.k-invalid,
-.k-datetimepicker .k-picker-wrap.k-state-invalid,
-.k-timepicker .k-picker-wrap.k-invalid,
-.k-timepicker .k-picker-wrap.k-state-invalid {
-    border-color: #dc3545;
-}
-
-.k-datepicker .k-picker-wrap.k-invalid:focus, .k-datepicker .k-picker-wrap.k-invalid.k-state-focused, .k-datepicker .k-picker-wrap.k-state-invalid:focus, .k-datepicker .k-picker-wrap.k-state-invalid.k-state-focused,
-.k-datetimepicker .k-picker-wrap.k-invalid:focus,
-.k-datetimepicker .k-picker-wrap.k-invalid.k-state-focused,
-.k-datetimepicker .k-picker-wrap.k-state-invalid:focus,
-.k-datetimepicker .k-picker-wrap.k-state-invalid.k-state-focused,
-.k-timepicker .k-picker-wrap.k-invalid:focus,
-.k-timepicker .k-picker-wrap.k-invalid.k-state-focused,
-.k-timepicker .k-picker-wrap.k-state-invalid:focus,
-.k-timepicker .k-picker-wrap.k-state-invalid.k-state-focused {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.k-datepicker.k-state-invalid .k-picker-wrap, .k-datepicker.ng-invalid.ng-touched .k-picker-wrap, .k-datepicker.ng-invalid.ng-dirty .k-picker-wrap,
-.k-datetimepicker.k-state-invalid .k-picker-wrap,
-.k-datetimepicker.ng-invalid.ng-touched .k-picker-wrap,
-.k-datetimepicker.ng-invalid.ng-dirty .k-picker-wrap,
-.k-timepicker.k-state-invalid .k-picker-wrap,
-.k-timepicker.ng-invalid.ng-touched .k-picker-wrap,
-.k-timepicker.ng-invalid.ng-dirty .k-picker-wrap {
-    border-color: #dc3545;
-}
-
-.k-datepicker.k-state-invalid .k-picker-wrap:focus, .k-datepicker.k-state-invalid .k-picker-wrap.k-state-focused, .k-datepicker.ng-invalid.ng-touched .k-picker-wrap:focus, .k-datepicker.ng-invalid.ng-touched .k-picker-wrap.k-state-focused, .k-datepicker.ng-invalid.ng-dirty .k-picker-wrap:focus, .k-datepicker.ng-invalid.ng-dirty .k-picker-wrap.k-state-focused,
-.k-datetimepicker.k-state-invalid .k-picker-wrap:focus,
-.k-datetimepicker.k-state-invalid .k-picker-wrap.k-state-focused,
-.k-datetimepicker.ng-invalid.ng-touched .k-picker-wrap:focus,
-.k-datetimepicker.ng-invalid.ng-touched .k-picker-wrap.k-state-focused,
-.k-datetimepicker.ng-invalid.ng-dirty .k-picker-wrap:focus,
-.k-datetimepicker.ng-invalid.ng-dirty .k-picker-wrap.k-state-focused,
-.k-timepicker.k-state-invalid .k-picker-wrap:focus,
-.k-timepicker.k-state-invalid .k-picker-wrap.k-state-focused,
-.k-timepicker.ng-invalid.ng-touched .k-picker-wrap:focus,
-.k-timepicker.ng-invalid.ng-touched .k-picker-wrap.k-state-focused,
-.k-timepicker.ng-invalid.ng-dirty .k-picker-wrap:focus,
-.k-timepicker.ng-invalid.ng-dirty .k-picker-wrap.k-state-focused {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.k-dateinput .k-dateinput-wrap.k-invalid, .k-dateinput .k-dateinput-wrap.k-state-invalid {
-    border-color: #dc3545;
-}
-
-.k-dateinput .k-dateinput-wrap.k-invalid:focus, .k-dateinput .k-dateinput-wrap.k-invalid.k-state-focused, .k-dateinput .k-dateinput-wrap.k-state-invalid:focus, .k-dateinput .k-dateinput-wrap.k-state-invalid.k-state-focused {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.k-dateinput.k-state-invalid .k-dateinput-wrap, .k-dateinput.ng-invalid.ng-touched .k-dateinput-wrap, .k-dateinput.ng-invalid.ng-dirty .k-dateinput-wrap {
-    border-color: #dc3545;
-}
-
-.k-dateinput.k-state-invalid .k-dateinput-wrap:focus, .k-dateinput.k-state-invalid .k-dateinput-wrap.k-state-focused, .k-dateinput.ng-invalid.ng-touched .k-dateinput-wrap:focus, .k-dateinput.ng-invalid.ng-touched .k-dateinput-wrap.k-state-focused, .k-dateinput.ng-invalid.ng-dirty .k-dateinput-wrap:focus, .k-dateinput.ng-invalid.ng-dirty .k-dateinput-wrap.k-state-focused {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.k-datepicker.k-state-focus .k-picker-wrap {
-    border-color: #86b7fe;
-    color: #495057;
-    background-color: #ffffff;
-    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-}
-
-.k-datepicker.k-invalid .k-picker-wrap {
-    border-color: #dc3545;
-}
-
-.k-datepicker.k-invalid.k-state-focus .k-picker-wrap {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
-.k-dateinput.k-state-focus .k-dateinput-wrap,
-.k-daterangepicker.k-state-focus .k-dateinput-wrap {
-    border-color: #86b7fe;
-    color: #495057;
-    background-color: #ffffff;
-    box-shadow: 0 0 0 0.25rem rgba(13, 110, 253, 0.25);
-}
-
-.k-dateinput.k-invalid .k-dateinput-wrap,
-.k-daterangepicker.k-invalid .k-dateinput-wrap {
-    border-color: #dc3545;
-}
-
-.k-dateinput.k-invalid.k-state-focus .k-dateinput-wrap,
-.k-daterangepicker.k-invalid.k-state-focus .k-dateinput-wrap {
-    box-shadow: 0 0 0 0.25rem rgba(220, 53, 69, 0.25);
-}
-
 .k-time-list::before, .k-time-list::after {
     box-shadow: 0 0 3em 3em #ffffff;
 }