@progress/kendo-theme-default 5.0.0-next.3 → 5.0.0-next.4

package/dist/all.css

@@ -1393,27 +1393,8 @@ hr.k-separator {
     padding: 0;
 }
 
-.k-text-primary {
-    color: #ff6358 !important;
-}
-
-.k-text-info {
-    color: #0058e9 !important;
-}
-
-.k-text-success {
-    color: #37b400 !important;
-}
-
-.k-text-warning {
-    color: #ffc000 !important;
-}
-
-.k-text-error {
-    color: #f31700 !important;
-}
-
-.k-text-base {
+.k-text-base,
+.k-color-base {
     color: #424242;
 }
 
@@ -1475,6 +1456,14 @@ hr.k-separator {
     background-color: #ff6358 !important;
 }
 
+.k-bg-secondary {
+    background-color: #666666 !important;
+}
+
+.k-bg-tertiary {
+    background-color: #03a9f4 !important;
+}
+
 .k-bg-info {
     background-color: #0058e9 !important;
 }
@@ -1491,12 +1480,36 @@ hr.k-separator {
     background-color: #f31700 !important;
 }
 
+.k-bg-dark {
+    background-color: #424242 !important;
+}
+
+.k-bg-light {
+    background-color: #ebebeb !important;
+}
+
+.k-bg-inverse {
+    background-color: #424242 !important;
+}
+
 .k-state-primary {
     background-color: #ffe0de;
     color: #85332e;
     border-color: #ffd3d0;
 }
 
+.k-state-secondary {
+    background-color: #e0e0e0;
+    color: #353535;
+    border-color: #d4d4d4;
+}
+
+.k-state-tertiary {
+    background-color: #cdeefd;
+    color: #02587f;
+    border-color: #b8e7fc;
+}
+
 .k-state-info {
     background-color: #ccdefb;
     color: #002e79;
@@ -1521,6 +1534,24 @@ hr.k-separator {
     border-color: #fcbeb8;
 }
 
+.k-state-dark {
+    background-color: #d9d9d9;
+    color: #222222;
+    border-color: #cacaca;
+}
+
+.k-state-light {
+    background-color: #fbfbfb;
+    color: #7a7a7a;
+    border-color: #f9f9f9;
+}
+
+.k-state-inverse {
+    background-color: #d9d9d9;
+    color: #222222;
+    border-color: #cacaca;
+}
+
 .k-info-colored {
     color: #50607f;
     border-color: #d0d9df;
@@ -1671,6 +1702,26 @@ hr.k-separator {
     border-radius: 0 !important;
 }
 
+.k-rounded-sm {
+    border-radius: 2px !important;
+}
+
+.k-rounded-md {
+    border-radius: 4px !important;
+}
+
+.k-rounded-lg {
+    border-radius: 8px !important;
+}
+
+.k-rounded-circle {
+    border-radius: 50% !important;
+}
+
+.k-rounded-pill {
+    border-radius: 9999px !important;
+}
+
 .k-rounded-top {
     border-top-left-radius: 4px !important;
     border-top-right-radius: 4px !important;
@@ -1681,6 +1732,31 @@ hr.k-separator {
     border-top-right-radius: 0 !important;
 }
 
+.k-rounded-top-sm {
+    border-top-left-radius: 2px !important;
+    border-top-right-radius: 2px !important;
+}
+
+.k-rounded-top-md {
+    border-top-left-radius: 4px !important;
+    border-top-right-radius: 4px !important;
+}
+
+.k-rounded-top-lg {
+    border-top-left-radius: 8px !important;
+    border-top-right-radius: 8px !important;
+}
+
+.k-rounded-top-circle {
+    border-top-left-radius: 50% !important;
+    border-top-right-radius: 50% !important;
+}
+
+.k-rounded-top-pill {
+    border-top-left-radius: 9999px !important;
+    border-top-right-radius: 9999px !important;
+}
+
 .k-rounded-right {
     border-top-right-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
@@ -1691,6 +1767,31 @@ hr.k-separator {
     border-bottom-right-radius: 0 !important;
 }
 
+.k-rounded-right-sm {
+    border-top-right-radius: 2px !important;
+    border-bottom-right-radius: 2px !important;
+}
+
+.k-rounded-right-md {
+    border-top-right-radius: 4px !important;
+    border-bottom-right-radius: 4px !important;
+}
+
+.k-rounded-right-lg {
+    border-top-right-radius: 8px !important;
+    border-bottom-right-radius: 8px !important;
+}
+
+.k-rounded-right-circle {
+    border-top-right-radius: 50% !important;
+    border-bottom-right-radius: 50% !important;
+}
+
+.k-rounded-right-pill {
+    border-top-right-radius: 9999px !important;
+    border-bottom-right-radius: 9999px !important;
+}
+
 .k-rounded-bottom {
     border-bottom-left-radius: 4px !important;
     border-bottom-right-radius: 4px !important;
@@ -1701,6 +1802,31 @@ hr.k-separator {
     border-bottom-right-radius: 0 !important;
 }
 
+.k-rounded-bottom-sm {
+    border-bottom-left-radius: 2px !important;
+    border-bottom-right-radius: 2px !important;
+}
+
+.k-rounded-bottom-md {
+    border-bottom-left-radius: 4px !important;
+    border-bottom-right-radius: 4px !important;
+}
+
+.k-rounded-bottom-lg {
+    border-bottom-left-radius: 8px !important;
+    border-bottom-right-radius: 8px !important;
+}
+
+.k-rounded-bottom-circle {
+    border-bottom-left-radius: 50% !important;
+    border-bottom-right-radius: 50% !important;
+}
+
+.k-rounded-bottom-pill {
+    border-bottom-left-radius: 9999px !important;
+    border-bottom-right-radius: 9999px !important;
+}
+
 .k-rounded-left {
     border-bottom-left-radius: 4px !important;
     border-top-left-radius: 4px !important;
@@ -1711,6 +1837,143 @@ hr.k-separator {
     border-top-left-radius: 0 !important;
 }
 
+.k-rounded-left-sm {
+    border-bottom-left-radius: 2px !important;
+    border-top-left-radius: 2px !important;
+}
+
+.k-rounded-left-md {
+    border-bottom-left-radius: 4px !important;
+    border-top-left-radius: 4px !important;
+}
+
+.k-rounded-left-lg {
+    border-bottom-left-radius: 8px !important;
+    border-top-left-radius: 8px !important;
+}
+
+.k-rounded-left-circle {
+    border-bottom-left-radius: 50% !important;
+    border-top-left-radius: 50% !important;
+}
+
+.k-rounded-left-pill {
+    border-bottom-left-radius: 9999px !important;
+    border-top-left-radius: 9999px !important;
+}
+
+.k-rounded-top-left {
+    border-top-left-radius: 4px !important;
+}
+
+.k-rounded-top-left-0 {
+    border-top-left-radius: 0 !important;
+}
+
+.k-rounded-top-left-sm {
+    border-top-left-radius: 2px !important;
+}
+
+.k-rounded-top-left-md {
+    border-top-left-radius: 4px !important;
+}
+
+.k-rounded-top-left-lg {
+    border-top-left-radius: 8px !important;
+}
+
+.k-rounded-top-left-circle {
+    border-top-left-radius: 50% !important;
+}
+
+.k-rounded-top-left-pill {
+    border-top-left-radius: 9999px !important;
+}
+
+.k-rounded-top-right {
+    border-top-right-radius: 4px !important;
+}
+
+.k-rounded-top-right-0 {
+    border-top-right-radius: 0 !important;
+}
+
+.k-rounded-top-right-sm {
+    border-top-right-radius: 2px !important;
+}
+
+.k-rounded-top-right-md {
+    border-top-right-radius: 4px !important;
+}
+
+.k-rounded-top-right-lg {
+    border-top-right-radius: 8px !important;
+}
+
+.k-rounded-top-right-circle {
+    border-top-right-radius: 50% !important;
+}
+
+.k-rounded-top-right-pill {
+    border-top-right-radius: 9999px !important;
+}
+
+.k-rounded-bottom-left {
+    border-bottom-left-radius: 4px !important;
+}
+
+.k-rounded-bottom-left-0 {
+    border-bottom-left-radius: 0 !important;
+}
+
+.k-rounded-bottom-left-sm {
+    border-bottom-left-radius: 2px !important;
+}
+
+.k-rounded-bottom-left-md {
+    border-bottom-left-radius: 4px !important;
+}
+
+.k-rounded-bottom-left-lg {
+    border-bottom-left-radius: 8px !important;
+}
+
+.k-rounded-bottom-left-circle {
+    border-bottom-left-radius: 50% !important;
+}
+
+.k-rounded-bottom-left-pill {
+    border-bottom-left-radius: 9999px !important;
+}
+
+.k-rounded-bottom-right {
+    border-bottom-right-radius: 4px !important;
+}
+
+.k-rounded-bottom-right-0 {
+    border-bottom-right-radius: 0 !important;
+}
+
+.k-rounded-bottom-right-sm {
+    border-bottom-right-radius: 2px !important;
+}
+
+.k-rounded-bottom-right-md {
+    border-bottom-right-radius: 4px !important;
+}
+
+.k-rounded-bottom-right-lg {
+    border-bottom-right-radius: 8px !important;
+}
+
+.k-rounded-bottom-right-circle {
+    border-bottom-right-radius: 50% !important;
+}
+
+.k-rounded-bottom-right-pill {
+    border-bottom-right-radius: 9999px !important;
+}
+
 .k-display-inline {
     display: inline !important;
 }
@@ -10283,7 +10546,7 @@ kendo-badge-container {
     font-size: 14px;
 }
 
-.k-selection-multiple .k-chip-selected .k-selected-icon-wrapper {
+.k-selection-multiple .k-chip.k-selected .k-selected-icon-wrapper {
     width: 16px;
     visibility: visible;
 }
@@ -10299,7 +10562,7 @@ kendo-badge-container {
     transition: width .2s, opacity .2s;
 }
 
-.k-selection-multiple :not(.k-chip-has-icon).k-chip-selected .k-selected-icon-wrapper {
+.k-selection-multiple :not(.k-chip-has-icon).k-selected .k-selected-icon-wrapper {
     opacity: 1;
 }
 
@@ -10329,15 +10592,6 @@ kendo-badge-container {
     outline: 0;
 }
 
-.k-chip.k-chip-disabled {
-    outline: none;
-    cursor: default;
-    opacity: 0.6;
-    filter: grayscale(0.1);
-    pointer-events: none;
-    box-shadow: none;
-}
-
 .k-chip-content {
     min-width: 0;
     overflow: hidden;
@@ -10380,165 +10634,229 @@ kendo-badge-container {
 }
 
 .k-chip-list[dir="rtl"] > *,
-.k-rtl .k-chip-list > * {
+.k-rtl .k-chip-list > *, .k-chip-list.k-rtl > * {
     margin-right: 0;
     margin-left: 8px;
 }
 
 .k-chip-list[dir="rtl"] > *:last-child,
-.k-rtl .k-chip-list > *:last-child {
+.k-rtl .k-chip-list > *:last-child, .k-chip-list.k-rtl > *:last-child {
     margin-left: 0;
 }
 
 .k-chip[dir="rtl"] .k-chip-icon,
-.k-rtl .k-chip .k-chip-icon {
+.k-rtl .k-chip .k-chip-icon, .k-chip.k-rtl .k-chip-icon {
     margin-left: 0;
     margin-right: 4px;
 }
 
 .k-chip[dir="rtl"] .k-remove-icon,
-.k-rtl .k-chip .k-remove-icon {
+.k-rtl .k-chip .k-remove-icon, .k-chip.k-rtl .k-remove-icon {
     margin-right: 0;
     margin-left: 8px;
 }
 
 .k-selection-multiple .k-chip[dir="rtl"] .k-selected-icon-wrapper, .k-selection-multiple
-.k-rtl .k-chip .k-selected-icon-wrapper {
+.k-rtl .k-chip .k-selected-icon-wrapper, .k-selection-multiple .k-chip.k-rtl .k-selected-icon-wrapper {
     left: 0;
     right: 4px;
 }
 
 .k-selection-multiple .k-chip[dir="rtl"]:not(.k-chip-has-icon) .k-selected-icon-wrapper, .k-selection-multiple
-.k-rtl .k-chip:not(.k-chip-has-icon) .k-selected-icon-wrapper {
+.k-rtl .k-chip:not(.k-chip-has-icon) .k-selected-icon-wrapper, .k-selection-multiple .k-chip.k-rtl:not(.k-chip-has-icon) .k-selected-icon-wrapper {
     left: 0;
     right: 4px;
 }
 
-.k-selection-single .k-chip-selected.k-chip-filled {
-    border-color: rgba(255, 99, 88, 0.2);
-    color: #ff6358;
-    background-color: rgba(255, 99, 88, 0.08);
-}
-
-.k-selection-single .k-chip-selected.k-chip-outline {
-    border-color: rgba(255, 99, 88, 0.2);
-    color: #ff6358;
-    background-color: transparent;
-}
-
-.k-selection-multiple > .k-chip-has-icon.k-chip-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);
 }
 
-.k-chip-filled {
-    border-color: rgba(0, 0, 0, 0.08);
+.k-chip-solid {
+    border-color: rgba(66, 66, 66, 0.3);
     color: #424242;
-    background-color: #ebebeb;
+    background-color: rgba(66, 66, 66, 0.08);
 }
 
-.k-chip-filled:hover, .k-chip-filled.k-chip-hover {
-    background-color: #e2e2e2;
+.k-chip-solid:hover, .k-chip-solid.k-state-hover, .k-chip-solid.k-hover {
+    background-color: rgba(66, 66, 66, 0.16);
 }
 
-.k-chip-filled:focus, .k-chip-filled.k-chip-focused {
-    background-color: #ebebeb;
-    box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
+.k-chip-solid:focus, .k-chip-solid.k-state-focus, .k-chip-solid.k-focus {
+    box-shadow: 0 0 0 2px rgba(66, 66, 66, 0.16);
+    background-color: rgba(66, 66, 66, 0.08);
 }
 
-.k-chip-filled.k-chip-selected {
-    background-color: #d8d8d8;
+.k-chip-solid.k-state-selected, .k-chip-solid.k-selected {
+    background-color: rgba(66, 66, 66, 0.24);
 }
 
-.k-chip-filled.k-chip-success {
+.k-chip-solid.k-chip-success {
     border-color: rgba(55, 180, 0, 0.3);
     color: #37b400;
-    background-color: rgba(55, 180, 0, 0.12);
+    background-color: rgba(55, 180, 0, 0.08);
+}
+
+.k-chip-solid.k-chip-success:hover, .k-chip-solid.k-chip-success.k-state-hover, .k-chip-solid.k-chip-success.k-hover {
+    background-color: rgba(55, 180, 0, 0.16);
+}
+
+.k-chip-solid.k-chip-success.k-state-selected, .k-chip-solid.k-chip-success.k-selected {
+    background-color: rgba(55, 180, 0, 0.24);
 }
 
-.k-chip-filled.k-chip-warning {
+.k-chip-solid.k-chip-warning {
     border-color: rgba(255, 192, 0, 0.3);
     color: #ffc000;
-    background-color: rgba(255, 192, 0, 0.12);
+    background-color: rgba(255, 192, 0, 0.08);
 }
 
-.k-chip-filled.k-chip-error {
+.k-chip-solid.k-chip-warning:hover, .k-chip-solid.k-chip-warning.k-state-hover, .k-chip-solid.k-chip-warning.k-hover {
+    background-color: rgba(255, 192, 0, 0.16);
+}
+
+.k-chip-solid.k-chip-warning.k-state-selected, .k-chip-solid.k-chip-warning.k-selected {
+    background-color: rgba(255, 192, 0, 0.24);
+}
+
+.k-chip-solid.k-chip-error {
     border-color: rgba(243, 23, 0, 0.3);
     color: #f31700;
-    background-color: rgba(243, 23, 0, 0.12);
+    background-color: rgba(243, 23, 0, 0.08);
+}
+
+.k-chip-solid.k-chip-error:hover, .k-chip-solid.k-chip-error.k-state-hover, .k-chip-solid.k-chip-error.k-hover {
+    background-color: rgba(243, 23, 0, 0.16);
 }
 
-.k-chip-filled.k-chip-info {
+.k-chip-solid.k-chip-error.k-state-selected, .k-chip-solid.k-chip-error.k-selected {
+    background-color: rgba(243, 23, 0, 0.24);
+}
+
+.k-chip-solid.k-chip-info {
     border-color: rgba(0, 88, 233, 0.3);
     color: #0058e9;
-    background-color: rgba(0, 88, 233, 0.12);
+    background-color: rgba(0, 88, 233, 0.08);
+}
+
+.k-chip-solid.k-chip-info:hover, .k-chip-solid.k-chip-info.k-state-hover, .k-chip-solid.k-chip-info.k-hover {
+    background-color: rgba(0, 88, 233, 0.16);
+}
+
+.k-chip-solid.k-chip-info.k-state-selected, .k-chip-solid.k-chip-info.k-selected {
+    background-color: rgba(0, 88, 233, 0.24);
 }
 
 .k-chip-outline {
     border-color: #424242;
     color: #424242;
-    background-color: transparent;
+    background-color: #ffffff;
 }
 
-.k-chip-outline:hover, .k-chip-outline.k-chip-hover {
-    border-color: rgba(0, 0, 0, 0.08);
+.k-chip-outline:hover, .k-chip-outline.k-state-hover, .k-chip-outline.k-hover {
     color: #ffffff;
     background-color: #424242;
 }
 
-.k-chip-outline:focus, .k-chip-outline.k-chip-focused {
-    border-color: #424242;
-    color: #424242;
-    background-color: transparent;
+.k-chip-outline:focus, .k-chip-outline.k-state-focus, .k-chip-outline.k-focus {
     box-shadow: 0 0 0 2px rgba(0, 0, 0, 0.08);
 }
 
-.k-chip-outline.k-chip-selected {
+.k-chip-outline.k-state-selected, .k-chip-outline.k-selected {
     color: #ffffff;
     background-color: #424242;
 }
 
 .k-chip-outline.k-chip-success {
-    border-color: rgba(55, 180, 0, 0.54);
+    border-color: #37b400;
     color: #37b400;
-    background-color: transparent;
+}
+
+.k-chip-outline.k-chip-success:hover, .k-chip-outline.k-chip-success.k-state-hover, .k-chip-outline.k-chip-success.k-hover {
+    color: #ffffff;
+    background-color: #37b400;
+}
+
+.k-chip-outline.k-chip-success:focus, .k-chip-outline.k-chip-success.k-state-focus, .k-chip-outline.k-chip-success.k-focus {
+    background-color: nul;
+}
+
+.k-chip-outline.k-chip-success.k-state-selected, .k-chip-outline.k-chip-success.k-selected {
+    color: #ffffff;
+    background-color: #37b400;
 }
 
 .k-chip-outline.k-chip-warning {
-    border-color: rgba(255, 192, 0, 0.54);
+    border-color: #ffc000;
     color: #ffc000;
-    background-color: transparent;
+}
+
+.k-chip-outline.k-chip-warning:hover, .k-chip-outline.k-chip-warning.k-state-hover, .k-chip-outline.k-chip-warning.k-hover {
+    color: #ffffff;
+    background-color: #ffc000;
+}
+
+.k-chip-outline.k-chip-warning:focus, .k-chip-outline.k-chip-warning.k-state-focus, .k-chip-outline.k-chip-warning.k-focus {
+    background-color: nul;
+}
+
+.k-chip-outline.k-chip-warning.k-state-selected, .k-chip-outline.k-chip-warning.k-selected {
+    color: #ffffff;
+    background-color: #ffc000;
 }
 
 .k-chip-outline.k-chip-error {
-    border-color: rgba(243, 23, 0, 0.54);
+    border-color: #f31700;
     color: #f31700;
-    background-color: transparent;
+}
+
+.k-chip-outline.k-chip-error:hover, .k-chip-outline.k-chip-error.k-state-hover, .k-chip-outline.k-chip-error.k-hover {
+    color: #ffffff;
+    background-color: #f31700;
+}
+
+.k-chip-outline.k-chip-error:focus, .k-chip-outline.k-chip-error.k-state-focus, .k-chip-outline.k-chip-error.k-focus {
+    background-color: nul;
+}
+
+.k-chip-outline.k-chip-error.k-state-selected, .k-chip-outline.k-chip-error.k-selected {
+    color: #ffffff;
+    background-color: #f31700;
 }
 
 .k-chip-outline.k-chip-info {
-    border-color: rgba(0, 88, 233, 0.54);
+    border-color: #0058e9;
     color: #0058e9;
-    background-color: transparent;
 }
 
-.k-chip-primary:focus, .k-chip-primary.k-chip-focus {
-    box-shadow: 0 0 0 2px rgba(255, 99, 88, 0.16);
+.k-chip-outline.k-chip-info:hover, .k-chip-outline.k-chip-info.k-state-hover, .k-chip-outline.k-chip-info.k-hover {
+    color: #ffffff;
+    background-color: #0058e9;
+}
+
+.k-chip-outline.k-chip-info:focus, .k-chip-outline.k-chip-info.k-state-focus, .k-chip-outline.k-chip-info.k-focus {
+    background-color: nul;
 }
 
-.k-chip-info:focus, .k-chip-info.k-chip-focus {
+.k-chip-outline.k-chip-info.k-state-selected, .k-chip-outline.k-chip-info.k-selected {
+    color: #ffffff;
+    background-color: #0058e9;
+}
+
+.k-chip-info:focus, .k-chip-info.k-state-focus, .k-chip-info.k-focus {
     box-shadow: 0 0 0 2px rgba(0, 88, 233, 0.16);
 }
 
-.k-chip-success:focus, .k-chip-success.k-chip-focus {
+.k-chip-success:focus, .k-chip-success.k-state-focus, .k-chip-success.k-focus {
     box-shadow: 0 0 0 2px rgba(55, 180, 0, 0.16);
 }
 
-.k-chip-warning:focus, .k-chip-warning.k-chip-focus {
+.k-chip-warning:focus, .k-chip-warning.k-state-focus, .k-chip-warning.k-focus {
     box-shadow: 0 0 0 2px rgba(255, 192, 0, 0.16);
 }
 
-.k-chip-error:focus, .k-chip-error.k-chip-focus {
+.k-chip-error:focus, .k-chip-error.k-state-focus, .k-chip-error.k-focus {
     box-shadow: 0 0 0 2px rgba(243, 23, 0, 0.16);
 }
 
@@ -32139,6 +32457,11 @@ kendo-scheduler.k-scheduler.k-readonly-scheduler .k-event-delete {
     padding: 0;
 }
 
+.k-scheduler-layout-flex.k-scheduler-timeline-view .k-scheduler-body .k-scheduler-cell {
+    -ms-flex-preferred-size: auto;
+        flex-basis: auto;
+}
+
 .k-scheduler-layout-flex .k-more-events {
     bottom: 2px;
     left: 0;