@dmsi/wedgekit-react 0.0.382 → 0.0.383

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 (38) hide show
  1. package/dist/components/CalendarRange.css +4 -0
  2. package/dist/components/CalendarRange.js +2 -2
  3. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +4 -0
  4. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +2 -2
  5. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +4 -0
  6. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +2 -2
  7. package/dist/components/DataGrid/PinnedColumns.css +4 -0
  8. package/dist/components/DataGrid/PinnedColumns.js +2 -2
  9. package/dist/components/DataGrid/TableBody/LoadingCell.css +4 -0
  10. package/dist/components/DataGrid/TableBody/LoadingCell.js +2 -2
  11. package/dist/components/DataGrid/TableBody/TableBodyRow.css +4 -0
  12. package/dist/components/DataGrid/TableBody/TableBodyRow.js +2 -2
  13. package/dist/components/DataGrid/TableBody/index.css +4 -0
  14. package/dist/components/DataGrid/TableBody/index.js +2 -2
  15. package/dist/components/DataGrid/index.css +4 -0
  16. package/dist/components/DataGrid/index.js +2 -2
  17. package/dist/components/DataGrid/utils.css +4 -0
  18. package/dist/components/DataGrid/utils.js +2 -2
  19. package/dist/components/DateInput.css +4 -0
  20. package/dist/components/DateInput.js +2 -2
  21. package/dist/components/DateRangeInput.css +4 -0
  22. package/dist/components/DateRangeInput.js +2 -2
  23. package/dist/components/MaxViewportBox.cjs +45 -0
  24. package/dist/components/MaxViewportBox.js +22 -0
  25. package/dist/components/MobileDataGrid/ColumnSelector/index.css +4 -0
  26. package/dist/components/MobileDataGrid/ColumnSelector/index.js +2 -2
  27. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +4 -0
  28. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +2 -2
  29. package/dist/components/MobileDataGrid/index.css +4 -0
  30. package/dist/components/MobileDataGrid/index.js +2 -2
  31. package/dist/components/ProductImagePreview/index.js +2 -2
  32. package/dist/components/index.css +4 -0
  33. package/dist/components/index.js +2 -2
  34. package/dist/index.css +4 -0
  35. package/package.json +1 -1
  36. package/src/components/MaxViewportBox.tsx +19 -0
  37. package/src/index.css +4 -0
  38. package/dist/{chunk-CI6SUOIE.js → chunk-A7CEYUVE.js} +3 -3
package/dist/components/CalendarRange.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/CalendarRange.js CHANGED
@@ -7,7 +7,8 @@ import "../chunk-2T2GISEG.js";
7
7
  import "../chunk-M7INAUAJ.js";
8
8
  import "../chunk-F4CV7SBS.js";
9
9
  import "../chunk-3XOYPT5O.js";
10
- import "../chunk-CI6SUOIE.js";
10
+ import "../chunk-A7CEYUVE.js";
11
+ import "../chunk-CQFPNZTN.js";
11
12
  import "../chunk-HPQWEZJL.js";
12
13
  import "../chunk-BQNPOGD5.js";
13
14
  import "../chunk-GNHKKYCY.js";
@@ -17,7 +18,6 @@ import "../chunk-PH76F7QS.js";
17
18
  import "../chunk-VJVY6NPF.js";
18
19
  import "../chunk-MBZ55T2D.js";
19
20
  import "../chunk-2IKT6IHB.js";
20
- import "../chunk-CQFPNZTN.js";
21
21
  import "../chunk-2FADUKPP.js";
22
22
  import "../chunk-R4SFLYOZ.js";
23
23
  import "../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js CHANGED
@@ -4,7 +4,8 @@ import {
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-F4CV7SBS.js";
6
6
  import "../../../chunk-3XOYPT5O.js";
7
- import "../../../chunk-CI6SUOIE.js";
7
+ import "../../../chunk-A7CEYUVE.js";
8
+ import "../../../chunk-CQFPNZTN.js";
8
9
  import "../../../chunk-HPQWEZJL.js";
9
10
  import "../../../chunk-BQNPOGD5.js";
10
11
  import "../../../chunk-GNHKKYCY.js";
@@ -14,7 +15,6 @@ import "../../../chunk-PH76F7QS.js";
14
15
  import "../../../chunk-VJVY6NPF.js";
15
16
  import "../../../chunk-MBZ55T2D.js";
16
17
  import "../../../chunk-2IKT6IHB.js";
17
- import "../../../chunk-CQFPNZTN.js";
18
18
  import "../../../chunk-2FADUKPP.js";
19
19
  import "../../../chunk-R4SFLYOZ.js";
20
20
  import "../../../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js CHANGED
@@ -4,7 +4,8 @@ import {
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-F4CV7SBS.js";
6
6
  import "../../../chunk-3XOYPT5O.js";
7
- import "../../../chunk-CI6SUOIE.js";
7
+ import "../../../chunk-A7CEYUVE.js";
8
+ import "../../../chunk-CQFPNZTN.js";
8
9
  import "../../../chunk-HPQWEZJL.js";
9
10
  import "../../../chunk-BQNPOGD5.js";
10
11
  import "../../../chunk-GNHKKYCY.js";
@@ -14,7 +15,6 @@ import "../../../chunk-PH76F7QS.js";
14
15
  import "../../../chunk-VJVY6NPF.js";
15
16
  import "../../../chunk-MBZ55T2D.js";
16
17
  import "../../../chunk-2IKT6IHB.js";
17
- import "../../../chunk-CQFPNZTN.js";
18
18
  import "../../../chunk-2FADUKPP.js";
19
19
  import "../../../chunk-R4SFLYOZ.js";
20
20
  import "../../../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/PinnedColumns.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/DataGrid/PinnedColumns.js CHANGED
@@ -4,7 +4,8 @@ import {
4
4
  import "../../chunk-M7INAUAJ.js";
5
5
  import "../../chunk-F4CV7SBS.js";
6
6
  import "../../chunk-3XOYPT5O.js";
7
- import "../../chunk-CI6SUOIE.js";
7
+ import "../../chunk-A7CEYUVE.js";
8
+ import "../../chunk-CQFPNZTN.js";
8
9
  import "../../chunk-HPQWEZJL.js";
9
10
  import "../../chunk-BQNPOGD5.js";
10
11
  import "../../chunk-GNHKKYCY.js";
@@ -14,7 +15,6 @@ import "../../chunk-PH76F7QS.js";
14
15
  import "../../chunk-VJVY6NPF.js";
15
16
  import "../../chunk-MBZ55T2D.js";
16
17
  import "../../chunk-2IKT6IHB.js";
17
- import "../../chunk-CQFPNZTN.js";
18
18
  import "../../chunk-2FADUKPP.js";
19
19
  import "../../chunk-R4SFLYOZ.js";
20
20
  import "../../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/TableBody/LoadingCell.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/DataGrid/TableBody/LoadingCell.js CHANGED
@@ -4,7 +4,8 @@ import {
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-F4CV7SBS.js";
6
6
  import "../../../chunk-3XOYPT5O.js";
7
- import "../../../chunk-CI6SUOIE.js";
7
+ import "../../../chunk-A7CEYUVE.js";
8
+ import "../../../chunk-CQFPNZTN.js";
8
9
  import "../../../chunk-HPQWEZJL.js";
9
10
  import "../../../chunk-BQNPOGD5.js";
10
11
  import "../../../chunk-GNHKKYCY.js";
@@ -14,7 +15,6 @@ import "../../../chunk-PH76F7QS.js";
14
15
  import "../../../chunk-VJVY6NPF.js";
15
16
  import "../../../chunk-MBZ55T2D.js";
16
17
  import "../../../chunk-2IKT6IHB.js";
17
- import "../../../chunk-CQFPNZTN.js";
18
18
  import "../../../chunk-2FADUKPP.js";
19
19
  import "../../../chunk-R4SFLYOZ.js";
20
20
  import "../../../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/TableBody/TableBodyRow.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/DataGrid/TableBody/TableBodyRow.js CHANGED
@@ -4,7 +4,8 @@ import {
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-F4CV7SBS.js";
6
6
  import "../../../chunk-3XOYPT5O.js";
7
- import "../../../chunk-CI6SUOIE.js";
7
+ import "../../../chunk-A7CEYUVE.js";
8
+ import "../../../chunk-CQFPNZTN.js";
8
9
  import "../../../chunk-HPQWEZJL.js";
9
10
  import "../../../chunk-BQNPOGD5.js";
10
11
  import "../../../chunk-GNHKKYCY.js";
@@ -14,7 +15,6 @@ import "../../../chunk-PH76F7QS.js";
14
15
  import "../../../chunk-VJVY6NPF.js";
15
16
  import "../../../chunk-MBZ55T2D.js";
16
17
  import "../../../chunk-2IKT6IHB.js";
17
- import "../../../chunk-CQFPNZTN.js";
18
18
  import "../../../chunk-2FADUKPP.js";
19
19
  import "../../../chunk-R4SFLYOZ.js";
20
20
  import "../../../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/TableBody/index.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/DataGrid/TableBody/index.js CHANGED
@@ -4,7 +4,8 @@ import {
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-F4CV7SBS.js";
6
6
  import "../../../chunk-3XOYPT5O.js";
7
- import "../../../chunk-CI6SUOIE.js";
7
+ import "../../../chunk-A7CEYUVE.js";
8
+ import "../../../chunk-CQFPNZTN.js";
8
9
  import "../../../chunk-HPQWEZJL.js";
9
10
  import "../../../chunk-BQNPOGD5.js";
10
11
  import "../../../chunk-GNHKKYCY.js";
@@ -14,7 +15,6 @@ import "../../../chunk-PH76F7QS.js";
14
15
  import "../../../chunk-VJVY6NPF.js";
15
16
  import "../../../chunk-MBZ55T2D.js";
16
17
  import "../../../chunk-2IKT6IHB.js";
17
- import "../../../chunk-CQFPNZTN.js";
18
18
  import "../../../chunk-2FADUKPP.js";
19
19
  import "../../../chunk-R4SFLYOZ.js";
20
20
  import "../../../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/index.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/DataGrid/index.js CHANGED
@@ -6,7 +6,8 @@ import {
6
6
  import "../../chunk-M7INAUAJ.js";
7
7
  import "../../chunk-F4CV7SBS.js";
8
8
  import "../../chunk-3XOYPT5O.js";
9
- import "../../chunk-CI6SUOIE.js";
9
+ import "../../chunk-A7CEYUVE.js";
10
+ import "../../chunk-CQFPNZTN.js";
10
11
  import "../../chunk-HPQWEZJL.js";
11
12
  import "../../chunk-BQNPOGD5.js";
12
13
  import "../../chunk-GNHKKYCY.js";
@@ -16,7 +17,6 @@ import "../../chunk-PH76F7QS.js";
16
17
  import "../../chunk-VJVY6NPF.js";
17
18
  import "../../chunk-MBZ55T2D.js";
18
19
  import "../../chunk-2IKT6IHB.js";
19
- import "../../chunk-CQFPNZTN.js";
20
20
  import "../../chunk-2FADUKPP.js";
21
21
  import "../../chunk-R4SFLYOZ.js";
22
22
  import "../../chunk-5IFPG6TS.js";
package/dist/components/DataGrid/utils.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/DataGrid/utils.js CHANGED
@@ -4,7 +4,8 @@ import {
4
4
  import "../../chunk-M7INAUAJ.js";
5
5
  import "../../chunk-F4CV7SBS.js";
6
6
  import "../../chunk-3XOYPT5O.js";
7
- import "../../chunk-CI6SUOIE.js";
7
+ import "../../chunk-A7CEYUVE.js";
8
+ import "../../chunk-CQFPNZTN.js";
8
9
  import "../../chunk-HPQWEZJL.js";
9
10
  import "../../chunk-BQNPOGD5.js";
10
11
  import "../../chunk-GNHKKYCY.js";
@@ -14,7 +15,6 @@ import "../../chunk-PH76F7QS.js";
14
15
  import "../../chunk-VJVY6NPF.js";
15
16
  import "../../chunk-MBZ55T2D.js";
16
17
  import "../../chunk-2IKT6IHB.js";
17
- import "../../chunk-CQFPNZTN.js";
18
18
  import "../../chunk-2FADUKPP.js";
19
19
  import "../../chunk-R4SFLYOZ.js";
20
20
  import "../../chunk-5IFPG6TS.js";
package/dist/components/DateInput.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/DateInput.js CHANGED
@@ -5,7 +5,8 @@ import "../chunk-2T2GISEG.js";
5
5
  import "../chunk-M7INAUAJ.js";
6
6
  import "../chunk-F4CV7SBS.js";
7
7
  import "../chunk-3XOYPT5O.js";
8
- import "../chunk-CI6SUOIE.js";
8
+ import "../chunk-A7CEYUVE.js";
9
+ import "../chunk-CQFPNZTN.js";
9
10
  import "../chunk-HPQWEZJL.js";
10
11
  import "../chunk-BQNPOGD5.js";
11
12
  import "../chunk-GNHKKYCY.js";
@@ -15,7 +16,6 @@ import "../chunk-PH76F7QS.js";
15
16
  import "../chunk-VJVY6NPF.js";
16
17
  import "../chunk-MBZ55T2D.js";
17
18
  import "../chunk-2IKT6IHB.js";
18
- import "../chunk-CQFPNZTN.js";
19
19
  import "../chunk-2FADUKPP.js";
20
20
  import "../chunk-R4SFLYOZ.js";
21
21
  import "../chunk-5IFPG6TS.js";
package/dist/components/DateRangeInput.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/DateRangeInput.js CHANGED
@@ -5,7 +5,8 @@ import "../chunk-2T2GISEG.js";
5
5
  import "../chunk-M7INAUAJ.js";
6
6
  import "../chunk-F4CV7SBS.js";
7
7
  import "../chunk-3XOYPT5O.js";
8
- import "../chunk-CI6SUOIE.js";
8
+ import "../chunk-A7CEYUVE.js";
9
+ import "../chunk-CQFPNZTN.js";
9
10
  import "../chunk-HPQWEZJL.js";
10
11
  import "../chunk-BQNPOGD5.js";
11
12
  import "../chunk-GNHKKYCY.js";
@@ -15,7 +16,6 @@ import "../chunk-PH76F7QS.js";
15
16
  import "../chunk-VJVY6NPF.js";
16
17
  import "../chunk-MBZ55T2D.js";
17
18
  import "../chunk-2IKT6IHB.js";
18
- import "../chunk-CQFPNZTN.js";
19
19
  import "../chunk-2FADUKPP.js";
20
20
  import "../chunk-R4SFLYOZ.js";
21
21
  import "../chunk-5IFPG6TS.js";
package/dist/components/MaxViewportBox.cjs ADDED
@@ -0,0 +1,45 @@
1
+ "use strict";
2
+ var __defProp = Object.defineProperty;
3
+ var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
4
+ var __getOwnPropNames = Object.getOwnPropertyNames;
5
+ var __hasOwnProp = Object.prototype.hasOwnProperty;
6
+ var __export = (target, all) => {
7
+ for (var name in all)
8
+ __defProp(target, name, { get: all[name], enumerable: true });
9
+ };
10
+ var __copyProps = (to, from, except, desc) => {
11
+ if (from && typeof from === "object" || typeof from === "function") {
12
+ for (let key of __getOwnPropNames(from))
13
+ if (!__hasOwnProp.call(to, key) && key !== except)
14
+ __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
15
+ }
16
+ return to;
17
+ };
18
+ var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
19
+
20
+ // src/components/MaxViewportBox.tsx
21
+ var MaxViewportBox_exports = {};
22
+ __export(MaxViewportBox_exports, {
23
+ MaxViewportLayout: () => MaxViewportLayout
24
+ });
25
+ module.exports = __toCommonJS(MaxViewportBox_exports);
26
+ var import_jsx_runtime = require("react/jsx-runtime");
27
+ function MaxViewportLayout({
28
+ children,
29
+ id,
30
+ testid
31
+ }) {
32
+ return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
33
+ "div",
34
+ {
35
+ id,
36
+ "data-testid": testid,
37
+ className: "flex flex-col max-h-screen h-full max-w-full-container w-full mx-auto",
38
+ children
39
+ }
40
+ );
41
+ }
42
+ // Annotate the CommonJS export names for ESM import in node:
43
+ 0 && (module.exports = {
44
+ MaxViewportLayout
45
+ });
package/dist/components/MaxViewportBox.js ADDED
@@ -0,0 +1,22 @@
1
+ import "../chunk-ORMEWXMH.js";
2
+
3
+ // src/components/MaxViewportBox.tsx
4
+ import { jsx } from "react/jsx-runtime";
5
+ function MaxViewportLayout({
6
+ children,
7
+ id,
8
+ testid
9
+ }) {
10
+ return /* @__PURE__ */ jsx(
11
+ "div",
12
+ {
13
+ id,
14
+ "data-testid": testid,
15
+ className: "flex flex-col max-h-screen h-full max-w-full-container w-full mx-auto",
16
+ children
17
+ }
18
+ );
19
+ }
20
+ export {
21
+ MaxViewportLayout
22
+ };
package/dist/components/MobileDataGrid/ColumnSelector/index.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/MobileDataGrid/ColumnSelector/index.js CHANGED
@@ -4,7 +4,8 @@ import {
4
4
  import "../../../chunk-M7INAUAJ.js";
5
5
  import "../../../chunk-F4CV7SBS.js";
6
6
  import "../../../chunk-3XOYPT5O.js";
7
- import "../../../chunk-CI6SUOIE.js";
7
+ import "../../../chunk-A7CEYUVE.js";
8
+ import "../../../chunk-CQFPNZTN.js";
8
9
  import "../../../chunk-HPQWEZJL.js";
9
10
  import "../../../chunk-BQNPOGD5.js";
10
11
  import "../../../chunk-GNHKKYCY.js";
@@ -14,7 +15,6 @@ import "../../../chunk-PH76F7QS.js";
14
15
  import "../../../chunk-VJVY6NPF.js";
15
16
  import "../../../chunk-MBZ55T2D.js";
16
17
  import "../../../chunk-2IKT6IHB.js";
17
- import "../../../chunk-CQFPNZTN.js";
18
18
  import "../../../chunk-2FADUKPP.js";
19
19
  import "../../../chunk-R4SFLYOZ.js";
20
20
  import "../../../chunk-5IFPG6TS.js";
package/dist/components/MobileDataGrid/MobileDataGridHeader.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/MobileDataGrid/MobileDataGridHeader.js CHANGED
@@ -4,7 +4,8 @@ import {
4
4
  import "../../chunk-M7INAUAJ.js";
5
5
  import "../../chunk-F4CV7SBS.js";
6
6
  import "../../chunk-3XOYPT5O.js";
7
- import "../../chunk-CI6SUOIE.js";
7
+ import "../../chunk-A7CEYUVE.js";
8
+ import "../../chunk-CQFPNZTN.js";
8
9
  import "../../chunk-HPQWEZJL.js";
9
10
  import "../../chunk-BQNPOGD5.js";
10
11
  import "../../chunk-GNHKKYCY.js";
@@ -14,7 +15,6 @@ import "../../chunk-PH76F7QS.js";
14
15
  import "../../chunk-VJVY6NPF.js";
15
16
  import "../../chunk-MBZ55T2D.js";
16
17
  import "../../chunk-2IKT6IHB.js";
17
- import "../../chunk-CQFPNZTN.js";
18
18
  import "../../chunk-2FADUKPP.js";
19
19
  import "../../chunk-R4SFLYOZ.js";
20
20
  import "../../chunk-5IFPG6TS.js";
package/dist/components/MobileDataGrid/index.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/MobileDataGrid/index.js CHANGED
@@ -4,7 +4,8 @@ import {
4
4
  import "../../chunk-M7INAUAJ.js";
5
5
  import "../../chunk-F4CV7SBS.js";
6
6
  import "../../chunk-3XOYPT5O.js";
7
- import "../../chunk-CI6SUOIE.js";
7
+ import "../../chunk-A7CEYUVE.js";
8
+ import "../../chunk-CQFPNZTN.js";
8
9
  import "../../chunk-HPQWEZJL.js";
9
10
  import "../../chunk-BQNPOGD5.js";
10
11
  import "../../chunk-GNHKKYCY.js";
@@ -14,7 +15,6 @@ import "../../chunk-PH76F7QS.js";
14
15
  import "../../chunk-VJVY6NPF.js";
15
16
  import "../../chunk-MBZ55T2D.js";
16
17
  import "../../chunk-2IKT6IHB.js";
17
- import "../../chunk-CQFPNZTN.js";
18
18
  import "../../chunk-2FADUKPP.js";
19
19
  import "../../chunk-R4SFLYOZ.js";
20
20
  import "../../chunk-5IFPG6TS.js";
package/dist/components/ProductImagePreview/index.js CHANGED
@@ -1,11 +1,11 @@
1
1
  import {
2
2
  ProductImagePreview
3
- } from "../../chunk-CI6SUOIE.js";
3
+ } from "../../chunk-A7CEYUVE.js";
4
+ import "../../chunk-CQFPNZTN.js";
4
5
  import "../../chunk-HPQWEZJL.js";
5
6
  import "../../chunk-BQNPOGD5.js";
6
7
  import "../../chunk-MBZ55T2D.js";
7
8
  import "../../chunk-2IKT6IHB.js";
8
- import "../../chunk-CQFPNZTN.js";
9
9
  import "../../chunk-AT4AWD6B.js";
10
10
  import "../../chunk-SBRRNFOP.js";
11
11
  import "../../chunk-ER6RCOH3.js";
package/dist/components/index.css CHANGED
@@ -191,6 +191,7 @@
191
191
  --spacing-desktop-component-padding: 8px;
192
192
  --spacing-mobile-component-padding: 12px;
193
193
  --spacing-desktop-compact-component-padding: 4px;
194
+ --spacing-full-container: 1536px;
194
195
  --color-text-primary-normal: var(--color-neutral-500);
195
196
  --color-text-primary-active: var(--color-neutral-400);
196
197
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -903,6 +904,9 @@
903
904
  .max-w-full {
904
905
  max-width: 100%;
905
906
  }
907
+ .max-w-full-container {
908
+ max-width: var(--spacing-full-container);
909
+ }
906
910
  .max-w-none {
907
911
  max-width: none;
908
912
  }
package/dist/components/index.js CHANGED
@@ -7,7 +7,8 @@ import "../chunk-F4CV7SBS.js";
7
7
  import "../chunk-3XOYPT5O.js";
8
8
  import {
9
9
  ProductImagePreview
10
- } from "../chunk-CI6SUOIE.js";
10
+ } from "../chunk-A7CEYUVE.js";
11
+ import "../chunk-CQFPNZTN.js";
11
12
  import "../chunk-HPQWEZJL.js";
12
13
  import "../chunk-BQNPOGD5.js";
13
14
  import {
@@ -19,7 +20,6 @@ import "../chunk-PH76F7QS.js";
19
20
  import "../chunk-VJVY6NPF.js";
20
21
  import "../chunk-MBZ55T2D.js";
21
22
  import "../chunk-2IKT6IHB.js";
22
- import "../chunk-CQFPNZTN.js";
23
23
  import "../chunk-2FADUKPP.js";
24
24
  import "../chunk-R4SFLYOZ.js";
25
25
  import "../chunk-5IFPG6TS.js";
package/dist/index.css CHANGED
@@ -169,6 +169,7 @@
169
169
  --spacing-desktop-component-padding: 8px;
170
170
  --spacing-mobile-component-padding: 12px;
171
171
  --spacing-desktop-compact-component-padding: 4px;
172
+ --spacing-full-container: 1536px;
172
173
  --color-text-primary-normal: var(--color-neutral-500);
173
174
  --color-text-primary-active: var(--color-neutral-400);
174
175
  --color-text-primary-disabled: var(--color-neutral-300);
@@ -881,6 +882,9 @@
881
882
  .max-w-full {
882
883
  max-width: 100%;
883
884
  }
885
+ .max-w-full-container {
886
+ max-width: var(--spacing-full-container);
887
+ }
884
888
  .max-w-none {
885
889
  max-width: none;
886
890
  }
package/package.json CHANGED
@@ -1,7 +1,7 @@
1
1
  {
2
2
  "name": "@dmsi/wedgekit-react",
3
3
  "private": false,
4
- "version": "0.0.382",
4
+ "version": "0.0.383",
5
5
  "type": "module",
6
6
  "scripts": {
7
7
  "build": "tsup",
package/src/components/MaxViewportBox.tsx ADDED
@@ -0,0 +1,19 @@
1
+ export function MaxViewportLayout({
2
+ children,
3
+ id,
4
+ testid,
5
+ }: {
6
+ children: React.ReactNode;
7
+ id?: string;
8
+ testid?: string;
9
+ }) {
10
+ return (
11
+ <div
12
+ id={id}
13
+ data-testid={testid}
14
+ className="flex flex-col max-h-screen h-full max-w-full-container w-full mx-auto"
15
+ >
16
+ {children}
17
+ </div>
18
+ );
19
+ }
package/src/index.css CHANGED
@@ -221,6 +221,10 @@
221
221
  --spacing-mobile-component-padding: 12px;
222
222
  --spacing-desktop-compact-component-padding: 4px;
223
223
 
224
+ /** Max Width Full Container **/
225
+
226
+ --spacing-full-container: 1536px;
227
+
224
228
  /** Color Token Aliases */
225
229
 
226
230
  --color-text-primary-normal: var(--color-neutral-500);
package/dist/{chunk-CI6SUOIE.js → chunk-A7CEYUVE.js} RENAMED
@@ -1,3 +1,6 @@
1
+ import {
2
+ ProductPrimaryImage
3
+ } from "./chunk-CQFPNZTN.js";
1
4
  import {
2
5
  Thumbnail
3
6
  } from "./chunk-HPQWEZJL.js";
@@ -10,9 +13,6 @@ import {
10
13
  import {
11
14
  MobileImageCarousel
12
15
  } from "./chunk-2IKT6IHB.js";
13
- import {
14
- ProductPrimaryImage
15
- } from "./chunk-CQFPNZTN.js";
16
16
  import {
17
17
  Grid
18
18
  } from "./chunk-ER6RCOH3.js";