@dmsi/wedgekit-react 0.0.511 → 0.0.512

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 (41) hide show
  1. package/dist/{chunk-Y2GK27RX.js → chunk-BWPNXY7T.js} +0 -1
  2. package/dist/{chunk-FJRYHJUV.js → chunk-IGUQFLEO.js} +4 -4
  3. package/dist/components/CalendarRange.css +142 -0
  4. package/dist/components/CalendarRange.js +3 -3
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +142 -0
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +3 -3
  7. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +142 -0
  8. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +3 -3
  9. package/dist/components/DataGrid/PinnedColumns.css +142 -0
  10. package/dist/components/DataGrid/PinnedColumns.js +3 -3
  11. package/dist/components/DataGrid/TableBody/LoadingCell.css +142 -0
  12. package/dist/components/DataGrid/TableBody/LoadingCell.js +3 -3
  13. package/dist/components/DataGrid/TableBody/TableBodyRow.css +142 -0
  14. package/dist/components/DataGrid/TableBody/TableBodyRow.js +3 -3
  15. package/dist/components/DataGrid/TableBody/index.css +142 -0
  16. package/dist/components/DataGrid/TableBody/index.js +3 -3
  17. package/dist/components/DataGrid/index.css +142 -0
  18. package/dist/components/DataGrid/index.js +3 -3
  19. package/dist/components/DataGrid/utils.css +142 -0
  20. package/dist/components/DataGrid/utils.js +3 -3
  21. package/dist/components/DateInput.css +142 -0
  22. package/dist/components/DateInput.js +3 -3
  23. package/dist/components/DateRangeInput.css +142 -0
  24. package/dist/components/DateRangeInput.js +3 -3
  25. package/dist/components/Grid.cjs +0 -1
  26. package/dist/components/Grid.js +1 -1
  27. package/dist/components/MobileDataGrid/ColumnSelector/index.css +142 -0
  28. package/dist/components/MobileDataGrid/ColumnSelector/index.js +3 -3
  29. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +142 -0
  30. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +3 -3
  31. package/dist/components/MobileDataGrid/index.css +142 -0
  32. package/dist/components/MobileDataGrid/index.js +3 -3
  33. package/dist/components/ProductImagePreview/index.cjs +0 -1
  34. package/dist/components/ProductImagePreview/index.js +3 -3
  35. package/dist/components/index.cjs +0 -1
  36. package/dist/components/index.css +142 -0
  37. package/dist/components/index.js +3 -3
  38. package/dist/index.css +142 -0
  39. package/package.json +1 -1
  40. package/src/components/Grid.tsx +1 -2
  41. package/src/index.css +1 -0
@@ -66,7 +66,6 @@ var Grid = (_a) => {
66
66
  (_a2 = GAP_BY_SIZING[sizing]) != null ? _a2 : GAP_BY_SIZING.container,
67
67
  padding && ((_b2 = PADDING_BY_SIZING[sizing]) != null ? _b2 : PADDING_BY_SIZING.container),
68
68
  columnClasses,
69
- "grid-cols-1 desktop:grid-cols-4",
70
69
  className
71
70
  ),
72
71
  children
@@ -1,3 +1,6 @@
1
+ import {
2
+ Thumbnail
3
+ } from "./chunk-3X3Y4TMS.js";
1
4
  import {
2
5
  ZoomWindow
3
6
  } from "./chunk-BQNPOGD5.js";
@@ -10,12 +13,9 @@ import {
10
13
  import {
11
14
  ProductPrimaryImage
12
15
  } from "./chunk-YCDDBSVU.js";
13
- import {
14
- Thumbnail
15
- } from "./chunk-3X3Y4TMS.js";
16
16
  import {
17
17
  Grid
18
- } from "./chunk-Y2GK27RX.js";
18
+ } from "./chunk-BWPNXY7T.js";
19
19
  import {
20
20
  useMatchesMobile
21
21
  } from "./chunk-URYQ24NF.js";
@@ -1038,9 +1038,36 @@
1038
1038
  .grid-cols-2 {
1039
1039
  grid-template-columns: repeat(2, minmax(0, 1fr));
1040
1040
  }
1041
+ .grid-cols-3 {
1042
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1043
+ }
1044
+ .grid-cols-4 {
1045
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1046
+ }
1047
+ .grid-cols-5 {
1048
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1049
+ }
1050
+ .grid-cols-6 {
1051
+ grid-template-columns: repeat(6, minmax(0, 1fr));
1052
+ }
1041
1053
  .grid-cols-7 {
1042
1054
  grid-template-columns: repeat(7, minmax(0, 1fr));
1043
1055
  }
1056
+ .grid-cols-8 {
1057
+ grid-template-columns: repeat(8, minmax(0, 1fr));
1058
+ }
1059
+ .grid-cols-9 {
1060
+ grid-template-columns: repeat(9, minmax(0, 1fr));
1061
+ }
1062
+ .grid-cols-10 {
1063
+ grid-template-columns: repeat(10, minmax(0, 1fr));
1064
+ }
1065
+ .grid-cols-11 {
1066
+ grid-template-columns: repeat(11, minmax(0, 1fr));
1067
+ }
1068
+ .grid-cols-12 {
1069
+ grid-template-columns: repeat(12, minmax(0, 1fr));
1070
+ }
1044
1071
  .grid-cols-\[auto_1fr\] {
1045
1072
  grid-template-columns: auto 1fr;
1046
1073
  }
@@ -3867,6 +3894,66 @@
3867
3894
  margin-top: var(--spacing-desktop-compact-component-gap);
3868
3895
  }
3869
3896
  }
3897
+ .compact\:grid-cols-1 {
3898
+ &:where([data-compact]) {
3899
+ grid-template-columns: repeat(1, minmax(0, 1fr));
3900
+ }
3901
+ }
3902
+ .compact\:grid-cols-2 {
3903
+ &:where([data-compact]) {
3904
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3905
+ }
3906
+ }
3907
+ .compact\:grid-cols-3 {
3908
+ &:where([data-compact]) {
3909
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3910
+ }
3911
+ }
3912
+ .compact\:grid-cols-4 {
3913
+ &:where([data-compact]) {
3914
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3915
+ }
3916
+ }
3917
+ .compact\:grid-cols-5 {
3918
+ &:where([data-compact]) {
3919
+ grid-template-columns: repeat(5, minmax(0, 1fr));
3920
+ }
3921
+ }
3922
+ .compact\:grid-cols-6 {
3923
+ &:where([data-compact]) {
3924
+ grid-template-columns: repeat(6, minmax(0, 1fr));
3925
+ }
3926
+ }
3927
+ .compact\:grid-cols-7 {
3928
+ &:where([data-compact]) {
3929
+ grid-template-columns: repeat(7, minmax(0, 1fr));
3930
+ }
3931
+ }
3932
+ .compact\:grid-cols-8 {
3933
+ &:where([data-compact]) {
3934
+ grid-template-columns: repeat(8, minmax(0, 1fr));
3935
+ }
3936
+ }
3937
+ .compact\:grid-cols-9 {
3938
+ &:where([data-compact]) {
3939
+ grid-template-columns: repeat(9, minmax(0, 1fr));
3940
+ }
3941
+ }
3942
+ .compact\:grid-cols-10 {
3943
+ &:where([data-compact]) {
3944
+ grid-template-columns: repeat(10, minmax(0, 1fr));
3945
+ }
3946
+ }
3947
+ .compact\:grid-cols-11 {
3948
+ &:where([data-compact]) {
3949
+ grid-template-columns: repeat(11, minmax(0, 1fr));
3950
+ }
3951
+ }
3952
+ .compact\:grid-cols-12 {
3953
+ &:where([data-compact]) {
3954
+ grid-template-columns: repeat(12, minmax(0, 1fr));
3955
+ }
3956
+ }
3870
3957
  .compact\:gap-desktop-compact-component-gap {
3871
3958
  &:where([data-compact]) {
3872
3959
  gap: var(--spacing-desktop-compact-component-gap);
@@ -4203,11 +4290,66 @@
4203
4290
  flex-grow: 0;
4204
4291
  }
4205
4292
  }
4293
+ .desktop\:grid-cols-1 {
4294
+ @container root (width >= 48rem) {
4295
+ grid-template-columns: repeat(1, minmax(0, 1fr));
4296
+ }
4297
+ }
4298
+ .desktop\:grid-cols-2 {
4299
+ @container root (width >= 48rem) {
4300
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4301
+ }
4302
+ }
4303
+ .desktop\:grid-cols-3 {
4304
+ @container root (width >= 48rem) {
4305
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4306
+ }
4307
+ }
4206
4308
  .desktop\:grid-cols-4 {
4207
4309
  @container root (width >= 48rem) {
4208
4310
  grid-template-columns: repeat(4, minmax(0, 1fr));
4209
4311
  }
4210
4312
  }
4313
+ .desktop\:grid-cols-5 {
4314
+ @container root (width >= 48rem) {
4315
+ grid-template-columns: repeat(5, minmax(0, 1fr));
4316
+ }
4317
+ }
4318
+ .desktop\:grid-cols-6 {
4319
+ @container root (width >= 48rem) {
4320
+ grid-template-columns: repeat(6, minmax(0, 1fr));
4321
+ }
4322
+ }
4323
+ .desktop\:grid-cols-7 {
4324
+ @container root (width >= 48rem) {
4325
+ grid-template-columns: repeat(7, minmax(0, 1fr));
4326
+ }
4327
+ }
4328
+ .desktop\:grid-cols-8 {
4329
+ @container root (width >= 48rem) {
4330
+ grid-template-columns: repeat(8, minmax(0, 1fr));
4331
+ }
4332
+ }
4333
+ .desktop\:grid-cols-9 {
4334
+ @container root (width >= 48rem) {
4335
+ grid-template-columns: repeat(9, minmax(0, 1fr));
4336
+ }
4337
+ }
4338
+ .desktop\:grid-cols-10 {
4339
+ @container root (width >= 48rem) {
4340
+ grid-template-columns: repeat(10, minmax(0, 1fr));
4341
+ }
4342
+ }
4343
+ .desktop\:grid-cols-11 {
4344
+ @container root (width >= 48rem) {
4345
+ grid-template-columns: repeat(11, minmax(0, 1fr));
4346
+ }
4347
+ }
4348
+ .desktop\:grid-cols-12 {
4349
+ @container root (width >= 48rem) {
4350
+ grid-template-columns: repeat(12, minmax(0, 1fr));
4351
+ }
4352
+ }
4211
4353
  .desktop\:flex-col {
4212
4354
  @container root (width >= 48rem) {
4213
4355
  flex-direction: column;
@@ -6,13 +6,13 @@ import {
6
6
  import "../chunk-M7INAUAJ.js";
7
7
  import "../chunk-ELXVDRWS.js";
8
8
  import "../chunk-3UUCDNX3.js";
9
- import "../chunk-FJRYHJUV.js";
9
+ import "../chunk-IGUQFLEO.js";
10
+ import "../chunk-3X3Y4TMS.js";
10
11
  import "../chunk-BQNPOGD5.js";
11
12
  import "../chunk-Y5GD2FJA.js";
12
13
  import "../chunk-MBZ55T2D.js";
13
14
  import "../chunk-2IKT6IHB.js";
14
15
  import "../chunk-YCDDBSVU.js";
15
- import "../chunk-3X3Y4TMS.js";
16
16
  import "../chunk-PRN2EQBX.js";
17
17
  import "../chunk-5YNEY3WO.js";
18
18
  import "../chunk-5IFPG6TS.js";
@@ -33,7 +33,7 @@ import "../chunk-CMMQTIVM.js";
33
33
  import "../chunk-AG43RS4Q.js";
34
34
  import "../chunk-AKJUBFJK.js";
35
35
  import "../chunk-SUSUNSVZ.js";
36
- import "../chunk-Y2GK27RX.js";
36
+ import "../chunk-BWPNXY7T.js";
37
37
  import "../chunk-QVWYTQKL.js";
38
38
  import "../chunk-F6RZ7MUE.js";
39
39
  import "../chunk-TCMOGTPB.js";
@@ -1038,9 +1038,36 @@
1038
1038
  .grid-cols-2 {
1039
1039
  grid-template-columns: repeat(2, minmax(0, 1fr));
1040
1040
  }
1041
+ .grid-cols-3 {
1042
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1043
+ }
1044
+ .grid-cols-4 {
1045
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1046
+ }
1047
+ .grid-cols-5 {
1048
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1049
+ }
1050
+ .grid-cols-6 {
1051
+ grid-template-columns: repeat(6, minmax(0, 1fr));
1052
+ }
1041
1053
  .grid-cols-7 {
1042
1054
  grid-template-columns: repeat(7, minmax(0, 1fr));
1043
1055
  }
1056
+ .grid-cols-8 {
1057
+ grid-template-columns: repeat(8, minmax(0, 1fr));
1058
+ }
1059
+ .grid-cols-9 {
1060
+ grid-template-columns: repeat(9, minmax(0, 1fr));
1061
+ }
1062
+ .grid-cols-10 {
1063
+ grid-template-columns: repeat(10, minmax(0, 1fr));
1064
+ }
1065
+ .grid-cols-11 {
1066
+ grid-template-columns: repeat(11, minmax(0, 1fr));
1067
+ }
1068
+ .grid-cols-12 {
1069
+ grid-template-columns: repeat(12, minmax(0, 1fr));
1070
+ }
1044
1071
  .grid-cols-\[auto_1fr\] {
1045
1072
  grid-template-columns: auto 1fr;
1046
1073
  }
@@ -3867,6 +3894,66 @@
3867
3894
  margin-top: var(--spacing-desktop-compact-component-gap);
3868
3895
  }
3869
3896
  }
3897
+ .compact\:grid-cols-1 {
3898
+ &:where([data-compact]) {
3899
+ grid-template-columns: repeat(1, minmax(0, 1fr));
3900
+ }
3901
+ }
3902
+ .compact\:grid-cols-2 {
3903
+ &:where([data-compact]) {
3904
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3905
+ }
3906
+ }
3907
+ .compact\:grid-cols-3 {
3908
+ &:where([data-compact]) {
3909
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3910
+ }
3911
+ }
3912
+ .compact\:grid-cols-4 {
3913
+ &:where([data-compact]) {
3914
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3915
+ }
3916
+ }
3917
+ .compact\:grid-cols-5 {
3918
+ &:where([data-compact]) {
3919
+ grid-template-columns: repeat(5, minmax(0, 1fr));
3920
+ }
3921
+ }
3922
+ .compact\:grid-cols-6 {
3923
+ &:where([data-compact]) {
3924
+ grid-template-columns: repeat(6, minmax(0, 1fr));
3925
+ }
3926
+ }
3927
+ .compact\:grid-cols-7 {
3928
+ &:where([data-compact]) {
3929
+ grid-template-columns: repeat(7, minmax(0, 1fr));
3930
+ }
3931
+ }
3932
+ .compact\:grid-cols-8 {
3933
+ &:where([data-compact]) {
3934
+ grid-template-columns: repeat(8, minmax(0, 1fr));
3935
+ }
3936
+ }
3937
+ .compact\:grid-cols-9 {
3938
+ &:where([data-compact]) {
3939
+ grid-template-columns: repeat(9, minmax(0, 1fr));
3940
+ }
3941
+ }
3942
+ .compact\:grid-cols-10 {
3943
+ &:where([data-compact]) {
3944
+ grid-template-columns: repeat(10, minmax(0, 1fr));
3945
+ }
3946
+ }
3947
+ .compact\:grid-cols-11 {
3948
+ &:where([data-compact]) {
3949
+ grid-template-columns: repeat(11, minmax(0, 1fr));
3950
+ }
3951
+ }
3952
+ .compact\:grid-cols-12 {
3953
+ &:where([data-compact]) {
3954
+ grid-template-columns: repeat(12, minmax(0, 1fr));
3955
+ }
3956
+ }
3870
3957
  .compact\:gap-desktop-compact-component-gap {
3871
3958
  &:where([data-compact]) {
3872
3959
  gap: var(--spacing-desktop-compact-component-gap);
@@ -4203,11 +4290,66 @@
4203
4290
  flex-grow: 0;
4204
4291
  }
4205
4292
  }
4293
+ .desktop\:grid-cols-1 {
4294
+ @container root (width >= 48rem) {
4295
+ grid-template-columns: repeat(1, minmax(0, 1fr));
4296
+ }
4297
+ }
4298
+ .desktop\:grid-cols-2 {
4299
+ @container root (width >= 48rem) {
4300
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4301
+ }
4302
+ }
4303
+ .desktop\:grid-cols-3 {
4304
+ @container root (width >= 48rem) {
4305
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4306
+ }
4307
+ }
4206
4308
  .desktop\:grid-cols-4 {
4207
4309
  @container root (width >= 48rem) {
4208
4310
  grid-template-columns: repeat(4, minmax(0, 1fr));
4209
4311
  }
4210
4312
  }
4313
+ .desktop\:grid-cols-5 {
4314
+ @container root (width >= 48rem) {
4315
+ grid-template-columns: repeat(5, minmax(0, 1fr));
4316
+ }
4317
+ }
4318
+ .desktop\:grid-cols-6 {
4319
+ @container root (width >= 48rem) {
4320
+ grid-template-columns: repeat(6, minmax(0, 1fr));
4321
+ }
4322
+ }
4323
+ .desktop\:grid-cols-7 {
4324
+ @container root (width >= 48rem) {
4325
+ grid-template-columns: repeat(7, minmax(0, 1fr));
4326
+ }
4327
+ }
4328
+ .desktop\:grid-cols-8 {
4329
+ @container root (width >= 48rem) {
4330
+ grid-template-columns: repeat(8, minmax(0, 1fr));
4331
+ }
4332
+ }
4333
+ .desktop\:grid-cols-9 {
4334
+ @container root (width >= 48rem) {
4335
+ grid-template-columns: repeat(9, minmax(0, 1fr));
4336
+ }
4337
+ }
4338
+ .desktop\:grid-cols-10 {
4339
+ @container root (width >= 48rem) {
4340
+ grid-template-columns: repeat(10, minmax(0, 1fr));
4341
+ }
4342
+ }
4343
+ .desktop\:grid-cols-11 {
4344
+ @container root (width >= 48rem) {
4345
+ grid-template-columns: repeat(11, minmax(0, 1fr));
4346
+ }
4347
+ }
4348
+ .desktop\:grid-cols-12 {
4349
+ @container root (width >= 48rem) {
4350
+ grid-template-columns: repeat(12, minmax(0, 1fr));
4351
+ }
4352
+ }
4211
4353
  .desktop\:flex-col {
4212
4354
  @container root (width >= 48rem) {
4213
4355
  flex-direction: column;
@@ -4,13 +4,13 @@ import {
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-ELXVDRWS.js";
6
6
  import "../../../chunk-3UUCDNX3.js";
7
- import "../../../chunk-FJRYHJUV.js";
7
+ import "../../../chunk-IGUQFLEO.js";
8
+ import "../../../chunk-3X3Y4TMS.js";
8
9
  import "../../../chunk-BQNPOGD5.js";
9
10
  import "../../../chunk-Y5GD2FJA.js";
10
11
  import "../../../chunk-MBZ55T2D.js";
11
12
  import "../../../chunk-2IKT6IHB.js";
12
13
  import "../../../chunk-YCDDBSVU.js";
13
- import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
@@ -31,7 +31,7 @@ import "../../../chunk-CMMQTIVM.js";
31
31
  import "../../../chunk-AG43RS4Q.js";
32
32
  import "../../../chunk-AKJUBFJK.js";
33
33
  import "../../../chunk-SUSUNSVZ.js";
34
- import "../../../chunk-Y2GK27RX.js";
34
+ import "../../../chunk-BWPNXY7T.js";
35
35
  import "../../../chunk-QVWYTQKL.js";
36
36
  import "../../../chunk-F6RZ7MUE.js";
37
37
  import "../../../chunk-TCMOGTPB.js";
@@ -1038,9 +1038,36 @@
1038
1038
  .grid-cols-2 {
1039
1039
  grid-template-columns: repeat(2, minmax(0, 1fr));
1040
1040
  }
1041
+ .grid-cols-3 {
1042
+ grid-template-columns: repeat(3, minmax(0, 1fr));
1043
+ }
1044
+ .grid-cols-4 {
1045
+ grid-template-columns: repeat(4, minmax(0, 1fr));
1046
+ }
1047
+ .grid-cols-5 {
1048
+ grid-template-columns: repeat(5, minmax(0, 1fr));
1049
+ }
1050
+ .grid-cols-6 {
1051
+ grid-template-columns: repeat(6, minmax(0, 1fr));
1052
+ }
1041
1053
  .grid-cols-7 {
1042
1054
  grid-template-columns: repeat(7, minmax(0, 1fr));
1043
1055
  }
1056
+ .grid-cols-8 {
1057
+ grid-template-columns: repeat(8, minmax(0, 1fr));
1058
+ }
1059
+ .grid-cols-9 {
1060
+ grid-template-columns: repeat(9, minmax(0, 1fr));
1061
+ }
1062
+ .grid-cols-10 {
1063
+ grid-template-columns: repeat(10, minmax(0, 1fr));
1064
+ }
1065
+ .grid-cols-11 {
1066
+ grid-template-columns: repeat(11, minmax(0, 1fr));
1067
+ }
1068
+ .grid-cols-12 {
1069
+ grid-template-columns: repeat(12, minmax(0, 1fr));
1070
+ }
1044
1071
  .grid-cols-\[auto_1fr\] {
1045
1072
  grid-template-columns: auto 1fr;
1046
1073
  }
@@ -3867,6 +3894,66 @@
3867
3894
  margin-top: var(--spacing-desktop-compact-component-gap);
3868
3895
  }
3869
3896
  }
3897
+ .compact\:grid-cols-1 {
3898
+ &:where([data-compact]) {
3899
+ grid-template-columns: repeat(1, minmax(0, 1fr));
3900
+ }
3901
+ }
3902
+ .compact\:grid-cols-2 {
3903
+ &:where([data-compact]) {
3904
+ grid-template-columns: repeat(2, minmax(0, 1fr));
3905
+ }
3906
+ }
3907
+ .compact\:grid-cols-3 {
3908
+ &:where([data-compact]) {
3909
+ grid-template-columns: repeat(3, minmax(0, 1fr));
3910
+ }
3911
+ }
3912
+ .compact\:grid-cols-4 {
3913
+ &:where([data-compact]) {
3914
+ grid-template-columns: repeat(4, minmax(0, 1fr));
3915
+ }
3916
+ }
3917
+ .compact\:grid-cols-5 {
3918
+ &:where([data-compact]) {
3919
+ grid-template-columns: repeat(5, minmax(0, 1fr));
3920
+ }
3921
+ }
3922
+ .compact\:grid-cols-6 {
3923
+ &:where([data-compact]) {
3924
+ grid-template-columns: repeat(6, minmax(0, 1fr));
3925
+ }
3926
+ }
3927
+ .compact\:grid-cols-7 {
3928
+ &:where([data-compact]) {
3929
+ grid-template-columns: repeat(7, minmax(0, 1fr));
3930
+ }
3931
+ }
3932
+ .compact\:grid-cols-8 {
3933
+ &:where([data-compact]) {
3934
+ grid-template-columns: repeat(8, minmax(0, 1fr));
3935
+ }
3936
+ }
3937
+ .compact\:grid-cols-9 {
3938
+ &:where([data-compact]) {
3939
+ grid-template-columns: repeat(9, minmax(0, 1fr));
3940
+ }
3941
+ }
3942
+ .compact\:grid-cols-10 {
3943
+ &:where([data-compact]) {
3944
+ grid-template-columns: repeat(10, minmax(0, 1fr));
3945
+ }
3946
+ }
3947
+ .compact\:grid-cols-11 {
3948
+ &:where([data-compact]) {
3949
+ grid-template-columns: repeat(11, minmax(0, 1fr));
3950
+ }
3951
+ }
3952
+ .compact\:grid-cols-12 {
3953
+ &:where([data-compact]) {
3954
+ grid-template-columns: repeat(12, minmax(0, 1fr));
3955
+ }
3956
+ }
3870
3957
  .compact\:gap-desktop-compact-component-gap {
3871
3958
  &:where([data-compact]) {
3872
3959
  gap: var(--spacing-desktop-compact-component-gap);
@@ -4203,11 +4290,66 @@
4203
4290
  flex-grow: 0;
4204
4291
  }
4205
4292
  }
4293
+ .desktop\:grid-cols-1 {
4294
+ @container root (width >= 48rem) {
4295
+ grid-template-columns: repeat(1, minmax(0, 1fr));
4296
+ }
4297
+ }
4298
+ .desktop\:grid-cols-2 {
4299
+ @container root (width >= 48rem) {
4300
+ grid-template-columns: repeat(2, minmax(0, 1fr));
4301
+ }
4302
+ }
4303
+ .desktop\:grid-cols-3 {
4304
+ @container root (width >= 48rem) {
4305
+ grid-template-columns: repeat(3, minmax(0, 1fr));
4306
+ }
4307
+ }
4206
4308
  .desktop\:grid-cols-4 {
4207
4309
  @container root (width >= 48rem) {
4208
4310
  grid-template-columns: repeat(4, minmax(0, 1fr));
4209
4311
  }
4210
4312
  }
4313
+ .desktop\:grid-cols-5 {
4314
+ @container root (width >= 48rem) {
4315
+ grid-template-columns: repeat(5, minmax(0, 1fr));
4316
+ }
4317
+ }
4318
+ .desktop\:grid-cols-6 {
4319
+ @container root (width >= 48rem) {
4320
+ grid-template-columns: repeat(6, minmax(0, 1fr));
4321
+ }
4322
+ }
4323
+ .desktop\:grid-cols-7 {
4324
+ @container root (width >= 48rem) {
4325
+ grid-template-columns: repeat(7, minmax(0, 1fr));
4326
+ }
4327
+ }
4328
+ .desktop\:grid-cols-8 {
4329
+ @container root (width >= 48rem) {
4330
+ grid-template-columns: repeat(8, minmax(0, 1fr));
4331
+ }
4332
+ }
4333
+ .desktop\:grid-cols-9 {
4334
+ @container root (width >= 48rem) {
4335
+ grid-template-columns: repeat(9, minmax(0, 1fr));
4336
+ }
4337
+ }
4338
+ .desktop\:grid-cols-10 {
4339
+ @container root (width >= 48rem) {
4340
+ grid-template-columns: repeat(10, minmax(0, 1fr));
4341
+ }
4342
+ }
4343
+ .desktop\:grid-cols-11 {
4344
+ @container root (width >= 48rem) {
4345
+ grid-template-columns: repeat(11, minmax(0, 1fr));
4346
+ }
4347
+ }
4348
+ .desktop\:grid-cols-12 {
4349
+ @container root (width >= 48rem) {
4350
+ grid-template-columns: repeat(12, minmax(0, 1fr));
4351
+ }
4352
+ }
4211
4353
  .desktop\:flex-col {
4212
4354
  @container root (width >= 48rem) {
4213
4355
  flex-direction: column;
@@ -4,13 +4,13 @@ import {
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-ELXVDRWS.js";
6
6
  import "../../../chunk-3UUCDNX3.js";
7
- import "../../../chunk-FJRYHJUV.js";
7
+ import "../../../chunk-IGUQFLEO.js";
8
+ import "../../../chunk-3X3Y4TMS.js";
8
9
  import "../../../chunk-BQNPOGD5.js";
9
10
  import "../../../chunk-Y5GD2FJA.js";
10
11
  import "../../../chunk-MBZ55T2D.js";
11
12
  import "../../../chunk-2IKT6IHB.js";
12
13
  import "../../../chunk-YCDDBSVU.js";
13
- import "../../../chunk-3X3Y4TMS.js";
14
14
  import "../../../chunk-PRN2EQBX.js";
15
15
  import "../../../chunk-5YNEY3WO.js";
16
16
  import "../../../chunk-5IFPG6TS.js";
@@ -31,7 +31,7 @@ import "../../../chunk-CMMQTIVM.js";
31
31
  import "../../../chunk-AG43RS4Q.js";
32
32
  import "../../../chunk-AKJUBFJK.js";
33
33
  import "../../../chunk-SUSUNSVZ.js";
34
- import "../../../chunk-Y2GK27RX.js";
34
+ import "../../../chunk-BWPNXY7T.js";
35
35
  import "../../../chunk-QVWYTQKL.js";
36
36
  import "../../../chunk-F6RZ7MUE.js";
37
37
  import "../../../chunk-TCMOGTPB.js";