@progress/kendo-theme-bootstrap 7.1.0-dev.0 → 7.1.0-dev.1

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
@@ -38324,13 +38324,7 @@ kendo-drawer .k-drawer-wrapper {
38324
38324
  flex-flow: column-reverse wrap;
38325
38325
  position: fixed;
38326
38326
  z-index: 1000;
38327
- }
38328
-
38329
- .k-notification-container {
38330
- margin-block: 0.5rem;
38331
- margin-inline: 0;
38332
- display: inline-flex;
38333
- vertical-align: top;
38327
+ gap: 0.75rem 0;
38334
38328
  }
38335
38329
 
38336
38330
  .k-notification-container-animating {
@@ -50349,10 +50343,6 @@ kendo-scheduler .k-event .k-event-actions:first-child,
50349
50343
  display: none;
50350
50344
  }
50351
50345
 
50352
- .k-timeline .k-event-collapse {
50353
- display: none;
50354
- }
50355
-
50356
50346
  .k-timeline.k-timeline-collapsible .k-card-header {
50357
50347
  cursor: pointer;
50358
50348
  }
package/dist/all.scss CHANGED
@@ -39377,6 +39377,10 @@ $_kendo-module-meta: (
39377
39377
  // #region @import "./_variables.scss"; -> scss/notification/_variables.scss
39378
39378
  // Notification
39379
39379
 
39380
+ /// The row-gap between the elements in the Notification group.
39381
+ /// @group notification
39382
+ $kendo-notification-group-gap: k-map-get( $kendo-spacing, 3 ) !default;
39383
+
39380
39384
  /// The horizontal padding of the Notification.
39381
39385
  /// @group notification
39382
39386
  $kendo-notification-padding-x: $alert-padding-x !default;
@@ -39448,17 +39452,12 @@ $kendo-notification-theme: notification-theme( $kendo-notification-theme-colors
39448
39452
  flex-flow: column-reverse wrap;
39449
39453
  position: fixed;
39450
39454
  z-index: 1000;
39455
+ gap: $kendo-notification-group-gap 0;
39451
39456
  }
39452
39457
 
39453
- .k-notification-container {
39454
- margin-block: k-math-div( $kendo-notification-padding-y, 2 );
39455
- margin-inline: 0;
39456
- display: inline-flex;
39457
- vertical-align: top;
39458
-
39459
- &-animating {
39460
- overflow: hidden;
39461
- }
39458
+ // Needed due to the specifics in the implementation of animations in Angular
39459
+ .k-notification-container-animating {
39460
+ overflow: hidden;
39462
39461
  }
39463
39462
 
39464
39463
  .k-notification {
@@ -58773,10 +58772,6 @@ $kendo-timeline-event-min-height-calc: calc(2 * (#{$kendo-timeline-track-event-o
58773
58772
  }
58774
58773
  }
58775
58774
 
58776
- .k-event-collapse {
58777
- display: none;
58778
- }
58779
-
58780
58775
  &.k-timeline-collapsible {
58781
58776
  .k-card-header {
58782
58777
  cursor: pointer;
@@ -26367,15 +26367,15 @@
26367
26367
  "resolvedType": "Number"
26368
26368
  },
26369
26369
  {
26370
- "description": "The horizontal padding of the Notification.\n",
26370
+ "description": "The row-gap between the elements in the Notification group.\n",
26371
26371
  "commentRange": {
26372
26372
  "start": 3,
26373
26373
  "end": 4
26374
26374
  },
26375
26375
  "context": {
26376
26376
  "type": "variable",
26377
- "name": "kendo-notification-padding-x",
26378
- "value": "$alert-padding-x",
26377
+ "name": "kendo-notification-group-gap",
26378
+ "value": "k-map-get( $kendo-spacing, 3 )",
26379
26379
  "scope": "default",
26380
26380
  "line": {
26381
26381
  "start": 5,
@@ -26390,14 +26390,41 @@
26390
26390
  "path": "notification/_variables.scss",
26391
26391
  "name": "_variables.scss"
26392
26392
  },
26393
+ "resolvedValue": "0.75rem",
26394
+ "resolvedType": "Number"
26395
+ },
26396
+ {
26397
+ "description": "The horizontal padding of the Notification.\n",
26398
+ "commentRange": {
26399
+ "start": 7,
26400
+ "end": 8
26401
+ },
26402
+ "context": {
26403
+ "type": "variable",
26404
+ "name": "kendo-notification-padding-x",
26405
+ "value": "$alert-padding-x",
26406
+ "scope": "default",
26407
+ "line": {
26408
+ "start": 9,
26409
+ "end": 9
26410
+ }
26411
+ },
26412
+ "group": [
26413
+ "notification"
26414
+ ],
26415
+ "access": "public",
26416
+ "file": {
26417
+ "path": "notification/_variables.scss",
26418
+ "name": "_variables.scss"
26419
+ },
26393
26420
  "resolvedValue": "1rem",
26394
26421
  "resolvedType": "Number"
26395
26422
  },
26396
26423
  {
26397
26424
  "description": "The vertical padding of the Notification.\n",
26398
26425
  "commentRange": {
26399
- "start": 6,
26400
- "end": 7
26426
+ "start": 10,
26427
+ "end": 11
26401
26428
  },
26402
26429
  "context": {
26403
26430
  "type": "variable",
@@ -26405,8 +26432,8 @@
26405
26432
  "value": "$alert-padding-y",
26406
26433
  "scope": "default",
26407
26434
  "line": {
26408
- "start": 8,
26409
- "end": 8
26435
+ "start": 12,
26436
+ "end": 12
26410
26437
  }
26411
26438
  },
26412
26439
  "group": [
@@ -26423,8 +26450,8 @@
26423
26450
  {
26424
26451
  "description": "The width of the border around the Notification.\n",
26425
26452
  "commentRange": {
26426
- "start": 9,
26427
- "end": 10
26453
+ "start": 13,
26454
+ "end": 14
26428
26455
  },
26429
26456
  "context": {
26430
26457
  "type": "variable",
@@ -26432,8 +26459,8 @@
26432
26459
  "value": "$alert-border-width",
26433
26460
  "scope": "default",
26434
26461
  "line": {
26435
- "start": 11,
26436
- "end": 11
26462
+ "start": 15,
26463
+ "end": 15
26437
26464
  }
26438
26465
  },
26439
26466
  "group": [
@@ -26450,8 +26477,8 @@
26450
26477
  {
26451
26478
  "description": "The border radius of the Notification.\n",
26452
26479
  "commentRange": {
26453
- "start": 12,
26454
- "end": 13
26480
+ "start": 16,
26481
+ "end": 17
26455
26482
  },
26456
26483
  "context": {
26457
26484
  "type": "variable",
@@ -26459,8 +26486,8 @@
26459
26486
  "value": "$alert-border-radius",
26460
26487
  "scope": "default",
26461
26488
  "line": {
26462
- "start": 14,
26463
- "end": 14
26489
+ "start": 18,
26490
+ "end": 18
26464
26491
  }
26465
26492
  },
26466
26493
  "group": [
@@ -26477,8 +26504,8 @@
26477
26504
  {
26478
26505
  "description": "The font family of the Notification.\n",
26479
26506
  "commentRange": {
26480
- "start": 15,
26481
- "end": 16
26507
+ "start": 19,
26508
+ "end": 20
26482
26509
  },
26483
26510
  "context": {
26484
26511
  "type": "variable",
@@ -26486,8 +26513,8 @@
26486
26513
  "value": "$kendo-font-family",
26487
26514
  "scope": "default",
26488
26515
  "line": {
26489
- "start": 17,
26490
- "end": 17
26516
+ "start": 21,
26517
+ "end": 21
26491
26518
  }
26492
26519
  },
26493
26520
  "group": [
@@ -26504,8 +26531,8 @@
26504
26531
  {
26505
26532
  "description": "The font size of the Notification.\n",
26506
26533
  "commentRange": {
26507
- "start": 18,
26508
- "end": 19
26534
+ "start": 22,
26535
+ "end": 23
26509
26536
  },
26510
26537
  "context": {
26511
26538
  "type": "variable",
@@ -26513,8 +26540,8 @@
26513
26540
  "value": "$kendo-font-size-sm",
26514
26541
  "scope": "default",
26515
26542
  "line": {
26516
- "start": 20,
26517
- "end": 20
26543
+ "start": 24,
26544
+ "end": 24
26518
26545
  }
26519
26546
  },
26520
26547
  "group": [
@@ -26531,8 +26558,8 @@
26531
26558
  {
26532
26559
  "description": "The line height of the Notification.\n",
26533
26560
  "commentRange": {
26534
- "start": 21,
26535
- "end": 22
26561
+ "start": 25,
26562
+ "end": 26
26536
26563
  },
26537
26564
  "context": {
26538
26565
  "type": "variable",
@@ -26540,8 +26567,8 @@
26540
26567
  "value": "$kendo-line-height-md",
26541
26568
  "scope": "default",
26542
26569
  "line": {
26543
- "start": 23,
26544
- "end": 23
26570
+ "start": 27,
26571
+ "end": 27
26545
26572
  }
26546
26573
  },
26547
26574
  "group": [
@@ -26558,8 +26585,8 @@
26558
26585
  {
26559
26586
  "description": "The background color of the Notification.\n",
26560
26587
  "commentRange": {
26561
- "start": 24,
26562
- "end": 25
26588
+ "start": 28,
26589
+ "end": 29
26563
26590
  },
26564
26591
  "context": {
26565
26592
  "type": "variable",
@@ -26567,8 +26594,8 @@
26567
26594
  "value": "$kendo-component-bg",
26568
26595
  "scope": "default",
26569
26596
  "line": {
26570
- "start": 26,
26571
- "end": 26
26597
+ "start": 30,
26598
+ "end": 30
26572
26599
  }
26573
26600
  },
26574
26601
  "group": [
@@ -26585,8 +26612,8 @@
26585
26612
  {
26586
26613
  "description": "The text color of the Notification.\n",
26587
26614
  "commentRange": {
26588
- "start": 27,
26589
- "end": 28
26615
+ "start": 31,
26616
+ "end": 32
26590
26617
  },
26591
26618
  "context": {
26592
26619
  "type": "variable",
@@ -26594,8 +26621,8 @@
26594
26621
  "value": "$kendo-component-text",
26595
26622
  "scope": "default",
26596
26623
  "line": {
26597
- "start": 29,
26598
- "end": 29
26624
+ "start": 33,
26625
+ "end": 33
26599
26626
  }
26600
26627
  },
26601
26628
  "group": [
@@ -26612,8 +26639,8 @@
26612
26639
  {
26613
26640
  "description": "The border color of the Notification.\n",
26614
26641
  "commentRange": {
26615
- "start": 30,
26616
- "end": 31
26642
+ "start": 34,
26643
+ "end": 35
26617
26644
  },
26618
26645
  "context": {
26619
26646
  "type": "variable",
@@ -26621,8 +26648,8 @@
26621
26648
  "value": "$kendo-component-border",
26622
26649
  "scope": "default",
26623
26650
  "line": {
26624
- "start": 32,
26625
- "end": 32
26651
+ "start": 36,
26652
+ "end": 36
26626
26653
  }
26627
26654
  },
26628
26655
  "group": [
@@ -26639,8 +26666,8 @@
26639
26666
  {
26640
26667
  "description": "The box shadow of the Notification.\n",
26641
26668
  "commentRange": {
26642
- "start": 33,
26643
- "end": 34
26669
+ "start": 37,
26670
+ "end": 38
26644
26671
  },
26645
26672
  "context": {
26646
26673
  "type": "variable",
@@ -26648,8 +26675,8 @@
26648
26675
  "value": "$kendo-popup-shadow",
26649
26676
  "scope": "default",
26650
26677
  "line": {
26651
- "start": 35,
26652
- "end": 35
26678
+ "start": 39,
26679
+ "end": 39
26653
26680
  }
26654
26681
  },
26655
26682
  "group": [
@@ -26666,8 +26693,8 @@
26666
26693
  {
26667
26694
  "description": "The horizontal spacing of the Notification icon.\n",
26668
26695
  "commentRange": {
26669
- "start": 37,
26670
- "end": 38
26696
+ "start": 41,
26697
+ "end": 42
26671
26698
  },
26672
26699
  "context": {
26673
26700
  "type": "variable",
@@ -26675,8 +26702,8 @@
26675
26702
  "value": "$kendo-icon-spacing",
26676
26703
  "scope": "default",
26677
26704
  "line": {
26678
- "start": 39,
26679
- "end": 39
26705
+ "start": 43,
26706
+ "end": 43
26680
26707
  }
26681
26708
  },
26682
26709
  "group": [
@@ -26693,8 +26720,8 @@
26693
26720
  {
26694
26721
  "description": "The theme colors map for the Notification.\n",
26695
26722
  "commentRange": {
26696
- "start": 55,
26697
- "end": 56
26723
+ "start": 59,
26724
+ "end": 60
26698
26725
  },
26699
26726
  "context": {
26700
26727
  "type": "variable",
@@ -26702,8 +26729,8 @@
26702
26729
  "value": "$kendo-theme-colors",
26703
26730
  "scope": "default",
26704
26731
  "line": {
26705
- "start": 57,
26706
- "end": 57
26732
+ "start": 61,
26733
+ "end": 61
26707
26734
  }
26708
26735
  },
26709
26736
  "group": [
@@ -26720,8 +26747,8 @@
26720
26747
  {
26721
26748
  "description": "The generated theme colors map for the Notification.\n",
26722
26749
  "commentRange": {
26723
- "start": 58,
26724
- "end": 59
26750
+ "start": 62,
26751
+ "end": 63
26725
26752
  },
26726
26753
  "context": {
26727
26754
  "type": "variable",
@@ -26729,8 +26756,8 @@
26729
26756
  "value": "notification-theme( $kendo-notification-theme-colors )",
26730
26757
  "scope": "default",
26731
26758
  "line": {
26732
- "start": 60,
26733
- "end": 60
26759
+ "start": 64,
26760
+ "end": 64
26734
26761
  }
26735
26762
  },
26736
26763
  "group": [
@@ -69495,15 +69522,15 @@
69495
69522
  "title": "Notification",
69496
69523
  "variables": [
69497
69524
  {
69498
- "description": "The horizontal padding of the Notification.\n",
69525
+ "description": "The row-gap between the elements in the Notification group.\n",
69499
69526
  "commentRange": {
69500
69527
  "start": 3,
69501
69528
  "end": 4
69502
69529
  },
69503
69530
  "context": {
69504
69531
  "type": "variable",
69505
- "name": "kendo-notification-padding-x",
69506
- "value": "$alert-padding-x",
69532
+ "name": "kendo-notification-group-gap",
69533
+ "value": "k-map-get( $kendo-spacing, 3 )",
69507
69534
  "scope": "default",
69508
69535
  "line": {
69509
69536
  "start": 5,
@@ -69518,14 +69545,41 @@
69518
69545
  "path": "notification/_variables.scss",
69519
69546
  "name": "_variables.scss"
69520
69547
  },
69548
+ "resolvedValue": "0.75rem",
69549
+ "resolvedType": "Number"
69550
+ },
69551
+ {
69552
+ "description": "The horizontal padding of the Notification.\n",
69553
+ "commentRange": {
69554
+ "start": 7,
69555
+ "end": 8
69556
+ },
69557
+ "context": {
69558
+ "type": "variable",
69559
+ "name": "kendo-notification-padding-x",
69560
+ "value": "$alert-padding-x",
69561
+ "scope": "default",
69562
+ "line": {
69563
+ "start": 9,
69564
+ "end": 9
69565
+ }
69566
+ },
69567
+ "group": [
69568
+ "notification"
69569
+ ],
69570
+ "access": "public",
69571
+ "file": {
69572
+ "path": "notification/_variables.scss",
69573
+ "name": "_variables.scss"
69574
+ },
69521
69575
  "resolvedValue": "1rem",
69522
69576
  "resolvedType": "Number"
69523
69577
  },
69524
69578
  {
69525
69579
  "description": "The vertical padding of the Notification.\n",
69526
69580
  "commentRange": {
69527
- "start": 6,
69528
- "end": 7
69581
+ "start": 10,
69582
+ "end": 11
69529
69583
  },
69530
69584
  "context": {
69531
69585
  "type": "variable",
@@ -69533,8 +69587,8 @@
69533
69587
  "value": "$alert-padding-y",
69534
69588
  "scope": "default",
69535
69589
  "line": {
69536
- "start": 8,
69537
- "end": 8
69590
+ "start": 12,
69591
+ "end": 12
69538
69592
  }
69539
69593
  },
69540
69594
  "group": [
@@ -69551,8 +69605,8 @@
69551
69605
  {
69552
69606
  "description": "The width of the border around the Notification.\n",
69553
69607
  "commentRange": {
69554
- "start": 9,
69555
- "end": 10
69608
+ "start": 13,
69609
+ "end": 14
69556
69610
  },
69557
69611
  "context": {
69558
69612
  "type": "variable",
@@ -69560,8 +69614,8 @@
69560
69614
  "value": "$alert-border-width",
69561
69615
  "scope": "default",
69562
69616
  "line": {
69563
- "start": 11,
69564
- "end": 11
69617
+ "start": 15,
69618
+ "end": 15
69565
69619
  }
69566
69620
  },
69567
69621
  "group": [
@@ -69578,8 +69632,8 @@
69578
69632
  {
69579
69633
  "description": "The border radius of the Notification.\n",
69580
69634
  "commentRange": {
69581
- "start": 12,
69582
- "end": 13
69635
+ "start": 16,
69636
+ "end": 17
69583
69637
  },
69584
69638
  "context": {
69585
69639
  "type": "variable",
@@ -69587,8 +69641,8 @@
69587
69641
  "value": "$alert-border-radius",
69588
69642
  "scope": "default",
69589
69643
  "line": {
69590
- "start": 14,
69591
- "end": 14
69644
+ "start": 18,
69645
+ "end": 18
69592
69646
  }
69593
69647
  },
69594
69648
  "group": [
@@ -69605,8 +69659,8 @@
69605
69659
  {
69606
69660
  "description": "The font family of the Notification.\n",
69607
69661
  "commentRange": {
69608
- "start": 15,
69609
- "end": 16
69662
+ "start": 19,
69663
+ "end": 20
69610
69664
  },
69611
69665
  "context": {
69612
69666
  "type": "variable",
@@ -69614,8 +69668,8 @@
69614
69668
  "value": "$kendo-font-family",
69615
69669
  "scope": "default",
69616
69670
  "line": {
69617
- "start": 17,
69618
- "end": 17
69671
+ "start": 21,
69672
+ "end": 21
69619
69673
  }
69620
69674
  },
69621
69675
  "group": [
@@ -69632,8 +69686,8 @@
69632
69686
  {
69633
69687
  "description": "The font size of the Notification.\n",
69634
69688
  "commentRange": {
69635
- "start": 18,
69636
- "end": 19
69689
+ "start": 22,
69690
+ "end": 23
69637
69691
  },
69638
69692
  "context": {
69639
69693
  "type": "variable",
@@ -69641,8 +69695,8 @@
69641
69695
  "value": "$kendo-font-size-sm",
69642
69696
  "scope": "default",
69643
69697
  "line": {
69644
- "start": 20,
69645
- "end": 20
69698
+ "start": 24,
69699
+ "end": 24
69646
69700
  }
69647
69701
  },
69648
69702
  "group": [
@@ -69659,8 +69713,8 @@
69659
69713
  {
69660
69714
  "description": "The line height of the Notification.\n",
69661
69715
  "commentRange": {
69662
- "start": 21,
69663
- "end": 22
69716
+ "start": 25,
69717
+ "end": 26
69664
69718
  },
69665
69719
  "context": {
69666
69720
  "type": "variable",
@@ -69668,8 +69722,8 @@
69668
69722
  "value": "$kendo-line-height-md",
69669
69723
  "scope": "default",
69670
69724
  "line": {
69671
- "start": 23,
69672
- "end": 23
69725
+ "start": 27,
69726
+ "end": 27
69673
69727
  }
69674
69728
  },
69675
69729
  "group": [
@@ -69686,8 +69740,8 @@
69686
69740
  {
69687
69741
  "description": "The background color of the Notification.\n",
69688
69742
  "commentRange": {
69689
- "start": 24,
69690
- "end": 25
69743
+ "start": 28,
69744
+ "end": 29
69691
69745
  },
69692
69746
  "context": {
69693
69747
  "type": "variable",
@@ -69695,8 +69749,8 @@
69695
69749
  "value": "$kendo-component-bg",
69696
69750
  "scope": "default",
69697
69751
  "line": {
69698
- "start": 26,
69699
- "end": 26
69752
+ "start": 30,
69753
+ "end": 30
69700
69754
  }
69701
69755
  },
69702
69756
  "group": [
@@ -69713,8 +69767,8 @@
69713
69767
  {
69714
69768
  "description": "The text color of the Notification.\n",
69715
69769
  "commentRange": {
69716
- "start": 27,
69717
- "end": 28
69770
+ "start": 31,
69771
+ "end": 32
69718
69772
  },
69719
69773
  "context": {
69720
69774
  "type": "variable",
@@ -69722,8 +69776,8 @@
69722
69776
  "value": "$kendo-component-text",
69723
69777
  "scope": "default",
69724
69778
  "line": {
69725
- "start": 29,
69726
- "end": 29
69779
+ "start": 33,
69780
+ "end": 33
69727
69781
  }
69728
69782
  },
69729
69783
  "group": [
@@ -69740,8 +69794,8 @@
69740
69794
  {
69741
69795
  "description": "The border color of the Notification.\n",
69742
69796
  "commentRange": {
69743
- "start": 30,
69744
- "end": 31
69797
+ "start": 34,
69798
+ "end": 35
69745
69799
  },
69746
69800
  "context": {
69747
69801
  "type": "variable",
@@ -69749,8 +69803,8 @@
69749
69803
  "value": "$kendo-component-border",
69750
69804
  "scope": "default",
69751
69805
  "line": {
69752
- "start": 32,
69753
- "end": 32
69806
+ "start": 36,
69807
+ "end": 36
69754
69808
  }
69755
69809
  },
69756
69810
  "group": [
@@ -69767,8 +69821,8 @@
69767
69821
  {
69768
69822
  "description": "The box shadow of the Notification.\n",
69769
69823
  "commentRange": {
69770
- "start": 33,
69771
- "end": 34
69824
+ "start": 37,
69825
+ "end": 38
69772
69826
  },
69773
69827
  "context": {
69774
69828
  "type": "variable",
@@ -69776,8 +69830,8 @@
69776
69830
  "value": "$kendo-popup-shadow",
69777
69831
  "scope": "default",
69778
69832
  "line": {
69779
- "start": 35,
69780
- "end": 35
69833
+ "start": 39,
69834
+ "end": 39
69781
69835
  }
69782
69836
  },
69783
69837
  "group": [
@@ -69794,8 +69848,8 @@
69794
69848
  {
69795
69849
  "description": "The horizontal spacing of the Notification icon.\n",
69796
69850
  "commentRange": {
69797
- "start": 37,
69798
- "end": 38
69851
+ "start": 41,
69852
+ "end": 42
69799
69853
  },
69800
69854
  "context": {
69801
69855
  "type": "variable",
@@ -69803,8 +69857,8 @@
69803
69857
  "value": "$kendo-icon-spacing",
69804
69858
  "scope": "default",
69805
69859
  "line": {
69806
- "start": 39,
69807
- "end": 39
69860
+ "start": 43,
69861
+ "end": 43
69808
69862
  }
69809
69863
  },
69810
69864
  "group": [
@@ -69821,8 +69875,8 @@
69821
69875
  {
69822
69876
  "description": "The theme colors map for the Notification.\n",
69823
69877
  "commentRange": {
69824
- "start": 55,
69825
- "end": 56
69878
+ "start": 59,
69879
+ "end": 60
69826
69880
  },
69827
69881
  "context": {
69828
69882
  "type": "variable",
@@ -69830,8 +69884,8 @@
69830
69884
  "value": "$kendo-theme-colors",
69831
69885
  "scope": "default",
69832
69886
  "line": {
69833
- "start": 57,
69834
- "end": 57
69887
+ "start": 61,
69888
+ "end": 61
69835
69889
  }
69836
69890
  },
69837
69891
  "group": [
@@ -69848,8 +69902,8 @@
69848
69902
  {
69849
69903
  "description": "The generated theme colors map for the Notification.\n",
69850
69904
  "commentRange": {
69851
- "start": 58,
69852
- "end": 59
69905
+ "start": 62,
69906
+ "end": 63
69853
69907
  },
69854
69908
  "context": {
69855
69909
  "type": "variable",
@@ -69857,8 +69911,8 @@
69857
69911
  "value": "notification-theme( $kendo-notification-theme-colors )",
69858
69912
  "scope": "default",
69859
69913
  "line": {
69860
- "start": 60,
69861
- "end": 60
69914
+ "start": 64,
69915
+ "end": 64
69862
69916
  }
69863
69917
  },
69864
69918
  "group": [
@@ -24414,15 +24414,15 @@
24414
24414
  }
24415
24415
  },
24416
24416
  {
24417
- "description": "The horizontal padding of the Notification.\n",
24417
+ "description": "The row-gap between the elements in the Notification group.\n",
24418
24418
  "commentRange": {
24419
24419
  "start": 3,
24420
24420
  "end": 4
24421
24421
  },
24422
24422
  "context": {
24423
24423
  "type": "variable",
24424
- "name": "kendo-notification-padding-x",
24425
- "value": "$alert-padding-x",
24424
+ "name": "kendo-notification-group-gap",
24425
+ "value": "k-map-get( $kendo-spacing, 3 )",
24426
24426
  "scope": "default",
24427
24427
  "line": {
24428
24428
  "start": 5,
@@ -24438,11 +24438,36 @@
24438
24438
  "name": "_variables.scss"
24439
24439
  }
24440
24440
  },
24441
+ {
24442
+ "description": "The horizontal padding of the Notification.\n",
24443
+ "commentRange": {
24444
+ "start": 7,
24445
+ "end": 8
24446
+ },
24447
+ "context": {
24448
+ "type": "variable",
24449
+ "name": "kendo-notification-padding-x",
24450
+ "value": "$alert-padding-x",
24451
+ "scope": "default",
24452
+ "line": {
24453
+ "start": 9,
24454
+ "end": 9
24455
+ }
24456
+ },
24457
+ "group": [
24458
+ "notification"
24459
+ ],
24460
+ "access": "public",
24461
+ "file": {
24462
+ "path": "notification/_variables.scss",
24463
+ "name": "_variables.scss"
24464
+ }
24465
+ },
24441
24466
  {
24442
24467
  "description": "The vertical padding of the Notification.\n",
24443
24468
  "commentRange": {
24444
- "start": 6,
24445
- "end": 7
24469
+ "start": 10,
24470
+ "end": 11
24446
24471
  },
24447
24472
  "context": {
24448
24473
  "type": "variable",
@@ -24450,8 +24475,8 @@
24450
24475
  "value": "$alert-padding-y",
24451
24476
  "scope": "default",
24452
24477
  "line": {
24453
- "start": 8,
24454
- "end": 8
24478
+ "start": 12,
24479
+ "end": 12
24455
24480
  }
24456
24481
  },
24457
24482
  "group": [
@@ -24466,8 +24491,8 @@
24466
24491
  {
24467
24492
  "description": "The width of the border around the Notification.\n",
24468
24493
  "commentRange": {
24469
- "start": 9,
24470
- "end": 10
24494
+ "start": 13,
24495
+ "end": 14
24471
24496
  },
24472
24497
  "context": {
24473
24498
  "type": "variable",
@@ -24475,8 +24500,8 @@
24475
24500
  "value": "$alert-border-width",
24476
24501
  "scope": "default",
24477
24502
  "line": {
24478
- "start": 11,
24479
- "end": 11
24503
+ "start": 15,
24504
+ "end": 15
24480
24505
  }
24481
24506
  },
24482
24507
  "group": [
@@ -24491,8 +24516,8 @@
24491
24516
  {
24492
24517
  "description": "The border radius of the Notification.\n",
24493
24518
  "commentRange": {
24494
- "start": 12,
24495
- "end": 13
24519
+ "start": 16,
24520
+ "end": 17
24496
24521
  },
24497
24522
  "context": {
24498
24523
  "type": "variable",
@@ -24500,8 +24525,8 @@
24500
24525
  "value": "$alert-border-radius",
24501
24526
  "scope": "default",
24502
24527
  "line": {
24503
- "start": 14,
24504
- "end": 14
24528
+ "start": 18,
24529
+ "end": 18
24505
24530
  }
24506
24531
  },
24507
24532
  "group": [
@@ -24516,8 +24541,8 @@
24516
24541
  {
24517
24542
  "description": "The font family of the Notification.\n",
24518
24543
  "commentRange": {
24519
- "start": 15,
24520
- "end": 16
24544
+ "start": 19,
24545
+ "end": 20
24521
24546
  },
24522
24547
  "context": {
24523
24548
  "type": "variable",
@@ -24525,8 +24550,8 @@
24525
24550
  "value": "$kendo-font-family",
24526
24551
  "scope": "default",
24527
24552
  "line": {
24528
- "start": 17,
24529
- "end": 17
24553
+ "start": 21,
24554
+ "end": 21
24530
24555
  }
24531
24556
  },
24532
24557
  "group": [
@@ -24541,8 +24566,8 @@
24541
24566
  {
24542
24567
  "description": "The font size of the Notification.\n",
24543
24568
  "commentRange": {
24544
- "start": 18,
24545
- "end": 19
24569
+ "start": 22,
24570
+ "end": 23
24546
24571
  },
24547
24572
  "context": {
24548
24573
  "type": "variable",
@@ -24550,8 +24575,8 @@
24550
24575
  "value": "$kendo-font-size-sm",
24551
24576
  "scope": "default",
24552
24577
  "line": {
24553
- "start": 20,
24554
- "end": 20
24578
+ "start": 24,
24579
+ "end": 24
24555
24580
  }
24556
24581
  },
24557
24582
  "group": [
@@ -24566,8 +24591,8 @@
24566
24591
  {
24567
24592
  "description": "The line height of the Notification.\n",
24568
24593
  "commentRange": {
24569
- "start": 21,
24570
- "end": 22
24594
+ "start": 25,
24595
+ "end": 26
24571
24596
  },
24572
24597
  "context": {
24573
24598
  "type": "variable",
@@ -24575,8 +24600,8 @@
24575
24600
  "value": "$kendo-line-height-md",
24576
24601
  "scope": "default",
24577
24602
  "line": {
24578
- "start": 23,
24579
- "end": 23
24603
+ "start": 27,
24604
+ "end": 27
24580
24605
  }
24581
24606
  },
24582
24607
  "group": [
@@ -24591,8 +24616,8 @@
24591
24616
  {
24592
24617
  "description": "The background color of the Notification.\n",
24593
24618
  "commentRange": {
24594
- "start": 24,
24595
- "end": 25
24619
+ "start": 28,
24620
+ "end": 29
24596
24621
  },
24597
24622
  "context": {
24598
24623
  "type": "variable",
@@ -24600,8 +24625,8 @@
24600
24625
  "value": "$kendo-component-bg",
24601
24626
  "scope": "default",
24602
24627
  "line": {
24603
- "start": 26,
24604
- "end": 26
24628
+ "start": 30,
24629
+ "end": 30
24605
24630
  }
24606
24631
  },
24607
24632
  "group": [
@@ -24616,8 +24641,8 @@
24616
24641
  {
24617
24642
  "description": "The text color of the Notification.\n",
24618
24643
  "commentRange": {
24619
- "start": 27,
24620
- "end": 28
24644
+ "start": 31,
24645
+ "end": 32
24621
24646
  },
24622
24647
  "context": {
24623
24648
  "type": "variable",
@@ -24625,8 +24650,8 @@
24625
24650
  "value": "$kendo-component-text",
24626
24651
  "scope": "default",
24627
24652
  "line": {
24628
- "start": 29,
24629
- "end": 29
24653
+ "start": 33,
24654
+ "end": 33
24630
24655
  }
24631
24656
  },
24632
24657
  "group": [
@@ -24641,8 +24666,8 @@
24641
24666
  {
24642
24667
  "description": "The border color of the Notification.\n",
24643
24668
  "commentRange": {
24644
- "start": 30,
24645
- "end": 31
24669
+ "start": 34,
24670
+ "end": 35
24646
24671
  },
24647
24672
  "context": {
24648
24673
  "type": "variable",
@@ -24650,8 +24675,8 @@
24650
24675
  "value": "$kendo-component-border",
24651
24676
  "scope": "default",
24652
24677
  "line": {
24653
- "start": 32,
24654
- "end": 32
24678
+ "start": 36,
24679
+ "end": 36
24655
24680
  }
24656
24681
  },
24657
24682
  "group": [
@@ -24666,8 +24691,8 @@
24666
24691
  {
24667
24692
  "description": "The box shadow of the Notification.\n",
24668
24693
  "commentRange": {
24669
- "start": 33,
24670
- "end": 34
24694
+ "start": 37,
24695
+ "end": 38
24671
24696
  },
24672
24697
  "context": {
24673
24698
  "type": "variable",
@@ -24675,8 +24700,8 @@
24675
24700
  "value": "$kendo-popup-shadow",
24676
24701
  "scope": "default",
24677
24702
  "line": {
24678
- "start": 35,
24679
- "end": 35
24703
+ "start": 39,
24704
+ "end": 39
24680
24705
  }
24681
24706
  },
24682
24707
  "group": [
@@ -24691,8 +24716,8 @@
24691
24716
  {
24692
24717
  "description": "The horizontal spacing of the Notification icon.\n",
24693
24718
  "commentRange": {
24694
- "start": 37,
24695
- "end": 38
24719
+ "start": 41,
24720
+ "end": 42
24696
24721
  },
24697
24722
  "context": {
24698
24723
  "type": "variable",
@@ -24700,8 +24725,8 @@
24700
24725
  "value": "$kendo-icon-spacing",
24701
24726
  "scope": "default",
24702
24727
  "line": {
24703
- "start": 39,
24704
- "end": 39
24728
+ "start": 43,
24729
+ "end": 43
24705
24730
  }
24706
24731
  },
24707
24732
  "group": [
@@ -24716,8 +24741,8 @@
24716
24741
  {
24717
24742
  "description": "The theme colors map for the Notification.\n",
24718
24743
  "commentRange": {
24719
- "start": 55,
24720
- "end": 56
24744
+ "start": 59,
24745
+ "end": 60
24721
24746
  },
24722
24747
  "context": {
24723
24748
  "type": "variable",
@@ -24725,8 +24750,8 @@
24725
24750
  "value": "$kendo-theme-colors",
24726
24751
  "scope": "default",
24727
24752
  "line": {
24728
- "start": 57,
24729
- "end": 57
24753
+ "start": 61,
24754
+ "end": 61
24730
24755
  }
24731
24756
  },
24732
24757
  "group": [
@@ -24741,8 +24766,8 @@
24741
24766
  {
24742
24767
  "description": "The generated theme colors map for the Notification.\n",
24743
24768
  "commentRange": {
24744
- "start": 58,
24745
- "end": 59
24769
+ "start": 62,
24770
+ "end": 63
24746
24771
  },
24747
24772
  "context": {
24748
24773
  "type": "variable",
@@ -24750,8 +24775,8 @@
24750
24775
  "value": "notification-theme( $kendo-notification-theme-colors )",
24751
24776
  "scope": "default",
24752
24777
  "line": {
24753
- "start": 60,
24754
- "end": 60
24778
+ "start": 64,
24779
+ "end": 64
24755
24780
  }
24756
24781
  },
24757
24782
  "group": [
@@ -10407,6 +10407,10 @@
10407
10407
  "type": "Color",
10408
10408
  "value": "white"
10409
10409
  },
10410
+ "kendo-notification-group-gap": {
10411
+ "type": "Number",
10412
+ "value": "0.75rem"
10413
+ },
10410
10414
  "kendo-notification-padding-x": {
10411
10415
  "type": "Number",
10412
10416
  "value": "1rem"
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.1",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#222222",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 3",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f5f5f5",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4 Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.1",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap 4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Dataviz v4",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.1",
7
7
  "previewColors": [
8
8
  "#0275d8",
9
9
  "#5bc0de",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.1",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#212529",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Nordic",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f8f9fa",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.1",
7
7
  "previewColors": [
8
8
  "#000000",
9
9
  "#292b2c",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Turquoise",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f2f2f2",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Urban",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#e3eef4",
@@ -3,7 +3,7 @@
3
3
  "name": "Bootstrap Vintage",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-bootstrap",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.1",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#f2efe8",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-bootstrap",
3
3
  "description": "Bootstrap theme for Kendo UI",
4
- "version": "7.1.0-dev.0",
4
+ "version": "7.1.0-dev.1",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -53,14 +53,14 @@
53
53
  },
54
54
  "dependencies": {
55
55
  "@progress/kendo-svg-icons": "2.0.0",
56
- "@progress/kendo-theme-core": "7.1.0-dev.0",
57
- "@progress/kendo-theme-default": "7.1.0-dev.0",
58
- "@progress/kendo-theme-utils": "7.1.0-dev.0",
56
+ "@progress/kendo-theme-core": "7.1.0-dev.1",
57
+ "@progress/kendo-theme-default": "7.1.0-dev.1",
58
+ "@progress/kendo-theme-utils": "7.1.0-dev.1",
59
59
  "bootstrap": "5.2.1"
60
60
  },
61
61
  "directories": {
62
62
  "doc": "docs",
63
63
  "lib": "lib"
64
64
  },
65
- "gitHead": "e0a0885fdf92926065f788aab0ad62453b875258"
65
+ "gitHead": "9b5f2911c5d1962fef292ed43c870776a0bf23d9"
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, 3 ) !default;
6
+
3
7
  /// The horizontal padding of the Notification.
4
8
  /// @group notification
5
9
  $kendo-notification-padding-x: $alert-padding-x !default;