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

package/dist/all.css

@@ -11609,6 +11609,7 @@ kendo-badge-container {
     font-size: 14px;
 }
 
+.k-selection-multiple .k-chip.k-state-selected .k-selected-icon-wrapper,
 .k-selection-multiple .k-chip.k-selected .k-selected-icon-wrapper {
     width: 16px;
     visibility: visible;
@@ -11625,6 +11626,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;
 }
@@ -11731,6 +11733,7 @@ kendo-badge-container {
     right: 4px;
 }
 
+.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.44);
@@ -14168,11 +14171,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;
@@ -19182,10 +19180,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,
@@ -19393,259 +19387,6 @@ kendo-label.k-radio-label > .k-label {
     background-image: linear-gradient(to right, rgba(255, 99, 88, 0.25), transparent 100%);
 }
 
-.k-daterangepicker.k-state-invalid .k-dateinput-wrap {
-    border-color: rgba(243, 23, 0, 0.5);
-}
-
-.k-dateinput {
-    border-width: 0;
-    box-sizing: border-box;
-    outline: 0;
-    background: none;
-    font-family: inherit;
-    font-size: 14px;
-    line-height: 1.4285714286;
-    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: 2px;
-    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 2px 2px 0;
-    padding: 0;
-    width: calc(1.4285714286em + 8px);
-    border-width: 0 0 0 0px;
-    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 4px;
-    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: 2px 0 0 2px;
-    border-width: 0 0px 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: 2px 0 0 2px;
-    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 2px 2px 0;
-}
-
-.k-datepicker,
-.k-timepicker {
-    border-width: 0;
-    box-sizing: border-box;
-    outline: 0;
-    font-family: inherit;
-    font-size: 14px;
-    line-height: 1.4285714286;
-    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: 2px;
-    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 2px 2px 0;
-    padding: 4px 4px;
-    width: calc(1.4285714286em + 8px);
-    border-width: 0 0 0 0px;
-    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: 2px 0 0 2px;
-    border-width: 0 0px 0 0;
-}
-
-.k-datetimepicker {
-    border-width: 0;
-    box-sizing: border-box;
-    outline: 0;
-    font-family: inherit;
-    font-size: 14px;
-    line-height: 1.4285714286;
-    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: 2px;
-    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 2px 2px 0;
-    border-width: 0 0 0 0px;
-    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: 4px 4px;
-    width: calc(1.4285714286em + 8px);
-    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: 2px 0 0 2px;
-    border-width: 0 0px 0 0;
-}
-
 .k-datetime-container .k-datetime-wrap {
     width: 288px;
     overflow: hidden;
@@ -19866,76 +19607,6 @@ kendo-label.k-radio-label > .k-label {
     z-index: 11;
 }
 
-.k-datepicker .k-select,
-.k-timepicker .k-select,
-.k-datetimepicker .k-select,
-.k-dateinput .k-select {
-    border-color: rgba(0, 0, 0, 0.08);
-    color: #424242;
-    background-color: #f5f5f5;
-    background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.02));
-}
-
-.k-datepicker .k-i-warning,
-.k-timepicker .k-i-warning,
-.k-datetimepicker .k-i-warning,
-.k-dateinput .k-i-warning {
-    color: #f31700;
-}
-
-.k-datepicker .k-picker-wrap,
-.k-timepicker .k-picker-wrap,
-.k-datetimepicker .k-picker-wrap,
-.k-dateinput .k-dateinput-wrap {
-    border-color: rgba(0, 0, 0, 0.08);
-    color: #424242;
-    background-color: #ffffff;
-}
-
-.k-datepicker .k-picker-wrap:hover, .k-datepicker .k-picker-wrap.k-state-hover,
-.k-timepicker .k-picker-wrap:hover,
-.k-timepicker .k-picker-wrap.k-state-hover,
-.k-datetimepicker .k-picker-wrap:hover,
-.k-datetimepicker .k-picker-wrap.k-state-hover,
-.k-dateinput .k-dateinput-wrap:hover,
-.k-dateinput .k-dateinput-wrap.k-state-hover {
-    border-color: rgba(0, 0, 0, 0.16);
-}
-
-.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: rgba(0, 0, 0, 0.16);
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
-}
-
-.k-datepicker .k-select:hover,
-.k-datepicker .k-select.k-state-hover,
-.k-timepicker .k-select:hover,
-.k-timepicker .k-select.k-state-hover {
-    background-color: #ebebeb;
-}
-
-.k-dateinput .k-link:hover,
-.k-dateinput .k-link.k-state-hover,
-.k-datetimepicker .k-link:hover,
-.k-datetimepicker .k-link.k-state-hover {
-    background-color: #ebebeb;
-}
-
-.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 {
-    background-color: #d8d8d8;
-}
-
 .k-time-header .k-time-now {
     color: #ff6358;
     background: transparent;
@@ -19979,61 +19650,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: rgba(243, 23, 0, 0.5);
-}
-
-.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: rgba(243, 23, 0, 0.5);
-}
-
-.k-dateinput .k-dateinput-wrap.k-invalid, .k-dateinput .k-dateinput-wrap.k-state-invalid {
-    border-color: rgba(243, 23, 0, 0.5);
-}
-
-.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: rgba(243, 23, 0, 0.5);
-}
-
-.k-datepicker.k-state-hover .k-picker-wrap {
-    border-color: rgba(0, 0, 0, 0.16);
-}
-
-.k-datepicker.k-state-focus .k-picker-wrap {
-    border-color: rgba(0, 0, 0, 0.16);
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
-}
-
-.k-datepicker.k-invalid .k-picker-wrap {
-    border-color: rgba(243, 23, 0, 0.5);
-}
-
-.k-dateinput.k-state-hover .k-dateinput-wrap,
-.k-daterangepicker.k-state-hover .k-dateinput-wrap {
-    border-color: rgba(0, 0, 0, 0.16);
-}
-
-.k-dateinput.k-state-focus .k-dateinput-wrap,
-.k-daterangepicker.k-state-focus .k-dateinput-wrap {
-    border-color: rgba(0, 0, 0, 0.16);
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
-}
-
-.k-dateinput.k-invalid .k-dateinput-wrap,
-.k-daterangepicker.k-invalid .k-dateinput-wrap {
-    border-color: rgba(243, 23, 0, 0.5);
-}
-
 .k-dropdowngrid-popup {
     overflow: hidden;
 }