@progress/kendo-theme-material 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.
package/dist/all.css CHANGED
@@ -1143,7 +1143,6 @@ kendo-sortable {
1143
1143
  }
1144
1144
 
1145
1145
  .k-current-time {
1146
- width: 1px;
1147
1146
  position: absolute;
1148
1147
  }
1149
1148
 
@@ -39218,13 +39217,7 @@ kendo-drawer .k-drawer-wrapper {
39218
39217
  flex-flow: column-reverse wrap;
39219
39218
  position: fixed;
39220
39219
  z-index: 1000;
39221
- }
39222
-
39223
- .k-notification-container {
39224
- margin-block: 7px;
39225
- margin-inline: 0;
39226
- display: inline-flex;
39227
- vertical-align: top;
39220
+ gap: 8px 0;
39228
39221
  }
39229
39222
 
39230
39223
  .k-notification-container-animating {
@@ -51844,10 +51837,6 @@ kendo-scheduler .k-event .k-event-actions,
51844
51837
  display: none;
51845
51838
  }
51846
51839
 
51847
- .k-timeline .k-event-collapse {
51848
- display: none;
51849
- }
51850
-
51851
51840
  .k-timeline.k-timeline-collapsible .k-card-header {
51852
51841
  cursor: pointer;
51853
51842
  }
package/dist/all.scss CHANGED
@@ -6894,12 +6894,10 @@ $kendo-zindex-loading: 100 !default;
6894
6894
  // #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
6895
6895
  @include exports( "common/indicators/current-time" ) {
6896
6896
 
6897
- $kendo-current-time-width: 1px !default;
6898
6897
  $kendo-current-time-color: #ff0000 !default;
6899
6898
 
6900
6899
  // Layout
6901
6900
  .k-current-time {
6902
- width: $kendo-current-time-width;
6903
6901
  position: absolute;
6904
6902
 
6905
6903
  &.k-current-time-arrow-left,
@@ -39267,6 +39265,10 @@ $_kendo-module-meta: (
39267
39265
  // #region @import "./_variables.scss"; -> scss/notification/_variables.scss
39268
39266
  // Notification
39269
39267
 
39268
+ /// The row-gap between the elements in the Notification group.
39269
+ /// @group notification
39270
+ $kendo-notification-group-gap: k-map-get( $kendo-spacing, 2 ) !default;
39271
+
39270
39272
  /// The horizontal padding of the Notification.
39271
39273
  /// @group notification
39272
39274
  $kendo-notification-padding-x: 16px !default;
@@ -39305,7 +39307,6 @@ $kendo-notification-shadow: $kendo-popup-shadow !default;
39305
39307
  /// @group notification
39306
39308
  $kendo-notification-icon-spacing: $kendo-icon-spacing !default;
39307
39309
 
39308
-
39309
39310
  @function notification-theme( $colors ) {
39310
39311
  $_theme: ();
39311
39312
 
@@ -39339,17 +39340,12 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
39339
39340
  flex-flow: column-reverse wrap;
39340
39341
  position: fixed;
39341
39342
  z-index: 1000;
39343
+ gap: $kendo-notification-group-gap 0;
39342
39344
  }
39343
39345
 
39344
- .k-notification-container {
39345
- margin-block: k-math-div( $kendo-notification-padding-y, 2 );
39346
- margin-inline: 0;
39347
- display: inline-flex;
39348
- vertical-align: top;
39349
-
39350
- &-animating {
39351
- overflow: hidden;
39352
- }
39346
+ // Needed due to the specifics in the implementation of animations in Angular
39347
+ .k-notification-container-animating {
39348
+ overflow: hidden;
39353
39349
  }
39354
39350
 
39355
39351
  .k-notification {
@@ -58839,10 +58835,6 @@ $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-o
58839
58835
  }
58840
58836
  }
58841
58837
 
58842
- .k-event-collapse {
58843
- display: none;
58844
- }
58845
-
58846
58838
  &.k-timeline-collapsible {
58847
58839
  .k-card-header {
58848
58840
  cursor: pointer;
@@ -26288,15 +26288,15 @@
26288
26288
  "resolvedType": "Number"
26289
26289
  },
26290
26290
  {
26291
- "description": "The horizontal padding of the Notification.\n",
26291
+ "description": "The row-gap between the elements in the Notification group.\n",
26292
26292
  "commentRange": {
26293
26293
  "start": 3,
26294
26294
  "end": 4
26295
26295
  },
26296
26296
  "context": {
26297
26297
  "type": "variable",
26298
- "name": "kendo-notification-padding-x",
26299
- "value": "16px",
26298
+ "name": "kendo-notification-group-gap",
26299
+ "value": "k-map-get( $kendo-spacing, 2 )",
26300
26300
  "scope": "default",
26301
26301
  "line": {
26302
26302
  "start": 5,
@@ -26311,14 +26311,41 @@
26311
26311
  "path": "notification/_variables.scss",
26312
26312
  "name": "_variables.scss"
26313
26313
  },
26314
+ "resolvedValue": "8px",
26315
+ "resolvedType": "Number"
26316
+ },
26317
+ {
26318
+ "description": "The horizontal padding of the Notification.\n",
26319
+ "commentRange": {
26320
+ "start": 7,
26321
+ "end": 8
26322
+ },
26323
+ "context": {
26324
+ "type": "variable",
26325
+ "name": "kendo-notification-padding-x",
26326
+ "value": "16px",
26327
+ "scope": "default",
26328
+ "line": {
26329
+ "start": 9,
26330
+ "end": 9
26331
+ }
26332
+ },
26333
+ "group": [
26334
+ "notification"
26335
+ ],
26336
+ "access": "public",
26337
+ "file": {
26338
+ "path": "notification/_variables.scss",
26339
+ "name": "_variables.scss"
26340
+ },
26314
26341
  "resolvedValue": "16px",
26315
26342
  "resolvedType": "Number"
26316
26343
  },
26317
26344
  {
26318
26345
  "description": "The vertical padding of the Notification.\n",
26319
26346
  "commentRange": {
26320
- "start": 6,
26321
- "end": 7
26347
+ "start": 10,
26348
+ "end": 11
26322
26349
  },
26323
26350
  "context": {
26324
26351
  "type": "variable",
@@ -26326,8 +26353,8 @@
26326
26353
  "value": "14px",
26327
26354
  "scope": "default",
26328
26355
  "line": {
26329
- "start": 8,
26330
- "end": 8
26356
+ "start": 12,
26357
+ "end": 12
26331
26358
  }
26332
26359
  },
26333
26360
  "group": [
@@ -26344,8 +26371,8 @@
26344
26371
  {
26345
26372
  "description": "The width of the border around the Notification.\n",
26346
26373
  "commentRange": {
26347
- "start": 9,
26348
- "end": 10
26374
+ "start": 13,
26375
+ "end": 14
26349
26376
  },
26350
26377
  "context": {
26351
26378
  "type": "variable",
@@ -26353,8 +26380,8 @@
26353
26380
  "value": "0px",
26354
26381
  "scope": "default",
26355
26382
  "line": {
26356
- "start": 11,
26357
- "end": 11
26383
+ "start": 15,
26384
+ "end": 15
26358
26385
  }
26359
26386
  },
26360
26387
  "group": [
@@ -26371,8 +26398,8 @@
26371
26398
  {
26372
26399
  "description": "The border radius of the Notification.\n",
26373
26400
  "commentRange": {
26374
- "start": 12,
26375
- "end": 13
26401
+ "start": 16,
26402
+ "end": 17
26376
26403
  },
26377
26404
  "context": {
26378
26405
  "type": "variable",
@@ -26380,8 +26407,8 @@
26380
26407
  "value": "k-map-get( $kendo-spacing, 1 )",
26381
26408
  "scope": "default",
26382
26409
  "line": {
26383
- "start": 14,
26384
- "end": 14
26410
+ "start": 18,
26411
+ "end": 18
26385
26412
  }
26386
26413
  },
26387
26414
  "group": [
@@ -26398,8 +26425,8 @@
26398
26425
  {
26399
26426
  "description": "The font family of the Notification.\n",
26400
26427
  "commentRange": {
26401
- "start": 15,
26402
- "end": 16
26428
+ "start": 19,
26429
+ "end": 20
26403
26430
  },
26404
26431
  "context": {
26405
26432
  "type": "variable",
@@ -26407,8 +26434,8 @@
26407
26434
  "value": "$kendo-font-family",
26408
26435
  "scope": "default",
26409
26436
  "line": {
26410
- "start": 17,
26411
- "end": 17
26437
+ "start": 21,
26438
+ "end": 21
26412
26439
  }
26413
26440
  },
26414
26441
  "group": [
@@ -26425,8 +26452,8 @@
26425
26452
  {
26426
26453
  "description": "The font size of the Notification.\n",
26427
26454
  "commentRange": {
26428
- "start": 18,
26429
- "end": 19
26455
+ "start": 22,
26456
+ "end": 23
26430
26457
  },
26431
26458
  "context": {
26432
26459
  "type": "variable",
@@ -26434,8 +26461,8 @@
26434
26461
  "value": "$kendo-font-size-md",
26435
26462
  "scope": "default",
26436
26463
  "line": {
26437
- "start": 20,
26438
- "end": 20
26464
+ "start": 24,
26465
+ "end": 24
26439
26466
  }
26440
26467
  },
26441
26468
  "group": [
@@ -26452,8 +26479,8 @@
26452
26479
  {
26453
26480
  "description": "The line height of the Notification.\n",
26454
26481
  "commentRange": {
26455
- "start": 21,
26456
- "end": 22
26482
+ "start": 25,
26483
+ "end": 26
26457
26484
  },
26458
26485
  "context": {
26459
26486
  "type": "variable",
@@ -26461,8 +26488,8 @@
26461
26488
  "value": "k-math-div( 20, 14 )",
26462
26489
  "scope": "default",
26463
26490
  "line": {
26464
- "start": 23,
26465
- "end": 23
26491
+ "start": 27,
26492
+ "end": 27
26466
26493
  }
26467
26494
  },
26468
26495
  "group": [
@@ -26479,8 +26506,8 @@
26479
26506
  {
26480
26507
  "description": "The background color of the Notification.\n",
26481
26508
  "commentRange": {
26482
- "start": 24,
26483
- "end": 25
26509
+ "start": 28,
26510
+ "end": 29
26484
26511
  },
26485
26512
  "context": {
26486
26513
  "type": "variable",
@@ -26488,8 +26515,8 @@
26488
26515
  "value": "$kendo-component-bg",
26489
26516
  "scope": "default",
26490
26517
  "line": {
26491
- "start": 26,
26492
- "end": 26
26518
+ "start": 30,
26519
+ "end": 30
26493
26520
  }
26494
26521
  },
26495
26522
  "group": [
@@ -26506,8 +26533,8 @@
26506
26533
  {
26507
26534
  "description": "The text color of the Notification.\n",
26508
26535
  "commentRange": {
26509
- "start": 27,
26510
- "end": 28
26536
+ "start": 31,
26537
+ "end": 32
26511
26538
  },
26512
26539
  "context": {
26513
26540
  "type": "variable",
@@ -26515,8 +26542,8 @@
26515
26542
  "value": "$kendo-component-text",
26516
26543
  "scope": "default",
26517
26544
  "line": {
26518
- "start": 29,
26519
- "end": 29
26545
+ "start": 33,
26546
+ "end": 33
26520
26547
  }
26521
26548
  },
26522
26549
  "group": [
@@ -26533,8 +26560,8 @@
26533
26560
  {
26534
26561
  "description": "The border color of the Notification.\n",
26535
26562
  "commentRange": {
26536
- "start": 30,
26537
- "end": 31
26563
+ "start": 34,
26564
+ "end": 35
26538
26565
  },
26539
26566
  "context": {
26540
26567
  "type": "variable",
@@ -26542,8 +26569,8 @@
26542
26569
  "value": "$kendo-component-border",
26543
26570
  "scope": "default",
26544
26571
  "line": {
26545
- "start": 32,
26546
- "end": 32
26572
+ "start": 36,
26573
+ "end": 36
26547
26574
  }
26548
26575
  },
26549
26576
  "group": [
@@ -26560,8 +26587,8 @@
26560
26587
  {
26561
26588
  "description": "The box shadow of the Notification.\n",
26562
26589
  "commentRange": {
26563
- "start": 33,
26564
- "end": 34
26590
+ "start": 37,
26591
+ "end": 38
26565
26592
  },
26566
26593
  "context": {
26567
26594
  "type": "variable",
@@ -26569,8 +26596,8 @@
26569
26596
  "value": "$kendo-popup-shadow",
26570
26597
  "scope": "default",
26571
26598
  "line": {
26572
- "start": 35,
26573
- "end": 35
26599
+ "start": 39,
26600
+ "end": 39
26574
26601
  }
26575
26602
  },
26576
26603
  "group": [
@@ -26587,8 +26614,8 @@
26587
26614
  {
26588
26615
  "description": "The horizontal spacing of the Notification icon.\n",
26589
26616
  "commentRange": {
26590
- "start": 37,
26591
- "end": 38
26617
+ "start": 41,
26618
+ "end": 42
26592
26619
  },
26593
26620
  "context": {
26594
26621
  "type": "variable",
@@ -26596,8 +26623,8 @@
26596
26623
  "value": "$kendo-icon-spacing",
26597
26624
  "scope": "default",
26598
26625
  "line": {
26599
- "start": 39,
26600
- "end": 39
26626
+ "start": 43,
26627
+ "end": 43
26601
26628
  }
26602
26629
  },
26603
26630
  "group": [
@@ -26614,8 +26641,8 @@
26614
26641
  {
26615
26642
  "description": "The theme colors map for the Notification.\n",
26616
26643
  "commentRange": {
26617
- "start": 56,
26618
- "end": 57
26644
+ "start": 59,
26645
+ "end": 60
26619
26646
  },
26620
26647
  "context": {
26621
26648
  "type": "variable",
@@ -26623,8 +26650,8 @@
26623
26650
  "value": "$kendo-theme-colors",
26624
26651
  "scope": "default",
26625
26652
  "line": {
26626
- "start": 58,
26627
- "end": 58
26653
+ "start": 61,
26654
+ "end": 61
26628
26655
  }
26629
26656
  },
26630
26657
  "group": [
@@ -26641,8 +26668,8 @@
26641
26668
  {
26642
26669
  "description": "The generated theme colors map for the Notification.\n",
26643
26670
  "commentRange": {
26644
- "start": 59,
26645
- "end": 60
26671
+ "start": 62,
26672
+ "end": 63
26646
26673
  },
26647
26674
  "context": {
26648
26675
  "type": "variable",
@@ -26650,8 +26677,8 @@
26650
26677
  "value": "notification-theme( $kendo-notification-theme-colors )",
26651
26678
  "scope": "default",
26652
26679
  "line": {
26653
- "start": 61,
26654
- "end": 61
26680
+ "start": 64,
26681
+ "end": 64
26655
26682
  }
26656
26683
  },
26657
26684
  "group": [
@@ -69643,15 +69670,15 @@
69643
69670
  "title": "Notification",
69644
69671
  "variables": [
69645
69672
  {
69646
- "description": "The horizontal padding of the Notification.\n",
69673
+ "description": "The row-gap between the elements in the Notification group.\n",
69647
69674
  "commentRange": {
69648
69675
  "start": 3,
69649
69676
  "end": 4
69650
69677
  },
69651
69678
  "context": {
69652
69679
  "type": "variable",
69653
- "name": "kendo-notification-padding-x",
69654
- "value": "16px",
69680
+ "name": "kendo-notification-group-gap",
69681
+ "value": "k-map-get( $kendo-spacing, 2 )",
69655
69682
  "scope": "default",
69656
69683
  "line": {
69657
69684
  "start": 5,
@@ -69666,14 +69693,41 @@
69666
69693
  "path": "notification/_variables.scss",
69667
69694
  "name": "_variables.scss"
69668
69695
  },
69696
+ "resolvedValue": "8px",
69697
+ "resolvedType": "Number"
69698
+ },
69699
+ {
69700
+ "description": "The horizontal padding of the Notification.\n",
69701
+ "commentRange": {
69702
+ "start": 7,
69703
+ "end": 8
69704
+ },
69705
+ "context": {
69706
+ "type": "variable",
69707
+ "name": "kendo-notification-padding-x",
69708
+ "value": "16px",
69709
+ "scope": "default",
69710
+ "line": {
69711
+ "start": 9,
69712
+ "end": 9
69713
+ }
69714
+ },
69715
+ "group": [
69716
+ "notification"
69717
+ ],
69718
+ "access": "public",
69719
+ "file": {
69720
+ "path": "notification/_variables.scss",
69721
+ "name": "_variables.scss"
69722
+ },
69669
69723
  "resolvedValue": "16px",
69670
69724
  "resolvedType": "Number"
69671
69725
  },
69672
69726
  {
69673
69727
  "description": "The vertical padding of the Notification.\n",
69674
69728
  "commentRange": {
69675
- "start": 6,
69676
- "end": 7
69729
+ "start": 10,
69730
+ "end": 11
69677
69731
  },
69678
69732
  "context": {
69679
69733
  "type": "variable",
@@ -69681,8 +69735,8 @@
69681
69735
  "value": "14px",
69682
69736
  "scope": "default",
69683
69737
  "line": {
69684
- "start": 8,
69685
- "end": 8
69738
+ "start": 12,
69739
+ "end": 12
69686
69740
  }
69687
69741
  },
69688
69742
  "group": [
@@ -69699,8 +69753,8 @@
69699
69753
  {
69700
69754
  "description": "The width of the border around the Notification.\n",
69701
69755
  "commentRange": {
69702
- "start": 9,
69703
- "end": 10
69756
+ "start": 13,
69757
+ "end": 14
69704
69758
  },
69705
69759
  "context": {
69706
69760
  "type": "variable",
@@ -69708,8 +69762,8 @@
69708
69762
  "value": "0px",
69709
69763
  "scope": "default",
69710
69764
  "line": {
69711
- "start": 11,
69712
- "end": 11
69765
+ "start": 15,
69766
+ "end": 15
69713
69767
  }
69714
69768
  },
69715
69769
  "group": [
@@ -69726,8 +69780,8 @@
69726
69780
  {
69727
69781
  "description": "The border radius of the Notification.\n",
69728
69782
  "commentRange": {
69729
- "start": 12,
69730
- "end": 13
69783
+ "start": 16,
69784
+ "end": 17
69731
69785
  },
69732
69786
  "context": {
69733
69787
  "type": "variable",
@@ -69735,8 +69789,8 @@
69735
69789
  "value": "k-map-get( $kendo-spacing, 1 )",
69736
69790
  "scope": "default",
69737
69791
  "line": {
69738
- "start": 14,
69739
- "end": 14
69792
+ "start": 18,
69793
+ "end": 18
69740
69794
  }
69741
69795
  },
69742
69796
  "group": [
@@ -69753,8 +69807,8 @@
69753
69807
  {
69754
69808
  "description": "The font family of the Notification.\n",
69755
69809
  "commentRange": {
69756
- "start": 15,
69757
- "end": 16
69810
+ "start": 19,
69811
+ "end": 20
69758
69812
  },
69759
69813
  "context": {
69760
69814
  "type": "variable",
@@ -69762,8 +69816,8 @@
69762
69816
  "value": "$kendo-font-family",
69763
69817
  "scope": "default",
69764
69818
  "line": {
69765
- "start": 17,
69766
- "end": 17
69819
+ "start": 21,
69820
+ "end": 21
69767
69821
  }
69768
69822
  },
69769
69823
  "group": [
@@ -69780,8 +69834,8 @@
69780
69834
  {
69781
69835
  "description": "The font size of the Notification.\n",
69782
69836
  "commentRange": {
69783
- "start": 18,
69784
- "end": 19
69837
+ "start": 22,
69838
+ "end": 23
69785
69839
  },
69786
69840
  "context": {
69787
69841
  "type": "variable",
@@ -69789,8 +69843,8 @@
69789
69843
  "value": "$kendo-font-size-md",
69790
69844
  "scope": "default",
69791
69845
  "line": {
69792
- "start": 20,
69793
- "end": 20
69846
+ "start": 24,
69847
+ "end": 24
69794
69848
  }
69795
69849
  },
69796
69850
  "group": [
@@ -69807,8 +69861,8 @@
69807
69861
  {
69808
69862
  "description": "The line height of the Notification.\n",
69809
69863
  "commentRange": {
69810
- "start": 21,
69811
- "end": 22
69864
+ "start": 25,
69865
+ "end": 26
69812
69866
  },
69813
69867
  "context": {
69814
69868
  "type": "variable",
@@ -69816,8 +69870,8 @@
69816
69870
  "value": "k-math-div( 20, 14 )",
69817
69871
  "scope": "default",
69818
69872
  "line": {
69819
- "start": 23,
69820
- "end": 23
69873
+ "start": 27,
69874
+ "end": 27
69821
69875
  }
69822
69876
  },
69823
69877
  "group": [
@@ -69834,8 +69888,8 @@
69834
69888
  {
69835
69889
  "description": "The background color of the Notification.\n",
69836
69890
  "commentRange": {
69837
- "start": 24,
69838
- "end": 25
69891
+ "start": 28,
69892
+ "end": 29
69839
69893
  },
69840
69894
  "context": {
69841
69895
  "type": "variable",
@@ -69843,8 +69897,8 @@
69843
69897
  "value": "$kendo-component-bg",
69844
69898
  "scope": "default",
69845
69899
  "line": {
69846
- "start": 26,
69847
- "end": 26
69900
+ "start": 30,
69901
+ "end": 30
69848
69902
  }
69849
69903
  },
69850
69904
  "group": [
@@ -69861,8 +69915,8 @@
69861
69915
  {
69862
69916
  "description": "The text color of the Notification.\n",
69863
69917
  "commentRange": {
69864
- "start": 27,
69865
- "end": 28
69918
+ "start": 31,
69919
+ "end": 32
69866
69920
  },
69867
69921
  "context": {
69868
69922
  "type": "variable",
@@ -69870,8 +69924,8 @@
69870
69924
  "value": "$kendo-component-text",
69871
69925
  "scope": "default",
69872
69926
  "line": {
69873
- "start": 29,
69874
- "end": 29
69927
+ "start": 33,
69928
+ "end": 33
69875
69929
  }
69876
69930
  },
69877
69931
  "group": [
@@ -69888,8 +69942,8 @@
69888
69942
  {
69889
69943
  "description": "The border color of the Notification.\n",
69890
69944
  "commentRange": {
69891
- "start": 30,
69892
- "end": 31
69945
+ "start": 34,
69946
+ "end": 35
69893
69947
  },
69894
69948
  "context": {
69895
69949
  "type": "variable",
@@ -69897,8 +69951,8 @@
69897
69951
  "value": "$kendo-component-border",
69898
69952
  "scope": "default",
69899
69953
  "line": {
69900
- "start": 32,
69901
- "end": 32
69954
+ "start": 36,
69955
+ "end": 36
69902
69956
  }
69903
69957
  },
69904
69958
  "group": [
@@ -69915,8 +69969,8 @@
69915
69969
  {
69916
69970
  "description": "The box shadow of the Notification.\n",
69917
69971
  "commentRange": {
69918
- "start": 33,
69919
- "end": 34
69972
+ "start": 37,
69973
+ "end": 38
69920
69974
  },
69921
69975
  "context": {
69922
69976
  "type": "variable",
@@ -69924,8 +69978,8 @@
69924
69978
  "value": "$kendo-popup-shadow",
69925
69979
  "scope": "default",
69926
69980
  "line": {
69927
- "start": 35,
69928
- "end": 35
69981
+ "start": 39,
69982
+ "end": 39
69929
69983
  }
69930
69984
  },
69931
69985
  "group": [
@@ -69942,8 +69996,8 @@
69942
69996
  {
69943
69997
  "description": "The horizontal spacing of the Notification icon.\n",
69944
69998
  "commentRange": {
69945
- "start": 37,
69946
- "end": 38
69999
+ "start": 41,
70000
+ "end": 42
69947
70001
  },
69948
70002
  "context": {
69949
70003
  "type": "variable",
@@ -69951,8 +70005,8 @@
69951
70005
  "value": "$kendo-icon-spacing",
69952
70006
  "scope": "default",
69953
70007
  "line": {
69954
- "start": 39,
69955
- "end": 39
70008
+ "start": 43,
70009
+ "end": 43
69956
70010
  }
69957
70011
  },
69958
70012
  "group": [
@@ -69969,8 +70023,8 @@
69969
70023
  {
69970
70024
  "description": "The theme colors map for the Notification.\n",
69971
70025
  "commentRange": {
69972
- "start": 56,
69973
- "end": 57
70026
+ "start": 59,
70027
+ "end": 60
69974
70028
  },
69975
70029
  "context": {
69976
70030
  "type": "variable",
@@ -69978,8 +70032,8 @@
69978
70032
  "value": "$kendo-theme-colors",
69979
70033
  "scope": "default",
69980
70034
  "line": {
69981
- "start": 58,
69982
- "end": 58
70035
+ "start": 61,
70036
+ "end": 61
69983
70037
  }
69984
70038
  },
69985
70039
  "group": [
@@ -69996,8 +70050,8 @@
69996
70050
  {
69997
70051
  "description": "The generated theme colors map for the Notification.\n",
69998
70052
  "commentRange": {
69999
- "start": 59,
70000
- "end": 60
70053
+ "start": 62,
70054
+ "end": 63
70001
70055
  },
70002
70056
  "context": {
70003
70057
  "type": "variable",
@@ -70005,8 +70059,8 @@
70005
70059
  "value": "notification-theme( $kendo-notification-theme-colors )",
70006
70060
  "scope": "default",
70007
70061
  "line": {
70008
- "start": 61,
70009
- "end": 61
70062
+ "start": 64,
70063
+ "end": 64
70010
70064
  }
70011
70065
  },
70012
70066
  "group": [
@@ -24341,15 +24341,15 @@
24341
24341
  }
24342
24342
  },
24343
24343
  {
24344
- "description": "The horizontal padding of the Notification.\n",
24344
+ "description": "The row-gap between the elements in the Notification group.\n",
24345
24345
  "commentRange": {
24346
24346
  "start": 3,
24347
24347
  "end": 4
24348
24348
  },
24349
24349
  "context": {
24350
24350
  "type": "variable",
24351
- "name": "kendo-notification-padding-x",
24352
- "value": "16px",
24351
+ "name": "kendo-notification-group-gap",
24352
+ "value": "k-map-get( $kendo-spacing, 2 )",
24353
24353
  "scope": "default",
24354
24354
  "line": {
24355
24355
  "start": 5,
@@ -24365,11 +24365,36 @@
24365
24365
  "name": "_variables.scss"
24366
24366
  }
24367
24367
  },
24368
+ {
24369
+ "description": "The horizontal padding of the Notification.\n",
24370
+ "commentRange": {
24371
+ "start": 7,
24372
+ "end": 8
24373
+ },
24374
+ "context": {
24375
+ "type": "variable",
24376
+ "name": "kendo-notification-padding-x",
24377
+ "value": "16px",
24378
+ "scope": "default",
24379
+ "line": {
24380
+ "start": 9,
24381
+ "end": 9
24382
+ }
24383
+ },
24384
+ "group": [
24385
+ "notification"
24386
+ ],
24387
+ "access": "public",
24388
+ "file": {
24389
+ "path": "notification/_variables.scss",
24390
+ "name": "_variables.scss"
24391
+ }
24392
+ },
24368
24393
  {
24369
24394
  "description": "The vertical padding of the Notification.\n",
24370
24395
  "commentRange": {
24371
- "start": 6,
24372
- "end": 7
24396
+ "start": 10,
24397
+ "end": 11
24373
24398
  },
24374
24399
  "context": {
24375
24400
  "type": "variable",
@@ -24377,8 +24402,8 @@
24377
24402
  "value": "14px",
24378
24403
  "scope": "default",
24379
24404
  "line": {
24380
- "start": 8,
24381
- "end": 8
24405
+ "start": 12,
24406
+ "end": 12
24382
24407
  }
24383
24408
  },
24384
24409
  "group": [
@@ -24393,8 +24418,8 @@
24393
24418
  {
24394
24419
  "description": "The width of the border around the Notification.\n",
24395
24420
  "commentRange": {
24396
- "start": 9,
24397
- "end": 10
24421
+ "start": 13,
24422
+ "end": 14
24398
24423
  },
24399
24424
  "context": {
24400
24425
  "type": "variable",
@@ -24402,8 +24427,8 @@
24402
24427
  "value": "0px",
24403
24428
  "scope": "default",
24404
24429
  "line": {
24405
- "start": 11,
24406
- "end": 11
24430
+ "start": 15,
24431
+ "end": 15
24407
24432
  }
24408
24433
  },
24409
24434
  "group": [
@@ -24418,8 +24443,8 @@
24418
24443
  {
24419
24444
  "description": "The border radius of the Notification.\n",
24420
24445
  "commentRange": {
24421
- "start": 12,
24422
- "end": 13
24446
+ "start": 16,
24447
+ "end": 17
24423
24448
  },
24424
24449
  "context": {
24425
24450
  "type": "variable",
@@ -24427,8 +24452,8 @@
24427
24452
  "value": "k-map-get( $kendo-spacing, 1 )",
24428
24453
  "scope": "default",
24429
24454
  "line": {
24430
- "start": 14,
24431
- "end": 14
24455
+ "start": 18,
24456
+ "end": 18
24432
24457
  }
24433
24458
  },
24434
24459
  "group": [
@@ -24443,8 +24468,8 @@
24443
24468
  {
24444
24469
  "description": "The font family of the Notification.\n",
24445
24470
  "commentRange": {
24446
- "start": 15,
24447
- "end": 16
24471
+ "start": 19,
24472
+ "end": 20
24448
24473
  },
24449
24474
  "context": {
24450
24475
  "type": "variable",
@@ -24452,8 +24477,8 @@
24452
24477
  "value": "$kendo-font-family",
24453
24478
  "scope": "default",
24454
24479
  "line": {
24455
- "start": 17,
24456
- "end": 17
24480
+ "start": 21,
24481
+ "end": 21
24457
24482
  }
24458
24483
  },
24459
24484
  "group": [
@@ -24468,8 +24493,8 @@
24468
24493
  {
24469
24494
  "description": "The font size of the Notification.\n",
24470
24495
  "commentRange": {
24471
- "start": 18,
24472
- "end": 19
24496
+ "start": 22,
24497
+ "end": 23
24473
24498
  },
24474
24499
  "context": {
24475
24500
  "type": "variable",
@@ -24477,8 +24502,8 @@
24477
24502
  "value": "$kendo-font-size-md",
24478
24503
  "scope": "default",
24479
24504
  "line": {
24480
- "start": 20,
24481
- "end": 20
24505
+ "start": 24,
24506
+ "end": 24
24482
24507
  }
24483
24508
  },
24484
24509
  "group": [
@@ -24493,8 +24518,8 @@
24493
24518
  {
24494
24519
  "description": "The line height of the Notification.\n",
24495
24520
  "commentRange": {
24496
- "start": 21,
24497
- "end": 22
24521
+ "start": 25,
24522
+ "end": 26
24498
24523
  },
24499
24524
  "context": {
24500
24525
  "type": "variable",
@@ -24502,8 +24527,8 @@
24502
24527
  "value": "k-math-div( 20, 14 )",
24503
24528
  "scope": "default",
24504
24529
  "line": {
24505
- "start": 23,
24506
- "end": 23
24530
+ "start": 27,
24531
+ "end": 27
24507
24532
  }
24508
24533
  },
24509
24534
  "group": [
@@ -24518,8 +24543,8 @@
24518
24543
  {
24519
24544
  "description": "The background color of the Notification.\n",
24520
24545
  "commentRange": {
24521
- "start": 24,
24522
- "end": 25
24546
+ "start": 28,
24547
+ "end": 29
24523
24548
  },
24524
24549
  "context": {
24525
24550
  "type": "variable",
@@ -24527,8 +24552,8 @@
24527
24552
  "value": "$kendo-component-bg",
24528
24553
  "scope": "default",
24529
24554
  "line": {
24530
- "start": 26,
24531
- "end": 26
24555
+ "start": 30,
24556
+ "end": 30
24532
24557
  }
24533
24558
  },
24534
24559
  "group": [
@@ -24543,8 +24568,8 @@
24543
24568
  {
24544
24569
  "description": "The text color of the Notification.\n",
24545
24570
  "commentRange": {
24546
- "start": 27,
24547
- "end": 28
24571
+ "start": 31,
24572
+ "end": 32
24548
24573
  },
24549
24574
  "context": {
24550
24575
  "type": "variable",
@@ -24552,8 +24577,8 @@
24552
24577
  "value": "$kendo-component-text",
24553
24578
  "scope": "default",
24554
24579
  "line": {
24555
- "start": 29,
24556
- "end": 29
24580
+ "start": 33,
24581
+ "end": 33
24557
24582
  }
24558
24583
  },
24559
24584
  "group": [
@@ -24568,8 +24593,8 @@
24568
24593
  {
24569
24594
  "description": "The border color of the Notification.\n",
24570
24595
  "commentRange": {
24571
- "start": 30,
24572
- "end": 31
24596
+ "start": 34,
24597
+ "end": 35
24573
24598
  },
24574
24599
  "context": {
24575
24600
  "type": "variable",
@@ -24577,8 +24602,8 @@
24577
24602
  "value": "$kendo-component-border",
24578
24603
  "scope": "default",
24579
24604
  "line": {
24580
- "start": 32,
24581
- "end": 32
24605
+ "start": 36,
24606
+ "end": 36
24582
24607
  }
24583
24608
  },
24584
24609
  "group": [
@@ -24593,8 +24618,8 @@
24593
24618
  {
24594
24619
  "description": "The box shadow of the Notification.\n",
24595
24620
  "commentRange": {
24596
- "start": 33,
24597
- "end": 34
24621
+ "start": 37,
24622
+ "end": 38
24598
24623
  },
24599
24624
  "context": {
24600
24625
  "type": "variable",
@@ -24602,8 +24627,8 @@
24602
24627
  "value": "$kendo-popup-shadow",
24603
24628
  "scope": "default",
24604
24629
  "line": {
24605
- "start": 35,
24606
- "end": 35
24630
+ "start": 39,
24631
+ "end": 39
24607
24632
  }
24608
24633
  },
24609
24634
  "group": [
@@ -24618,8 +24643,8 @@
24618
24643
  {
24619
24644
  "description": "The horizontal spacing of the Notification icon.\n",
24620
24645
  "commentRange": {
24621
- "start": 37,
24622
- "end": 38
24646
+ "start": 41,
24647
+ "end": 42
24623
24648
  },
24624
24649
  "context": {
24625
24650
  "type": "variable",
@@ -24627,8 +24652,8 @@
24627
24652
  "value": "$kendo-icon-spacing",
24628
24653
  "scope": "default",
24629
24654
  "line": {
24630
- "start": 39,
24631
- "end": 39
24655
+ "start": 43,
24656
+ "end": 43
24632
24657
  }
24633
24658
  },
24634
24659
  "group": [
@@ -24643,8 +24668,8 @@
24643
24668
  {
24644
24669
  "description": "The theme colors map for the Notification.\n",
24645
24670
  "commentRange": {
24646
- "start": 56,
24647
- "end": 57
24671
+ "start": 59,
24672
+ "end": 60
24648
24673
  },
24649
24674
  "context": {
24650
24675
  "type": "variable",
@@ -24652,8 +24677,8 @@
24652
24677
  "value": "$kendo-theme-colors",
24653
24678
  "scope": "default",
24654
24679
  "line": {
24655
- "start": 58,
24656
- "end": 58
24680
+ "start": 61,
24681
+ "end": 61
24657
24682
  }
24658
24683
  },
24659
24684
  "group": [
@@ -24668,8 +24693,8 @@
24668
24693
  {
24669
24694
  "description": "The generated theme colors map for the Notification.\n",
24670
24695
  "commentRange": {
24671
- "start": 59,
24672
- "end": 60
24696
+ "start": 62,
24697
+ "end": 63
24673
24698
  },
24674
24699
  "context": {
24675
24700
  "type": "variable",
@@ -24677,8 +24702,8 @@
24677
24702
  "value": "notification-theme( $kendo-notification-theme-colors )",
24678
24703
  "scope": "default",
24679
24704
  "line": {
24680
- "start": 61,
24681
- "end": 61
24705
+ "start": 64,
24706
+ "end": 64
24682
24707
  }
24683
24708
  },
24684
24709
  "group": [
@@ -6979,6 +6979,10 @@
6979
6979
  "type": "Color",
6980
6980
  "value": "#e51a5f"
6981
6981
  },
6982
+ "kendo-notification-group-gap": {
6983
+ "type": "Number",
6984
+ "value": "8px"
6985
+ },
6982
6986
  "kendo-notification-padding-x": {
6983
6987
  "type": "Number",
6984
6988
  "value": "16px"
@@ -3,7 +3,7 @@
3
3
  "name": "Material Aqua Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Arctic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Burnt Teal",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#3f51b5",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Eggplant",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Lime",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Nova",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Pacific Light",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#121212",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Sky",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Material Smoke",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-material",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "legacy",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-material",
3
3
  "description": "Material theme for Kendo UI",
4
- "version": "7.1.0-dev.0",
4
+ "version": "7.1.0-dev.2",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -54,13 +54,13 @@
54
54
  },
55
55
  "dependencies": {
56
56
  "@progress/kendo-svg-icons": "2.0.0",
57
- "@progress/kendo-theme-core": "7.1.0-dev.0",
58
- "@progress/kendo-theme-default": "7.1.0-dev.0",
59
- "@progress/kendo-theme-utils": "7.1.0-dev.0"
57
+ "@progress/kendo-theme-core": "7.1.0-dev.2",
58
+ "@progress/kendo-theme-default": "7.1.0-dev.2",
59
+ "@progress/kendo-theme-utils": "7.1.0-dev.2"
60
60
  },
61
61
  "directories": {
62
62
  "doc": "docs",
63
63
  "lib": "lib"
64
64
  },
65
- "gitHead": "e0a0885fdf92926065f788aab0ad62453b875258"
65
+ "gitHead": "5c463cc90be2d59355a047ce91142b02465fcc13"
66
66
  }
@@ -1,5 +1,9 @@
1
1
  // Notification
2
2
 
3
+ /// The row-gap between the elements in the Notification group.
4
+ /// @group notification
5
+ $kendo-notification-group-gap: k-map-get( $kendo-spacing, 2 ) !default;
6
+
3
7
  /// The horizontal padding of the Notification.
4
8
  /// @group notification
5
9
  $kendo-notification-padding-x: 16px !default;
@@ -38,7 +42,6 @@ $kendo-notification-shadow: $kendo-popup-shadow !default;
38
42
  /// @group notification
39
43
  $kendo-notification-icon-spacing: $kendo-icon-spacing !default;
40
44
 
41
-
42
45
  @function notification-theme( $colors ) {
43
46
  $_theme: ();
44
47