@progress/kendo-theme-default 5.6.1-dev.5 → 5.6.1-dev.6

package/dist/all.css

@@ -3211,26 +3211,51 @@ kendo-sortable {
     position: static !important;
 }
 
+.\!k-static,
+.\!k-pos-static {
+    position: static !important;
+}
+
 .k-relative,
 .k-pos-relative {
     position: relative !important;
 }
 
+.\!k-relative,
+.\!k-pos-relative {
+    position: relative !important;
+}
+
 .k-absolute,
 .k-pos-absolute {
     position: absolute !important;
 }
 
+.\!k-absolute,
+.\!k-pos-absolute {
+    position: absolute !important;
+}
+
 .k-fixed,
 .k-pos-fixed {
     position: fixed !important;
 }
 
+.\!k-fixed,
+.\!k-pos-fixed {
+    position: fixed !important;
+}
+
 .k-sticky,
 .k-pos-sticky {
     position: sticky !important;
 }
 
+.\!k-sticky,
+.\!k-pos-sticky {
+    position: sticky !important;
+}
+
 .k-top,
 .k-pos-top {
     top: 0;
@@ -11763,7 +11788,7 @@ kendo-sortable {
 
 .k-badge {
     padding: 0;
-    border-width: 0;
+    border-width: 1px;
     border-style: solid;
     border-color: transparent;
     box-sizing: border-box;
@@ -11812,92 +11837,38 @@ a.k-badge:hover,
 
 .k-badge-sm {
     padding: 2px 2px;
-    border-width: 1px;
     font-size: 10px;
     line-height: 1;
+    min-width: calc( 1em + 4px + 2px);
 }
 
 .k-badge-sm:empty {
     padding: 2px;
+    min-width: auto;
 }
 
 .k-badge-md {
     padding: 4px 4px;
-    border-width: 1px;
     font-size: 10px;
     line-height: 1;
+    min-width: calc( 1em + 8px + 2px);
 }
 
 .k-badge-md:empty {
     padding: 4px;
+    min-width: auto;
 }
 
 .k-badge-lg {
     padding: 6px 6px;
-    border-width: 1px;
-    font-size: 12px;
+    font-size: 10px;
     line-height: 1;
+    min-width: calc( 1em + 12px + 2px);
 }
 
 .k-badge-lg:empty {
     padding: 6px;
-}
-
-.k-badge-rounded.k-badge-sm {
-    border-radius: 2px;
-}
-
-.k-badge-rounded.k-badge-md {
-    border-radius: 4px;
-}
-
-.k-badge-rounded.k-badge-lg {
-    border-radius: 6px;
-}
-
-.k-badge-pill {
-    border-radius: 5rem;
-}
-
-.k-badge-circle {
-    padding: 0 !important;
-    border-radius: 100%;
-}
-
-.k-badge-circle.k-badge-sm {
-    width: calc( 1em + 4px + 2px);
-    height: calc( 1em + 4px + 2px);
-}
-
-.k-badge-circle.k-badge-md {
-    width: calc( 1em + 8px + 2px);
-    height: calc( 1em + 8px + 2px);
-}
-
-.k-badge-circle.k-badge-lg {
-    width: calc( 1em + 12px + 2px);
-    height: calc( 1em + 12px + 2px);
-}
-
-.k-badge-dot {
-    padding: 0 !important;
-    border-radius: 100%;
-    font-size: 0;
-}
-
-.k-badge-dot.k-badge-sm {
-    width: 6px;
-    height: 6px;
-}
-
-.k-badge-dot.k-badge-md {
-    width: 10px;
-    height: 10px;
-}
-
-.k-badge-dot.k-badge-lg {
-    width: 12px;
-    height: 12px;
+    min-width: auto;
 }
 
 kendo-badge-container {
@@ -12008,61 +11979,61 @@ kendo-badge-container {
     box-shadow: 0 0 0 2px #ffffff;
 }
 
-.k-badge-solid.k-badge-primary {
+.k-badge-solid-primary {
     border-color: #ff6358;
     color: white;
     background-color: #ff6358;
 }
 
-.k-badge-solid.k-badge-secondary {
+.k-badge-solid-secondary {
     border-color: #666666;
     color: white;
     background-color: #666666;
 }
 
-.k-badge-solid.k-badge-tertiary {
+.k-badge-solid-tertiary {
     border-color: #03a9f4;
     color: white;
     background-color: #03a9f4;
 }
 
-.k-badge-solid.k-badge-info {
+.k-badge-solid-info {
     border-color: #0058e9;
     color: white;
     background-color: #0058e9;
 }
 
-.k-badge-solid.k-badge-success {
+.k-badge-solid-success {
     border-color: #37b400;
     color: white;
     background-color: #37b400;
 }
 
-.k-badge-solid.k-badge-warning {
+.k-badge-solid-warning {
     border-color: #ffc000;
     color: black;
     background-color: #ffc000;
 }
 
-.k-badge-solid.k-badge-error {
+.k-badge-solid-error {
     border-color: #f31700;
     color: white;
     background-color: #f31700;
 }
 
-.k-badge-solid.k-badge-dark {
+.k-badge-solid-dark {
     border-color: #424242;
     color: white;
     background-color: #424242;
 }
 
-.k-badge-solid.k-badge-light {
+.k-badge-solid-light {
     border-color: #ebebeb;
     color: black;
     background-color: #ebebeb;
 }
 
-.k-badge-solid.k-badge-inverse {
+.k-badge-solid-inverse {
     border-color: #424242;
     color: white;
     background-color: #424242;
@@ -12073,43 +12044,43 @@ kendo-badge-container {
     background-color: #ffffff;
 }
 
-.k-badge-outline.k-badge-primary {
+.k-badge-outline-primary {
     color: #ff6358;
 }
 
-.k-badge-outline.k-badge-secondary {
+.k-badge-outline-secondary {
     color: #666666;
 }
 
-.k-badge-outline.k-badge-tertiary {
+.k-badge-outline-tertiary {
     color: #03a9f4;
 }
 
-.k-badge-outline.k-badge-info {
+.k-badge-outline-info {
     color: #0058e9;
 }
 
-.k-badge-outline.k-badge-success {
+.k-badge-outline-success {
     color: #37b400;
 }
 
-.k-badge-outline.k-badge-warning {
+.k-badge-outline-warning {
     color: #ffc000;
 }
 
-.k-badge-outline.k-badge-error {
+.k-badge-outline-error {
     color: #f31700;
 }
 
-.k-badge-outline.k-badge-dark {
+.k-badge-outline-dark {
     color: #424242;
 }
 
-.k-badge-outline.k-badge-light {
+.k-badge-outline-light {
     color: #ebebeb;
 }
 
-.k-badge-outline.k-badge-inverse {
+.k-badge-outline-inverse {
     color: #424242;
 }
 
@@ -22631,6 +22602,7 @@ kendo-card-footer {
     display: flex;
     flex-direction: inherit;
     overflow: hidden;
+    position: relative;
 }
 
 .k-card-horizontal {
@@ -22894,7 +22866,7 @@ kendo-card-footer {
     margin: 0;
     width: 20px;
     height: 20px;
-    border-width: 1px 1px 0 0;
+    border-width: 1px;
     border-style: solid;
     box-sizing: border-box;
     position: absolute;
@@ -22903,25 +22875,25 @@ kendo-card-footer {
 .k-card-callout.k-callout-n {
     top: 0;
     left: 50%;
-    transform: translate(-50%, -50%) rotate(-45deg);
+    transform: translate(-50%, -50%) rotate(45deg);
 }
 
 .k-card-callout.k-callout-e {
     top: 50%;
     right: 0;
-    transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
+    transform: translate(50%, -50%) rotate(-45deg);
 }
 
 .k-card-callout.k-callout-s {
     bottom: 0;
     left: 50%;
-    transform: translate(-50%, 50%) rotate(135deg);
+    transform: translate(-50%, 50%) rotate(45deg);
 }
 
 .k-card-callout.k-callout-w {
     top: 50%;
     left: 0;
-    transform: translate(-50%, -50%) rotate(-135deg);
+    transform: translate(-50%, -50%) rotate(45deg);
 }
 
 .k-card-flat {
@@ -22938,6 +22910,11 @@ kendo-card-footer {
     background-color: #ffffff;
 }
 
+.k-card .k-card-inner {
+    background-color: inherit;
+    border-color: inherit;
+}
+
 .k-card:focus, .k-card.k-focus, .k-card.k-state-focus {
     border-color: rgba(0, 0, 0, 0.15);
     box-shadow: 0 3px 4px 0 rgba(0, 0, 0, 0.06);
@@ -23075,38 +23052,9 @@ kendo-card-footer {
 }
 
 .k-card-callout {
-    border-color: rgba(0, 0, 0, 0.08);
-    background-color: #ffffff;
-}
-
-.k-card:focus .k-card-callout,
-.k-card.k-focus .k-card-callout,
-.k-card.k-state-focus .k-card-callout {
-    border-color: rgba(0, 0, 0, 0.15);
-}
-
-.k-card:focus .k-card-callout.k-callout-n,
-.k-card.k-focus .k-card-callout.k-callout-n,
-.k-card.k-state-focus .k-card-callout.k-callout-n {
-    box-shadow: 1px -1px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
-.k-card:focus .k-card-callout.k-callout-e,
-.k-card.k-focus .k-card-callout.k-callout-e,
-.k-card.k-state-focus .k-card-callout.k-callout-e {
-    box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
-.k-card:focus .k-card-callout.k-callout-s,
-.k-card.k-focus .k-card-callout.k-callout-s,
-.k-card.k-state-focus .k-card-callout.k-callout-s {
-    box-shadow: 2px -2px 4px 0 rgba(0, 0, 0, 0.06);
-}
-
-.k-card:focus .k-card-callout.k-callout-w,
-.k-card.k-focus .k-card-callout.k-callout-w,
-.k-card.k-state-focus .k-card-callout.k-callout-w {
-    box-shadow: 2px -1px 4px 0 rgba(0, 0, 0, 0.06);
+    border-color: inherit;
+    background-color: inherit;
+    box-shadow: inherit;
 }
 
 .k-popover {
@@ -23132,6 +23080,11 @@ kendo-card-footer {
     box-sizing: border-box;
 }
 
+.k-popover-inner {
+    position: relative;
+    border-radius: inherit;
+}
+
 .k-popover-header {
     border-top-left-radius: 6px;
     border-top-right-radius: 6px;
@@ -23152,7 +23105,7 @@ kendo-card-footer {
     margin: 0;
     width: 20px;
     height: 20px;
-    border-width: 1px 1px 0 0;
+    border-width: 1px;
     border-style: solid;
     position: absolute;
 }
@@ -23160,25 +23113,25 @@ kendo-card-footer {
 .k-popover-callout.k-callout-n {
     top: 0;
     left: 50%;
-    transform: translate(-50%, -50%) rotate(-45deg);
+    transform: translate(-50%, -50%) rotate(45deg);
 }
 
 .k-popover-callout.k-callout-e {
     top: 50%;
     right: 0;
-    transform: translate(50%, -50%) rotate(135deg) scaleX(-1);
+    transform: translate(50%, -50%) rotate(-45deg);
 }
 
 .k-popover-callout.k-callout-s {
     bottom: 0;
     left: 50%;
-    transform: translate(-50%, 50%) rotate(135deg);
+    transform: translate(-50%, 50%) rotate(45deg);
 }
 
 .k-popover-callout.k-callout-w {
     top: 50%;
     left: 0;
-    transform: translate(-50%, -50%) rotate(-135deg);
+    transform: translate(-50%, -50%) rotate(45deg);
 }
 
 .k-popover {
@@ -23188,26 +23141,20 @@ kendo-card-footer {
     background-color: #ffffff;
 }
 
+.k-popover-inner {
+    background-color: inherit;
+    border-color: inherit;
+}
+
 .k-popover-header {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;
 }
 
 .k-popover-callout {
-    border-color: rgba(0, 0, 0, 0.08);
-    background-color: #ffffff;
-}
-
-.k-popover-callout.k-callout-e {
-    box-shadow: rgba(0, 0, 0, 0.03) 2px -1px 4px 0px;
-}
-
-.k-popover-callout.k-callout-s {
-    box-shadow: rgba(0, 0, 0, 0.06) 2px -2px 4px 0px;
-}
-
-.k-popover-callout.k-callout-w {
-    box-shadow: rgba(0, 0, 0, 0.03) 2px -1px 4px 0px;
+    border-color: inherit;
+    background-color: inherit;
+    box-shadow: inherit;
 }
 
 .k-rpanel-left,
@@ -35676,8 +35623,8 @@ div.k-scrollview.k-scrollview-light .k-scrollview-nav-wrap {
     z-index: 12000;
 }
 
-.k-sparkline-tooltip-wrapper > .k-popup,
-.k-chart-tooltip-wrapper > .k-popup {
+.k-sparkline-tooltip-wrapper .k-popup,
+.k-chart-tooltip-wrapper .k-popup {
     padding: 0;
     border-width: 0;
     background: transparent;