@progress/kendo-theme-fluent 10.6.0-dev.1 → 10.6.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.
Files changed (9) hide show
  1. package/dist/all.css +1 -1
  2. package/dist/fluent-main-dark.css +1 -1
  3. package/dist/fluent-main.css +1 -1
  4. package/lib/swatches/all.json +1 -1
  5. package/lib/swatches/fluent-main-dark.json +1 -1
  6. package/lib/swatches/fluent-main.json +1 -1
  7. package/package.json +4 -4
  8. package/scss/action-sheet/_layout.scss +6 -1
  9. package/scss/calendar/_layout.scss +9 -9
package/lib/swatches/all.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "All",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "10.6.0-dev.1",
6
+ "version": "10.6.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/fluent-main-dark.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main Dark",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "10.6.0-dev.1",
6
+ "version": "10.6.0-dev.3",
7
7
  "api": "modern",
8
8
  "previewColors": [
9
9
  "#ffffff",
package/lib/swatches/fluent-main.json CHANGED
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "10.6.0-dev.1",
6
+ "version": "10.6.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.6.0-dev.1",
4
+ "version": "10.6.0-dev.3",
5
5
  "author": "Progress",
6
6
  "license": "Apache-2.0",
7
7
  "keywords": [
@@ -54,12 +54,12 @@
54
54
  },
55
55
  "dependencies": {
56
56
  "@progress/kendo-svg-icons": "^4.0.0",
57
- "@progress/kendo-theme-core": "10.6.0-dev.1",
58
- "@progress/kendo-theme-utils": "10.6.0-dev.1"
57
+ "@progress/kendo-theme-core": "10.6.0-dev.3",
58
+ "@progress/kendo-theme-utils": "10.6.0-dev.3"
59
59
  },
60
60
  "directories": {
61
61
  "doc": "docs",
62
62
  "lib": "lib"
63
63
  },
64
- "gitHead": "ad221dc64d09d67b542d5aec44da07a8604904a3"
64
+ "gitHead": "d84da47877d4b18773ad7e5d2d9e7934e78094dd"
65
65
  }
package/scss/action-sheet/_layout.scss CHANGED
@@ -72,7 +72,12 @@
72
72
  overflow: hidden;
73
73
  position: relative;
74
74
  display: flex;
75
- flex-flow: row nowrap;
75
+
76
+ // Leave only "flex-flow: row nowrap;" here after the suites adopt the "k-actionsheet-view" element.
77
+ flex-flow: column nowrap;
78
+ &:has(> .k-actionsheet-view) {
79
+ flex-flow: row nowrap;
80
+ }
76
81
 
77
82
  .k-actionsheet-view {
78
83
  display: flex;
package/scss/calendar/_layout.scss CHANGED
@@ -140,7 +140,7 @@
140
140
  .k-calendar-header {
141
141
  padding-inline: var( --kendo-calendar-header-padding-x, #{$kendo-calendar-header-padding-x} );
142
142
  padding-block: var( --kendo-calendar-header-padding-y, #{$kendo-calendar-header-padding-y} );
143
- min-width: var( --kendo-calendar-header-min-width, #{$kendo-calendar-header-min-width} );
143
+ min-width: var( --INTERNAL--kendo-calendar-view-width, #{$kendo-calendar-view-width});
144
144
  box-sizing: border-box;
145
145
  display: flex;
146
146
  flex-direction: column;
@@ -214,8 +214,8 @@
214
214
  $_month-cell-size: $kendo-calendar-cell-size;
215
215
 
216
216
  .k-calendar-td {
217
- width: $_month-cell-size;
218
- height: $_month-cell-size;
217
+ width: var( --INTERNAL--kendo-calendar-cell-size, #{$_month-cell-size} );
218
+ height: var( --INTERNAL--kendo-calendar-cell-size, #{$_month-cell-size} );
219
219
  inline-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_month-cell-size} );
220
220
  block-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_month-cell-size} );
221
221
  }
@@ -228,8 +228,8 @@
228
228
  $_year-cell-size: ( 2 * $kendo-calendar-cell-size );
229
229
 
230
230
  .k-calendar-td {
231
- width: $_year-cell-size;
232
- height: $_year-cell-size;
231
+ width: var( --INTERNAL--kendo-calendar-cell-size, #{$_year-cell-size} );
232
+ height: var( --INTERNAL--kendo-calendar-cell-size, #{$_year-cell-size} );
233
233
  inline-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_year-cell-size} );
234
234
  block-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_year-cell-size} );
235
235
  }
@@ -242,8 +242,8 @@
242
242
  $_decade-cell-size: ( 2 * $kendo-calendar-cell-size );
243
243
 
244
244
  .k-calendar-td {
245
- width: $_decade-cell-size;
246
- height: $_decade-cell-size;
245
+ width: var( --INTERNAL--kendo-calendar-cell-size, #{$_decade-cell-size} );
246
+ height: var( --INTERNAL--kendo-calendar-cell-size, #{$_decade-cell-size} );
247
247
  inline-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_decade-cell-size} );
248
248
  block-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_decade-cell-size} );
249
249
  }
@@ -256,8 +256,8 @@
256
256
  $_century-cell-size: ( 2 * $kendo-calendar-cell-size );
257
257
 
258
258
  .k-calendar-td {
259
- width: $_century-cell-size;
260
- height: $_century-cell-size;
259
+ width: var( --INTERNAL--kendo-calendar-cell-size, #{$_century-cell-size} );
260
+ height: var( --INTERNAL--kendo-calendar-cell-size, #{$_century-cell-size} );
261
261
  inline-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_century-cell-size} );
262
262
  block-size: var( --INTERNAL--kendo-calendar-cell-size, #{$_century-cell-size} );
263
263
  }