@progress/kendo-theme-fluent 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
@@ -469,7 +469,6 @@
469
469
  }
470
470
 
471
471
  .k-current-time {
472
- width: var(--kendo-current-time-width, 1px);
473
472
  position: absolute;
474
473
  }
475
474
  .k-current-time.k-current-time-arrow-left, .k-current-time.k-current-time-arrow-right, .k-current-time.k-current-time-arrow-down {
@@ -37311,14 +37310,9 @@ kendo-drawer .k-drawer-wrapper {
37311
37310
  flex-flow: column-reverse wrap;
37312
37311
  position: fixed;
37313
37312
  z-index: 1000;
37313
+ gap: var(--kendo-notificaiton-group-gap, 0.5rem) 0;
37314
37314
  }
37315
37315
 
37316
- .k-notification-container {
37317
- margin-block: var(--kendo-notification-container-padding-y, 0.125rem);
37318
- margin-inline: 0;
37319
- display: inline-flex;
37320
- vertical-align: top;
37321
- }
37322
37316
  .k-notification-container-animating {
37323
37317
  overflow: hidden;
37324
37318
  }
@@ -48477,9 +48471,6 @@ kendo-scheduler .k-recurrence-editor {
48477
48471
  .k-timeline.k-timeline-dates-hidden .k-timeline-date {
48478
48472
  display: none;
48479
48473
  }
48480
- .k-timeline .k-event-collapse {
48481
- display: none;
48482
- }
48483
48474
  .k-timeline.k-timeline-collapsible .k-card-header {
48484
48475
  cursor: pointer;
48485
48476
  }
@@ -42201,15 +42201,15 @@
42201
42201
  }
42202
42202
  },
42203
42203
  {
42204
- "description": "The vertical padding of the Notification container.\n",
42204
+ "description": "The row-gap between the elements in the Notification group.\n",
42205
42205
  "commentRange": {
42206
42206
  "start": 4,
42207
42207
  "end": 5
42208
42208
  },
42209
42209
  "context": {
42210
42210
  "type": "variable",
42211
- "name": "kendo-notification-container-padding-y",
42212
- "value": "$kendo-padding-sm-y",
42211
+ "name": "kendo-notification-group-gap",
42212
+ "value": "map.get( $kendo-spacing, 2 )",
42213
42213
  "scope": "default",
42214
42214
  "line": {
42215
42215
  "start": 6,
@@ -116296,15 +116296,15 @@
116296
116296
  "title": "Notification",
116297
116297
  "variables": [
116298
116298
  {
116299
- "description": "The vertical padding of the Notification container.\n",
116299
+ "description": "The row-gap between the elements in the Notification group.\n",
116300
116300
  "commentRange": {
116301
116301
  "start": 4,
116302
116302
  "end": 5
116303
116303
  },
116304
116304
  "context": {
116305
116305
  "type": "variable",
116306
- "name": "kendo-notification-container-padding-y",
116307
- "value": "$kendo-padding-sm-y",
116306
+ "name": "kendo-notification-group-gap",
116307
+ "value": "map.get( $kendo-spacing, 2 )",
116308
116308
  "scope": "default",
116309
116309
  "line": {
116310
116310
  "start": 6,
@@ -42224,15 +42224,15 @@
42224
42224
  }
42225
42225
  },
42226
42226
  {
42227
- "description": "The vertical padding of the Notification container.\n",
42227
+ "description": "The row-gap between the elements in the Notification group.\n",
42228
42228
  "commentRange": {
42229
42229
  "start": 4,
42230
42230
  "end": 5
42231
42231
  },
42232
42232
  "context": {
42233
42233
  "type": "variable",
42234
- "name": "kendo-notification-container-padding-y",
42235
- "value": "$kendo-padding-sm-y",
42234
+ "name": "kendo-notification-group-gap",
42235
+ "value": "map.get( $kendo-spacing, 2 )",
42236
42236
  "scope": "default",
42237
42237
  "line": {
42238
42238
  "start": 6,
@@ -3,7 +3,7 @@
3
3
  "name": "All",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "7.1.0-dev.0",
6
+ "version": "7.1.0-dev.2",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@progress/kendo-theme-fluent",
3
3
  "description": "A css variables based theme for Kendo UI that follows the Fluent design system guidelines.",
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": [
@@ -53,12 +53,12 @@
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-utils": "7.1.0-dev.0"
56
+ "@progress/kendo-theme-core": "7.1.0-dev.2",
57
+ "@progress/kendo-theme-utils": "7.1.0-dev.2"
58
58
  },
59
59
  "directories": {
60
60
  "doc": "docs",
61
61
  "lib": "lib"
62
62
  },
63
- "gitHead": "e0a0885fdf92926065f788aab0ad62453b875258"
63
+ "gitHead": "5c463cc90be2d59355a047ce91142b02465fcc13"
64
64
  }
@@ -1,9 +1,7 @@
1
- $kendo-current-time-width: 1px !default;
2
1
  $kendo-current-time-color: #ff0000 !default;
3
2
 
4
3
  // Layout
5
4
  .k-current-time {
6
- width: var( --kendo-current-time-width, #{$kendo-current-time-width} );
7
5
  position: absolute;
8
6
 
9
7
  &.k-current-time-arrow-left,
@@ -10,17 +10,12 @@
10
10
  flex-flow: column-reverse wrap;
11
11
  position: fixed;
12
12
  z-index: 1000;
13
+ gap: var( --kendo-notificaiton-group-gap, #{$kendo-notification-group-gap} ) 0;
13
14
  }
14
15
 
15
- .k-notification-container {
16
- margin-block: var( --kendo-notification-container-padding-y, #{$kendo-notification-container-padding-y} );
17
- margin-inline: 0;
18
- display: inline-flex;
19
- vertical-align: top;
20
-
21
- &-animating {
22
- overflow: hidden;
23
- }
16
+ // Needed due to the specifics in the implementation of animations in Angular
17
+ .k-notification-container-animating {
18
+ overflow: hidden;
24
19
  }
25
20
 
26
21
  .k-notification {
@@ -1,9 +1,9 @@
1
1
  @use "sass:map";
2
2
  @use "../core/" as *;
3
3
 
4
- /// The vertical padding of the Notification container.
4
+ /// The row-gap between the elements in the Notification group.
5
5
  /// @group notification
6
- $kendo-notification-container-padding-y: $kendo-padding-sm-y !default;
6
+ $kendo-notification-group-gap: map.get( $kendo-spacing, 2 ) !default;
7
7
 
8
8
  /// The horizontal padding of the Notification.
9
9
  /// @group notification
@@ -59,10 +59,6 @@
59
59
  }
60
60
  }
61
61
 
62
- .k-event-collapse {
63
- display: none;
64
- }
65
-
66
62
  &.k-timeline-collapsible {
67
63
  .k-card-header {
68
64
  cursor: pointer;