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

package/dist/all.css

@@ -11613,6 +11613,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: 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);
@@ -14962,11 +14965,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;
@@ -20268,10 +20266,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,
@@ -20488,10 +20482,6 @@ kendo-label.k-radio-label > .k-label {
     background-image: linear-gradient(to right, rgba(63, 81, 181, 0.25), transparent 100%);
 }
 
-.k-daterangepicker.k-state-invalid .k-dateinput-wrap {
-    border-color: #f31700;
-}
-
 .k-calendar .k-state-focused .k-link {
     border-color: rgba(0, 0, 0, 0.15);
     color: rgba(0, 0, 0, 0.87);
@@ -20504,249 +20494,6 @@ kendo-label.k-radio-label > .k-label {
     background-color: #4e5fbb;
 }
 
-.k-dateinput {
-    border-width: 0;
-    box-sizing: border-box;
-    outline: 0;
-    background: none;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    font-size: 16px;
-    line-height: 1.125;
-    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 {
-    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;
-    padding: 0;
-    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: 0 0;
-    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: 0 0;
-    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;
-}
-
-.k-datepicker,
-.k-timepicker {
-    border-width: 0;
-    box-sizing: border-box;
-    outline: 0;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    font-size: 16px;
-    line-height: 1.125;
-    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 {
-    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;
-    padding: 8px 4px;
-    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: 0 0;
-    border-width: 0 0px 0 0;
-}
-
-.k-datetimepicker {
-    border-width: 0;
-    box-sizing: border-box;
-    outline: 0;
-    font-family: Roboto, "Helvetica Neue", sans-serif;
-    font-size: 16px;
-    line-height: 1.125;
-    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 {
-    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;
-    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: 8px 4px;
-    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 0;
-    border-width: 0 0px 0 0;
-}
-
 .k-datetime-container .k-datetime-wrap {
     width: 320px;
     overflow: hidden;
@@ -20967,30 +20714,6 @@ kendo-label.k-radio-label > .k-label {
     z-index: 11;
 }
 
-.k-datepicker .k-picker-wrap,
-.k-datetimepicker .k-picker-wrap,
-.k-timepicker .k-picker-wrap {
-    border-width: 1px 0;
-    border-top-color: transparent !important;
-}
-
-.k-state-disabled > .k-datepicker .k-picker-wrap, .k-datepicker .k-picker-wrap.k-state-disabled, .k-state-disabled >
-.k-datetimepicker .k-picker-wrap,
-.k-datetimepicker .k-picker-wrap.k-state-disabled, .k-state-disabled >
-.k-timepicker .k-picker-wrap,
-.k-timepicker .k-picker-wrap.k-state-disabled {
-    border-bottom-style: dashed;
-}
-
-.k-dateinput .k-dateinput-wrap {
-    border-width: 1px 0;
-    border-top-color: transparent !important;
-}
-
-.k-state-disabled > .k-dateinput .k-dateinput-wrap, .k-dateinput .k-dateinput-wrap.k-state-disabled {
-    border-bottom-style: dashed;
-}
-
 .k-timeselector .k-time-header,
 .k-datetime-wrap .k-time-header {
     padding: 8px 18px;
@@ -21021,71 +20744,6 @@ kendo-label.k-radio-label > .k-label {
     display: none;
 }
 
-.k-datepicker .k-select,
-.k-timepicker .k-select,
-.k-datetimepicker .k-select,
-.k-dateinput .k-select {
-    color: rgba(0, 0, 0, 0.54);
-}
-
-.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.54);
-    color: rgba(0, 0, 0, 0.87);
-}
-
-.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.87);
-}
-
-.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: #3f51b5;
-}
-
-.k-datepicker .k-select:hover,
-.k-datepicker .k-select.k-state-hover,
-.k-timepicker .k-select:hover,
-.k-timepicker .k-select.k-state-hover {
-    color: rgba(0, 0, 0, 0.87);
-}
-
-.k-dateinput .k-link:hover,
-.k-dateinput .k-link.k-state-hover,
-.k-datetimepicker .k-link:hover,
-.k-datetimepicker .k-link.k-state-hover {
-    color: rgba(0, 0, 0, 0.87);
-}
-
-.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 {
-    color: #3f51b5;
-}
-
 .k-time-header .k-time-now {
     color: #e51a5f;
     background: transparent;
@@ -21120,59 +20778,6 @@ kendo-label.k-radio-label > .k-label {
     background-color: white;
 }
 
-.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: #f31700;
-}
-
-.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: #f31700;
-}
-
-.k-dateinput .k-dateinput-wrap.k-invalid, .k-dateinput .k-dateinput-wrap.k-state-invalid {
-    border-color: #f31700;
-}
-
-.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: #f31700;
-}
-
-.k-datepicker.k-state-hover .k-picker-wrap {
-    border-color: rgba(0, 0, 0, 0.87);
-}
-
-.k-datepicker.k-state-focus .k-picker-wrap {
-    border-color: #3f51b5;
-}
-
-.k-datepicker.k-invalid .k-picker-wrap {
-    border-color: #f31700;
-}
-
-.k-dateinput.k-state-hover .k-dateinput-wrap,
-.k-daterangepicker.k-state-hover .k-dateinput-wrap {
-    border-color: rgba(0, 0, 0, 0.87);
-}
-
-.k-dateinput.k-state-focus .k-dateinput-wrap,
-.k-daterangepicker.k-state-focus .k-dateinput-wrap {
-    border-color: #3f51b5;
-}
-
-.k-dateinput.k-invalid .k-dateinput-wrap,
-.k-daterangepicker.k-invalid .k-dateinput-wrap {
-    border-color: #f31700;
-}
-
 .k-timeselector,
 .k-datetime-wrap {
     border-color: inherit;
@@ -32413,22 +32018,6 @@ thead.k-grid-header > tr:not(:only-child) > th {
     right: -8px;
 }
 
-.k-filter .k-filter-toolbar .k-picker-wrap,
-.k-filter .k-filter-toolbar .k-dateinput-wrap {
-    border-width: 0 0 1px;
-}
-
-.k-filter .k-filter-toolbar .k-picker-wrap .k-input,
-.k-filter .k-filter-toolbar .k-dateinput-wrap .k-input {
-    padding: 8px 0px;
-    height: calc(16px + 1.125em);
-}
-
-.k-filter .k-filter-toolbar .k-picker-wrap .k-select,
-.k-filter .k-filter-toolbar .k-dateinput-wrap .k-select {
-    padding: 0;
-}
-
 .k-filter {
     color: rgba(0, 0, 0, 0.87);
 }
@@ -36258,17 +35847,6 @@ kendo-scheduler .k-event .k-event-actions,
         align-items: center;
 }
 
-.k-scheduler-edit-form kendo-scheduler-datetime-picker {
-    display: -ms-inline-flexbox;
-    display: inline-flex;
-    width: 100%;
-}
-
-.k-scheduler-edit-form kendo-scheduler-datetime-picker .k-picker-wrap {
-    -ms-flex: 1;
-        flex: 1;
-}
-
 .k-edit-field .k-reset {
     width: 100%;
 }