npm - @progress/kendo-theme-default - Versions diffs - 7.1.0-dev.0 → 7.1.0-dev.2 - Mend

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

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (22) hide show

package/dist/all.css +1 -12
package/dist/all.scss +8 -15
package/dist/meta/sassdoc-data.json +164 -110
package/dist/meta/sassdoc-raw-data.json +80 -55
package/dist/meta/variables.json +4 -0
package/lib/swatches/default-blue.json +1 -1
package/lib/swatches/default-dataviz-v4.json +1 -1
package/lib/swatches/default-green.json +1 -1
package/lib/swatches/default-main-dark.json +1 -1
package/lib/swatches/default-main.json +1 -1
package/lib/swatches/default-nordic.json +1 -1
package/lib/swatches/default-ocean-blue-a11y.json +1 -1
package/lib/swatches/default-ocean-blue.json +1 -1
package/lib/swatches/default-orange.json +1 -1
package/lib/swatches/default-purple.json +1 -1
package/lib/swatches/default-turquoise.json +1 -1
package/lib/swatches/default-urban.json +1 -1
package/package.json +4 -4
package/scss/common/_indicators.scss +0 -2
package/scss/notification/_layout.scss +4 -9
package/scss/notification/_variables.scss +4 -0
package/scss/timeline/_layout.scss +0 -4

package/dist/all.css CHANGED Viewed

@@ -1143,7 +1143,6 @@ kendo-sortable {
 }
 .k-current-time {
-    width: 1px;
     position: absolute;
 }
@@ -38187,13 +38186,7 @@ kendo-drawer .k-drawer-wrapper {
     flex-flow: column-reverse wrap;
     position: fixed;
     z-index: 1000;
-}
-.k-notification-container {
-    margin-block: 2px;
-    margin-inline: 0;
-    display: inline-flex;
-    vertical-align: top;
+    gap: 8px 0;
 }
 .k-notification-container-animating {
@@ -50107,10 +50100,6 @@ kendo-scheduler .k-recurrence-editor {
     display: none;
 }
-.k-timeline .k-event-collapse {
-    display: none;
-}
 .k-timeline.k-timeline-collapsible .k-card-header {
     cursor: pointer;
 }

package/dist/all.scss CHANGED Viewed

@@ -6026,12 +6026,10 @@ $kendo-zindex-loading: 100 !default;
 // #region @import "./_indicators.scss"; -> scss/common/_indicators.scss
 @include exports( "common/indicators/current-time" ) {
-    $kendo-current-time-width: 1px !default;
     $kendo-current-time-color: #ff0000 !default;
     // Layout
     .k-current-time {
-        width: $kendo-current-time-width;
         position: absolute;
         &.k-current-time-arrow-left,
@@ -36073,6 +36071,10 @@ $_kendo-module-meta: (
 // #region @import "./_variables.scss"; -> scss/notification/_variables.scss
 // Notification
+/// The row-gap between the elements in the Notification group.
+/// @group notification
+$kendo-notification-group-gap: k-map-get( $kendo-spacing, 2 ) !default;
 /// The horizontal padding of the Notification.
 /// @group notification
 $kendo-notification-padding-x: 8px !default;
@@ -36143,17 +36145,12 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
         flex-flow: column-reverse wrap;
         position: fixed;
         z-index: 1000;
+        gap: $kendo-notification-group-gap 0;
     }
-    .k-notification-container {
-        margin-block: k-math-div( $kendo-notification-padding-y, 2 );
-        margin-inline: 0;
-        display: inline-flex;
-        vertical-align: top;
-        &-animating {
-            overflow: hidden;
-        }
+    // Needed due to the specifics in the implementation of animations in Angular
+    .k-notification-container-animating {
+        overflow: hidden;
     }
     .k-notification {
@@ -54409,10 +54406,6 @@ $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-o
             }
         }
-        .k-event-collapse {
-            display: none;
-        }
         &.k-timeline-collapsible {
             .k-card-header {
                 cursor: pointer;

package/dist/meta/sassdoc-data.json CHANGED Viewed

@@ -27202,15 +27202,15 @@
             "resolvedType": "Number"
         },
         {
-            "description": "The horizontal padding of the Notification.\n",
+            "description": "The row-gap between the elements in the Notification group.\n",
             "commentRange": {
                 "start": 3,
                 "end": 4
             },
             "context": {
                 "type": "variable",
-                "name": "kendo-notification-padding-x",
-                "value": "8px",
+                "name": "kendo-notification-group-gap",
+                "value": "k-map-get( $kendo-spacing, 2 )",
                 "scope": "default",
                 "line": {
                     "start": 5,
@@ -27228,11 +27228,38 @@
             "resolvedValue": "8px",
             "resolvedType": "Number"
         },
+        {
+            "description": "The horizontal padding of the Notification.\n",
+            "commentRange": {
+                "start": 7,
+                "end": 8
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-notification-padding-x",
+                "value": "8px",
+                "scope": "default",
+                "line": {
+                    "start": 9,
+                    "end": 9
+                }
+            },
+            "group": [
+                "notification"
+            ],
+            "access": "public",
+            "file": {
+                "path": "notification/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "8px",
+            "resolvedType": "Number"
+        },
         {
             "description": "The vertical padding of the Notification.\n",
             "commentRange": {
-                "start": 6,
-                "end": 7
+                "start": 10,
+                "end": 11
             },
             "context": {
                 "type": "variable",
@@ -27240,8 +27267,8 @@
                 "value": "4px",
                 "scope": "default",
                 "line": {
-                    "start": 8,
-                    "end": 8
+                    "start": 12,
+                    "end": 12
                 }
             },
             "group": [
@@ -27258,8 +27285,8 @@
         {
             "description": "The width of the border around the Notification.\n",
             "commentRange": {
-                "start": 9,
-                "end": 10
+                "start": 13,
+                "end": 14
             },
             "context": {
                 "type": "variable",
@@ -27267,8 +27294,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 11,
-                    "end": 11
+                    "start": 15,
+                    "end": 15
                 }
             },
             "group": [
@@ -27285,8 +27312,8 @@
         {
             "description": "The border radius of the Notification.\n",
             "commentRange": {
-                "start": 12,
-                "end": 13
+                "start": 16,
+                "end": 17
             },
             "context": {
                 "type": "variable",
@@ -27294,8 +27321,8 @@
                 "value": "$kendo-border-radius-md",
                 "scope": "default",
                 "line": {
-                    "start": 14,
-                    "end": 14
+                    "start": 18,
+                    "end": 18
                 }
             },
             "group": [
@@ -27312,8 +27339,8 @@
         {
             "description": "The font family of the Notification.\n",
             "commentRange": {
-                "start": 15,
-                "end": 16
+                "start": 19,
+                "end": 20
             },
             "context": {
                 "type": "variable",
@@ -27321,8 +27348,8 @@
                 "value": "$kendo-font-family",
                 "scope": "default",
                 "line": {
-                    "start": 17,
-                    "end": 17
+                    "start": 21,
+                    "end": 21
                 }
             },
             "group": [
@@ -27339,8 +27366,8 @@
         {
             "description": "The font size of the Notification.\n",
             "commentRange": {
-                "start": 18,
-                "end": 19
+                "start": 22,
+                "end": 23
             },
             "context": {
                 "type": "variable",
@@ -27348,8 +27375,8 @@
                 "value": "$kendo-font-size-sm",
                 "scope": "default",
                 "line": {
-                    "start": 20,
-                    "end": 20
+                    "start": 24,
+                    "end": 24
                 }
             },
             "group": [
@@ -27366,8 +27393,8 @@
         {
             "description": "The line height of the Notification.\n",
             "commentRange": {
-                "start": 21,
-                "end": 22
+                "start": 25,
+                "end": 26
             },
             "context": {
                 "type": "variable",
@@ -27375,8 +27402,8 @@
                 "value": "$kendo-line-height-md",
                 "scope": "default",
                 "line": {
-                    "start": 23,
-                    "end": 23
+                    "start": 27,
+                    "end": 27
                 }
             },
             "group": [
@@ -27393,8 +27420,8 @@
         {
             "description": "The background color of the Notification.\n",
             "commentRange": {
-                "start": 24,
-                "end": 25
+                "start": 28,
+                "end": 29
             },
             "context": {
                 "type": "variable",
@@ -27402,8 +27429,8 @@
                 "value": "$kendo-component-bg",
                 "scope": "default",
                 "line": {
-                    "start": 26,
-                    "end": 26
+                    "start": 30,
+                    "end": 30
                 }
             },
             "group": [
@@ -27420,8 +27447,8 @@
         {
             "description": "The text color of the Notification.\n",
             "commentRange": {
-                "start": 27,
-                "end": 28
+                "start": 31,
+                "end": 32
             },
             "context": {
                 "type": "variable",
@@ -27429,8 +27456,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 29,
-                    "end": 29
+                    "start": 33,
+                    "end": 33
                 }
             },
             "group": [
@@ -27447,8 +27474,8 @@
         {
             "description": "The border color of the Notification.\n",
             "commentRange": {
-                "start": 30,
-                "end": 31
+                "start": 34,
+                "end": 35
             },
             "context": {
                 "type": "variable",
@@ -27456,8 +27483,8 @@
                 "value": "$kendo-component-border",
                 "scope": "default",
                 "line": {
-                    "start": 32,
-                    "end": 32
+                    "start": 36,
+                    "end": 36
                 }
             },
             "group": [
@@ -27474,8 +27501,8 @@
         {
             "description": "The box shadow of the Notification.\n",
             "commentRange": {
-                "start": 33,
-                "end": 34
+                "start": 37,
+                "end": 38
             },
             "context": {
                 "type": "variable",
@@ -27483,8 +27510,8 @@
                 "value": "$kendo-popup-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 35,
-                    "end": 35
+                    "start": 39,
+                    "end": 39
                 }
             },
             "group": [
@@ -27501,8 +27528,8 @@
         {
             "description": "The horizontal spacing of the Notification icon.\n",
             "commentRange": {
-                "start": 37,
-                "end": 38
+                "start": 41,
+                "end": 42
             },
             "context": {
                 "type": "variable",
@@ -27510,8 +27537,8 @@
                 "value": "$kendo-icon-spacing",
                 "scope": "default",
                 "line": {
-                    "start": 39,
-                    "end": 39
+                    "start": 43,
+                    "end": 43
                 }
             },
             "group": [
@@ -27528,8 +27555,8 @@
         {
             "description": "The theme colors map for the Notification.\n",
             "commentRange": {
-                "start": 55,
-                "end": 56
+                "start": 59,
+                "end": 60
             },
             "context": {
                 "type": "variable",
@@ -27537,8 +27564,8 @@
                 "value": "$kendo-theme-colors",
                 "scope": "default",
                 "line": {
-                    "start": 57,
-                    "end": 57
+                    "start": 61,
+                    "end": 61
                 }
             },
             "group": [
@@ -27555,8 +27582,8 @@
         {
             "description": "The generated theme colors map for the Notification.\n",
             "commentRange": {
-                "start": 58,
-                "end": 59
+                "start": 62,
+                "end": 63
             },
             "context": {
                 "type": "variable",
@@ -27564,8 +27591,8 @@
                 "value": "notification-theme( $kendo-notification-theme-colors )",
                 "scope": "default",
                 "line": {
-                    "start": 60,
-                    "end": 60
+                    "start": 64,
+                    "end": 64
                 }
             },
             "group": [
@@ -71942,15 +71969,15 @@
             "title": "Notification",
             "variables": [
                 {
-                    "description": "The horizontal padding of the Notification.\n",
+                    "description": "The row-gap between the elements in the Notification group.\n",
                     "commentRange": {
                         "start": 3,
                         "end": 4
                     },
                     "context": {
                         "type": "variable",
-                        "name": "kendo-notification-padding-x",
-                        "value": "8px",
+                        "name": "kendo-notification-group-gap",
+                        "value": "k-map-get( $kendo-spacing, 2 )",
                         "scope": "default",
                         "line": {
                             "start": 5,
@@ -71968,11 +71995,38 @@
                     "resolvedValue": "8px",
                     "resolvedType": "Number"
                 },
+                {
+                    "description": "The horizontal padding of the Notification.\n",
+                    "commentRange": {
+                        "start": 7,
+                        "end": 8
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-notification-padding-x",
+                        "value": "8px",
+                        "scope": "default",
+                        "line": {
+                            "start": 9,
+                            "end": 9
+                        }
+                    },
+                    "group": [
+                        "notification"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "notification/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "8px",
+                    "resolvedType": "Number"
+                },
                 {
                     "description": "The vertical padding of the Notification.\n",
                     "commentRange": {
-                        "start": 6,
-                        "end": 7
+                        "start": 10,
+                        "end": 11
                     },
                     "context": {
                         "type": "variable",
@@ -71980,8 +72034,8 @@
                         "value": "4px",
                         "scope": "default",
                         "line": {
-                            "start": 8,
-                            "end": 8
+                            "start": 12,
+                            "end": 12
                         }
                     },
                     "group": [
@@ -71998,8 +72052,8 @@
                 {
                     "description": "The width of the border around the Notification.\n",
                     "commentRange": {
-                        "start": 9,
-                        "end": 10
+                        "start": 13,
+                        "end": 14
                     },
                     "context": {
                         "type": "variable",
@@ -72007,8 +72061,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 11,
-                            "end": 11
+                            "start": 15,
+                            "end": 15
                         }
                     },
                     "group": [
@@ -72025,8 +72079,8 @@
                 {
                     "description": "The border radius of the Notification.\n",
                     "commentRange": {
-                        "start": 12,
-                        "end": 13
+                        "start": 16,
+                        "end": 17
                     },
                     "context": {
                         "type": "variable",
@@ -72034,8 +72088,8 @@
                         "value": "$kendo-border-radius-md",
                         "scope": "default",
                         "line": {
-                            "start": 14,
-                            "end": 14
+                            "start": 18,
+                            "end": 18
                         }
                     },
                     "group": [
@@ -72052,8 +72106,8 @@
                 {
                     "description": "The font family of the Notification.\n",
                     "commentRange": {
-                        "start": 15,
-                        "end": 16
+                        "start": 19,
+                        "end": 20
                     },
                     "context": {
                         "type": "variable",
@@ -72061,8 +72115,8 @@
                         "value": "$kendo-font-family",
                         "scope": "default",
                         "line": {
-                            "start": 17,
-                            "end": 17
+                            "start": 21,
+                            "end": 21
                         }
                     },
                     "group": [
@@ -72079,8 +72133,8 @@
                 {
                     "description": "The font size of the Notification.\n",
                     "commentRange": {
-                        "start": 18,
-                        "end": 19
+                        "start": 22,
+                        "end": 23
                     },
                     "context": {
                         "type": "variable",
@@ -72088,8 +72142,8 @@
                         "value": "$kendo-font-size-sm",
                         "scope": "default",
                         "line": {
-                            "start": 20,
-                            "end": 20
+                            "start": 24,
+                            "end": 24
                         }
                     },
                     "group": [
@@ -72106,8 +72160,8 @@
                 {
                     "description": "The line height of the Notification.\n",
                     "commentRange": {
-                        "start": 21,
-                        "end": 22
+                        "start": 25,
+                        "end": 26
                     },
                     "context": {
                         "type": "variable",
@@ -72115,8 +72169,8 @@
                         "value": "$kendo-line-height-md",
                         "scope": "default",
                         "line": {
-                            "start": 23,
-                            "end": 23
+                            "start": 27,
+                            "end": 27
                         }
                     },
                     "group": [
@@ -72133,8 +72187,8 @@
                 {
                     "description": "The background color of the Notification.\n",
                     "commentRange": {
-                        "start": 24,
-                        "end": 25
+                        "start": 28,
+                        "end": 29
                     },
                     "context": {
                         "type": "variable",
@@ -72142,8 +72196,8 @@
                         "value": "$kendo-component-bg",
                         "scope": "default",
                         "line": {
-                            "start": 26,
-                            "end": 26
+                            "start": 30,
+                            "end": 30
                         }
                     },
                     "group": [
@@ -72160,8 +72214,8 @@
                 {
                     "description": "The text color of the Notification.\n",
                     "commentRange": {
-                        "start": 27,
-                        "end": 28
+                        "start": 31,
+                        "end": 32
                     },
                     "context": {
                         "type": "variable",
@@ -72169,8 +72223,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 29,
-                            "end": 29
+                            "start": 33,
+                            "end": 33
                         }
                     },
                     "group": [
@@ -72187,8 +72241,8 @@
                 {
                     "description": "The border color of the Notification.\n",
                     "commentRange": {
-                        "start": 30,
-                        "end": 31
+                        "start": 34,
+                        "end": 35
                     },
                     "context": {
                         "type": "variable",
@@ -72196,8 +72250,8 @@
                         "value": "$kendo-component-border",
                         "scope": "default",
                         "line": {
-                            "start": 32,
-                            "end": 32
+                            "start": 36,
+                            "end": 36
                         }
                     },
                     "group": [
@@ -72214,8 +72268,8 @@
                 {
                     "description": "The box shadow of the Notification.\n",
                     "commentRange": {
-                        "start": 33,
-                        "end": 34
+                        "start": 37,
+                        "end": 38
                     },
                     "context": {
                         "type": "variable",
@@ -72223,8 +72277,8 @@
                         "value": "$kendo-popup-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 35,
-                            "end": 35
+                            "start": 39,
+                            "end": 39
                         }
                     },
                     "group": [
@@ -72241,8 +72295,8 @@
                 {
                     "description": "The horizontal spacing of the Notification icon.\n",
                     "commentRange": {
-                        "start": 37,
-                        "end": 38
+                        "start": 41,
+                        "end": 42
                     },
                     "context": {
                         "type": "variable",
@@ -72250,8 +72304,8 @@
                         "value": "$kendo-icon-spacing",
                         "scope": "default",
                         "line": {
-                            "start": 39,
-                            "end": 39
+                            "start": 43,
+                            "end": 43
                         }
                     },
                     "group": [
@@ -72268,8 +72322,8 @@
                 {
                     "description": "The theme colors map for the Notification.\n",
                     "commentRange": {
-                        "start": 55,
-                        "end": 56
+                        "start": 59,
+                        "end": 60
                     },
                     "context": {
                         "type": "variable",
@@ -72277,8 +72331,8 @@
                         "value": "$kendo-theme-colors",
                         "scope": "default",
                         "line": {
-                            "start": 57,
-                            "end": 57
+                            "start": 61,
+                            "end": 61
                         }
                     },
                     "group": [
@@ -72295,8 +72349,8 @@
                 {
                     "description": "The generated theme colors map for the Notification.\n",
                     "commentRange": {
-                        "start": 58,
-                        "end": 59
+                        "start": 62,
+                        "end": 63
                     },
                     "context": {
                         "type": "variable",
@@ -72304,8 +72358,8 @@
                         "value": "notification-theme( $kendo-notification-theme-colors )",
                         "scope": "default",
                         "line": {
-                            "start": 60,
-                            "end": 60
+                            "start": 64,
+                            "end": 64
                         }
                     },
                     "group": [

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

@@ -25187,15 +25187,15 @@
         }
     },
     {
-        "description": "The horizontal padding of the Notification.\n",
+        "description": "The row-gap between the elements in the Notification group.\n",
         "commentRange": {
             "start": 3,
             "end": 4
         },
         "context": {
             "type": "variable",
-            "name": "kendo-notification-padding-x",
-            "value": "8px",
+            "name": "kendo-notification-group-gap",
+            "value": "k-map-get( $kendo-spacing, 2 )",
             "scope": "default",
             "line": {
                 "start": 5,
@@ -25211,11 +25211,36 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The horizontal padding of the Notification.\n",
+        "commentRange": {
+            "start": 7,
+            "end": 8
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-notification-padding-x",
+            "value": "8px",
+            "scope": "default",
+            "line": {
+                "start": 9,
+                "end": 9
+            }
+        },
+        "group": [
+            "notification"
+        ],
+        "access": "public",
+        "file": {
+            "path": "notification/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The vertical padding of the Notification.\n",
         "commentRange": {
-            "start": 6,
-            "end": 7
+            "start": 10,
+            "end": 11
         },
         "context": {
             "type": "variable",
@@ -25223,8 +25248,8 @@
             "value": "4px",
             "scope": "default",
             "line": {
-                "start": 8,
-                "end": 8
+                "start": 12,
+                "end": 12
             }
         },
         "group": [
@@ -25239,8 +25264,8 @@
     {
         "description": "The width of the border around the Notification.\n",
         "commentRange": {
-            "start": 9,
-            "end": 10
+            "start": 13,
+            "end": 14
         },
         "context": {
             "type": "variable",
@@ -25248,8 +25273,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 11,
-                "end": 11
+                "start": 15,
+                "end": 15
             }
         },
         "group": [
@@ -25264,8 +25289,8 @@
     {
         "description": "The border radius of the Notification.\n",
         "commentRange": {
-            "start": 12,
-            "end": 13
+            "start": 16,
+            "end": 17
         },
         "context": {
             "type": "variable",
@@ -25273,8 +25298,8 @@
             "value": "$kendo-border-radius-md",
             "scope": "default",
             "line": {
-                "start": 14,
-                "end": 14
+                "start": 18,
+                "end": 18
             }
         },
         "group": [
@@ -25289,8 +25314,8 @@
     {
         "description": "The font family of the Notification.\n",
         "commentRange": {
-            "start": 15,
-            "end": 16
+            "start": 19,
+            "end": 20
         },
         "context": {
             "type": "variable",
@@ -25298,8 +25323,8 @@
             "value": "$kendo-font-family",
             "scope": "default",
             "line": {
-                "start": 17,
-                "end": 17
+                "start": 21,
+                "end": 21
             }
         },
         "group": [
@@ -25314,8 +25339,8 @@
     {
         "description": "The font size of the Notification.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 22,
+            "end": 23
         },
         "context": {
             "type": "variable",
@@ -25323,8 +25348,8 @@
             "value": "$kendo-font-size-sm",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 24,
+                "end": 24
             }
         },
         "group": [
@@ -25339,8 +25364,8 @@
     {
         "description": "The line height of the Notification.\n",
         "commentRange": {
-            "start": 21,
-            "end": 22
+            "start": 25,
+            "end": 26
         },
         "context": {
             "type": "variable",
@@ -25348,8 +25373,8 @@
             "value": "$kendo-line-height-md",
             "scope": "default",
             "line": {
-                "start": 23,
-                "end": 23
+                "start": 27,
+                "end": 27
             }
         },
         "group": [
@@ -25364,8 +25389,8 @@
     {
         "description": "The background color of the Notification.\n",
         "commentRange": {
-            "start": 24,
-            "end": 25
+            "start": 28,
+            "end": 29
         },
         "context": {
             "type": "variable",
@@ -25373,8 +25398,8 @@
             "value": "$kendo-component-bg",
             "scope": "default",
             "line": {
-                "start": 26,
-                "end": 26
+                "start": 30,
+                "end": 30
             }
         },
         "group": [
@@ -25389,8 +25414,8 @@
     {
         "description": "The text color of the Notification.\n",
         "commentRange": {
-            "start": 27,
-            "end": 28
+            "start": 31,
+            "end": 32
         },
         "context": {
             "type": "variable",
@@ -25398,8 +25423,8 @@
             "value": "$kendo-component-text",
             "scope": "default",
             "line": {
-                "start": 29,
-                "end": 29
+                "start": 33,
+                "end": 33
             }
         },
         "group": [
@@ -25414,8 +25439,8 @@
     {
         "description": "The border color of the Notification.\n",
         "commentRange": {
-            "start": 30,
-            "end": 31
+            "start": 34,
+            "end": 35
         },
         "context": {
             "type": "variable",
@@ -25423,8 +25448,8 @@
             "value": "$kendo-component-border",
             "scope": "default",
             "line": {
-                "start": 32,
-                "end": 32
+                "start": 36,
+                "end": 36
             }
         },
         "group": [
@@ -25439,8 +25464,8 @@
     {
         "description": "The box shadow of the Notification.\n",
         "commentRange": {
-            "start": 33,
-            "end": 34
+            "start": 37,
+            "end": 38
         },
         "context": {
             "type": "variable",
@@ -25448,8 +25473,8 @@
             "value": "$kendo-popup-shadow",
             "scope": "default",
             "line": {
-                "start": 35,
-                "end": 35
+                "start": 39,
+                "end": 39
             }
         },
         "group": [
@@ -25464,8 +25489,8 @@
     {
         "description": "The horizontal spacing of the Notification icon.\n",
         "commentRange": {
-            "start": 37,
-            "end": 38
+            "start": 41,
+            "end": 42
         },
         "context": {
             "type": "variable",
@@ -25473,8 +25498,8 @@
             "value": "$kendo-icon-spacing",
             "scope": "default",
             "line": {
-                "start": 39,
-                "end": 39
+                "start": 43,
+                "end": 43
             }
         },
         "group": [
@@ -25489,8 +25514,8 @@
     {
         "description": "The theme colors map for the Notification.\n",
         "commentRange": {
-            "start": 55,
-            "end": 56
+            "start": 59,
+            "end": 60
         },
         "context": {
             "type": "variable",
@@ -25498,8 +25523,8 @@
             "value": "$kendo-theme-colors",
             "scope": "default",
             "line": {
-                "start": 57,
-                "end": 57
+                "start": 61,
+                "end": 61
             }
         },
         "group": [
@@ -25514,8 +25539,8 @@
     {
         "description": "The generated theme colors map for the Notification.\n",
         "commentRange": {
-            "start": 58,
-            "end": 59
+            "start": 62,
+            "end": 63
         },
         "context": {
             "type": "variable",
@@ -25523,8 +25548,8 @@
             "value": "notification-theme( $kendo-notification-theme-colors )",
             "scope": "default",
             "line": {
-                "start": 60,
-                "end": 60
+                "start": 64,
+                "end": 64
             }
         },
         "group": [

package/dist/meta/variables.json CHANGED Viewed

@@ -6867,6 +6867,10 @@
         "type": "Color",
         "value": "white"
     },
+    "kendo-notification-group-gap": {
+        "type": "Number",
+        "value": "8px"
+    },
     "kendo-notification-padding-x": {
         "type": "Number",
         "value": "8px"

package/lib/swatches/default-blue.json CHANGED Viewed

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

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

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

package/lib/swatches/default-green.json CHANGED Viewed

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

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

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

package/lib/swatches/default-main.json CHANGED Viewed

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

package/lib/swatches/default-nordic.json CHANGED Viewed

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

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

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

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

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

package/lib/swatches/default-orange.json CHANGED Viewed

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

package/lib/swatches/default-purple.json CHANGED Viewed

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

package/lib/swatches/default-turquoise.json CHANGED Viewed

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

package/lib/swatches/default-urban.json CHANGED Viewed

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

package/package.json CHANGED Viewed

@@ -1,7 +1,7 @@
 {
   "name": "@progress/kendo-theme-default",
   "description": "SASS resources for the default Kendo UI theme",
-  "version": "7.1.0-dev.0",
+  "version": "7.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -52,12 +52,12 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "2.0.0",
-    "@progress/kendo-theme-core": "7.1.0-dev.0",
-    "@progress/kendo-theme-utils": "7.1.0-dev.0"
+    "@progress/kendo-theme-core": "7.1.0-dev.2",
+    "@progress/kendo-theme-utils": "7.1.0-dev.2"
   },
   "directories": {
     "doc": "docs",
     "lib": "lib"
   },
-  "gitHead": "e0a0885fdf92926065f788aab0ad62453b875258"
+  "gitHead": "5c463cc90be2d59355a047ce91142b02465fcc13"
 }

package/scss/common/_indicators.scss CHANGED Viewed

@@ -1,11 +1,9 @@
 @include exports( "common/indicators/current-time" ) {
-    $kendo-current-time-width: 1px !default;
     $kendo-current-time-color: #ff0000 !default;
     // Layout
     .k-current-time {
-        width: $kendo-current-time-width;
         position: absolute;
         &.k-current-time-arrow-left,

package/scss/notification/_layout.scss CHANGED Viewed

@@ -7,17 +7,12 @@
         flex-flow: column-reverse wrap;
         position: fixed;
         z-index: 1000;
+        gap: $kendo-notification-group-gap 0;
     }
-    .k-notification-container {
-        margin-block: k-math-div( $kendo-notification-padding-y, 2 );
-        margin-inline: 0;
-        display: inline-flex;
-        vertical-align: top;
-        &-animating {
-            overflow: hidden;
-        }
+    // Needed due to the specifics in the implementation of animations in Angular
+    .k-notification-container-animating {
+        overflow: hidden;
     }
     .k-notification {

package/scss/notification/_variables.scss CHANGED Viewed

@@ -1,5 +1,9 @@
 // Notification
+/// The row-gap between the elements in the Notification group.
+/// @group notification
+$kendo-notification-group-gap: k-map-get( $kendo-spacing, 2 ) !default;
 /// The horizontal padding of the Notification.
 /// @group notification
 $kendo-notification-padding-x: 8px !default;

package/scss/timeline/_layout.scss CHANGED Viewed

@@ -56,10 +56,6 @@
             }
         }
-        .k-event-collapse {
-            display: none;
-        }
         &.k-timeline-collapsible {
             .k-card-header {
                 cursor: pointer;