@dmsi/wedgekit-react 0.0.415 → 0.0.418

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 (125) hide show
  1. package/dist/chunk-3HBYDOYE.js +114 -0
  2. package/dist/{chunk-JIMJIJOF.js → chunk-5TGP5EFM.js} +2 -2
  3. package/dist/{chunk-2HMCS25C.js → chunk-6LHBY2IH.js} +1 -1
  4. package/dist/{chunk-6I5LZ2ZC.js → chunk-7AXHAWJX.js} +3 -3
  5. package/dist/{chunk-MQX7GFLX.js → chunk-CANJ2YPW.js} +24 -6
  6. package/dist/{chunk-QQ5G773N.js → chunk-DCLNAUC4.js} +1 -1
  7. package/dist/{chunk-GB4ZTUQV.js → chunk-DTW7JCBR.js} +36 -0
  8. package/dist/chunk-ESCNCQGI.js +9 -0
  9. package/dist/chunk-IFHMGICR.js +66 -0
  10. package/dist/{chunk-ZHZIIVJN.js → chunk-IMOIZFJZ.js} +5 -5
  11. package/dist/chunk-KBJZUVLM.js +65 -0
  12. package/dist/{chunk-AA6GE3TH.js → chunk-LUPHOXAQ.js} +1 -1
  13. package/dist/{chunk-44TDIHUP.js → chunk-P3MIP2FD.js} +1 -1
  14. package/dist/{chunk-7ULLUUVJ.js → chunk-PQWWVBSR.js} +1 -1
  15. package/dist/{chunk-ERW5DEIO.js → chunk-RQLWSLVE.js} +1 -1
  16. package/dist/{chunk-BK7SPR6Y.js → chunk-TQIKP534.js} +4 -4
  17. package/dist/chunk-TYAQWVIM.js +159 -0
  18. package/dist/{chunk-KZZKQLKF.js → chunk-W55J2KJZ.js} +1 -1
  19. package/dist/chunk-Y2GK27RX.js +79 -0
  20. package/dist/components/Accordion.cjs +74 -2
  21. package/dist/components/Accordion.js +3 -3
  22. package/dist/components/CalendarRange.cjs +231 -53
  23. package/dist/components/CalendarRange.css +169 -65
  24. package/dist/components/CalendarRange.js +24 -16
  25. package/dist/components/Card.cjs +38 -2
  26. package/dist/components/Card.js +1 -1
  27. package/dist/components/CompactImagesPreview.cjs +59 -5
  28. package/dist/components/CompactImagesPreview.js +2 -2
  29. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.cjs +189 -11
  30. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.css +169 -65
  31. package/dist/components/DataGrid/ColumnSelectorHeaderCell/ColumnSelectorMenuOption.js +24 -16
  32. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.cjs +198 -20
  33. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.css +169 -65
  34. package/dist/components/DataGrid/ColumnSelectorHeaderCell/index.js +24 -16
  35. package/dist/components/DataGrid/PinnedColumns.cjs +214 -36
  36. package/dist/components/DataGrid/PinnedColumns.css +169 -65
  37. package/dist/components/DataGrid/PinnedColumns.js +24 -16
  38. package/dist/components/DataGrid/TableBody/LoadingCell.cjs +190 -12
  39. package/dist/components/DataGrid/TableBody/LoadingCell.css +169 -65
  40. package/dist/components/DataGrid/TableBody/LoadingCell.js +24 -16
  41. package/dist/components/DataGrid/TableBody/TableBodyRow.cjs +196 -18
  42. package/dist/components/DataGrid/TableBody/TableBodyRow.css +169 -65
  43. package/dist/components/DataGrid/TableBody/TableBodyRow.js +24 -16
  44. package/dist/components/DataGrid/TableBody/index.cjs +211 -33
  45. package/dist/components/DataGrid/TableBody/index.css +169 -65
  46. package/dist/components/DataGrid/TableBody/index.js +24 -16
  47. package/dist/components/DataGrid/index.cjs +300 -122
  48. package/dist/components/DataGrid/index.css +169 -65
  49. package/dist/components/DataGrid/index.js +24 -16
  50. package/dist/components/DataGrid/utils.cjs +190 -12
  51. package/dist/components/DataGrid/utils.css +169 -65
  52. package/dist/components/DataGrid/utils.js +24 -16
  53. package/dist/components/DateInput.cjs +250 -72
  54. package/dist/components/DateInput.css +169 -65
  55. package/dist/components/DateInput.js +24 -16
  56. package/dist/components/DateRangeInput.cjs +250 -72
  57. package/dist/components/DateRangeInput.css +169 -65
  58. package/dist/components/DateRangeInput.js +24 -16
  59. package/dist/components/Grid.cjs +81 -76
  60. package/dist/components/Grid.js +1 -1
  61. package/dist/components/ListGroup.cjs +553 -0
  62. package/dist/components/ListGroup.js +11 -0
  63. package/dist/components/MobileDataGrid/ColumnList.cjs +36 -0
  64. package/dist/components/MobileDataGrid/ColumnList.js +3 -3
  65. package/dist/components/MobileDataGrid/ColumnSelector/index.cjs +197 -19
  66. package/dist/components/MobileDataGrid/ColumnSelector/index.css +169 -65
  67. package/dist/components/MobileDataGrid/ColumnSelector/index.js +24 -16
  68. package/dist/components/MobileDataGrid/MobileDataGridCard/index.cjs +36 -0
  69. package/dist/components/MobileDataGrid/MobileDataGridCard/index.js +2 -2
  70. package/dist/components/MobileDataGrid/MobileDataGridHeader.cjs +241 -27
  71. package/dist/components/MobileDataGrid/MobileDataGridHeader.css +169 -65
  72. package/dist/components/MobileDataGrid/MobileDataGridHeader.js +24 -16
  73. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.cjs +36 -0
  74. package/dist/components/MobileDataGrid/RowDetailModalProvider/ModalContent.js +2 -2
  75. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.cjs +36 -0
  76. package/dist/components/MobileDataGrid/RowDetailModalProvider/index.js +5 -5
  77. package/dist/components/MobileDataGrid/index.cjs +743 -529
  78. package/dist/components/MobileDataGrid/index.css +169 -65
  79. package/dist/components/MobileDataGrid/index.js +24 -16
  80. package/dist/components/Modal.js +2 -2
  81. package/dist/components/Notification.cjs +36 -0
  82. package/dist/components/Notification.js +1 -1
  83. package/dist/components/PDFViewer/PDFElement.cjs +36 -0
  84. package/dist/components/PDFViewer/PDFElement.js +2 -2
  85. package/dist/components/PDFViewer/PDFNavigation.cjs +36 -0
  86. package/dist/components/PDFViewer/PDFNavigation.js +2 -2
  87. package/dist/components/PDFViewer/index.cjs +36 -0
  88. package/dist/components/PDFViewer/index.js +8 -111
  89. package/dist/components/Pagination.cjs +427 -0
  90. package/dist/components/Pagination.js +10 -0
  91. package/dist/components/ProductImagePreview/index.cjs +139 -127
  92. package/dist/components/ProductImagePreview/index.js +4 -4
  93. package/dist/components/SideMenuGroup.cjs +36 -0
  94. package/dist/components/SideMenuGroup.js +1 -1
  95. package/dist/components/SideMenuItem.cjs +36 -0
  96. package/dist/components/SideMenuItem.js +1 -1
  97. package/dist/components/SimpleTable.cjs +36 -0
  98. package/dist/components/SimpleTable.js +2 -2
  99. package/dist/components/SkeletonParagraph.js +3 -6
  100. package/dist/components/Stack.cjs +36 -0
  101. package/dist/components/Stack.js +1 -1
  102. package/dist/components/Swatch.cjs +36 -0
  103. package/dist/components/Swatch.js +1 -1
  104. package/dist/components/Time.cjs +36 -0
  105. package/dist/components/Time.js +1 -1
  106. package/dist/components/Tooltip.cjs +1 -1
  107. package/dist/components/Tooltip.js +1 -1
  108. package/dist/components/Upload.cjs +36 -0
  109. package/dist/components/Upload.js +1 -1
  110. package/dist/components/index.cjs +694 -131
  111. package/dist/components/index.css +169 -65
  112. package/dist/components/index.js +37 -17
  113. package/dist/index.css +169 -65
  114. package/package.json +1 -1
  115. package/src/components/Card.tsx +60 -2
  116. package/src/components/CompactImagesPreview.tsx +54 -30
  117. package/src/components/Grid.tsx +59 -91
  118. package/src/components/ListGroup.tsx +82 -0
  119. package/src/components/Pagination.tsx +182 -0
  120. package/src/components/Stack.tsx +76 -0
  121. package/src/components/Tooltip.tsx +4 -3
  122. package/src/components/index.ts +4 -0
  123. package/dist/chunk-ER6RCOH3.js +0 -97
  124. package/dist/chunk-EZCH4PQS.js +0 -29
  125. package/dist/{chunk-D6YCMQPO.js → chunk-SBCFBHNG.js} +3 -3
@@ -690,6 +690,9 @@
690
690
  .ml-auto {
691
691
  margin-left: auto;
692
692
  }
693
+ .box-content {
694
+ box-sizing: content-box;
695
+ }
693
696
  .block {
694
697
  display: block;
695
698
  }
@@ -1002,6 +1005,9 @@
1002
1005
  .cursor-grab {
1003
1006
  cursor: grab;
1004
1007
  }
1008
+ .cursor-not-allowed {
1009
+ cursor: not-allowed;
1010
+ }
1005
1011
  .cursor-pointer {
1006
1012
  cursor: pointer;
1007
1013
  }
@@ -1080,6 +1086,9 @@
1080
1086
  .justify-start {
1081
1087
  justify-content: flex-start;
1082
1088
  }
1089
+ .gap-0 {
1090
+ gap: calc(var(--spacing) * 0);
1091
+ }
1083
1092
  .gap-0\.5 {
1084
1093
  gap: calc(var(--spacing) * 0.5);
1085
1094
  }
@@ -1290,6 +1299,10 @@
1290
1299
  border-inline-style: var(--tw-border-style);
1291
1300
  border-inline-width: 0px;
1292
1301
  }
1302
+ .border-x-1 {
1303
+ border-inline-style: var(--tw-border-style);
1304
+ border-inline-width: 1px;
1305
+ }
1293
1306
  .border-y {
1294
1307
  border-block-style: var(--tw-border-style);
1295
1308
  border-block-width: 1px;
@@ -1306,6 +1319,10 @@
1306
1319
  border-right-style: var(--tw-border-style);
1307
1320
  border-right-width: 0px;
1308
1321
  }
1322
+ .border-r-1 {
1323
+ border-right-style: var(--tw-border-style);
1324
+ border-right-width: 1px;
1325
+ }
1309
1326
  .border-b {
1310
1327
  border-bottom-style: var(--tw-border-style);
1311
1328
  border-bottom-width: 1px;
@@ -1314,6 +1331,10 @@
1314
1331
  border-left-style: var(--tw-border-style);
1315
1332
  border-left-width: 1px;
1316
1333
  }
1334
+ .border-l-1 {
1335
+ border-left-style: var(--tw-border-style);
1336
+ border-left-width: 1px;
1337
+ }
1317
1338
  .border-dashed {
1318
1339
  --tw-border-style: dashed;
1319
1340
  border-style: dashed;
@@ -1891,6 +1912,9 @@
1891
1912
  .\!p-0 {
1892
1913
  padding: calc(var(--spacing) * 0) !important;
1893
1914
  }
1915
+ .p-0 {
1916
+ padding: calc(var(--spacing) * 0);
1917
+ }
1894
1918
  .p-0\.5 {
1895
1919
  padding: calc(var(--spacing) * 0.5);
1896
1920
  }
@@ -2005,12 +2029,33 @@
2005
2029
  .pt-\[7px\] {
2006
2030
  padding-top: 7px;
2007
2031
  }
2032
+ .pt-mobile-component-padding {
2033
+ padding-top: var(--spacing-mobile-component-padding);
2034
+ }
2035
+ .pt-mobile-container-padding {
2036
+ padding-top: var(--spacing-mobile-container-padding);
2037
+ }
2038
+ .pt-mobile-layout-padding {
2039
+ padding-top: var(--spacing-mobile-layout-padding);
2040
+ }
2041
+ .pr-mobile-component-padding {
2042
+ padding-right: var(--spacing-mobile-component-padding);
2043
+ }
2044
+ .pr-mobile-container-padding {
2045
+ padding-right: var(--spacing-mobile-container-padding);
2046
+ }
2047
+ .pr-mobile-layout-padding {
2048
+ padding-right: var(--spacing-mobile-layout-padding);
2049
+ }
2008
2050
  .pb-2 {
2009
2051
  padding-bottom: calc(var(--spacing) * 2);
2010
2052
  }
2011
2053
  .pb-mobile-component-padding {
2012
2054
  padding-bottom: var(--spacing-mobile-component-padding);
2013
2055
  }
2056
+ .pb-mobile-container-padding {
2057
+ padding-bottom: var(--spacing-mobile-container-padding);
2058
+ }
2014
2059
  .pb-mobile-layout-padding {
2015
2060
  padding-bottom: var(--spacing-mobile-layout-padding);
2016
2061
  }
@@ -2032,6 +2077,12 @@
2032
2077
  .pl-mobile-component-padding {
2033
2078
  padding-left: var(--spacing-mobile-component-padding);
2034
2079
  }
2080
+ .pl-mobile-container-padding {
2081
+ padding-left: var(--spacing-mobile-container-padding);
2082
+ }
2083
+ .pl-mobile-layout-padding {
2084
+ padding-left: var(--spacing-mobile-layout-padding);
2085
+ }
2035
2086
  .text-center {
2036
2087
  text-align: center;
2037
2088
  }
@@ -2252,6 +2303,9 @@
2252
2303
  .text-text-action-normal {
2253
2304
  color: var(--color-text-action-normal);
2254
2305
  }
2306
+ .text-text-action-primary-disabled {
2307
+ color: var(--color-text-action-primary-disabled);
2308
+ }
2255
2309
  .text-text-action-primary-normal {
2256
2310
  color: var(--color-text-action-primary-normal);
2257
2311
  }
@@ -2330,6 +2384,9 @@
2330
2384
  .opacity-40 {
2331
2385
  opacity: 40%;
2332
2386
  }
2387
+ .opacity-50 {
2388
+ opacity: 50%;
2389
+ }
2333
2390
  .opacity-70 {
2334
2391
  opacity: 70%;
2335
2392
  }
@@ -3069,6 +3126,13 @@
3069
3126
  }
3070
3127
  }
3071
3128
  }
3129
+ .hover\:bg-background-grouped-secondary-normal {
3130
+ &:hover {
3131
+ @media (hover: hover) {
3132
+ background-color: var(--color-background-grouped-secondary-normal);
3133
+ }
3134
+ }
3135
+ }
3072
3136
  .hover\:\!text-brand-text-on-action-primary-hover {
3073
3137
  &:hover {
3074
3138
  @media (hover: hover) {
@@ -3215,6 +3279,11 @@
3215
3279
  background-color: var(--color-background-action-secondary-hover);
3216
3280
  }
3217
3281
  }
3282
+ .focus\:bg-background-grouped-secondary-normal {
3283
+ &:focus {
3284
+ background-color: var(--color-background-grouped-secondary-normal);
3285
+ }
3286
+ }
3218
3287
  .focus\:text-text-action-critical-hover {
3219
3288
  &:focus {
3220
3289
  color: var(--color-text-action-critical-hover);
@@ -3425,6 +3494,11 @@
3425
3494
  pointer-events: none;
3426
3495
  }
3427
3496
  }
3497
+ .disabled\:cursor-default {
3498
+ &:disabled {
3499
+ cursor: default;
3500
+ }
3501
+ }
3428
3502
  .disabled\:\!border-border-primary-normal {
3429
3503
  &:disabled {
3430
3504
  border-color: var(--color-border-primary-normal) !important;
@@ -3731,11 +3805,6 @@
3731
3805
  width: 100%;
3732
3806
  }
3733
3807
  }
3734
- .sm\:grid-cols-2 {
3735
- @media (width >= 320px) {
3736
- grid-template-columns: repeat(2, minmax(0, 1fr));
3737
- }
3738
- }
3739
3808
  .md\:block {
3740
3809
  @media (width >= 768px) {
3741
3810
  display: block;
@@ -3766,66 +3835,6 @@
3766
3835
  gap: calc(var(--spacing) * 2);
3767
3836
  }
3768
3837
  }
3769
- .lg\:grid-cols-4 {
3770
- @media (width >= 1024px) {
3771
- grid-template-columns: repeat(4, minmax(0, 1fr));
3772
- }
3773
- }
3774
- .xl\:grid-cols-4 {
3775
- @media (width >= 1280px) {
3776
- grid-template-columns: repeat(4, minmax(0, 1fr));
3777
- }
3778
- }
3779
- .xl\:grid-cols-5 {
3780
- @media (width >= 1280px) {
3781
- grid-template-columns: repeat(5, minmax(0, 1fr));
3782
- }
3783
- }
3784
- .xl\:grid-cols-6 {
3785
- @media (width >= 1280px) {
3786
- grid-template-columns: repeat(6, minmax(0, 1fr));
3787
- }
3788
- }
3789
- .xl\:grid-cols-8 {
3790
- @media (width >= 1280px) {
3791
- grid-template-columns: repeat(8, minmax(0, 1fr));
3792
- }
3793
- }
3794
- .\32xl\:grid-cols-6 {
3795
- @media (width >= 1536px) {
3796
- grid-template-columns: repeat(6, minmax(0, 1fr));
3797
- }
3798
- }
3799
- .\32xl\:grid-cols-7 {
3800
- @media (width >= 1536px) {
3801
- grid-template-columns: repeat(7, minmax(0, 1fr));
3802
- }
3803
- }
3804
- .\32xl\:grid-cols-8 {
3805
- @media (width >= 1536px) {
3806
- grid-template-columns: repeat(8, minmax(0, 1fr));
3807
- }
3808
- }
3809
- .\32xl\:grid-cols-9 {
3810
- @media (width >= 1536px) {
3811
- grid-template-columns: repeat(9, minmax(0, 1fr));
3812
- }
3813
- }
3814
- .\32xl\:grid-cols-10 {
3815
- @media (width >= 1536px) {
3816
- grid-template-columns: repeat(10, minmax(0, 1fr));
3817
- }
3818
- }
3819
- .\32xl\:grid-cols-11 {
3820
- @media (width >= 1536px) {
3821
- grid-template-columns: repeat(11, minmax(0, 1fr));
3822
- }
3823
- }
3824
- .\32xl\:grid-cols-12 {
3825
- @media (width >= 1536px) {
3826
- grid-template-columns: repeat(12, minmax(0, 1fr));
3827
- }
3828
- }
3829
3838
  .compact\:mt-desktop-compact-component-gap {
3830
3839
  &:where([data-compact]) {
3831
3840
  margin-top: var(--spacing-desktop-compact-component-gap);
@@ -3931,11 +3940,46 @@
3931
3940
  padding-block: var(--spacing-desktop-compact-layout-padding);
3932
3941
  }
3933
3942
  }
3943
+ .compact\:pt-desktop-compact-component-padding {
3944
+ &:where([data-compact]) {
3945
+ padding-top: var(--spacing-desktop-compact-component-padding);
3946
+ }
3947
+ }
3948
+ .compact\:pt-desktop-compact-container-padding {
3949
+ &:where([data-compact]) {
3950
+ padding-top: var(--spacing-desktop-compact-container-padding);
3951
+ }
3952
+ }
3953
+ .compact\:pt-desktop-compact-layout-padding {
3954
+ &:where([data-compact]) {
3955
+ padding-top: var(--spacing-desktop-compact-layout-padding);
3956
+ }
3957
+ }
3958
+ .compact\:pr-desktop-compact-component-padding {
3959
+ &:where([data-compact]) {
3960
+ padding-right: var(--spacing-desktop-compact-component-padding);
3961
+ }
3962
+ }
3963
+ .compact\:pr-desktop-compact-container-padding {
3964
+ &:where([data-compact]) {
3965
+ padding-right: var(--spacing-desktop-compact-container-padding);
3966
+ }
3967
+ }
3968
+ .compact\:pr-desktop-compact-layout-padding {
3969
+ &:where([data-compact]) {
3970
+ padding-right: var(--spacing-desktop-compact-layout-padding);
3971
+ }
3972
+ }
3934
3973
  .compact\:pb-desktop-compact-component-padding {
3935
3974
  &:where([data-compact]) {
3936
3975
  padding-bottom: var(--spacing-desktop-compact-component-padding);
3937
3976
  }
3938
3977
  }
3978
+ .compact\:pb-desktop-compact-container-padding {
3979
+ &:where([data-compact]) {
3980
+ padding-bottom: var(--spacing-desktop-compact-container-padding);
3981
+ }
3982
+ }
3939
3983
  .compact\:pb-desktop-compact-layout-padding {
3940
3984
  &:where([data-compact]) {
3941
3985
  padding-bottom: var(--spacing-desktop-compact-layout-padding);
@@ -3946,6 +3990,16 @@
3946
3990
  padding-left: var(--spacing-desktop-compact-component-padding);
3947
3991
  }
3948
3992
  }
3993
+ .compact\:pl-desktop-compact-container-padding {
3994
+ &:where([data-compact]) {
3995
+ padding-left: var(--spacing-desktop-compact-container-padding);
3996
+ }
3997
+ }
3998
+ .compact\:pl-desktop-compact-layout-padding {
3999
+ &:where([data-compact]) {
4000
+ padding-left: var(--spacing-desktop-compact-layout-padding);
4001
+ }
4002
+ }
3949
4003
  .compact\:text-caption-desktop-compact {
3950
4004
  &:where([data-compact]) {
3951
4005
  font-size: var(--text-caption-desktop-compact);
@@ -4117,6 +4171,11 @@
4117
4171
  flex-grow: 0;
4118
4172
  }
4119
4173
  }
4174
+ .desktop\:grid-cols-4 {
4175
+ @container root (width >= 48rem) {
4176
+ grid-template-columns: repeat(4, minmax(0, 1fr));
4177
+ }
4178
+ }
4120
4179
  .desktop\:flex-col {
4121
4180
  @container root (width >= 48rem) {
4122
4181
  flex-direction: column;
@@ -4252,16 +4311,51 @@
4252
4311
  padding-block: var(--spacing-desktop-layout-padding);
4253
4312
  }
4254
4313
  }
4314
+ .desktop\:pt-desktop-component-padding {
4315
+ @container root (width >= 48rem) {
4316
+ padding-top: var(--spacing-desktop-component-padding);
4317
+ }
4318
+ }
4319
+ .desktop\:pt-desktop-container-padding {
4320
+ @container root (width >= 48rem) {
4321
+ padding-top: var(--spacing-desktop-container-padding);
4322
+ }
4323
+ }
4255
4324
  .desktop\:pt-desktop-layout-gap {
4256
4325
  @container root (width >= 48rem) {
4257
4326
  padding-top: var(--spacing-desktop-layout-gap);
4258
4327
  }
4259
4328
  }
4329
+ .desktop\:pt-desktop-layout-padding {
4330
+ @container root (width >= 48rem) {
4331
+ padding-top: var(--spacing-desktop-layout-padding);
4332
+ }
4333
+ }
4334
+ .desktop\:pr-desktop-component-padding {
4335
+ @container root (width >= 48rem) {
4336
+ padding-right: var(--spacing-desktop-component-padding);
4337
+ }
4338
+ }
4339
+ .desktop\:pr-desktop-container-padding {
4340
+ @container root (width >= 48rem) {
4341
+ padding-right: var(--spacing-desktop-container-padding);
4342
+ }
4343
+ }
4344
+ .desktop\:pr-desktop-layout-padding {
4345
+ @container root (width >= 48rem) {
4346
+ padding-right: var(--spacing-desktop-layout-padding);
4347
+ }
4348
+ }
4260
4349
  .desktop\:pb-desktop-component-padding {
4261
4350
  @container root (width >= 48rem) {
4262
4351
  padding-bottom: var(--spacing-desktop-component-padding);
4263
4352
  }
4264
4353
  }
4354
+ .desktop\:pb-desktop-container-padding {
4355
+ @container root (width >= 48rem) {
4356
+ padding-bottom: var(--spacing-desktop-container-padding);
4357
+ }
4358
+ }
4265
4359
  .desktop\:pb-desktop-layout-padding {
4266
4360
  @container root (width >= 48rem) {
4267
4361
  padding-bottom: var(--spacing-desktop-layout-padding);
@@ -4272,6 +4366,16 @@
4272
4366
  padding-left: var(--spacing-desktop-component-padding);
4273
4367
  }
4274
4368
  }
4369
+ .desktop\:pl-desktop-container-padding {
4370
+ @container root (width >= 48rem) {
4371
+ padding-left: var(--spacing-desktop-container-padding);
4372
+ }
4373
+ }
4374
+ .desktop\:pl-desktop-layout-padding {
4375
+ @container root (width >= 48rem) {
4376
+ padding-left: var(--spacing-desktop-layout-padding);
4377
+ }
4378
+ }
4275
4379
  .desktop\:text-caption-desktop {
4276
4380
  @container root (width >= 48rem) {
4277
4381
  font-size: var(--text-caption-desktop);
@@ -1,37 +1,45 @@
1
1
  import {
2
2
  MobileDataGridHeader
3
- } from "../../chunk-BK7SPR6Y.js";
4
- import "../../chunk-6I5LZ2ZC.js";
3
+ } from "../../chunk-TQIKP534.js";
4
+ import "../../chunk-7AXHAWJX.js";
5
+ import "../../chunk-P3MIP2FD.js";
5
6
  import "../../chunk-M7INAUAJ.js";
6
- import "../../chunk-44TDIHUP.js";
7
- import "../../chunk-ZHZIIVJN.js";
7
+ import "../../chunk-3HBYDOYE.js";
8
+ import "../../chunk-IMOIZFJZ.js";
9
+ import "../../chunk-MBZ55T2D.js";
8
10
  import "../../chunk-2IKT6IHB.js";
9
11
  import "../../chunk-G5DEC7H3.js";
10
12
  import "../../chunk-3X3Y4TMS.js";
11
13
  import "../../chunk-BQNPOGD5.js";
12
- import "../../chunk-MBZ55T2D.js";
13
- import "../../chunk-AA6GE3TH.js";
14
- import "../../chunk-KZZKQLKF.js";
14
+ import "../../chunk-LUPHOXAQ.js";
15
+ import "../../chunk-W55J2KJZ.js";
15
16
  import "../../chunk-5IFPG6TS.js";
16
17
  import "../../chunk-AJ5M6MVX.js";
17
18
  import "../../chunk-M6TSTDNZ.js";
19
+ import "../../chunk-EJSPFQCY.js";
20
+ import "../../chunk-RQLWSLVE.js";
21
+ import "../../chunk-6LHBY2IH.js";
22
+ import "../../chunk-VJVY6NPF.js";
18
23
  import "../../chunk-EWGHVZL5.js";
19
- import "../../chunk-QQ5G773N.js";
24
+ import "../../chunk-DCLNAUC4.js";
25
+ import "../../chunk-PQWWVBSR.js";
26
+ import "../../chunk-ESCNCQGI.js";
20
27
  import "../../chunk-AT4AWD6B.js";
21
28
  import "../../chunk-J5V2JRIK.js";
22
- import "../../chunk-7ULLUUVJ.js";
23
- import "../../chunk-D6YCMQPO.js";
29
+ import "../../chunk-TYAQWVIM.js";
30
+ import "../../chunk-SBCFBHNG.js";
24
31
  import "../../chunk-4RJKB7LC.js";
32
+ import "../../chunk-AG43RS4Q.js";
25
33
  import "../../chunk-XM7IQHBU.js";
26
34
  import "../../chunk-FRHPFACM.js";
27
35
  import "../../chunk-T36HX6QY.js";
28
- import "../../chunk-AG43RS4Q.js";
36
+ import "../../chunk-IFHMGICR.js";
29
37
  import "../../chunk-SBRRNFOP.js";
30
- import "../../chunk-ER6RCOH3.js";
38
+ import "../../chunk-Y2GK27RX.js";
31
39
  import "../../chunk-EU73QPW7.js";
32
40
  import "../../chunk-QVWYTQKL.js";
33
41
  import "../../chunk-NO5BIKWS.js";
34
- import "../../chunk-MQX7GFLX.js";
42
+ import "../../chunk-CANJ2YPW.js";
35
43
  import "../../chunk-V47RTW7E.js";
36
44
  import "../../chunk-22VBZWJG.js";
37
45
  import "../../chunk-NVOZAVEX.js";
@@ -45,9 +53,9 @@ import "../../chunk-VXWSAIB5.js";
45
53
  import "../../chunk-TYTD4FLW.js";
46
54
  import "../../chunk-5UH6QUFB.js";
47
55
  import "../../chunk-FA7IFW66.js";
48
- import "../../chunk-JIMJIJOF.js";
49
- import "../../chunk-EZCH4PQS.js";
50
- import "../../chunk-GB4ZTUQV.js";
56
+ import "../../chunk-5TGP5EFM.js";
57
+ import "../../chunk-KBJZUVLM.js";
58
+ import "../../chunk-DTW7JCBR.js";
51
59
  import "../../chunk-OGIFIPKH.js";
52
60
  import "../../chunk-NKUETCDA.js";
53
61
  import "../../chunk-WWAPK5PH.js";
@@ -284,6 +284,10 @@ var Stack = (_a) => {
284
284
  padding,
285
285
  paddingX,
286
286
  paddingY,
287
+ paddingBottom,
288
+ paddingTop,
289
+ paddingLeft,
290
+ paddingRight,
287
291
  margin,
288
292
  marginX,
289
293
  marginY,
@@ -299,6 +303,10 @@ var Stack = (_a) => {
299
303
  height,
300
304
  maxHeight,
301
305
  borderColor,
306
+ borderTopColor,
307
+ borderRightColor,
308
+ borderBottomColor,
309
+ borderLeftColor,
302
310
  backgroundColor,
303
311
  sizing = "none",
304
312
  overflowY = "inherit",
@@ -324,6 +332,10 @@ var Stack = (_a) => {
324
332
  "padding",
325
333
  "paddingX",
326
334
  "paddingY",
335
+ "paddingBottom",
336
+ "paddingTop",
337
+ "paddingLeft",
338
+ "paddingRight",
327
339
  "margin",
328
340
  "marginX",
329
341
  "marginY",
@@ -339,6 +351,10 @@ var Stack = (_a) => {
339
351
  "height",
340
352
  "maxHeight",
341
353
  "borderColor",
354
+ "borderTopColor",
355
+ "borderRightColor",
356
+ "borderBottomColor",
357
+ "borderLeftColor",
342
358
  "backgroundColor",
343
359
  "sizing",
344
360
  "overflowY",
@@ -374,6 +390,10 @@ var Stack = (_a) => {
374
390
  width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
375
391
  minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
376
392
  border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
393
+ borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
394
+ borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
395
+ borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
396
+ borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
377
397
  backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
378
398
  flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
379
399
  flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
@@ -413,6 +433,22 @@ var Stack = (_a) => {
413
433
  paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
414
434
  paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
415
435
  paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
436
+ paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
437
+ paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
438
+ paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
439
+ paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
440
+ paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
441
+ paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
442
+ paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
443
+ paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
444
+ paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
445
+ paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
446
+ paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
447
+ paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
448
+ paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
449
+ paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
450
+ paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
451
+ paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
416
452
  margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
417
453
  marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
418
454
  marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
@@ -1,10 +1,10 @@
1
1
  import {
2
2
  ModalContent
3
- } from "../../../chunk-44TDIHUP.js";
3
+ } from "../../../chunk-P3MIP2FD.js";
4
4
  import "../../../chunk-5IFPG6TS.js";
5
5
  import "../../../chunk-AJ5M6MVX.js";
6
6
  import "../../../chunk-M6TSTDNZ.js";
7
- import "../../../chunk-GB4ZTUQV.js";
7
+ import "../../../chunk-DTW7JCBR.js";
8
8
  import "../../../chunk-OGIFIPKH.js";
9
9
  import "../../../chunk-6CTCHYIS.js";
10
10
  import "../../../chunk-ORMEWXMH.js";
@@ -930,6 +930,10 @@ var Stack = (_a) => {
930
930
  padding,
931
931
  paddingX,
932
932
  paddingY,
933
+ paddingBottom,
934
+ paddingTop,
935
+ paddingLeft,
936
+ paddingRight,
933
937
  margin,
934
938
  marginX,
935
939
  marginY,
@@ -945,6 +949,10 @@ var Stack = (_a) => {
945
949
  height,
946
950
  maxHeight,
947
951
  borderColor,
952
+ borderTopColor,
953
+ borderRightColor,
954
+ borderBottomColor,
955
+ borderLeftColor,
948
956
  backgroundColor,
949
957
  sizing = "none",
950
958
  overflowY = "inherit",
@@ -970,6 +978,10 @@ var Stack = (_a) => {
970
978
  "padding",
971
979
  "paddingX",
972
980
  "paddingY",
981
+ "paddingBottom",
982
+ "paddingTop",
983
+ "paddingLeft",
984
+ "paddingRight",
973
985
  "margin",
974
986
  "marginX",
975
987
  "marginY",
@@ -985,6 +997,10 @@ var Stack = (_a) => {
985
997
  "height",
986
998
  "maxHeight",
987
999
  "borderColor",
1000
+ "borderTopColor",
1001
+ "borderRightColor",
1002
+ "borderBottomColor",
1003
+ "borderLeftColor",
988
1004
  "backgroundColor",
989
1005
  "sizing",
990
1006
  "overflowY",
@@ -1020,6 +1036,10 @@ var Stack = (_a) => {
1020
1036
  width: width !== void 0 && typeof width === "number" ? `${width}px` : void 0,
1021
1037
  minWidth: minWidth !== void 0 ? `${minWidth}px` : void 0,
1022
1038
  border: borderColor ? `1px solid var(--color-${borderColor})` : void 0,
1039
+ borderTop: borderTopColor ? `1px solid var(--color-${borderTopColor})` : void 0,
1040
+ borderRight: borderRightColor ? `1px solid var(--color-${borderRightColor})` : void 0,
1041
+ borderBottom: borderBottomColor ? `1px solid var(--color-${borderBottomColor})` : void 0,
1042
+ borderLeft: borderLeftColor ? `1px solid var(--color-${borderLeftColor})` : void 0,
1023
1043
  backgroundColor: backgroundColor ? `var(--color-${backgroundColor})` : void 0,
1024
1044
  flexGrow: flexGrow !== void 0 ? flexGrow : void 0,
1025
1045
  flexShrink: flexShrink !== void 0 ? flexShrink : void 0,
@@ -1059,6 +1079,22 @@ var Stack = (_a) => {
1059
1079
  paddingY && sizing === "layout" && "py-mobile-layout-padding desktop:py-desktop-layout-padding compact:py-desktop-compact-layout-padding",
1060
1080
  paddingY && sizing === "layout-group" && paddingYUsingLayoutGroupGap,
1061
1081
  paddingY && sizing === "component" && "py-mobile-component-padding desktop:py-desktop-component-padding compact:py-desktop-compact-component-padding",
1082
+ paddingBottom && sizing === "container" && "pb-mobile-container-padding desktop:pb-desktop-container-padding compact:pb-desktop-compact-container-padding",
1083
+ paddingBottom && sizing === "layout" && "pb-mobile-layout-padding desktop:pb-desktop-layout-padding compact:pb-desktop-compact-layout-padding",
1084
+ paddingBottom && sizing === "layout-group" && "pb-mobile-layout-group-padding desktop:pb-desktop-layout-group-padding compact:pb-desktop-compact-layout-group-padding",
1085
+ paddingBottom && sizing === "component" && "pb-mobile-component-padding desktop:pb-desktop-component-padding compact:pb-desktop-compact-component-padding",
1086
+ paddingTop && sizing === "container" && "pt-mobile-container-padding desktop:pt-desktop-container-padding compact:pt-desktop-compact-container-padding",
1087
+ paddingTop && sizing === "layout" && "pt-mobile-layout-padding desktop:pt-desktop-layout-padding compact:pt-desktop-compact-layout-padding",
1088
+ paddingTop && sizing === "layout-group" && "pt-mobile-layout-group-padding desktop:pt-desktop-layout-group-padding compact:pt-desktop-compact-layout-group-padding",
1089
+ paddingTop && sizing === "component" && "pt-mobile-component-padding desktop:pt-desktop-component-padding compact:pt-desktop-compact-component-padding",
1090
+ paddingLeft && sizing === "container" && "pl-mobile-container-padding desktop:pl-desktop-container-padding compact:pl-desktop-compact-container-padding",
1091
+ paddingLeft && sizing === "layout" && "pl-mobile-layout-padding desktop:pl-desktop-layout-padding compact:pl-desktop-compact-layout-padding",
1092
+ paddingLeft && sizing === "layout-group" && "pl-mobile-layout-group-padding desktop:pl-desktop-layout-group-padding compact:pl-desktop-compact-layout-group-padding",
1093
+ paddingLeft && sizing === "component" && "pl-mobile-component-padding desktop:pl-desktop-component-padding compact:pl-desktop-compact-component-padding",
1094
+ paddingRight && sizing === "container" && "pr-mobile-container-padding desktop:pr-desktop-container-padding compact:pr-desktop-compact-container-padding",
1095
+ paddingRight && sizing === "layout" && "pr-mobile-layout-padding desktop:pr-desktop-layout-padding compact:pr-desktop-compact-layout-padding",
1096
+ paddingRight && sizing === "layout-group" && "pr-mobile-layout-group-padding desktop:pr-desktop-layout-group-padding compact:pr-desktop-compact-layout-group-padding",
1097
+ paddingRight && sizing === "component" && "pr-mobile-component-padding desktop:pr-desktop-component-padding compact:pr-desktop-compact-component-padding",
1062
1098
  margin && sizing === "container" && "m-mobile-container-padding desktop:m-desktop-container-padding compact:m-compact-container-padding",
1063
1099
  marginX && sizing === "container" && "mx-mobile-container-padding desktop:mx-desktop-container-padding compact:mx-compact-container-padding",
1064
1100
  marginTop && sizing === "container" && "mt-mobile-container-padding desktop:mt-desktop-container-padding compact:mt-compact-container-padding",
@@ -1,22 +1,22 @@
1
1
  import {
2
2
  RowDetailModalProvider
3
- } from "../../../chunk-6I5LZ2ZC.js";
4
- import "../../../chunk-44TDIHUP.js";
3
+ } from "../../../chunk-7AXHAWJX.js";
4
+ import "../../../chunk-P3MIP2FD.js";
5
5
  import "../../../chunk-5IFPG6TS.js";
6
6
  import "../../../chunk-AJ5M6MVX.js";
7
7
  import "../../../chunk-M6TSTDNZ.js";
8
- import "../../../chunk-D6YCMQPO.js";
8
+ import "../../../chunk-SBCFBHNG.js";
9
9
  import "../../../chunk-4RJKB7LC.js";
10
+ import "../../../chunk-AG43RS4Q.js";
10
11
  import "../../../chunk-XM7IQHBU.js";
11
12
  import "../../../chunk-FRHPFACM.js";
12
13
  import "../../../chunk-T36HX6QY.js";
13
- import "../../../chunk-AG43RS4Q.js";
14
14
  import "../../../chunk-EU73QPW7.js";
15
15
  import "../../../chunk-MYKYZHEO.js";
16
16
  import "../../../chunk-VXWSAIB5.js";
17
17
  import "../../../chunk-TYTD4FLW.js";
18
18
  import "../../../chunk-5UH6QUFB.js";
19
- import "../../../chunk-GB4ZTUQV.js";
19
+ import "../../../chunk-DTW7JCBR.js";
20
20
  import "../../../chunk-OGIFIPKH.js";
21
21
  import "../../../chunk-NKUETCDA.js";
22
22
  import "../../../chunk-WWAPK5PH.js";