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

@progress/kendo-theme-classic 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 (21) hide show

package/dist/all.css +1 -12
package/dist/all.scss +9 -15
package/dist/meta/sassdoc-data.json +166 -112
package/dist/meta/sassdoc-raw-data.json +81 -56
package/dist/meta/variables.json +4 -0
package/lib/swatches/classic-green-dark.json +1 -1
package/lib/swatches/classic-green.json +1 -1
package/lib/swatches/classic-lavender-dark.json +1 -1
package/lib/swatches/classic-lavender.json +1 -1
package/lib/swatches/classic-main-dark.json +1 -1
package/lib/swatches/classic-main.json +1 -1
package/lib/swatches/classic-metro-dark.json +1 -1
package/lib/swatches/classic-metro.json +1 -1
package/lib/swatches/classic-moonlight.json +1 -1
package/lib/swatches/classic-opal-dark.json +1 -1
package/lib/swatches/classic-opal.json +1 -1
package/lib/swatches/classic-silver-dark.json +1 -1
package/lib/swatches/classic-silver.json +1 -1
package/lib/swatches/classic-uniform.json +1 -1
package/package.json +5 -5
package/scss/notification/_variables.scss +5 -0

package/dist/all.css CHANGED Viewed

@@ -1144,7 +1144,6 @@ kendo-sortable {
 }
 .k-current-time {
-    width: 1px;
     position: absolute;
 }
@@ -38200,13 +38199,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 {
@@ -50149,10 +50142,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

@@ -5947,12 +5947,10 @@ $kendo-zindex-loading: 100 !default;
 // #region @import "@progress/kendo-theme-default/scss/common/_indicators.scss"; -> /home/runner/work/kendo-themes/kendo-themes/node_modules/@progress/kendo-theme-default/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,
@@ -37093,6 +37091,11 @@ $_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;
@@ -37164,17 +37167,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 {
@@ -55915,10 +55913,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

@@ -26393,11 +26393,38 @@
             "resolvedValue": "4px",
             "resolvedType": "Number"
         },
+        {
+            "description": "The row-gap between the elements in the Notification group.\n",
+            "commentRange": {
+                "start": 4,
+                "end": 5
+            },
+            "context": {
+                "type": "variable",
+                "name": "kendo-notification-group-gap",
+                "value": "k-map-get( $kendo-spacing, 2 )",
+                "scope": "default",
+                "line": {
+                    "start": 6,
+                    "end": 6
+                }
+            },
+            "group": [
+                "notification"
+            ],
+            "access": "public",
+            "file": {
+                "path": "notification/_variables.scss",
+                "name": "_variables.scss"
+            },
+            "resolvedValue": "8px",
+            "resolvedType": "Number"
+        },
         {
             "description": "The horizontal padding of the Notification.\n",
             "commentRange": {
-                "start": 3,
-                "end": 4
+                "start": 8,
+                "end": 9
             },
             "context": {
                 "type": "variable",
@@ -26405,8 +26432,8 @@
                 "value": "8px",
                 "scope": "default",
                 "line": {
-                    "start": 5,
-                    "end": 5
+                    "start": 10,
+                    "end": 10
                 }
             },
             "group": [
@@ -26423,8 +26450,8 @@
         {
             "description": "The vertical padding of the Notification.\n",
             "commentRange": {
-                "start": 6,
-                "end": 7
+                "start": 11,
+                "end": 12
             },
             "context": {
                 "type": "variable",
@@ -26432,8 +26459,8 @@
                 "value": "4px",
                 "scope": "default",
                 "line": {
-                    "start": 8,
-                    "end": 8
+                    "start": 13,
+                    "end": 13
                 }
             },
             "group": [
@@ -26450,8 +26477,8 @@
         {
             "description": "The width of the border around the Notification.\n",
             "commentRange": {
-                "start": 9,
-                "end": 10
+                "start": 14,
+                "end": 15
             },
             "context": {
                 "type": "variable",
@@ -26459,8 +26486,8 @@
                 "value": "1px",
                 "scope": "default",
                 "line": {
-                    "start": 11,
-                    "end": 11
+                    "start": 16,
+                    "end": 16
                 }
             },
             "group": [
@@ -26477,8 +26504,8 @@
         {
             "description": "The border radius of the Notification.\n",
             "commentRange": {
-                "start": 12,
-                "end": 13
+                "start": 17,
+                "end": 18
             },
             "context": {
                 "type": "variable",
@@ -26486,8 +26513,8 @@
                 "value": "$kendo-border-radius-md",
                 "scope": "default",
                 "line": {
-                    "start": 14,
-                    "end": 14
+                    "start": 19,
+                    "end": 19
                 }
             },
             "group": [
@@ -26504,8 +26531,8 @@
         {
             "description": "The font family of the Notification.\n",
             "commentRange": {
-                "start": 15,
-                "end": 16
+                "start": 20,
+                "end": 21
             },
             "context": {
                 "type": "variable",
@@ -26513,8 +26540,8 @@
                 "value": "$kendo-font-family",
                 "scope": "default",
                 "line": {
-                    "start": 17,
-                    "end": 17
+                    "start": 22,
+                    "end": 22
                 }
             },
             "group": [
@@ -26531,8 +26558,8 @@
         {
             "description": "The font size of the Notification.\n",
             "commentRange": {
-                "start": 18,
-                "end": 19
+                "start": 23,
+                "end": 24
             },
             "context": {
                 "type": "variable",
@@ -26540,8 +26567,8 @@
                 "value": "$kendo-font-size-sm",
                 "scope": "default",
                 "line": {
-                    "start": 20,
-                    "end": 20
+                    "start": 25,
+                    "end": 25
                 }
             },
             "group": [
@@ -26558,8 +26585,8 @@
         {
             "description": "The line height of the Notification.\n",
             "commentRange": {
-                "start": 21,
-                "end": 22
+                "start": 26,
+                "end": 27
             },
             "context": {
                 "type": "variable",
@@ -26567,8 +26594,8 @@
                 "value": "$kendo-line-height-md",
                 "scope": "default",
                 "line": {
-                    "start": 23,
-                    "end": 23
+                    "start": 28,
+                    "end": 28
                 }
             },
             "group": [
@@ -26585,8 +26612,8 @@
         {
             "description": "The background color of the Notification.\n",
             "commentRange": {
-                "start": 24,
-                "end": 25
+                "start": 29,
+                "end": 30
             },
             "context": {
                 "type": "variable",
@@ -26594,8 +26621,8 @@
                 "value": "$kendo-component-bg",
                 "scope": "default",
                 "line": {
-                    "start": 26,
-                    "end": 26
+                    "start": 31,
+                    "end": 31
                 }
             },
             "group": [
@@ -26612,8 +26639,8 @@
         {
             "description": "The text color of the Notification.\n",
             "commentRange": {
-                "start": 27,
-                "end": 28
+                "start": 32,
+                "end": 33
             },
             "context": {
                 "type": "variable",
@@ -26621,8 +26648,8 @@
                 "value": "$kendo-component-text",
                 "scope": "default",
                 "line": {
-                    "start": 29,
-                    "end": 29
+                    "start": 34,
+                    "end": 34
                 }
             },
             "group": [
@@ -26639,8 +26666,8 @@
         {
             "description": "The border color of the Notification.\n",
             "commentRange": {
-                "start": 30,
-                "end": 31
+                "start": 35,
+                "end": 36
             },
             "context": {
                 "type": "variable",
@@ -26648,8 +26675,8 @@
                 "value": "$kendo-component-border",
                 "scope": "default",
                 "line": {
-                    "start": 32,
-                    "end": 32
+                    "start": 37,
+                    "end": 37
                 }
             },
             "group": [
@@ -26666,8 +26693,8 @@
         {
             "description": "The box shadow of the Notification.\n",
             "commentRange": {
-                "start": 33,
-                "end": 34
+                "start": 38,
+                "end": 39
             },
             "context": {
                 "type": "variable",
@@ -26675,8 +26702,8 @@
                 "value": "$kendo-popup-shadow",
                 "scope": "default",
                 "line": {
-                    "start": 35,
-                    "end": 35
+                    "start": 40,
+                    "end": 40
                 }
             },
             "group": [
@@ -26693,8 +26720,8 @@
         {
             "description": "The horizontal spacing of the Notification icon.\n",
             "commentRange": {
-                "start": 37,
-                "end": 38
+                "start": 42,
+                "end": 43
             },
             "context": {
                 "type": "variable",
@@ -26702,8 +26729,8 @@
                 "value": "$kendo-icon-spacing",
                 "scope": "default",
                 "line": {
-                    "start": 39,
-                    "end": 39
+                    "start": 44,
+                    "end": 44
                 }
             },
             "group": [
@@ -26720,8 +26747,8 @@
         {
             "description": "The theme colors map for the Notification.\n",
             "commentRange": {
-                "start": 55,
-                "end": 56
+                "start": 60,
+                "end": 61
             },
             "context": {
                 "type": "variable",
@@ -26729,8 +26756,8 @@
                 "value": "$kendo-theme-colors",
                 "scope": "default",
                 "line": {
-                    "start": 57,
-                    "end": 57
+                    "start": 62,
+                    "end": 62
                 }
             },
             "group": [
@@ -26747,8 +26774,8 @@
         {
             "description": "The generated theme colors map for the Notification.\n",
             "commentRange": {
-                "start": 58,
-                "end": 59
+                "start": 63,
+                "end": 64
             },
             "context": {
                 "type": "variable",
@@ -26756,8 +26783,8 @@
                 "value": "notification-theme( $kendo-notification-theme-colors )",
                 "scope": "default",
                 "line": {
-                    "start": 60,
-                    "end": 60
+                    "start": 65,
+                    "end": 65
                 }
             },
             "group": [
@@ -69488,11 +69515,38 @@
             "id": "notification",
             "title": "Notification",
             "variables": [
+                {
+                    "description": "The row-gap between the elements in the Notification group.\n",
+                    "commentRange": {
+                        "start": 4,
+                        "end": 5
+                    },
+                    "context": {
+                        "type": "variable",
+                        "name": "kendo-notification-group-gap",
+                        "value": "k-map-get( $kendo-spacing, 2 )",
+                        "scope": "default",
+                        "line": {
+                            "start": 6,
+                            "end": 6
+                        }
+                    },
+                    "group": [
+                        "notification"
+                    ],
+                    "access": "public",
+                    "file": {
+                        "path": "notification/_variables.scss",
+                        "name": "_variables.scss"
+                    },
+                    "resolvedValue": "8px",
+                    "resolvedType": "Number"
+                },
                 {
                     "description": "The horizontal padding of the Notification.\n",
                     "commentRange": {
-                        "start": 3,
-                        "end": 4
+                        "start": 8,
+                        "end": 9
                     },
                     "context": {
                         "type": "variable",
@@ -69500,8 +69554,8 @@
                         "value": "8px",
                         "scope": "default",
                         "line": {
-                            "start": 5,
-                            "end": 5
+                            "start": 10,
+                            "end": 10
                         }
                     },
                     "group": [
@@ -69518,8 +69572,8 @@
                 {
                     "description": "The vertical padding of the Notification.\n",
                     "commentRange": {
-                        "start": 6,
-                        "end": 7
+                        "start": 11,
+                        "end": 12
                     },
                     "context": {
                         "type": "variable",
@@ -69527,8 +69581,8 @@
                         "value": "4px",
                         "scope": "default",
                         "line": {
-                            "start": 8,
-                            "end": 8
+                            "start": 13,
+                            "end": 13
                         }
                     },
                     "group": [
@@ -69545,8 +69599,8 @@
                 {
                     "description": "The width of the border around the Notification.\n",
                     "commentRange": {
-                        "start": 9,
-                        "end": 10
+                        "start": 14,
+                        "end": 15
                     },
                     "context": {
                         "type": "variable",
@@ -69554,8 +69608,8 @@
                         "value": "1px",
                         "scope": "default",
                         "line": {
-                            "start": 11,
-                            "end": 11
+                            "start": 16,
+                            "end": 16
                         }
                     },
                     "group": [
@@ -69572,8 +69626,8 @@
                 {
                     "description": "The border radius of the Notification.\n",
                     "commentRange": {
-                        "start": 12,
-                        "end": 13
+                        "start": 17,
+                        "end": 18
                     },
                     "context": {
                         "type": "variable",
@@ -69581,8 +69635,8 @@
                         "value": "$kendo-border-radius-md",
                         "scope": "default",
                         "line": {
-                            "start": 14,
-                            "end": 14
+                            "start": 19,
+                            "end": 19
                         }
                     },
                     "group": [
@@ -69599,8 +69653,8 @@
                 {
                     "description": "The font family of the Notification.\n",
                     "commentRange": {
-                        "start": 15,
-                        "end": 16
+                        "start": 20,
+                        "end": 21
                     },
                     "context": {
                         "type": "variable",
@@ -69608,8 +69662,8 @@
                         "value": "$kendo-font-family",
                         "scope": "default",
                         "line": {
-                            "start": 17,
-                            "end": 17
+                            "start": 22,
+                            "end": 22
                         }
                     },
                     "group": [
@@ -69626,8 +69680,8 @@
                 {
                     "description": "The font size of the Notification.\n",
                     "commentRange": {
-                        "start": 18,
-                        "end": 19
+                        "start": 23,
+                        "end": 24
                     },
                     "context": {
                         "type": "variable",
@@ -69635,8 +69689,8 @@
                         "value": "$kendo-font-size-sm",
                         "scope": "default",
                         "line": {
-                            "start": 20,
-                            "end": 20
+                            "start": 25,
+                            "end": 25
                         }
                     },
                     "group": [
@@ -69653,8 +69707,8 @@
                 {
                     "description": "The line height of the Notification.\n",
                     "commentRange": {
-                        "start": 21,
-                        "end": 22
+                        "start": 26,
+                        "end": 27
                     },
                     "context": {
                         "type": "variable",
@@ -69662,8 +69716,8 @@
                         "value": "$kendo-line-height-md",
                         "scope": "default",
                         "line": {
-                            "start": 23,
-                            "end": 23
+                            "start": 28,
+                            "end": 28
                         }
                     },
                     "group": [
@@ -69680,8 +69734,8 @@
                 {
                     "description": "The background color of the Notification.\n",
                     "commentRange": {
-                        "start": 24,
-                        "end": 25
+                        "start": 29,
+                        "end": 30
                     },
                     "context": {
                         "type": "variable",
@@ -69689,8 +69743,8 @@
                         "value": "$kendo-component-bg",
                         "scope": "default",
                         "line": {
-                            "start": 26,
-                            "end": 26
+                            "start": 31,
+                            "end": 31
                         }
                     },
                     "group": [
@@ -69707,8 +69761,8 @@
                 {
                     "description": "The text color of the Notification.\n",
                     "commentRange": {
-                        "start": 27,
-                        "end": 28
+                        "start": 32,
+                        "end": 33
                     },
                     "context": {
                         "type": "variable",
@@ -69716,8 +69770,8 @@
                         "value": "$kendo-component-text",
                         "scope": "default",
                         "line": {
-                            "start": 29,
-                            "end": 29
+                            "start": 34,
+                            "end": 34
                         }
                     },
                     "group": [
@@ -69734,8 +69788,8 @@
                 {
                     "description": "The border color of the Notification.\n",
                     "commentRange": {
-                        "start": 30,
-                        "end": 31
+                        "start": 35,
+                        "end": 36
                     },
                     "context": {
                         "type": "variable",
@@ -69743,8 +69797,8 @@
                         "value": "$kendo-component-border",
                         "scope": "default",
                         "line": {
-                            "start": 32,
-                            "end": 32
+                            "start": 37,
+                            "end": 37
                         }
                     },
                     "group": [
@@ -69761,8 +69815,8 @@
                 {
                     "description": "The box shadow of the Notification.\n",
                     "commentRange": {
-                        "start": 33,
-                        "end": 34
+                        "start": 38,
+                        "end": 39
                     },
                     "context": {
                         "type": "variable",
@@ -69770,8 +69824,8 @@
                         "value": "$kendo-popup-shadow",
                         "scope": "default",
                         "line": {
-                            "start": 35,
-                            "end": 35
+                            "start": 40,
+                            "end": 40
                         }
                     },
                     "group": [
@@ -69788,8 +69842,8 @@
                 {
                     "description": "The horizontal spacing of the Notification icon.\n",
                     "commentRange": {
-                        "start": 37,
-                        "end": 38
+                        "start": 42,
+                        "end": 43
                     },
                     "context": {
                         "type": "variable",
@@ -69797,8 +69851,8 @@
                         "value": "$kendo-icon-spacing",
                         "scope": "default",
                         "line": {
-                            "start": 39,
-                            "end": 39
+                            "start": 44,
+                            "end": 44
                         }
                     },
                     "group": [
@@ -69815,8 +69869,8 @@
                 {
                     "description": "The theme colors map for the Notification.\n",
                     "commentRange": {
-                        "start": 55,
-                        "end": 56
+                        "start": 60,
+                        "end": 61
                     },
                     "context": {
                         "type": "variable",
@@ -69824,8 +69878,8 @@
                         "value": "$kendo-theme-colors",
                         "scope": "default",
                         "line": {
-                            "start": 57,
-                            "end": 57
+                            "start": 62,
+                            "end": 62
                         }
                     },
                     "group": [
@@ -69842,8 +69896,8 @@
                 {
                     "description": "The generated theme colors map for the Notification.\n",
                     "commentRange": {
-                        "start": 58,
-                        "end": 59
+                        "start": 63,
+                        "end": 64
                     },
                     "context": {
                         "type": "variable",
@@ -69851,8 +69905,8 @@
                         "value": "notification-theme( $kendo-notification-theme-colors )",
                         "scope": "default",
                         "line": {
-                            "start": 60,
-                            "end": 60
+                            "start": 65,
+                            "end": 65
                         }
                     },
                     "group": [

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

@@ -24438,11 +24438,36 @@
             "name": "_variables.scss"
         }
     },
+    {
+        "description": "The row-gap between the elements in the Notification group.\n",
+        "commentRange": {
+            "start": 4,
+            "end": 5
+        },
+        "context": {
+            "type": "variable",
+            "name": "kendo-notification-group-gap",
+            "value": "k-map-get( $kendo-spacing, 2 )",
+            "scope": "default",
+            "line": {
+                "start": 6,
+                "end": 6
+            }
+        },
+        "group": [
+            "notification"
+        ],
+        "access": "public",
+        "file": {
+            "path": "notification/_variables.scss",
+            "name": "_variables.scss"
+        }
+    },
     {
         "description": "The horizontal padding of the Notification.\n",
         "commentRange": {
-            "start": 3,
-            "end": 4
+            "start": 8,
+            "end": 9
         },
         "context": {
             "type": "variable",
@@ -24450,8 +24475,8 @@
             "value": "8px",
             "scope": "default",
             "line": {
-                "start": 5,
-                "end": 5
+                "start": 10,
+                "end": 10
             }
         },
         "group": [
@@ -24466,8 +24491,8 @@
     {
         "description": "The vertical padding of the Notification.\n",
         "commentRange": {
-            "start": 6,
-            "end": 7
+            "start": 11,
+            "end": 12
         },
         "context": {
             "type": "variable",
@@ -24475,8 +24500,8 @@
             "value": "4px",
             "scope": "default",
             "line": {
-                "start": 8,
-                "end": 8
+                "start": 13,
+                "end": 13
             }
         },
         "group": [
@@ -24491,8 +24516,8 @@
     {
         "description": "The width of the border around the Notification.\n",
         "commentRange": {
-            "start": 9,
-            "end": 10
+            "start": 14,
+            "end": 15
         },
         "context": {
             "type": "variable",
@@ -24500,8 +24525,8 @@
             "value": "1px",
             "scope": "default",
             "line": {
-                "start": 11,
-                "end": 11
+                "start": 16,
+                "end": 16
             }
         },
         "group": [
@@ -24516,8 +24541,8 @@
     {
         "description": "The border radius of the Notification.\n",
         "commentRange": {
-            "start": 12,
-            "end": 13
+            "start": 17,
+            "end": 18
         },
         "context": {
             "type": "variable",
@@ -24525,8 +24550,8 @@
             "value": "$kendo-border-radius-md",
             "scope": "default",
             "line": {
-                "start": 14,
-                "end": 14
+                "start": 19,
+                "end": 19
             }
         },
         "group": [
@@ -24541,8 +24566,8 @@
     {
         "description": "The font family of the Notification.\n",
         "commentRange": {
-            "start": 15,
-            "end": 16
+            "start": 20,
+            "end": 21
         },
         "context": {
             "type": "variable",
@@ -24550,8 +24575,8 @@
             "value": "$kendo-font-family",
             "scope": "default",
             "line": {
-                "start": 17,
-                "end": 17
+                "start": 22,
+                "end": 22
             }
         },
         "group": [
@@ -24566,8 +24591,8 @@
     {
         "description": "The font size of the Notification.\n",
         "commentRange": {
-            "start": 18,
-            "end": 19
+            "start": 23,
+            "end": 24
         },
         "context": {
             "type": "variable",
@@ -24575,8 +24600,8 @@
             "value": "$kendo-font-size-sm",
             "scope": "default",
             "line": {
-                "start": 20,
-                "end": 20
+                "start": 25,
+                "end": 25
             }
         },
         "group": [
@@ -24591,8 +24616,8 @@
     {
         "description": "The line height of the Notification.\n",
         "commentRange": {
-            "start": 21,
-            "end": 22
+            "start": 26,
+            "end": 27
         },
         "context": {
             "type": "variable",
@@ -24600,8 +24625,8 @@
             "value": "$kendo-line-height-md",
             "scope": "default",
             "line": {
-                "start": 23,
-                "end": 23
+                "start": 28,
+                "end": 28
             }
         },
         "group": [
@@ -24616,8 +24641,8 @@
     {
         "description": "The background color of the Notification.\n",
         "commentRange": {
-            "start": 24,
-            "end": 25
+            "start": 29,
+            "end": 30
         },
         "context": {
             "type": "variable",
@@ -24625,8 +24650,8 @@
             "value": "$kendo-component-bg",
             "scope": "default",
             "line": {
-                "start": 26,
-                "end": 26
+                "start": 31,
+                "end": 31
             }
         },
         "group": [
@@ -24641,8 +24666,8 @@
     {
         "description": "The text color of the Notification.\n",
         "commentRange": {
-            "start": 27,
-            "end": 28
+            "start": 32,
+            "end": 33
         },
         "context": {
             "type": "variable",
@@ -24650,8 +24675,8 @@
             "value": "$kendo-component-text",
             "scope": "default",
             "line": {
-                "start": 29,
-                "end": 29
+                "start": 34,
+                "end": 34
             }
         },
         "group": [
@@ -24666,8 +24691,8 @@
     {
         "description": "The border color of the Notification.\n",
         "commentRange": {
-            "start": 30,
-            "end": 31
+            "start": 35,
+            "end": 36
         },
         "context": {
             "type": "variable",
@@ -24675,8 +24700,8 @@
             "value": "$kendo-component-border",
             "scope": "default",
             "line": {
-                "start": 32,
-                "end": 32
+                "start": 37,
+                "end": 37
             }
         },
         "group": [
@@ -24691,8 +24716,8 @@
     {
         "description": "The box shadow of the Notification.\n",
         "commentRange": {
-            "start": 33,
-            "end": 34
+            "start": 38,
+            "end": 39
         },
         "context": {
             "type": "variable",
@@ -24700,8 +24725,8 @@
             "value": "$kendo-popup-shadow",
             "scope": "default",
             "line": {
-                "start": 35,
-                "end": 35
+                "start": 40,
+                "end": 40
             }
         },
         "group": [
@@ -24716,8 +24741,8 @@
     {
         "description": "The horizontal spacing of the Notification icon.\n",
         "commentRange": {
-            "start": 37,
-            "end": 38
+            "start": 42,
+            "end": 43
         },
         "context": {
             "type": "variable",
@@ -24725,8 +24750,8 @@
             "value": "$kendo-icon-spacing",
             "scope": "default",
             "line": {
-                "start": 39,
-                "end": 39
+                "start": 44,
+                "end": 44
             }
         },
         "group": [
@@ -24741,8 +24766,8 @@
     {
         "description": "The theme colors map for the Notification.\n",
         "commentRange": {
-            "start": 55,
-            "end": 56
+            "start": 60,
+            "end": 61
         },
         "context": {
             "type": "variable",
@@ -24750,8 +24775,8 @@
             "value": "$kendo-theme-colors",
             "scope": "default",
             "line": {
-                "start": 57,
-                "end": 57
+                "start": 62,
+                "end": 62
             }
         },
         "group": [
@@ -24766,8 +24791,8 @@
     {
         "description": "The generated theme colors map for the Notification.\n",
         "commentRange": {
-            "start": 58,
-            "end": 59
+            "start": 63,
+            "end": 64
         },
         "context": {
             "type": "variable",
@@ -24775,8 +24800,8 @@
             "value": "notification-theme( $kendo-notification-theme-colors )",
             "scope": "default",
             "line": {
-                "start": 60,
-                "end": 60
+                "start": 65,
+                "end": 65
             }
         },
         "group": [

package/dist/meta/variables.json CHANGED Viewed

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

package/lib/swatches/classic-green-dark.json CHANGED Viewed

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

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

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

package/lib/swatches/classic-lavender-dark.json CHANGED Viewed

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

package/lib/swatches/classic-lavender.json CHANGED Viewed

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

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

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

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

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

package/lib/swatches/classic-metro-dark.json CHANGED Viewed

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

package/lib/swatches/classic-metro.json CHANGED Viewed

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

package/lib/swatches/classic-moonlight.json CHANGED Viewed

@@ -3,7 +3,7 @@
     "name": "Classic Moonlight",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "version": "7.1.0-dev.0",
+    "version": "7.1.0-dev.2",
     "api": "legacy",
     "previewColors": [
         "#1f2a35",

package/lib/swatches/classic-opal-dark.json CHANGED Viewed

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

package/lib/swatches/classic-opal.json CHANGED Viewed

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

package/lib/swatches/classic-silver-dark.json CHANGED Viewed

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

package/lib/swatches/classic-silver.json CHANGED Viewed

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

package/lib/swatches/classic-uniform.json CHANGED Viewed

@@ -3,7 +3,7 @@
     "name": "Classic Uniform",
     "product": "kendo",
     "base": "@progress/kendo-theme-classic",
-    "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-classic",
   "description": "Sass port of less based themes for Kendo UI theme",
-  "version": "7.1.0-dev.0",
+  "version": "7.1.0-dev.2",
   "author": "Progress",
   "license": "Apache-2.0",
   "keywords": [
@@ -53,13 +53,13 @@
   },
   "dependencies": {
     "@progress/kendo-svg-icons": "2.0.0",
-    "@progress/kendo-theme-core": "7.1.0-dev.0",
-    "@progress/kendo-theme-default": "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-default": "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/notification/_variables.scss CHANGED Viewed

@@ -1,5 +1,10 @@
 // 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;