@progress/kendo-theme-fluent 11.1.0-dev.5 → 11.1.0-dev.7

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.
@@ -34768,6 +34768,256 @@
34768
34768
  "name": "_variables.scss"
34769
34769
  }
34770
34770
  },
34771
+ {
34772
+ "description": "The horizontal padding of the Grid stack layout cells.\n",
34773
+ "commentRange": {
34774
+ "start": 516,
34775
+ "end": 517
34776
+ },
34777
+ "context": {
34778
+ "type": "variable",
34779
+ "name": "kendo-grid-stack-cell-padding-x",
34780
+ "value": "k-spacing(2)",
34781
+ "scope": "default",
34782
+ "line": {
34783
+ "start": 518,
34784
+ "end": 518
34785
+ }
34786
+ },
34787
+ "group": [
34788
+ "grid"
34789
+ ],
34790
+ "access": "public",
34791
+ "file": {
34792
+ "path": "grid/_variables.scss",
34793
+ "name": "_variables.scss"
34794
+ }
34795
+ },
34796
+ {
34797
+ "description": "The vertical padding of the Grid stack layout cells.\n",
34798
+ "commentRange": {
34799
+ "start": 519,
34800
+ "end": 520
34801
+ },
34802
+ "context": {
34803
+ "type": "variable",
34804
+ "name": "kendo-grid-stack-cell-padding-y",
34805
+ "value": "k-spacing(1.5)",
34806
+ "scope": "default",
34807
+ "line": {
34808
+ "start": 521,
34809
+ "end": 521
34810
+ }
34811
+ },
34812
+ "group": [
34813
+ "grid"
34814
+ ],
34815
+ "access": "public",
34816
+ "file": {
34817
+ "path": "grid/_variables.scss",
34818
+ "name": "_variables.scss"
34819
+ }
34820
+ },
34821
+ {
34822
+ "description": "The column gap of the Grid stack layout.\n",
34823
+ "commentRange": {
34824
+ "start": 522,
34825
+ "end": 523
34826
+ },
34827
+ "context": {
34828
+ "type": "variable",
34829
+ "name": "kendo-grid-stack-column-gap",
34830
+ "value": "k-spacing(1)",
34831
+ "scope": "default",
34832
+ "line": {
34833
+ "start": 524,
34834
+ "end": 524
34835
+ }
34836
+ },
34837
+ "group": [
34838
+ "grid"
34839
+ ],
34840
+ "access": "public",
34841
+ "file": {
34842
+ "path": "grid/_variables.scss",
34843
+ "name": "_variables.scss"
34844
+ }
34845
+ },
34846
+ {
34847
+ "description": "The column gap of the editable Grid stack layout.\n",
34848
+ "commentRange": {
34849
+ "start": 525,
34850
+ "end": 526
34851
+ },
34852
+ "context": {
34853
+ "type": "variable",
34854
+ "name": "kendo-grid-stack-editable-column-gap",
34855
+ "value": "k-spacing(2)",
34856
+ "scope": "default",
34857
+ "line": {
34858
+ "start": 527,
34859
+ "end": 527
34860
+ }
34861
+ },
34862
+ "group": [
34863
+ "grid"
34864
+ ],
34865
+ "access": "public",
34866
+ "file": {
34867
+ "path": "grid/_variables.scss",
34868
+ "name": "_variables.scss"
34869
+ }
34870
+ },
34871
+ {
34872
+ "description": "The width of the hierarchy column in the Grid stack layout.\n",
34873
+ "commentRange": {
34874
+ "start": 528,
34875
+ "end": 529
34876
+ },
34877
+ "context": {
34878
+ "type": "variable",
34879
+ "name": "kendo-grid-stack-hierarchy-col-width",
34880
+ "value": "k-spacing(2)",
34881
+ "scope": "default",
34882
+ "line": {
34883
+ "start": 530,
34884
+ "end": 530
34885
+ }
34886
+ },
34887
+ "group": [
34888
+ "grid"
34889
+ ],
34890
+ "access": "public",
34891
+ "file": {
34892
+ "path": "grid/_variables.scss",
34893
+ "name": "_variables.scss"
34894
+ }
34895
+ },
34896
+ {
34897
+ "description": "The font size of the Grid stack layout column header.\n",
34898
+ "commentRange": {
34899
+ "start": 531,
34900
+ "end": 532
34901
+ },
34902
+ "context": {
34903
+ "type": "variable",
34904
+ "name": "kendo-grid-stack-header-font-size",
34905
+ "value": "var( --kendo-font-size-sm, inherit )",
34906
+ "scope": "default",
34907
+ "line": {
34908
+ "start": 533,
34909
+ "end": 533
34910
+ }
34911
+ },
34912
+ "group": [
34913
+ "grid"
34914
+ ],
34915
+ "access": "public",
34916
+ "file": {
34917
+ "path": "grid/_variables.scss",
34918
+ "name": "_variables.scss"
34919
+ }
34920
+ },
34921
+ {
34922
+ "description": "The font weight of the Grid stack layout column header.\n",
34923
+ "commentRange": {
34924
+ "start": 534,
34925
+ "end": 535
34926
+ },
34927
+ "context": {
34928
+ "type": "variable",
34929
+ "name": "kendo-grid-stack-header-font-weight",
34930
+ "value": "var( --kendo-font-weight-bold, inherit )",
34931
+ "scope": "default",
34932
+ "line": {
34933
+ "start": 536,
34934
+ "end": 536
34935
+ }
34936
+ },
34937
+ "group": [
34938
+ "grid"
34939
+ ],
34940
+ "access": "public",
34941
+ "file": {
34942
+ "path": "grid/_variables.scss",
34943
+ "name": "_variables.scss"
34944
+ }
34945
+ },
34946
+ {
34947
+ "description": "The height of the Grid stack layout expandable row shadow.\n",
34948
+ "commentRange": {
34949
+ "start": 537,
34950
+ "end": 538
34951
+ },
34952
+ "context": {
34953
+ "type": "variable",
34954
+ "name": "kendo-grid-stack-expandable-shadow-height",
34955
+ "value": "k-spacing(2.5)",
34956
+ "scope": "default",
34957
+ "line": {
34958
+ "start": 539,
34959
+ "end": 539
34960
+ }
34961
+ },
34962
+ "group": [
34963
+ "grid"
34964
+ ],
34965
+ "access": "public",
34966
+ "file": {
34967
+ "path": "grid/_variables.scss",
34968
+ "name": "_variables.scss"
34969
+ }
34970
+ },
34971
+ {
34972
+ "description": "The color of the Grid stack layout column header.\n",
34973
+ "commentRange": {
34974
+ "start": 540,
34975
+ "end": 541
34976
+ },
34977
+ "context": {
34978
+ "type": "variable",
34979
+ "name": "kendo-grid-stack-header-color",
34980
+ "value": "k-color(subtle)",
34981
+ "scope": "default",
34982
+ "line": {
34983
+ "start": 542,
34984
+ "end": 542
34985
+ }
34986
+ },
34987
+ "group": [
34988
+ "grid"
34989
+ ],
34990
+ "access": "public",
34991
+ "file": {
34992
+ "path": "grid/_variables.scss",
34993
+ "name": "_variables.scss"
34994
+ }
34995
+ },
34996
+ {
34997
+ "description": "The Grid stack layout expandable row shadow.\n",
34998
+ "commentRange": {
34999
+ "start": 543,
35000
+ "end": 544
35001
+ },
35002
+ "context": {
35003
+ "type": "variable",
35004
+ "name": "kendo-grid-stack-expandable-shadow",
35005
+ "value": "k-elevation(2)",
35006
+ "scope": "default",
35007
+ "line": {
35008
+ "start": 545,
35009
+ "end": 545
35010
+ }
35011
+ },
35012
+ "group": [
35013
+ "grid"
35014
+ ],
35015
+ "access": "public",
35016
+ "file": {
35017
+ "path": "grid/_variables.scss",
35018
+ "name": "_variables.scss"
35019
+ }
35020
+ },
34771
35021
  {
34772
35022
  "description": "Font sizes of the icons.\n",
34773
35023
  "commentRange": {
@@ -13724,6 +13724,46 @@
13724
13724
  "type": "String",
13725
13725
  "value": "var(--kendo-spacing-0\\.5, 0.125rem)"
13726
13726
  },
13727
+ "kendo-grid-stack-cell-padding-x": {
13728
+ "type": "String",
13729
+ "value": "var(--kendo-spacing-2, 0.5rem)"
13730
+ },
13731
+ "kendo-grid-stack-cell-padding-y": {
13732
+ "type": "String",
13733
+ "value": "var(--kendo-spacing-1\\.5, 0.375rem)"
13734
+ },
13735
+ "kendo-grid-stack-column-gap": {
13736
+ "type": "String",
13737
+ "value": "var(--kendo-spacing-1, 0.25rem)"
13738
+ },
13739
+ "kendo-grid-stack-editable-column-gap": {
13740
+ "type": "String",
13741
+ "value": "var(--kendo-spacing-2, 0.5rem)"
13742
+ },
13743
+ "kendo-grid-stack-hierarchy-col-width": {
13744
+ "type": "String",
13745
+ "value": "var(--kendo-spacing-2, 0.5rem)"
13746
+ },
13747
+ "kendo-grid-stack-header-font-size": {
13748
+ "type": "String",
13749
+ "value": "var(--kendo-font-size-sm, inherit)"
13750
+ },
13751
+ "kendo-grid-stack-header-font-weight": {
13752
+ "type": "String",
13753
+ "value": "var(--kendo-font-weight-bold, inherit)"
13754
+ },
13755
+ "kendo-grid-stack-expandable-shadow-height": {
13756
+ "type": "String",
13757
+ "value": "var(--kendo-spacing-2\\.5, 0.625rem)"
13758
+ },
13759
+ "kendo-grid-stack-header-color": {
13760
+ "type": "String",
13761
+ "value": "var(--kendo-color-subtle, #605e5c)"
13762
+ },
13763
+ "kendo-grid-stack-expandable-shadow": {
13764
+ "type": "String",
13765
+ "value": "var(--kendo-elevation-2, 0 0.6px 1.8px rgba(0, 0, 0, 0.1), 0 3.2px 7.2px rgba(0, 0, 0, 0.13))"
13766
+ },
13727
13767
  "kendo-listview-padding-x": {
13728
13768
  "type": "String",
13729
13769
  "value": "var(--kendo-spacing-1, 0.25rem)"
@@ -3,7 +3,7 @@
3
3
  "name": "All",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "11.1.0-dev.5",
6
+ "version": "11.1.0-dev.7",
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": "11.1.0-dev.5",
6
+ "version": "11.1.0-dev.7",
7
7
  "previewColors": [
8
8
  "#1b1a19",
9
9
  "#21201f",
@@ -3,7 +3,7 @@
3
3
  "name": "Fluent Main",
4
4
  "product": "kendo",
5
5
  "base": "@progress/kendo-theme-fluent",
6
- "version": "11.1.0-dev.5",
6
+ "version": "11.1.0-dev.7",
7
7
  "previewColors": [
8
8
  "#ffffff",
9
9
  "#faf9f8",
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": "11.1.0-dev.5",
4
+ "version": "11.1.0-dev.7",
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.1.0",
57
- "@progress/kendo-theme-core": "11.1.0-dev.5",
58
- "@progress/kendo-theme-utils": "11.1.0-dev.5"
57
+ "@progress/kendo-theme-core": "11.1.0-dev.7",
58
+ "@progress/kendo-theme-utils": "11.1.0-dev.7"
59
59
  },
60
60
  "directories": {
61
61
  "doc": "docs",
62
62
  "lib": "lib"
63
63
  },
64
- "gitHead": "df7b83831d15c445082b4167f8ad24267d13a64a"
64
+ "gitHead": "08eac1ebddd9c9c9209062ad0779de2f400f232d"
65
65
  }
@@ -127,7 +127,7 @@
127
127
  box-sizing: content-box;
128
128
  }
129
129
 
130
- // Grouping, hierarcy
130
+ // Grouping, hierarchy
131
131
  .k-group-col,
132
132
  .k-hierarchy-col {
133
133
  padding: 0;
@@ -694,7 +694,9 @@
694
694
  display: flex;
695
695
  justify-content: flex-end;
696
696
  gap: var( --kendo-grid-selection-aggregates-spacing, #{$kendo-grid-selection-aggregates-spacing} );
697
+ flex-wrap: wrap;
697
698
  }
699
+
698
700
  .k-selection-aggregates-item-value {
699
701
  font-weight: var( --kendo-grid-selection-aggregates-font-weight, #{$kendo-grid-selection-aggregates-font-weight} );
700
702
  }
@@ -1050,6 +1052,110 @@
1050
1052
  }
1051
1053
  }
1052
1054
 
1055
+ // Grid stack layout
1056
+ .k-grid-stack {
1057
+ .k-table-td,
1058
+ .k-grid-edit-row .k-table-td {
1059
+ padding-inline: $kendo-grid-stack-cell-padding-x;
1060
+ padding-block: $kendo-grid-stack-cell-padding-y;
1061
+ }
1062
+
1063
+ // Grouping, hierarchy
1064
+ .k-group-col,
1065
+ .k-hierarchy-col {
1066
+ width: $kendo-grid-stack-hierarchy-col-width;
1067
+ }
1068
+
1069
+ .k-grouping-row {
1070
+ p {
1071
+ gap: k-spacing(1);
1072
+ }
1073
+
1074
+ .k-icon {
1075
+ padding: k-spacing(1);
1076
+ margin: 0;
1077
+ }
1078
+ }
1079
+
1080
+ // Grouping aggregates
1081
+ .k-grid-grouping-aggregates {
1082
+ display: flex;
1083
+ justify-content: flex-start;
1084
+ flex-direction: column;
1085
+ gap: 0;
1086
+ padding-inline-start: k-spacing(1);
1087
+ }
1088
+
1089
+ .k-grouping-aggregates-item-text {
1090
+ font-weight: normal;
1091
+ }
1092
+
1093
+ .k-grouping-aggregates-item-value {
1094
+ font-weight: $kendo-grid-selection-aggregates-font-weight;
1095
+ }
1096
+ }
1097
+
1098
+ .k-grid-stack-row {
1099
+ display: grid;
1100
+ gap: $kendo-grid-stack-column-gap;
1101
+ }
1102
+
1103
+ .k-grid-edit-row .k-grid-stack-row {
1104
+ gap: $kendo-grid-stack-editable-column-gap;
1105
+ }
1106
+
1107
+ .k-grid-stack-header {
1108
+ font-size: $kendo-grid-stack-header-font-size;
1109
+ font-weight: $kendo-grid-stack-header-font-weight;
1110
+ }
1111
+
1112
+ // Command cell
1113
+ .k-grid-stack-cell.k-command-cell {
1114
+ display: flex;
1115
+ flex-wrap: wrap;
1116
+ padding: 0;
1117
+ grid-column: 1 / -1;
1118
+ }
1119
+
1120
+ .k-grid-stack-expandable .k-table-td {
1121
+ position: relative;
1122
+ padding-inline: $kendo-grid-stack-cell-padding-x;
1123
+ padding-block: $kendo-grid-stack-cell-padding-y;
1124
+
1125
+ &::before {
1126
+ content: '';
1127
+ position: absolute;
1128
+ display: block;
1129
+ width: 100%;
1130
+ height: $kendo-grid-stack-expandable-shadow-height;
1131
+ box-shadow: $kendo-grid-stack-expandable-shadow;
1132
+ top: calc( -1 * #{$kendo-grid-stack-expandable-shadow-height} );
1133
+ left: 0;
1134
+ }
1135
+ }
1136
+
1137
+ .k-drag-cell .k-grid-stack-content {
1138
+ display: flex;
1139
+ align-items: center;
1140
+ gap: k-spacing(2);
1141
+ padding-block: k-spacing(2.5);
1142
+ user-select: none;
1143
+ touch-action: none;
1144
+ }
1145
+
1146
+ // Expandable data row
1147
+ .k-grid-toggle {
1148
+ display: flex;
1149
+ align-items: center;
1150
+ justify-content: center;
1151
+ pointer-events: none;
1152
+
1153
+ .k-icon {
1154
+ pointer-events: auto;
1155
+ cursor: pointer;
1156
+ }
1157
+ }
1158
+
1053
1159
  // PDF export
1054
1160
  .k-loading-pdf-mask {
1055
1161
  position: absolute;
@@ -467,4 +467,9 @@
467
467
  .k-columnmenu-indicators {
468
468
  @include fill( $color: var( --kendo-grid-sort-indicator-order-text, #{$kendo-grid-sort-indicator-order-text} ) );
469
469
  }
470
+
471
+ // Grid stack layout
472
+ .k-grid-stack-header {
473
+ @include fill( $color: var( --kendo-grid-stack-header-color, #{$kendo-grid-stack-header-color} ) );
474
+ }
470
475
  }
@@ -512,3 +512,34 @@ $kendo-grid-row-resizer-active-bg: k-color(primary) !default;
512
512
  /// The height of the Grid row resize indicator.
513
513
  /// @group grid
514
514
  $kendo-grid-row-resizer-height: k-spacing(0.5) !default;
515
+
516
+ /// The horizontal padding of the Grid stack layout cells.
517
+ /// @group grid
518
+ $kendo-grid-stack-cell-padding-x: k-spacing(2) !default;
519
+ /// The vertical padding of the Grid stack layout cells.
520
+ /// @group grid
521
+ $kendo-grid-stack-cell-padding-y: k-spacing(1.5) !default;
522
+ /// The column gap of the Grid stack layout.
523
+ /// @group grid
524
+ $kendo-grid-stack-column-gap: k-spacing(1) !default;
525
+ /// The column gap of the editable Grid stack layout.
526
+ /// @group grid
527
+ $kendo-grid-stack-editable-column-gap: k-spacing(2) !default;
528
+ /// The width of the hierarchy column in the Grid stack layout.
529
+ /// @group grid
530
+ $kendo-grid-stack-hierarchy-col-width: k-spacing(2) !default;
531
+ /// The font size of the Grid stack layout column header.
532
+ /// @group grid
533
+ $kendo-grid-stack-header-font-size: var( --kendo-font-size-sm, inherit ) !default;
534
+ /// The font weight of the Grid stack layout column header.
535
+ /// @group grid
536
+ $kendo-grid-stack-header-font-weight: var( --kendo-font-weight-bold, inherit ) !default;
537
+ /// The height of the Grid stack layout expandable row shadow.
538
+ /// @group grid
539
+ $kendo-grid-stack-expandable-shadow-height: k-spacing(2.5) !default;
540
+ /// The color of the Grid stack layout column header.
541
+ /// @group grid
542
+ $kendo-grid-stack-header-color: k-color(subtle) !default;
543
+ /// The Grid stack layout expandable row shadow.
544
+ /// @group grid
545
+ $kendo-grid-stack-expandable-shadow: k-elevation(2) !default;