@progress/kendo-theme-fluent 10.1.0-dev.1 → 10.1.0-dev.3

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.
@@ -89465,8 +89465,8 @@
89465
89465
  {
89466
89466
  "description": "",
89467
89467
  "commentRange": {
89468
- "start": 583,
89469
- "end": 587
89468
+ "start": 584,
89469
+ "end": 588
89470
89470
  },
89471
89471
  "context": {
89472
89472
  "type": "variable",
@@ -89474,8 +89474,8 @@
89474
89474
  "value": "black",
89475
89475
  "scope": "default",
89476
89476
  "line": {
89477
- "start": 588,
89478
- "end": 588
89477
+ "start": 589,
89478
+ "end": 589
89479
89479
  }
89480
89480
  },
89481
89481
  "link": [
@@ -89501,8 +89501,8 @@
89501
89501
  {
89502
89502
  "description": "Default light color for WCAG 2.0.\n",
89503
89503
  "commentRange": {
89504
- "start": 589,
89505
- "end": 591
89504
+ "start": 590,
89505
+ "end": 592
89506
89506
  },
89507
89507
  "context": {
89508
89508
  "type": "variable",
@@ -89510,8 +89510,8 @@
89510
89510
  "value": "white",
89511
89511
  "scope": "default",
89512
89512
  "line": {
89513
- "start": 592,
89514
- "end": 592
89513
+ "start": 593,
89514
+ "end": 593
89515
89515
  }
89516
89516
  },
89517
89517
  "type": "Color",
@@ -91820,8 +91820,8 @@
91820
91820
  {
91821
91821
  "description": "",
91822
91822
  "commentRange": {
91823
- "start": 583,
91824
- "end": 587
91823
+ "start": 584,
91824
+ "end": 588
91825
91825
  },
91826
91826
  "context": {
91827
91827
  "type": "variable",
@@ -91829,8 +91829,8 @@
91829
91829
  "value": "black",
91830
91830
  "scope": "default",
91831
91831
  "line": {
91832
- "start": 588,
91833
- "end": 588
91832
+ "start": 589,
91833
+ "end": 589
91834
91834
  }
91835
91835
  },
91836
91836
  "link": [
@@ -91856,8 +91856,8 @@
91856
91856
  {
91857
91857
  "description": "Default light color for WCAG 2.0.\n",
91858
91858
  "commentRange": {
91859
- "start": 589,
91860
- "end": 591
91859
+ "start": 590,
91860
+ "end": 592
91861
91861
  },
91862
91862
  "context": {
91863
91863
  "type": "variable",
@@ -91865,8 +91865,8 @@
91865
91865
  "value": "white",
91866
91866
  "scope": "default",
91867
91867
  "line": {
91868
- "start": 592,
91869
- "end": 592
91868
+ "start": 593,
91869
+ "end": 593
91870
91870
  }
91871
91871
  },
91872
91872
  "type": "Color",
@@ -79805,8 +79805,8 @@
79805
79805
  {
79806
79806
  "description": "",
79807
79807
  "commentRange": {
79808
- "start": 583,
79809
- "end": 587
79808
+ "start": 584,
79809
+ "end": 588
79810
79810
  },
79811
79811
  "context": {
79812
79812
  "type": "variable",
@@ -79814,8 +79814,8 @@
79814
79814
  "value": "black",
79815
79815
  "scope": "default",
79816
79816
  "line": {
79817
- "start": 588,
79818
- "end": 588
79817
+ "start": 589,
79818
+ "end": 589
79819
79819
  }
79820
79820
  },
79821
79821
  "link": [
@@ -79841,8 +79841,8 @@
79841
79841
  {
79842
79842
  "description": "Default light color for WCAG 2.0.\n",
79843
79843
  "commentRange": {
79844
- "start": 589,
79845
- "end": 591
79844
+ "start": 590,
79845
+ "end": 592
79846
79846
  },
79847
79847
  "context": {
79848
79848
  "type": "variable",
@@ -79850,8 +79850,8 @@
79850
79850
  "value": "white",
79851
79851
  "scope": "default",
79852
79852
  "line": {
79853
- "start": 592,
79854
- "end": 592
79853
+ "start": 593,
79854
+ "end": 593
79855
79855
  }
79856
79856
  },
79857
79857
  "type": "Color",
@@ -80075,8 +80075,8 @@
80075
80075
  {
80076
80076
  "description": "Set a specific jump point for requesting color jumps\n",
80077
80077
  "commentRange": {
80078
- "start": 178,
80079
- "end": 180
80078
+ "start": 179,
80079
+ "end": 181
80080
80080
  },
80081
80081
  "context": {
80082
80082
  "type": "variable",
@@ -80084,8 +80084,8 @@
80084
80084
  "value": "8%",
80085
80085
  "scope": "default",
80086
80086
  "line": {
80087
- "start": 181,
80088
- "end": 181
80087
+ "start": 182,
80088
+ "end": 182
80089
80089
  }
80090
80090
  },
80091
80091
  "group": [
@@ -3,7 +3,7 @@
3
3
  "name": "All",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "10.1.0-dev.1",
6
+ "version": "10.1.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "10.1.0-dev.1",
6
+ "version": "10.1.0-dev.3",
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": "10.1.0-dev.1",
6
+ "version": "10.1.0-dev.3",
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": "10.1.0-dev.1",
4
+ "version": "10.1.0-dev.3",
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": "^4.0.0",
56
- "@progress/kendo-theme-core": "10.1.0-dev.1",
57
- "@progress/kendo-theme-utils": "10.1.0-dev.1"
56
+ "@progress/kendo-theme-core": "10.1.0-dev.3",
57
+ "@progress/kendo-theme-utils": "10.1.0-dev.3"
58
58
  },
59
59
  "directories": {
60
60
  "doc": "docs",
61
61
  "lib": "lib"
62
62
  },
63
- "gitHead": "f2470e15cb389e8c8e4be7f159b3474da5ffdc07"
63
+ "gitHead": "a33add5dbf946b4fbaa83b9b2016ed1836a9fa0e"
64
64
  }
@@ -0,0 +1,19 @@
1
+ // Dependencies
2
+ @use "../core/_index.scss" as *;
3
+ @use "../utils/_index.scss" as *;
4
+
5
+ // Component
6
+ @forward "./_variables.scss";
7
+ @use "./_layout.scss" as *;
8
+ @use "./_theme.scss" as *;
9
+
10
+ // Expose
11
+ @mixin kendo-grid-layout--styles() {
12
+ @include import-once( "grid-layout" ) {
13
+ @include core-styles();
14
+ @include kendo-grid-layout--layout();
15
+ @include kendo-grid-layout--theme();
16
+ @include kendo-utils--flex-grid--align-items();
17
+ @include kendo-utils--flex-grid--justify-items();
18
+ }
19
+ }
@@ -0,0 +1,10 @@
1
+ @mixin kendo-grid-layout--layout-base() {
2
+
3
+ // GridLayout
4
+ .k-grid-layout {}
5
+
6
+ }
7
+
8
+ @mixin kendo-grid-layout--layout() {
9
+ @include kendo-grid-layout--layout-base();
10
+ }
@@ -0,0 +1,10 @@
1
+ @mixin kendo-grid-layout--theme-base() {
2
+
3
+ // GridLayout
4
+ .k-grid-layout {}
5
+
6
+ }
7
+
8
+ @mixin kendo-grid-layout--theme() {
9
+ @include kendo-grid-layout--theme-base();
10
+ }
@@ -0,0 +1 @@
1
+ // GridLayout
package/scss/index.scss CHANGED
@@ -1,16 +1,9 @@
1
- @forward "./core/_index.scss";
2
-
1
+ // Forward component modules by dependency order
3
2
 
4
- // Typography
3
+ @forward "./core/_index.scss";
5
4
  @forward "./typography/_index.scss";
6
-
7
-
8
- // Generic content
9
5
  @forward "./icons/_index.scss";
10
6
  @forward "./messagebox/_index.scss";
11
-
12
-
13
- // Primitive components
14
7
  @forward "./draggable/_index.scss";
15
8
  @forward "./list/_index.scss";
16
9
  @forward "./listgroup/_index.scss";
@@ -18,21 +11,17 @@
18
11
  @forward "./popup/_index.scss";
19
12
  @forward "./ripple/_index.scss";
20
13
  @forward "./table/_index.scss";
14
+ @forward "./gridlayout/_index.scss";
15
+ @forward "./stacklayout/_index.scss";
21
16
  @forward "./virtual-scroller/_index.scss";
22
17
  @forward "./no-data/_index.scss";
23
-
24
- // Indicators
25
18
  @forward "./avatar/_index.scss";
26
19
  @forward "./badge/_index.scss";
27
20
  @forward "./color-preview/_index.scss";
28
21
  @forward "./loader/_index.scss";
29
- // @use "./loading/_index.scss";
30
22
  @forward "./skeleton/_index.scss";
31
23
  @forward "./time-marker/_index.scss";
32
-
33
24
  @forward "./tooltip/_index.scss";
34
-
35
- // Native forms
36
25
  @forward "./button/_index.scss";
37
26
  @forward "./input/_index.scss";
38
27
  @forward "./floating-label/_index.scss";
@@ -44,23 +33,15 @@
44
33
  @forward "./radio/_index.scss";
45
34
  @forward "./slider/_index.scss";
46
35
  @forward "./chip/_index.scss";
47
-
48
36
  @forward "./action-buttons/_index.scss";
49
37
  @forward "./menu/_index.scss";
50
38
  @forward "./menu-button/_index.scss";
51
39
  @forward "./split-button/_index.scss";
52
40
  @forward "./toolbar/_index.scss";
53
-
54
- // Form helpers
55
41
  @forward "./forms/_index.scss";
56
42
  @forward "./validator/_index.scss";
57
-
58
- // Form requirements
59
43
  @forward "./calendar/_index.scss";
60
44
  @forward "./timeselector/_index.scss";
61
-
62
-
63
- // Augmented forms
64
45
  @forward "./autocomplete/_index.scss";
65
46
  @forward "./captcha/_index.scss";
66
47
  @forward "./colorpalette/_index.scss";
@@ -86,15 +67,9 @@
86
67
  @forward "./switch/_index.scss";
87
68
  @forward "./dropzone/_index.scss";
88
69
  @forward "./upload/_index.scss";
89
-
90
-
91
- // Command interfaces
92
70
  @forward "./appbar/_index.scss";
93
71
  @forward "./fab/_index.scss";
94
-
95
72
  @forward "./card/_index.scss";
96
-
97
- // Popups and modals
98
73
  @forward "./action-sheet/_index.scss";
99
74
  @forward "./window/_index.scss";
100
75
  @forward "./dialog/_index.scss";
@@ -102,18 +77,12 @@
102
77
  @forward "./notification/_index.scss";
103
78
  @forward "./popover/_index.scss";
104
79
  @forward "./responsivepanel/_index.scss";
105
-
106
-
107
- // Navigation
108
80
  @forward "./bottom-navigation/_index.scss";
109
81
  @forward "./breadcrumb/_index.scss";
110
82
  @forward "./pager/_index.scss";
111
83
  @forward "./stepper/_index.scss";
112
84
  @forward "./tabstrip/_index.scss";
113
85
  @forward "./wizard/_index.scss";
114
-
115
-
116
- // Layout & containers
117
86
  @forward "./expansion-panel/_index.scss";
118
87
  @forward "./panel/_index.scss";
119
88
  @forward "./panelbar/_index.scss";
@@ -123,31 +92,16 @@
123
92
  @forward "./adaptive/_index.scss";
124
93
  @forward "./grid/_index.scss";
125
94
  @forward "./listview/_index.scss";
126
-
127
-
128
- // Data management
129
-
130
-
131
95
  @forward "./spreadsheet/_index.scss";
132
96
  @forward "./pivotgrid/_index.scss";
133
97
  @forward "./treelist/_index.scss";
134
98
  @forward "./filter/_index.scss";
135
99
  @forward "./filemanager/_index.scss";
136
100
  @forward "./taskboard/_index.scss";
137
-
138
-
139
- // Editors
140
101
  @forward "./editor/_index.scss";
141
102
  @forward "./imageeditor/_index.scss";
142
-
143
-
144
- // Scheduling
145
103
  @forward "./gantt/_index.scss";
146
104
  @forward "./scheduler/_index.scss";
147
-
148
-
149
- // Misc
150
-
151
105
  @forward "./chat/_index.scss";
152
106
  @forward "./mediaplayer/_index.scss";
153
107
  @forward "./timeline/_index.scss";
@@ -155,9 +109,6 @@
155
109
  @forward "./scroller/_index.scss";
156
110
  @forward "./scrollview/_index.scss";
157
111
  @forward "./prompt/_index.scss";
158
-
159
-
160
- // Dataviz
161
112
  @forward "./dataviz/_index.scss";
162
113
  @forward "./chart-wizard/_index.scss";
163
114
  @forward "./map/_index.scss";
@@ -287,6 +238,8 @@
287
238
  @use "./panelbar/index.scss" as *;
288
239
  @use "./splitter/index.scss" as *;
289
240
  @use "./tilelayout/index.scss" as *;
241
+ @use "./gridlayout/_index.scss" as *;
242
+ @use "./stacklayout/_index.scss" as *;
290
243
  @use "./dock-manager/index.scss" as *;
291
244
  @use "./chart-wizard/index.scss" as *;
292
245
 
@@ -461,6 +414,8 @@
461
414
  @include kendo-panelbar--styles();
462
415
  @include kendo-splitter--styles();
463
416
  @include kendo-tile-layout--styles();
417
+ @include kendo-grid-layout--styles();
418
+ @include kendo-stack-layout--styles();
464
419
  @include kendo-dock-manager--styles();
465
420
  @include kendo-chart-wizard--styles();
466
421
 
@@ -113,6 +113,7 @@
113
113
  padding-inline: var( --INTERNAL--kendo-input-padding-x, 0 );
114
114
  padding-block: var( --INTERNAL--kendo-input-padding-y, 0 );
115
115
  appearance: auto;
116
+ align-items: center;
116
117
  }
117
118
 
118
119
 
@@ -47,6 +47,10 @@
47
47
  > .k-notification-content {
48
48
  flex: 1 1 auto;
49
49
  }
50
+
51
+ > .k-notification-status {
52
+ flex-shrink: 0;
53
+ }
50
54
  }
51
55
 
52
56
  .k-notification-actions {
@@ -523,12 +523,15 @@
523
523
  position: relative;
524
524
  z-index: 50;
525
525
  }
526
+
526
527
  .k-spreadsheet .k-filter-range {
527
528
  border-width: 2px;
528
529
  border-style: solid;
529
530
  position: absolute;
530
531
  box-sizing: border-box;
532
+ pointer-events: none;
531
533
  }
534
+
532
535
  .k-spreadsheet-filter {
533
536
  @include border-radius( k-border-radius(md) );
534
537
  padding: k-spacing(1);
@@ -0,0 +1,19 @@
1
+ // Dependencies
2
+ @use "../core/_index.scss" as *;
3
+ @use "../utils/_index.scss" as *;
4
+
5
+ // Component
6
+ @forward "./_variables.scss";
7
+ @use "./_layout.scss" as *;
8
+ @use "./_theme.scss" as *;
9
+
10
+ // Expose
11
+ @mixin kendo-stack-layout--styles() {
12
+ @include import-once( "stack-layout" ) {
13
+ @include core-styles();
14
+ @include kendo-stack-layout--layout();
15
+ @include kendo-stack-layout--theme();
16
+ @include kendo-utils--flex-grid--align-items();
17
+ @include kendo-utils--flex-grid--justify-content();
18
+ }
19
+ }
@@ -0,0 +1,10 @@
1
+ @mixin kendo-stack-layout--layout-base() {
2
+
3
+ // StackLayout
4
+ .k-stack-layout {}
5
+
6
+ }
7
+
8
+ @mixin kendo-stack-layout--layout() {
9
+ @include kendo-stack-layout--layout-base();
10
+ }
@@ -0,0 +1,10 @@
1
+ @mixin kendo-stack-layout--theme-base() {
2
+
3
+ // StackLayout
4
+ .k-stack-layout {}
5
+
6
+ }
7
+
8
+ @mixin kendo-stack-layout--theme() {
9
+ @include kendo-stack-layout--theme-base();
10
+ }
@@ -0,0 +1 @@
1
+ // StackLayout