@progress/kendo-theme-default 6.5.0-dev.0 → 6.5.0-dev.2

package/dist/all.css

@@ -11,6 +11,17 @@
     opacity: 0;
 }
 
+.k-body {
+    font-size: var(--kendo-font-size, inherit);
+    font-family: var(--kendo-font-family, inherit);
+    line-height: var(--kendo-line-height, normal);
+    font-weight: var(--kendo-font-weight, normal);
+    letter-spacing: var(--kendo-letter-spacing, normal);
+    color: var(--kendo-body-text, initial);
+    background-color: var(--kendo-body-bg, initial);
+    margin: 0;
+}
+
 .k-hstack, .k-hbox {
     display: flex;
     flex-flow: row nowrap;
@@ -92,6 +103,276 @@ script {
     display: none !important;
 }
 
+.k-disabled,
+.k-widget[disabled],
+.k-disabled {
+    outline: none;
+    cursor: default;
+    color: var(--kendo-disabled-text, inherit);
+    border-color: var(--kendo-disabled-border, inherit);
+    pointer-events: none;
+    box-shadow: none;
+}
+
+.k-disabled .k-link,
+.k-widget[disabled] .k-link,
+.k-disabled .k-link {
+    cursor: default;
+    outline: 0;
+}
+
+.k-hr {
+    margin-block: 16px;
+    padding: 0;
+    height: 0;
+    border-width: 1px 0 0;
+    border-style: solid;
+    border-color: var(--kendo-component-border, inherit);
+    display: block;
+    float: none;
+    clear: both;
+}
+
+.k-d-flex-row > .k-hr {
+    margin: 0;
+    width: 0;
+    height: auto;
+    border-width: 0 0 0 1px;
+    flex: 0 0 auto;
+}
+
+.k-d-flex-col > .k-hr {
+    margin: 0;
+    flex: 0 0 auto;
+}
+
+.k-sprite {
+    display: inline-block;
+    width: 1rem;
+    height: 1rem;
+    overflow: hidden;
+    background-repeat: no-repeat;
+    font-size: 0;
+    line-height: 0;
+    text-align: center;
+}
+
+.k-image {
+    display: inline-block;
+}
+
+.k-reset {
+    margin: 0;
+    padding: 0;
+    border-width: 0;
+    outline: 0;
+    text-decoration: none;
+    font: inherit;
+    list-style: none;
+}
+
+kendo-sortable {
+    display: block;
+}
+
+.k-link,
+.k-link:hover {
+    color: inherit;
+    text-decoration: none;
+    outline: 0;
+    cursor: pointer;
+}
+
+.k-content {
+    outline: 0;
+}
+
+.k-centered {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+}
+
+.k-no-click {
+    pointer-events: none;
+}
+
+.k-pdf-export-shadow {
+    position: absolute;
+    overflow: hidden;
+    left: -15000px;
+    width: 14400px;
+}
+
+.kendo-pdf-hide-pseudo-elements::before,
+.kendo-pdf-hide-pseudo-elements::after {
+    display: none !important;
+}
+
+.k-dirty {
+    margin: 0;
+    padding: 0;
+    width: 0;
+    height: 0;
+    border-width: 3px;
+    border-style: solid;
+    border-block-start-color: currentColor;
+    border-block-end-color: transparent;
+    border-inline-start-color: transparent;
+    border-inline-end-color: currentColor;
+    position: absolute;
+    inset-block-start: 0;
+    inset-inline-end: 0;
+}
+
+.k-loading-mask,
+.k-loading-image,
+.k-loading-color {
+    width: 100%;
+    height: 100%;
+    box-sizing: border-box;
+    position: absolute;
+    top: 0;
+    left: 0;
+}
+
+.k-loading-mask *,
+.k-loading-mask *::before,
+.k-loading-mask *::after, .k-loading-mask::before, .k-loading-mask::after,
+.k-loading-image *,
+.k-loading-image *::before,
+.k-loading-image *::after,
+.k-loading-image::before,
+.k-loading-image::after,
+.k-loading-color *,
+.k-loading-color *::before,
+.k-loading-color *::after,
+.k-loading-color::before,
+.k-loading-color::after {
+    box-sizing: border-box;
+}
+
+.k-loading-mask {
+    z-index: 100;
+}
+
+.k-loading-mask.k-opaque .k-loading-color {
+    opacity: 1;
+}
+
+.k-loading-text {
+    text-indent: -4000px;
+    text-align: center;
+    position: absolute;
+    color: currentColor;
+}
+
+.k-loading-image {
+    z-index: 2;
+    color: currentColor;
+}
+
+.k-loading-color {
+    background-color: #ffffff;
+    opacity: 0.3;
+}
+
+.k-i-loading {
+    position: relative;
+    background-color: transparent;
+    box-sizing: border-box;
+    color: currentColor;
+}
+
+.k-i-loading::before, .k-i-loading::after {
+    box-sizing: border-box;
+}
+
+.k-i-loading::before,
+.k-i-loading::after,
+.k-loading-image::before,
+.k-loading-image::after {
+    position: absolute;
+    top: 50%;
+    left: 50%;
+    display: inline-block;
+    content: "";
+    box-sizing: inherit;
+    border-radius: 50%;
+    border-width: .05em;
+    border-style: solid;
+    border-color: currentColor;
+    border-top-color: transparent;
+    border-bottom-color: transparent;
+    background-color: transparent;
+}
+
+.k-icon.k-i-loading::before,
+.k-icon.k-i-loading::after {
+    content: "";
+}
+
+.k-i-loading::before,
+.k-loading-image::before {
+    margin-top: -.5em;
+    margin-left: -.5em;
+    width: 1em;
+    height: 1em;
+    animation: k-loading-animation .7s linear infinite;
+}
+
+.k-i-loading::after,
+.k-loading-image::after {
+    margin-top: -.25em;
+    margin-left: -.25em;
+    width: .5em;
+    height: .5em;
+    animation: k-loading-animation reverse 1.4s linear infinite;
+}
+
+.k-loading-image::before,
+.k-loading-image::after {
+    content: "";
+    border-width: 1px;
+    border-width: clamp(0.015em, 1px, 1px);
+    font-size: 4em;
+}
+
+@keyframes k-loading-animation {
+    0% {
+        transform: rotate(0deg);
+    }
+    100% {
+        transform: rotate(360deg);
+    }
+}
+
+.k-marquee {
+    position: absolute;
+    z-index: 100000;
+}
+
+.k-marquee-color,
+.k-marquee-text {
+    position: absolute;
+    top: 0;
+    left: 0;
+    width: 100%;
+    height: 100%;
+}
+
+.k-marquee-color {
+    color: white;
+    background-color: var(--kendo-primary-60, #ff6358);
+    border-color: var(--kendo-primary-100, rgba(0, 0, 0, 0.08));
+    opacity: .6;
+}
+
+.k-marquee-text {
+    color: white;
+}
+
 .k-reset {
     margin: 0;
     padding: 0;
@@ -995,31 +1276,6 @@ kendo-sortable {
     background-color: #858585;
 }
 
-.k-marquee {
-    position: absolute;
-    z-index: 100000;
-}
-
-.k-marquee-color,
-.k-marquee-text {
-    position: absolute;
-    top: 0;
-    left: 0;
-    width: 100%;
-    height: 100%;
-}
-
-.k-marquee-color {
-    color: white;
-    background-color: #ff6358;
-    border-color: rgba(0, 0, 0, 0.08);
-    opacity: .6;
-}
-
-.k-marquee-text {
-    color: white;
-}
-
 .k-ratio-auto {
     aspect-ratio: auto;
 }
@@ -34744,13 +35000,13 @@ kendo-badge-container {
 }
 
 .k-menu-group-lg {
-    font-size: 14px;
-    line-height: 1.4285714286;
+    font-size: 16px;
+    line-height: 1.5;
 }
 
 .k-menu-group-lg .k-menu-item {
-    font-size: 14px;
-    line-height: 1.4285714286;
+    font-size: 16px;
+    line-height: 1.5;
 }
 
 .k-menu-group-lg .k-menu-link {
@@ -41347,6 +41603,7 @@ select.k-picker-lg {
 .k-adaptive-actionsheet {
     max-width: 100%;
     width: 100%;
+    font-size: 16px;
     display: flex;
     flex-flow: column nowrap;
 }
@@ -41387,6 +41644,12 @@ select.k-picker-lg {
     padding-inline: 0;
 }
 
+.k-adaptive-actionsheet .k-menu-group {
+    height: 100%;
+    overflow: auto;
+    position: static;
+}
+
 .k-adaptive-actionsheet .k-calendar {
     margin-inline: auto;
     border-width: 0;
@@ -43261,8 +43524,6 @@ kendo-card-footer {
     box-sizing: border-box;
     outline: 0;
     font-family: inherit;
-    font-size: 14px;
-    line-height: 1.4285714286;
     display: flex;
     flex-direction: row;
     -webkit-touch-callout: none;
@@ -43306,8 +43567,6 @@ kendo-card-footer {
 .k-breadcrumb-link,
 .k-breadcrumb-root-link {
     border-radius: 4px;
-    padding-block: 6px;
-    padding-inline: 8px;
     color: inherit;
     text-decoration: none;
     white-space: nowrap;
@@ -43321,21 +43580,12 @@ kendo-card-footer {
     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-breadcrumb-root-link {
-    margin-inline-end: 8px;
-}
-
 .k-breadcrumb-link > .k-image,
 .k-breadcrumb-icontext-link .k-icon,
 .k-breadcrumb-icontext-link .k-svg-icon {
     margin-inline-end: 4px;
 }
 
-.k-breadcrumb-icon-link {
-    padding-block: 8px;
-    padding-inline: 8px;
-}
-
 .k-breadcrumb-delimiter,
 .k-breadcrumb-delimiter-icon {
     color: inherit;
@@ -43350,6 +43600,54 @@ kendo-card-footer {
     border-color: transparent;
 }
 
+.k-breadcrumb-sm {
+    font-size: 14px;
+    line-height: 1.4285714286;
+}
+
+.k-breadcrumb-sm .k-breadcrumb-link,
+.k-breadcrumb-sm .k-breadcrumb-root-link {
+    padding-block: 4px;
+    padding-inline: 8px;
+}
+
+.k-breadcrumb-sm .k-breadcrumb-icon-link {
+    padding-block: 6px;
+    padding-inline: 6px;
+}
+
+.k-breadcrumb-md {
+    font-size: 14px;
+    line-height: 1.4285714286;
+}
+
+.k-breadcrumb-md .k-breadcrumb-link,
+.k-breadcrumb-md .k-breadcrumb-root-link {
+    padding-block: 6px;
+    padding-inline: 8px;
+}
+
+.k-breadcrumb-md .k-breadcrumb-icon-link {
+    padding-block: 8px;
+    padding-inline: 8px;
+}
+
+.k-breadcrumb-lg {
+    font-size: 16px;
+    line-height: 1.5;
+}
+
+.k-breadcrumb-lg .k-breadcrumb-link,
+.k-breadcrumb-lg .k-breadcrumb-root-link {
+    padding-block: 8px;
+    padding-inline: 8px;
+}
+
+.k-breadcrumb-lg .k-breadcrumb-icon-link {
+    padding-block: 12px;
+    padding-inline: 12px;
+}
+
 .k-breadcrumb {
     border-color: rgba(0, 0, 0, 0.08);
     color: #424242;