@progress/kendo-theme-default 7.0.0 → 7.0.1-dev.1

package/dist/all.css

@@ -279,6 +279,14 @@ kendo-sortable {
 }
 
 .k-i-loading {
+    width: 1em;
+    height: 1em;
+    line-height: 1;
+    display: inline-flex;
+    flex-flow: row nowrap;
+    align-items: center;
+    justify-content: center;
+    vertical-align: middle;
     position: relative;
     background-color: transparent;
     box-sizing: border-box;
@@ -26331,7 +26339,9 @@ kendo-sortable {
     margin: .25em;
 }
 
-.k-icon-modifier {
+.k-icon.k-icon-modifier {
+    width: 1em;
+    height: 1em;
     position: absolute;
     font-size: .5em;
     bottom: 0;
@@ -26339,11 +26349,6 @@ kendo-sortable {
     margin: 0 -.5em -.5em 0;
 }
 
-.k-icon.k-icon-modifier {
-    width: 1em;
-    height: 1em;
-}
-
 .k-i-none::before {
     content: "";
     display: none;
@@ -29143,90 +29148,6 @@ kendo-badge-container {
     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 loading {
-    0% {
-        stroke-dasharray: 0 251;
-        stroke-dashoffset: 502;
-    }
-    50% {
-        stroke-dasharray: 250 1;
-    }
-    100% {
-        stroke-dasharray: 0 251;
-        stroke-dashoffset: 0;
-    }
-}
-
-@keyframes k-loading-animation {
-    0% {
-        transform: rotate(0deg);
-    }
-    100% {
-        transform: rotate(360deg);
-    }
-}
-
 .k-loader-primary {
     color: #ff6358;
 }

package/dist/all.scss

@@ -4816,6 +4816,14 @@ $_imported: () !default;
 
     // Loading indicator
     .k-i-loading {
+        width: 1em;
+        height: 1em;
+        line-height: 1;
+        display: inline-flex;
+        flex-flow: row nowrap;
+        align-items: center;
+        justify-content: center;
+        vertical-align: middle;
         position: relative;
         background-color: transparent;
         box-sizing: border-box;
@@ -4888,6 +4896,7 @@ $_imported: () !default;
         }
     }
 }
+
 // #endregion
 // #region @import "./_selection.scss"; -> node_modules/@progress/kendo-theme-core/scss/styles/_selection.scss
 @mixin kendo-core--styles--selection() {
@@ -14679,17 +14688,15 @@ $ki-rotate-map: (
         margin: .25em;
     }
 
-    .k-icon-modifier {
+    .k-icon.k-icon-modifier {
+        width: 1em;
+        height: 1em;
         position: absolute;
         font-size: .5em;
         bottom: 0;
         right: 0;
         margin: 0 -.5em -.5em 0;
     }
-    .k-icon.k-icon-modifier {
-        width: 1em;
-        height: 1em;
-    }
 
     .k-i-none::before {
         content: "";
@@ -19878,95 +19885,6 @@ $kendo-loading-opacity: .3 !default;
         opacity: $kendo-loading-opacity;
     }
 
-    // Loading indicator
-    .k-i-loading {
-        position: relative;
-        background-color: transparent;
-        box-sizing: border-box;
-        color: $kendo-loading-text;
-
-        &::before,
-        &::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: "";
-        // See https://github.com/telerik/kendo-themes/issues/1925
-        border-width: 1px; // TODO: Remove once we drop IE support
-        border-width: clamp( .015em, 1px, 1px );
-        font-size: 4em;
-    }
-
-    @keyframes loading {
-        0% {
-            stroke-dasharray: 0 251;
-            stroke-dashoffset: 502;
-        }
-
-        50% {
-            stroke-dasharray: 250 1;
-        }
-
-        100% {
-            stroke-dasharray: 0 251;
-            stroke-dashoffset: 0;
-        }
-    }
-
-    @keyframes k-loading-animation {
-        0% {
-            transform: rotate(0deg);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
-    }
-
 }
 
 

package/lib/swatches/default-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.0",
+    "version": "7.0.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#f5f5f5",

package/lib/swatches/default-dataviz-v4.json

@@ -3,7 +3,7 @@
     "name": "Default Dataviz v4",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.0",
+    "version": "7.0.1-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ff6358",

package/lib/swatches/default-green.json

@@ -3,7 +3,7 @@
     "name": "Default Green",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.0",
+    "version": "7.0.1-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-main-dark.json

@@ -3,7 +3,7 @@
     "name": "Default Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.0",
+    "version": "7.0.1-dev.1",
     "api": "legacy",
     "previewColors": [
         "#000000",

package/lib/swatches/default-main.json

@@ -3,7 +3,7 @@
     "name": "Default Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.0",
+    "version": "7.0.1-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-nordic.json

@@ -3,7 +3,7 @@
     "name": "Default Nordic",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.0",
+    "version": "7.0.1-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue-a11y.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue A11Y",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.0",
+    "version": "7.0.1-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-ocean-blue.json

@@ -3,7 +3,7 @@
     "name": "Default Ocean Blue",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.0",
+    "version": "7.0.1-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-orange.json

@@ -3,7 +3,7 @@
     "name": "Default Orange",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.0",
+    "version": "7.0.1-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-purple.json

@@ -3,7 +3,7 @@
     "name": "Default Purple",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.0",
+    "version": "7.0.1-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-turquoise.json

@@ -3,7 +3,7 @@
     "name": "Default Turquoise",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.0",
+    "version": "7.0.1-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/lib/swatches/default-urban.json

@@ -3,7 +3,7 @@
     "name": "Default Urban",
     "product": "kendo",
     "base": "@progress/kendo-theme-default",
-    "version": "7.0.0",
+    "version": "7.0.1-dev.1",
     "api": "legacy",
     "previewColors": [
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "7.0.0",
+  "version": "7.0.1-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -50,8 +50,8 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "2.0.0",
-    "@progress/kendo-theme-core": "7.0.0",
-    "@progress/kendo-theme-utils": "7.0.0"
+    "@progress/kendo-theme-core": "7.0.1-dev.1",
+    "@progress/kendo-theme-utils": "7.0.1-dev.1"
   },
-  "gitHead": "61d73126ecd6c97602f73d0adf12a12bdafe4d0a"
+  "gitHead": "aeaff3f76d1244db6befcef518e6e59b1906cff2"
 }

package/scss/icons/_layout.scss

@@ -38,17 +38,15 @@ $ki-icon-size: $kendo-icon-size;
         margin: .25em;
     }
 
-    .k-icon-modifier {
+    .k-icon.k-icon-modifier {
+        width: 1em;
+        height: 1em;
         position: absolute;
         font-size: .5em;
         bottom: 0;
         right: 0;
         margin: 0 -.5em -.5em 0;
     }
-    .k-icon.k-icon-modifier {
-        width: 1em;
-        height: 1em;
-    }
 
     .k-i-none::before {
         content: "";

package/scss/loader/_layout.scss

@@ -491,95 +491,6 @@
         opacity: $kendo-loading-opacity;
     }
 
-    // Loading indicator
-    .k-i-loading {
-        position: relative;
-        background-color: transparent;
-        box-sizing: border-box;
-        color: $kendo-loading-text;
-
-        &::before,
-        &::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: "";
-        // See https://github.com/telerik/kendo-themes/issues/1925
-        border-width: 1px; // TODO: Remove once we drop IE support
-        border-width: clamp( .015em, 1px, 1px );
-        font-size: 4em;
-    }
-
-    @keyframes loading {
-        0% {
-            stroke-dasharray: 0 251;
-            stroke-dashoffset: 502;
-        }
-
-        50% {
-            stroke-dasharray: 250 1;
-        }
-
-        100% {
-            stroke-dasharray: 0 251;
-            stroke-dashoffset: 0;
-        }
-    }
-
-    @keyframes k-loading-animation {
-        0% {
-            transform: rotate(0deg);
-        }
-        100% {
-            transform: rotate(360deg);
-        }
-    }
-
 }