@progress/kendo-theme-fluent 12.2.0 → 12.2.1-dev.1

package/dist/meta/sassdoc-raw-data.json

@@ -87105,8 +87105,8 @@
     {
         "description": "",
         "commentRange": {
-            "start": 602,
-            "end": 606
+            "start": 555,
+            "end": 559
         },
         "context": {
             "type": "variable",
@@ -87114,8 +87114,8 @@
             "value": "black",
             "scope": "default",
             "line": {
-                "start": 607,
-                "end": 607
+                "start": 560,
+                "end": 560
             }
         },
         "link": [
@@ -87134,15 +87134,15 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/functions/_color.import.scss",
-            "name": "_color.import.scss"
+            "path": "core/scss/functions/_color.scss",
+            "name": "_color.scss"
         }
     },
     {
         "description": "Default light color for WCAG 2.0.\n",
         "commentRange": {
-            "start": 608,
-            "end": 610
+            "start": 561,
+            "end": 563
         },
         "context": {
             "type": "variable",
@@ -87150,8 +87150,8 @@
             "value": "white",
             "scope": "default",
             "line": {
-                "start": 611,
-                "end": 611
+                "start": 564,
+                "end": 564
             }
         },
         "type": "Color",
@@ -87160,8 +87160,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/functions/_color.import.scss",
-            "name": "_color.import.scss"
+            "path": "core/scss/functions/_color.scss",
+            "name": "_color.scss"
         }
     },
     {
@@ -87372,31 +87372,6 @@
             "name": "_constants.scss"
         }
     },
-    {
-        "description": "Set a specific jump point for requesting color jumps\n",
-        "commentRange": {
-            "start": 197,
-            "end": 199
-        },
-        "context": {
-            "type": "variable",
-            "name": "kendo-color-level-step",
-            "value": "8%",
-            "scope": "default",
-            "line": {
-                "start": 200,
-                "end": 200
-            }
-        },
-        "group": [
-            "color-system"
-        ],
-        "access": "private",
-        "file": {
-            "path": "core/scss/functions/_color.import.scss",
-            "name": "_color.import.scss"
-        }
-    },
     {
         "description": "The Gray Palette provides colors to the Base, Secondary, Light, Dark, and Inverse variable groups.\n",
         "commentRange": {
@@ -87668,8 +87643,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87693,8 +87668,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87718,8 +87693,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87743,8 +87718,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87768,8 +87743,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87793,8 +87768,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87818,8 +87793,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87843,8 +87818,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87868,8 +87843,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87893,8 +87868,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87918,8 +87893,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87943,8 +87918,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87968,8 +87943,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -87993,8 +87968,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -88018,8 +87993,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -88043,8 +88018,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -88068,8 +88043,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -88093,8 +88068,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -88118,8 +88093,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {
@@ -88143,8 +88118,8 @@
         ],
         "access": "public",
         "file": {
-            "path": "core/scss/typography/index.import.scss",
-            "name": "index.import.scss"
+            "path": "core/scss/typography/index.scss",
+            "name": "index.scss"
         }
     },
     {

package/lib/swatches/all.json

@@ -3,7 +3,7 @@
     "name": "All",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.2.0",
+    "version": "12.2.1-dev.1",
     "api": "modern",
     "previewColors": [
         "#ffffff",

package/lib/swatches/fluent-1-dark.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1 Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.2.0",
+    "version": "12.2.1-dev.1",
     "previewColors": [
         "#1b1a19",
         "#21201f",

package/lib/swatches/fluent-1.json

@@ -3,7 +3,7 @@
     "name": "Fluent 1",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.2.0",
+    "version": "12.2.1-dev.1",
     "previewColors": [
         "#ffffff",
         "#faf9f8",

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

@@ -3,7 +3,7 @@
     "name": "Fluent Main Dark",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.2.0",
+    "version": "12.2.1-dev.1",
     "previewColors": [
         "#1F1F1F",
         "#292929",

package/lib/swatches/fluent-main.json

@@ -3,7 +3,7 @@
     "name": "Fluent Main",
     "product": "kendo",
     "base": "@progress/kendo-theme-fluent",
-    "version": "12.2.0",
+    "version": "12.2.1-dev.1",
     "previewColors": [
         "#fafafa",
         "#ffffff",

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-fluent",
   "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
-  "version": "12.2.0",
+  "version": "12.2.1-dev.1",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -55,12 +55,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "^4.5.0",
-    "@progress/kendo-theme-core": "12.2.0",
-    "@progress/kendo-theme-utils": "12.2.0"
+    "@progress/kendo-theme-core": "12.2.1-dev.1",
+    "@progress/kendo-theme-utils": "12.2.1-dev.1"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "7b4a94ad8c9f218d734e13020cae3a2f35a142cb"
+  "gitHead": "52adf1714a222c00f6353d50266b60ef8c23e9a1"
 }

package/scss/appbar/_variables.scss

@@ -1,5 +1,5 @@
 @use "sass:map";
-@use "../core/z-index/index.import.scss" as *;
+@use "../core/z-index/index.scss" as *;
 @use "../core/_index.scss" as *;
 
 /// The horizontal margin of the AppBar.

package/scss/bottom-navigation/_layout.scss

@@ -1,5 +1,5 @@
 @use "./_variables.scss" as *;
-@use "../core/z-index/index.import.scss" as *;
+@use "../core/z-index/index.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/bottom-navigation/_layout.scss" as *;
 
 @mixin kendo-bottom-navigation--layout() {

package/scss/button/_layout.scss

@@ -1,7 +1,7 @@
 @use "sass:map";
 @use "sass:math";
 @use "../core/_index.scss" as *;
-@use "../core/z-index/index.import.scss" as *;
+@use "../core/z-index/index.scss" as *;
 @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/button/_layout.scss" as *;
 

package/scss/checkbox/_variables.scss

@@ -1,7 +1,7 @@
 @use "sass:map";
 @use "../core/_index.scss" as *;
 @use "../list/_variables.scss" as *;
-@use "@progress/kendo-theme-core/scss/functions/index.import.scss" as *;
+@use "@progress/kendo-theme-core/scss/functions/index.scss" as *;
 
 // Checkbox
 

package/scss/color-preview/_variables.scss

@@ -1,5 +1,5 @@
 @use "../core/_index.scss" as *;
-@use "@progress/kendo-theme-core/scss/functions/index.import.scss" as *;
+@use "@progress/kendo-theme-core/scss/functions/index.scss" as *;
 
 /// Border radius of the color preview.
 /// @group color-preview

package/scss/core/color-system/utils/_functions.scss

@@ -1,3 +1,3 @@
 @use '../palettes.scss' as *;
 
-@forward "@progress/kendo-theme-core/scss/color-system/functions.import.scss";
+@forward "@progress/kendo-theme-core/scss/color-system/functions.scss";

package/scss/core/functions/index.scss

@@ -0,0 +1 @@
+@forward "@progress/kendo-theme-core/scss/functions/index.scss";

package/scss/core/z-index/index.scss

@@ -0,0 +1 @@
+@forward "@progress/kendo-theme-core/scss/z-index/index.scss";

package/scss/drawer/_layout.scss

@@ -1,6 +1,6 @@
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
-@use "../core/z-index/index.import.scss" as *;
+@use "../core/z-index/index.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/drawer/_layout.scss" as *;
 
 @mixin kendo-drawer--layout() {

package/scss/expansion-panel/_layout.scss

@@ -1,6 +1,6 @@
 @use "../icons/_variables.scss" as *;
 @use "./_variables.scss" as *;
-@use "../core/z-index/index.import.scss" as *;
+@use "../core/z-index/index.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/expansion-panel/_layout.scss" as *;
 
 @mixin kendo-expander--layout() {

package/scss/fab/_layout.scss

@@ -1,6 +1,6 @@
 @use "sass:map";
 @use "./_variables.scss" as *;
-@use "../core/z-index/index.import.scss" as *;
+@use "../core/z-index/index.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/fab/_layout.scss" as *;
 
 @mixin kendo-fab--layout() {

package/scss/input/_layout.scss

@@ -2,7 +2,7 @@
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
 @use "../icons/_variables.scss" as *;
-@use "../core/z-index/index.import.scss" as *;
+@use "../core/z-index/index.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/input/_layout.scss" as *;
 
 @mixin kendo-input--layout() {

package/scss/list/_layout.scss

@@ -1,7 +1,7 @@
 @use "sass:map";
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
-@use "../core/z-index/index.import.scss" as *;
+@use "../core/z-index/index.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/list/_layout.scss" as *;
 
 @mixin kendo-list--layout() {

package/scss/notification/_functions.scss

@@ -1,6 +1,6 @@
 @use "sass:map";
 @use "../core/_index.scss" as *;
-@use "../core/functions/index.import.scss" as *;
+
 
 @function notification-theme( $colors ) {
     $_theme: ();

package/scss/progressbar/_theme.scss

@@ -1,5 +1,5 @@
 @use "../core/_index.scss" as *;
-@use "@progress/kendo-theme-core/scss/functions/index.import.scss" as *;
+@use "@progress/kendo-theme-core/scss/functions/index.scss" as *;
 @use "./_variables.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/progressbar/_theme.scss" as *;
 

package/scss/radio/_variables.scss

@@ -3,7 +3,7 @@
 @use "../core/_index.scss" as *;
 @use "../checkbox/_variables.scss" as *;
 @use "../list/_variables.scss" as *;
-@use "@progress/kendo-theme-core/scss/functions/index.import.scss" as *;
+@use "@progress/kendo-theme-core/scss/functions/index.scss" as *;
 
 // Radio button
 

package/scss/slider/_layout.scss

@@ -1,7 +1,7 @@
 @use "sass:math";
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
-@use "../core/z-index/index.import.scss" as *;
+@use "../core/z-index/index.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/slider/_layout.scss" as *;
 
 @mixin kendo-slider--layout() {

package/scss/spreadsheet/_layout.scss

@@ -59,7 +59,11 @@
         }
     }
 
-    .k-spreadsheet .k-tabstrip-bottom > .k-tabstrip-items-wrapper .k-item.k-active::after {
-        top: unset;
+    .k-spreadsheet .k-tabstrip-bottom > .k-tabstrip-items-wrapper {
+
+        .k-tabstrip-item.k-active::after,
+        .k-item.k-active::after {
+            top: unset;
+        }
     }
 }

package/scss/spreadsheet/_theme.scss

@@ -11,8 +11,12 @@
         background-color: $kendo-spreadsheet-view-bg;
     }
 
-    .k-spreadsheet .k-tabstrip-items-wrapper .k-item.k-active {
-        background-color: unset;
+    .k-spreadsheet .k-tabstrip-items-wrapper {
+
+        .k-tabstrip-item.k-active,
+        .k-item.k-active {
+            background-color: unset;
+        }
     }
 
 }

package/scss/switch/_layout.scss

@@ -1,7 +1,7 @@
 @use "sass:map";
 @use "../core/_index.scss" as *;
 @use "./_variables.scss" as *;
-@use "../core/z-index/index.import.scss" as *;
+@use "../core/z-index/index.scss" as *;
 @use "@progress/kendo-theme-core/scss/components/switch/_layout.scss" as *;
 
 @mixin kendo-switch--layout() {

package/scss/tabstrip/_layout.scss

@@ -17,6 +17,7 @@
 
         .k-tabstrip-items-wrapper {
 
+            .k-tabstrip-item.k-active::after,
             .k-item.k-active::after {
                 border: none;
                 height: $kendo-tabstrip-indicator-size;
@@ -29,6 +30,7 @@
 
            > .k-tabstrip-items-wrapper {
 
+                .k-tabstrip-item.k-active::after,
                 .k-item.k-active::after {
                     top: unset;
                 }
@@ -38,6 +40,7 @@
 
            > .k-tabstrip-items-wrapper {
 
+                .k-tabstrip-item.k-active::after,
                 .k-item.k-active::after {
                     left: unset;
                 }
@@ -47,6 +50,7 @@
 
            > .k-tabstrip-items-wrapper {
 
+                .k-tabstrip-item.k-active::after,
                 .k-item.k-active::after {
                     right: unset;
                 }
@@ -58,6 +62,7 @@
 
             > .k-tabstrip-items-wrapper {
 
+                .k-tabstrip-item.k-active::after,
                 .k-item.k-active::after {
                     width: $kendo-tabstrip-indicator-size;
                     height: auto;

package/scss/tabstrip/_theme.scss

@@ -7,6 +7,9 @@
 
     .k-tabstrip-items-wrapper {
 
+        .k-tabstrip-item:active,
+        .k-tabstrip-item.k-active,
+        .k-tabstrip-item.k-selected,
         .k-item:active,
         .k-item.k-active,
         .k-item.k-selected {
@@ -16,7 +19,8 @@
                 background-color: $kendo-tabstrip-item-hover-bg;
             }
         }
-
+        
+         .k-tabstrip-item.k-tabstrip-dragging,
          .k-item.k-tabstrip-dragging {
             color: $kendo-tabstrip-item-dragging-text;
          }
@@ -25,6 +29,7 @@
         // Selected indicator
     @if ($kendo-tabstrip-indicator-size) {
         .k-tabstrip-items-wrapper {
+            .k-tabstrip-item.k-active::after,
             .k-item.k-active::after {
                 background-color: $kendo-tabstrip-indicator-color;
             }

package/scss/tooltip/_functions.scss

@@ -1,6 +1,6 @@
 @use "sass:map";
 @use "../core/_index.scss" as *;
-@use "../core/functions/index.import.scss" as *;
+
 
 @function tooltip-theme( $colors ) {
     $_theme: ();

package/scss/utils/_index.scss

@@ -1 +1 @@
-@forward "@progress/kendo-theme-utils/scss/index.import.scss";
+@forward "@progress/kendo-theme-utils/scss/index.scss";

package/scss/core/functions/index.import.scss

@@ -1 +0,0 @@
-@forward "@progress/kendo-theme-core/scss/functions/index.import.scss";

package/scss/core/z-index/index.import.scss

@@ -1 +0,0 @@
-@forward "@progress/kendo-theme-core/scss/z-index/index.import.scss";