@amboss/design-system 4.0.4-canary.1 → 4.0.5

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 (184) hide show
  1. package/build/cjs/components/ChatResponse/ChatResponse.js +1 -1
  2. package/build/cjs/components/DataTable/DataTable.js +1 -1
  3. package/build/cjs/components/DataTable/TableBody.d.ts +4 -2
  4. package/build/cjs/components/DataTable/TableBody.js +1 -1
  5. package/build/cjs/components/DataTable/TableCell.d.ts +4 -3
  6. package/build/cjs/components/DataTable/TableCell.js +1 -1
  7. package/build/cjs/components/DataTable/header/SortableCellContent.d.ts +1 -4
  8. package/build/cjs/components/DataTable/header/TableHeader.d.ts +3 -1
  9. package/build/cjs/components/DataTable/header/TableHeader.js +1 -1
  10. package/build/cjs/components/DataTable/internal/DataTableDataRow.d.ts +20 -0
  11. package/build/cjs/components/DataTable/internal/DataTableDataRow.js +1 -0
  12. package/build/cjs/components/DataTable/internal/DataTableRowGroup.d.ts +2 -0
  13. package/build/cjs/components/DataTable/internal/DataTableRowGroup.js +1 -0
  14. package/build/cjs/components/DataTable/internal/buildInternalColumns.d.ts +9 -0
  15. package/build/cjs/components/DataTable/internal/buildInternalColumns.js +1 -0
  16. package/build/cjs/components/DataTable/internal/controlColumns/checkboxColumn.d.ts +2 -0
  17. package/build/cjs/components/DataTable/internal/controlColumns/checkboxColumn.js +1 -0
  18. package/build/cjs/components/DataTable/internal/getColumnSticky.d.ts +8 -0
  19. package/build/cjs/components/DataTable/internal/getColumnSticky.js +1 -0
  20. package/build/cjs/components/DataTable/internal/getVisibleColumnCount.d.ts +2 -0
  21. package/build/cjs/components/DataTable/internal/getVisibleColumnCount.js +1 -0
  22. package/build/cjs/components/DataTable/internal/resolveRowContext.d.ts +17 -0
  23. package/build/cjs/components/DataTable/internal/resolveRowContext.js +1 -0
  24. package/build/cjs/components/DataTable/internal/tablePrimitives.d.ts +35 -0
  25. package/build/cjs/components/DataTable/internal/tablePrimitives.js +1 -0
  26. package/build/cjs/components/DataTable/internal/types.d.ts +26 -0
  27. package/build/cjs/components/DataTable/internal/types.js +1 -0
  28. package/build/cjs/components/Internal/Drawer/Drawer.d.ts +2 -0
  29. package/build/cjs/components/Internal/Drawer/Drawer.js +13 -1
  30. package/build/cjs/components/Internal/Drawer/useDrawerAnimation.d.ts +6 -14
  31. package/build/cjs/components/Internal/Drawer/useDrawerAnimation.js +1 -1
  32. package/build/cjs/components/Internal/PanelHeader/PanelHeader.d.ts +31 -0
  33. package/build/cjs/components/Internal/PanelHeader/PanelHeader.js +1 -0
  34. package/build/cjs/components/Internal/Sandwich/-types.d.ts +10 -12
  35. package/build/cjs/components/Internal/Sandwich/Sandwich.d.ts +8 -8
  36. package/build/cjs/components/Internal/Sandwich/Sandwich.js +1 -1
  37. package/build/cjs/components/Internal/Sandwich/SandwichFooter.d.ts +1 -1
  38. package/build/cjs/components/Internal/Sandwich/SandwichFooter.js +1 -1
  39. package/build/cjs/components/Internal/Sandwich/SandwichHeader.d.ts +1 -1
  40. package/build/cjs/components/Internal/Sandwich/SandwichHeader.js +1 -1
  41. package/build/cjs/components/Internal/Sandwich/useSandwichContext.d.ts +3 -3
  42. package/build/cjs/components/Internal/Sandwich/useSandwichContext.js +1 -1
  43. package/build/cjs/components/Layout/-types.d.ts +63 -36
  44. package/build/{esm/components/Layout → cjs/components/Layout/Content}/Content.d.ts +1 -1
  45. package/build/cjs/components/Layout/Content/Content.js +1 -0
  46. package/build/cjs/components/Layout/Layout.d.ts +16 -4
  47. package/build/cjs/components/Layout/Layout.js +1 -1
  48. package/build/cjs/components/Layout/LeftPanel/LeftPanel.d.ts +10 -0
  49. package/build/cjs/components/Layout/LeftPanel/LeftPanel.js +1 -0
  50. package/build/cjs/components/Layout/LeftPanel/LeftPanelFooter.d.ts +7 -0
  51. package/build/cjs/components/Layout/LeftPanel/LeftPanelFooter.js +1 -0
  52. package/build/cjs/components/Layout/LeftPanel/LeftPanelHeader.d.ts +7 -0
  53. package/build/cjs/components/Layout/LeftPanel/LeftPanelHeader.js +1 -0
  54. package/build/cjs/components/Layout/PanelContainer.d.ts +9 -0
  55. package/build/cjs/components/Layout/PanelContainer.js +1 -0
  56. package/build/{esm/components/Layout → cjs/components/Layout/RightPanel}/RightPanel.d.ts +4 -2
  57. package/build/cjs/components/Layout/RightPanel/RightPanel.js +1 -0
  58. package/build/cjs/components/Layout/RightPanel/RightPanelFooter.d.ts +7 -0
  59. package/build/cjs/components/Layout/RightPanel/RightPanelFooter.js +1 -0
  60. package/build/cjs/components/Layout/RightPanel/RightPanelHeader.d.ts +10 -0
  61. package/build/cjs/components/Layout/RightPanel/RightPanelHeader.js +1 -0
  62. package/build/{esm/components/Layout → cjs/components/Layout/Split}/Split.d.ts +4 -2
  63. package/build/cjs/components/Layout/Split/Split.js +1 -0
  64. package/build/cjs/components/Layout/Split/SplitFooter.d.ts +7 -0
  65. package/build/cjs/components/Layout/Split/SplitFooter.js +1 -0
  66. package/build/cjs/components/Layout/Split/SplitHeader.d.ts +7 -0
  67. package/build/cjs/components/Layout/Split/SplitHeader.js +1 -0
  68. package/build/cjs/components/Layout/index.d.ts +0 -1
  69. package/build/cjs/components/Layout/index.js +1 -1
  70. package/build/cjs/components/Link/Link.js +1 -1
  71. package/build/cjs/components/Link/LinkContext.d.ts +19 -0
  72. package/build/cjs/components/Link/LinkContext.js +1 -0
  73. package/build/cjs/components/Link/getLinkDecorationStyles.d.ts +20 -0
  74. package/build/cjs/components/Link/getLinkDecorationStyles.js +1 -0
  75. package/build/cjs/components/Typography/Text/Text.d.ts +10 -6
  76. package/build/cjs/components/Typography/Text/Text.js +1 -1
  77. package/build/cjs/web-tokens/_sizes.json +51 -51
  78. package/build/esm/components/ChatResponse/ChatResponse.js +1 -1
  79. package/build/esm/components/DataTable/DataTable.js +1 -1
  80. package/build/esm/components/DataTable/TableBody.d.ts +4 -2
  81. package/build/esm/components/DataTable/TableBody.js +1 -1
  82. package/build/esm/components/DataTable/TableCell.d.ts +4 -3
  83. package/build/esm/components/DataTable/TableCell.js +1 -1
  84. package/build/esm/components/DataTable/header/SortableCellContent.d.ts +1 -4
  85. package/build/esm/components/DataTable/header/TableHeader.d.ts +3 -1
  86. package/build/esm/components/DataTable/header/TableHeader.js +1 -1
  87. package/build/esm/components/DataTable/internal/DataTableDataRow.d.ts +20 -0
  88. package/build/esm/components/DataTable/internal/DataTableDataRow.js +1 -0
  89. package/build/esm/components/DataTable/internal/DataTableRowGroup.d.ts +2 -0
  90. package/build/esm/components/DataTable/internal/DataTableRowGroup.js +1 -0
  91. package/build/esm/components/DataTable/internal/buildInternalColumns.d.ts +9 -0
  92. package/build/esm/components/DataTable/internal/buildInternalColumns.js +1 -0
  93. package/build/esm/components/DataTable/internal/controlColumns/checkboxColumn.d.ts +2 -0
  94. package/build/esm/components/DataTable/internal/controlColumns/checkboxColumn.js +1 -0
  95. package/build/esm/components/DataTable/internal/getColumnSticky.d.ts +8 -0
  96. package/build/esm/components/DataTable/internal/getColumnSticky.js +1 -0
  97. package/build/esm/components/DataTable/internal/getVisibleColumnCount.d.ts +2 -0
  98. package/build/esm/components/DataTable/internal/getVisibleColumnCount.js +1 -0
  99. package/build/esm/components/DataTable/internal/resolveRowContext.d.ts +17 -0
  100. package/build/esm/components/DataTable/internal/resolveRowContext.js +1 -0
  101. package/build/esm/components/DataTable/internal/tablePrimitives.d.ts +35 -0
  102. package/build/esm/components/DataTable/internal/tablePrimitives.js +1 -0
  103. package/build/esm/components/DataTable/internal/types.d.ts +26 -0
  104. package/build/esm/components/DataTable/internal/types.js +1 -0
  105. package/build/esm/components/Internal/Drawer/Drawer.d.ts +2 -0
  106. package/build/esm/components/Internal/Drawer/Drawer.js +13 -1
  107. package/build/esm/components/Internal/Drawer/useDrawerAnimation.d.ts +6 -14
  108. package/build/esm/components/Internal/Drawer/useDrawerAnimation.js +1 -1
  109. package/build/esm/components/Internal/PanelHeader/PanelHeader.d.ts +31 -0
  110. package/build/esm/components/Internal/PanelHeader/PanelHeader.js +1 -0
  111. package/build/esm/components/Internal/Sandwich/-types.d.ts +10 -12
  112. package/build/esm/components/Internal/Sandwich/Sandwich.d.ts +8 -8
  113. package/build/esm/components/Internal/Sandwich/Sandwich.js +1 -1
  114. package/build/esm/components/Internal/Sandwich/SandwichFooter.d.ts +1 -1
  115. package/build/esm/components/Internal/Sandwich/SandwichFooter.js +1 -1
  116. package/build/esm/components/Internal/Sandwich/SandwichHeader.d.ts +1 -1
  117. package/build/esm/components/Internal/Sandwich/SandwichHeader.js +1 -1
  118. package/build/esm/components/Internal/Sandwich/useSandwichContext.d.ts +3 -3
  119. package/build/esm/components/Internal/Sandwich/useSandwichContext.js +1 -1
  120. package/build/esm/components/Layout/-types.d.ts +63 -36
  121. package/build/{cjs/components/Layout → esm/components/Layout/Content}/Content.d.ts +1 -1
  122. package/build/esm/components/Layout/Content/Content.js +1 -0
  123. package/build/esm/components/Layout/Layout.d.ts +16 -4
  124. package/build/esm/components/Layout/Layout.js +1 -1
  125. package/build/esm/components/Layout/LeftPanel/LeftPanel.d.ts +10 -0
  126. package/build/esm/components/Layout/LeftPanel/LeftPanel.js +1 -0
  127. package/build/esm/components/Layout/LeftPanel/LeftPanelFooter.d.ts +7 -0
  128. package/build/esm/components/Layout/LeftPanel/LeftPanelFooter.js +1 -0
  129. package/build/esm/components/Layout/LeftPanel/LeftPanelHeader.d.ts +7 -0
  130. package/build/esm/components/Layout/LeftPanel/LeftPanelHeader.js +1 -0
  131. package/build/esm/components/Layout/PanelContainer.d.ts +9 -0
  132. package/build/esm/components/Layout/PanelContainer.js +1 -0
  133. package/build/{cjs/components/Layout → esm/components/Layout/RightPanel}/RightPanel.d.ts +4 -2
  134. package/build/esm/components/Layout/RightPanel/RightPanel.js +1 -0
  135. package/build/esm/components/Layout/RightPanel/RightPanelFooter.d.ts +7 -0
  136. package/build/esm/components/Layout/RightPanel/RightPanelFooter.js +1 -0
  137. package/build/esm/components/Layout/RightPanel/RightPanelHeader.d.ts +10 -0
  138. package/build/esm/components/Layout/RightPanel/RightPanelHeader.js +1 -0
  139. package/build/{cjs/components/Layout → esm/components/Layout/Split}/Split.d.ts +4 -2
  140. package/build/esm/components/Layout/Split/Split.js +1 -0
  141. package/build/esm/components/Layout/Split/SplitFooter.d.ts +7 -0
  142. package/build/esm/components/Layout/Split/SplitFooter.js +1 -0
  143. package/build/esm/components/Layout/Split/SplitHeader.d.ts +7 -0
  144. package/build/esm/components/Layout/Split/SplitHeader.js +1 -0
  145. package/build/esm/components/Layout/index.d.ts +0 -1
  146. package/build/esm/components/Layout/index.js +1 -1
  147. package/build/esm/components/Link/Link.js +1 -1
  148. package/build/esm/components/Link/LinkContext.d.ts +19 -0
  149. package/build/esm/components/Link/LinkContext.js +1 -0
  150. package/build/esm/components/Link/getLinkDecorationStyles.d.ts +20 -0
  151. package/build/esm/components/Link/getLinkDecorationStyles.js +1 -0
  152. package/build/esm/components/Typography/Text/Text.d.ts +10 -6
  153. package/build/esm/components/Typography/Text/Text.js +1 -1
  154. package/build/esm/web-tokens/_sizes.json +51 -51
  155. package/build/scss/_layout.scss +8 -3
  156. package/build/scss/_theming.scss +3 -0
  157. package/build/scss/_variables.scss +2 -0
  158. package/package.json +1 -1
  159. package/build/cjs/components/Internal/Sandwich/SandwichBody.d.ts +0 -3
  160. package/build/cjs/components/Internal/Sandwich/SandwichBody.js +0 -1
  161. package/build/cjs/components/Layout/Content.js +0 -1
  162. package/build/cjs/components/Layout/LeftPanel.d.ts +0 -8
  163. package/build/cjs/components/Layout/LeftPanel.js +0 -1
  164. package/build/cjs/components/Layout/LeftPanelDocked.d.ts +0 -9
  165. package/build/cjs/components/Layout/LeftPanelDocked.js +0 -1
  166. package/build/cjs/components/Layout/LeftPanelDrawer.d.ts +0 -10
  167. package/build/cjs/components/Layout/LeftPanelDrawer.js +0 -1
  168. package/build/cjs/components/Layout/RightPanel.js +0 -1
  169. package/build/cjs/components/Layout/RightPanelContainer.d.ts +0 -3
  170. package/build/cjs/components/Layout/RightPanelContainer.js +0 -1
  171. package/build/cjs/components/Layout/Split.js +0 -1
  172. package/build/esm/components/Internal/Sandwich/SandwichBody.d.ts +0 -3
  173. package/build/esm/components/Internal/Sandwich/SandwichBody.js +0 -1
  174. package/build/esm/components/Layout/Content.js +0 -1
  175. package/build/esm/components/Layout/LeftPanel.d.ts +0 -8
  176. package/build/esm/components/Layout/LeftPanel.js +0 -1
  177. package/build/esm/components/Layout/LeftPanelDocked.d.ts +0 -9
  178. package/build/esm/components/Layout/LeftPanelDocked.js +0 -1
  179. package/build/esm/components/Layout/LeftPanelDrawer.d.ts +0 -10
  180. package/build/esm/components/Layout/LeftPanelDrawer.js +0 -1
  181. package/build/esm/components/Layout/RightPanel.js +0 -1
  182. package/build/esm/components/Layout/RightPanelContainer.d.ts +0 -3
  183. package/build/esm/components/Layout/RightPanelContainer.js +0 -1
  184. package/build/esm/components/Layout/Split.js +0 -1
@@ -37,7 +37,7 @@
37
37
  "value": "1024px",
38
38
  "original": 1024,
39
39
  "variableName": "$size-dimension-content-max-width",
40
- "isUsed": true
40
+ "isUsed": false
41
41
  },
42
42
  {
43
43
  "category": "size",
@@ -47,7 +47,7 @@
47
47
  "value": "16px",
48
48
  "original": 16,
49
49
  "variableName": "$size-dimension-divider-m",
50
- "isUsed": true
50
+ "isUsed": false
51
51
  },
52
52
  {
53
53
  "category": "size",
@@ -57,7 +57,7 @@
57
57
  "value": "24px",
58
58
  "original": 24,
59
59
  "variableName": "$size-dimension-divider-l",
60
- "isUsed": true
60
+ "isUsed": false
61
61
  },
62
62
  {
63
63
  "category": "size",
@@ -67,7 +67,7 @@
67
67
  "value": "32px",
68
68
  "original": 32,
69
69
  "variableName": "$size-dimension-divider-xl",
70
- "isUsed": true
70
+ "isUsed": false
71
71
  },
72
72
  {
73
73
  "category": "size",
@@ -77,7 +77,7 @@
77
77
  "value": "16px",
78
78
  "original": 16,
79
79
  "variableName": "$size-dimension-checkbox-s",
80
- "isUsed": true
80
+ "isUsed": false
81
81
  },
82
82
  {
83
83
  "category": "size",
@@ -87,7 +87,7 @@
87
87
  "value": "24px",
88
88
  "original": 24,
89
89
  "variableName": "$size-dimension-checkbox-m",
90
- "isUsed": true
90
+ "isUsed": false
91
91
  },
92
92
  {
93
93
  "category": "size",
@@ -97,7 +97,7 @@
97
97
  "value": "16px",
98
98
  "original": 16,
99
99
  "variableName": "$size-dimension-radio-s",
100
- "isUsed": true
100
+ "isUsed": false
101
101
  },
102
102
  {
103
103
  "category": "size",
@@ -107,7 +107,7 @@
107
107
  "value": "24px",
108
108
  "original": 24,
109
109
  "variableName": "$size-dimension-radio-m",
110
- "isUsed": true
110
+ "isUsed": false
111
111
  },
112
112
  {
113
113
  "category": "size",
@@ -117,7 +117,7 @@
117
117
  "value": "6px",
118
118
  "original": 6,
119
119
  "variableName": "$size-dimension-radio-point-s",
120
- "isUsed": true
120
+ "isUsed": false
121
121
  },
122
122
  {
123
123
  "category": "size",
@@ -127,7 +127,7 @@
127
127
  "value": "10px",
128
128
  "original": 10,
129
129
  "variableName": "$size-dimension-radio-point-m",
130
- "isUsed": true
130
+ "isUsed": false
131
131
  },
132
132
  {
133
133
  "category": "size",
@@ -137,7 +137,7 @@
137
137
  "value": "16px",
138
138
  "original": 16,
139
139
  "variableName": "$size-dimension-toggle-height-s",
140
- "isUsed": true
140
+ "isUsed": false
141
141
  },
142
142
  {
143
143
  "category": "size",
@@ -147,7 +147,7 @@
147
147
  "value": "24px",
148
148
  "original": 24,
149
149
  "variableName": "$size-dimension-toggle-height-m",
150
- "isUsed": true
150
+ "isUsed": false
151
151
  },
152
152
  {
153
153
  "category": "size",
@@ -157,7 +157,7 @@
157
157
  "value": "28px",
158
158
  "original": 28,
159
159
  "variableName": "$size-dimension-toggle-width-s",
160
- "isUsed": true
160
+ "isUsed": false
161
161
  },
162
162
  {
163
163
  "category": "size",
@@ -167,7 +167,7 @@
167
167
  "value": "40px",
168
168
  "original": 40,
169
169
  "variableName": "$size-dimension-toggle-width-m",
170
- "isUsed": true
170
+ "isUsed": false
171
171
  },
172
172
  {
173
173
  "category": "size",
@@ -177,7 +177,7 @@
177
177
  "value": "36px",
178
178
  "original": 36,
179
179
  "variableName": "$size-dimension-textarea-min-height-m",
180
- "isUsed": true
180
+ "isUsed": false
181
181
  },
182
182
  {
183
183
  "category": "size",
@@ -187,7 +187,7 @@
187
187
  "value": "8px",
188
188
  "original": 8,
189
189
  "variableName": "$size-dimension-toggle-point-s",
190
- "isUsed": true
190
+ "isUsed": false
191
191
  },
192
192
  {
193
193
  "category": "size",
@@ -197,7 +197,7 @@
197
197
  "value": "16px",
198
198
  "original": 16,
199
199
  "variableName": "$size-dimension-toggle-point-m",
200
- "isUsed": true
200
+ "isUsed": false
201
201
  },
202
202
  {
203
203
  "category": "size",
@@ -207,7 +207,7 @@
207
207
  "value": "32px",
208
208
  "original": 32,
209
209
  "variableName": "$size-dimension-toggle-button-height-m",
210
- "isUsed": true
210
+ "isUsed": false
211
211
  },
212
212
  {
213
213
  "category": "size",
@@ -217,7 +217,7 @@
217
217
  "value": "120px",
218
218
  "original": 120,
219
219
  "variableName": "$size-dimension-dropdown-menu-width",
220
- "isUsed": true
220
+ "isUsed": false
221
221
  },
222
222
  {
223
223
  "category": "size",
@@ -227,7 +227,7 @@
227
227
  "value": "560px",
228
228
  "original": 560,
229
229
  "variableName": "$size-dimension-modal-width-m",
230
- "isUsed": true
230
+ "isUsed": false
231
231
  },
232
232
  {
233
233
  "category": "size",
@@ -237,7 +237,7 @@
237
237
  "value": "720px",
238
238
  "original": 720,
239
239
  "variableName": "$size-dimension-modal-width-l",
240
- "isUsed": true
240
+ "isUsed": false
241
241
  },
242
242
  {
243
243
  "category": "size",
@@ -247,7 +247,7 @@
247
247
  "value": "800px",
248
248
  "original": 800,
249
249
  "variableName": "$size-dimension-modal-max-height-l",
250
- "isUsed": true
250
+ "isUsed": false
251
251
  },
252
252
  {
253
253
  "category": "size",
@@ -257,7 +257,7 @@
257
257
  "value": "40px",
258
258
  "original": 40,
259
259
  "variableName": "$size-dimension-modal-margin-l",
260
- "isUsed": true
260
+ "isUsed": false
261
261
  },
262
262
  {
263
263
  "category": "size",
@@ -267,7 +267,7 @@
267
267
  "value": "1280px",
268
268
  "original": 1280,
269
269
  "variableName": "$size-dimension-modal-full-screen-content-width",
270
- "isUsed": true
270
+ "isUsed": false
271
271
  },
272
272
  {
273
273
  "category": "size",
@@ -277,7 +277,7 @@
277
277
  "value": "1px",
278
278
  "original": 1,
279
279
  "variableName": "$size-dimension-media-viewer-bar-separator-width",
280
- "isUsed": true
280
+ "isUsed": false
281
281
  },
282
282
  {
283
283
  "category": "size",
@@ -287,7 +287,7 @@
287
287
  "value": "12px",
288
288
  "original": 12,
289
289
  "variableName": "$size-dimension-legend-key-width",
290
- "isUsed": true
290
+ "isUsed": false
291
291
  },
292
292
  {
293
293
  "category": "size",
@@ -297,7 +297,7 @@
297
297
  "value": "0px",
298
298
  "original": 0,
299
299
  "variableName": "$size-letter-spacing-none",
300
- "isUsed": true
300
+ "isUsed": false
301
301
  },
302
302
  {
303
303
  "category": "size",
@@ -307,7 +307,7 @@
307
307
  "value": "0.5px",
308
308
  "original": 0.5,
309
309
  "variableName": "$size-letter-spacing-s",
310
- "isUsed": true
310
+ "isUsed": false
311
311
  },
312
312
  {
313
313
  "category": "size",
@@ -317,7 +317,7 @@
317
317
  "value": "1px",
318
318
  "original": 1,
319
319
  "variableName": "$size-letter-spacing-m",
320
- "isUsed": true
320
+ "isUsed": false
321
321
  },
322
322
  {
323
323
  "category": "size",
@@ -327,7 +327,7 @@
327
327
  "value": "12px",
328
328
  "original": 12,
329
329
  "variableName": "$size-font-xs",
330
- "isUsed": true
330
+ "isUsed": false
331
331
  },
332
332
  {
333
333
  "category": "size",
@@ -337,7 +337,7 @@
337
337
  "value": "14px",
338
338
  "original": 14,
339
339
  "variableName": "$size-font-s",
340
- "isUsed": true
340
+ "isUsed": false
341
341
  },
342
342
  {
343
343
  "category": "size",
@@ -347,7 +347,7 @@
347
347
  "value": "16px",
348
348
  "original": 16,
349
349
  "variableName": "$size-font-m",
350
- "isUsed": true
350
+ "isUsed": false
351
351
  },
352
352
  {
353
353
  "category": "size",
@@ -357,7 +357,7 @@
357
357
  "value": "18px",
358
358
  "original": 18,
359
359
  "variableName": "$size-font-l",
360
- "isUsed": true
360
+ "isUsed": false
361
361
  },
362
362
  {
363
363
  "category": "size",
@@ -367,7 +367,7 @@
367
367
  "value": "20px",
368
368
  "original": 20,
369
369
  "variableName": "$size-font-xl",
370
- "isUsed": true
370
+ "isUsed": false
371
371
  },
372
372
  {
373
373
  "category": "size",
@@ -377,7 +377,7 @@
377
377
  "value": "24px",
378
378
  "original": 24,
379
379
  "variableName": "$size-font-xxl",
380
- "isUsed": true
380
+ "isUsed": false
381
381
  },
382
382
  {
383
383
  "category": "size",
@@ -387,7 +387,7 @@
387
387
  "value": "26px",
388
388
  "original": 26,
389
389
  "variableName": "$size-font-xxxl",
390
- "isUsed": true
390
+ "isUsed": false
391
391
  },
392
392
  {
393
393
  "category": "size",
@@ -407,7 +407,7 @@
407
407
  "value": "2px",
408
408
  "original": 2,
409
409
  "variableName": "$size-spacing-xxxs",
410
- "isUsed": true
410
+ "isUsed": false
411
411
  },
412
412
  {
413
413
  "category": "size",
@@ -487,7 +487,7 @@
487
487
  "value": "0px",
488
488
  "original": 0,
489
489
  "variableName": "$size-border-radius-none",
490
- "isUsed": true
490
+ "isUsed": false
491
491
  },
492
492
  {
493
493
  "category": "size",
@@ -497,7 +497,7 @@
497
497
  "value": "4px",
498
498
  "original": 4,
499
499
  "variableName": "$size-border-radius-xs",
500
- "isUsed": true
500
+ "isUsed": false
501
501
  },
502
502
  {
503
503
  "category": "size",
@@ -507,7 +507,7 @@
507
507
  "value": "8px",
508
508
  "original": 8,
509
509
  "variableName": "$size-border-radius-s",
510
- "isUsed": true
510
+ "isUsed": false
511
511
  },
512
512
  {
513
513
  "category": "size",
@@ -517,7 +517,7 @@
517
517
  "value": "12px",
518
518
  "original": 12,
519
519
  "variableName": "$size-border-radius-m",
520
- "isUsed": true
520
+ "isUsed": false
521
521
  },
522
522
  {
523
523
  "category": "size",
@@ -527,7 +527,7 @@
527
527
  "value": "16px",
528
528
  "original": 16,
529
529
  "variableName": "$size-border-radius-l",
530
- "isUsed": true
530
+ "isUsed": false
531
531
  },
532
532
  {
533
533
  "category": "size",
@@ -537,7 +537,7 @@
537
537
  "value": "24px",
538
538
  "original": 24,
539
539
  "variableName": "$size-border-radius-xl",
540
- "isUsed": true
540
+ "isUsed": false
541
541
  },
542
542
  {
543
543
  "category": "size",
@@ -547,7 +547,7 @@
547
547
  "value": "9999px",
548
548
  "original": 9999,
549
549
  "variableName": "$size-border-radius-full",
550
- "isUsed": true
550
+ "isUsed": false
551
551
  },
552
552
  {
553
553
  "category": "size",
@@ -557,7 +557,7 @@
557
557
  "value": 1.1428571429,
558
558
  "original": 1.1428571429,
559
559
  "variableName": "$size-line-height-xs",
560
- "isUsed": true
560
+ "isUsed": false
561
561
  },
562
562
  {
563
563
  "category": "size",
@@ -567,7 +567,7 @@
567
567
  "value": 1.25,
568
568
  "original": 1.25,
569
569
  "variableName": "$size-line-height-s",
570
- "isUsed": true
570
+ "isUsed": false
571
571
  },
572
572
  {
573
573
  "category": "size",
@@ -577,7 +577,7 @@
577
577
  "value": 1.3333333,
578
578
  "original": 1.3333333,
579
579
  "variableName": "$size-line-height-m",
580
- "isUsed": true
580
+ "isUsed": false
581
581
  },
582
582
  {
583
583
  "category": "size",
@@ -587,7 +587,7 @@
587
587
  "value": 1.4285714286,
588
588
  "original": 1.4285714286,
589
589
  "variableName": "$size-line-height-l",
590
- "isUsed": true
590
+ "isUsed": false
591
591
  },
592
592
  {
593
593
  "category": "size",
@@ -597,7 +597,7 @@
597
597
  "value": 1.5,
598
598
  "original": 1.5,
599
599
  "variableName": "$size-line-height-xl",
600
- "isUsed": true
600
+ "isUsed": false
601
601
  },
602
602
  {
603
603
  "category": "size",
@@ -607,7 +607,7 @@
607
607
  "value": 1.625,
608
608
  "original": 1.625,
609
609
  "variableName": "$size-line-height-xxl",
610
- "isUsed": true
610
+ "isUsed": false
611
611
  },
612
612
  {
613
613
  "category": "size",
@@ -617,6 +617,6 @@
617
617
  "value": 1.714286,
618
618
  "original": 1.714286,
619
619
  "variableName": "$size-line-height-xxxl",
620
- "isUsed": true
620
+ "isUsed": false
621
621
  }
622
622
  ]
@@ -1,6 +1,11 @@
1
- // GENERATED by the design-token pipeline — do not edit by hand.
2
- // Source of truth: packages/design-tokens/src/web/layout.json
3
-
4
1
  $contentWidth: var(--ds-layout-content-width, auto);
5
2
  $rightPanelWidth: var(--ds-layout-rightPanel-width, 0px);
6
3
  $subnavOffset: var(--ds-layout-subnav-offset, 0px);
4
+
5
+ @mixin ds-layout {
6
+ :root {
7
+ --ds-layout-content-width: auto;
8
+ --ds-layout-rightPanel-width: 0px;
9
+ --ds-layout-subnav-offset: 0px;
10
+ }
11
+ }
@@ -1,4 +1,5 @@
1
1
  @use "sass:meta";
2
+ @use "layout";
2
3
  @use "light";
3
4
  @use "dark";
4
5
  @use "subthemes";
@@ -7,6 +8,8 @@
7
8
  $available-subthemes: ("ai", "brand", "brandSubtle", "dimmed", "dimmedSubtle", "error", "info", "inverted", "success");
8
9
 
9
10
  @mixin theming($dark-theme-selector: ".dark-theme", $subthemes: ()) {
11
+ @include layout.ds-layout;
12
+
10
13
  // Subtheme selectors
11
14
  @each $name in $available-subthemes {
12
15
  @if $subthemes == all or index($subthemes, $name) {
@@ -1,3 +1,5 @@
1
+ @forward "layout";
2
+
1
3
  $colorBadgeBackground: var(--color-badge-background);
2
4
  $colorBadgeBackgroundGreen: var(--color-badge-background-green);
3
5
  $colorBadgeBackgroundBlue: var(--color-badge-background-blue);
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@amboss/design-system",
3
- "version": "4.0.4-canary.1",
3
+ "version": "4.0.5",
4
4
  "description": "the design system for AMBOSS products",
5
5
  "author": "AMBOSS",
6
6
  "license": "ISC",
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- import type { SandwichBodyProps } from "./-types";
3
- export declare function SandwichBody({ children, onScroll, scrollRef, }: SandwichBodyProps): React.ReactElement;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"SandwichBody",{enumerable:!0,get:function(){return SandwichBody}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_wildcard")._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_useSandwichContext=require("./useSandwichContext"),StyledBody=(0,_styled.default)("div",{target:"eog7fee0",label:"StyledBody"})({flex:"1 1 auto",minHeight:0,overflowY:"auto",position:"relative"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hCb2R5LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hCb2R5LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTGF5b3V0RWZmZWN0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBTYW5kd2ljaEJvZHlQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgdXNlU2FuZHdpY2hDb250ZXh0IH0gZnJvbSBcIi4vdXNlU2FuZHdpY2hDb250ZXh0XCI7XG5cbmNvbnN0IFN0eWxlZEJvZHkgPSBzdHlsZWQuZGl2KHtcbiAgZmxleDogXCIxIDEgYXV0b1wiLFxuICBtaW5IZWlnaHQ6IDAsXG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxuLy8gcHggdG9sZXJhbmNlIOKAlCBzdWItcGl4ZWwgcm91bmRpbmcgc2hvdWxkbid0IGxlYXZlIGEgZGl2aWRlciBzdHVjayBvbi5cbmNvbnN0IEVER0VfVEhSRVNIT0xEID0gMTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNhbmR3aWNoQm9keSh7XG4gIGNoaWxkcmVuLFxuICBvblNjcm9sbCxcbiAgc2Nyb2xsUmVmLFxufTogU2FuZHdpY2hCb2R5UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IHNldEVkZ2VzIH0gPSB1c2VTYW5kd2ljaENvbnRleHQoKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IGNvbnRlbnRSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICAvLyBLZWVwIHRoZSBpbnRlcm5hbCByZWYgKHVzZWQgZm9yIG1lYXN1cmluZykgd2hpbGUgYWxzbyBmb3J3YXJkaW5nIHRoZSBub2RlIHRvXG4gIC8vIHRoZSBjb25zdW1lcidzIGBzY3JvbGxSZWZgIOKAlCBhIGNhbGxiYWNrIHJlZiBoYW5kbGVzIGJvdGggZm9ybXMuXG4gIGNvbnN0IHNldENvbnRhaW5lclJlZiA9IHVzZUNhbGxiYWNrKFxuICAgIChub2RlOiBIVE1MRGl2RWxlbWVudCB8IG51bGwpID0+IHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gbm9kZTtcbiAgICAgIGlmICh0eXBlb2Ygc2Nyb2xsUmVmID09PSBcImZ1bmN0aW9uXCIpIHtcbiAgICAgICAgc2Nyb2xsUmVmKG5vZGUpO1xuICAgICAgfSBlbHNlIGlmIChzY3JvbGxSZWYpIHtcbiAgICAgICAgY29uc3QgbXV0YWJsZVJlZiA9XG4gICAgICAgICAgc2Nyb2xsUmVmIGFzIFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQgfCBudWxsPjtcbiAgICAgICAgbXV0YWJsZVJlZi5jdXJyZW50ID0gbm9kZTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtzY3JvbGxSZWZdXG4gICk7XG5cbiAgY29uc3QgcmVjYWxjdWxhdGVFZGdlcyA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBjb25zdCBlbCA9IGNvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghZWwpIHJldHVybjtcbiAgICBjb25zdCB7IHNjcm9sbFRvcCwgc2Nyb2xsSGVpZ2h0LCBjbGllbnRIZWlnaHQgfSA9IGVsO1xuICAgIHNldEVkZ2VzKHtcbiAgICAgIGF0VG9wOiBzY3JvbGxUb3AgPD0gRURHRV9USFJFU0hPTEQsXG4gICAgICBhdEJvdHRvbTogc2Nyb2xsVG9wICsgY2xpZW50SGVpZ2h0ID49IHNjcm9sbEhlaWdodCAtIEVER0VfVEhSRVNIT0xELFxuICAgIH0pO1xuICB9LCBbc2V0RWRnZXNdKTtcblxuICBjb25zdCBoYW5kbGVTY3JvbGwgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IFJlYWN0LlVJRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICByZWNhbGN1bGF0ZUVkZ2VzKCk7XG4gICAgICBvblNjcm9sbD8uKGV2ZW50KTtcbiAgICB9LFxuICAgIFtyZWNhbGN1bGF0ZUVkZ2VzLCBvblNjcm9sbF1cbiAgKTtcblxuICAvLyBSZS1tZWFzdXJlIGFmdGVyIGV2ZXJ5IHJlbmRlciAobW91bnQgKyBjb250ZW50IGNoYW5nZXMgdmlhIFJlYWN0KS5cbiAgdXNlTGF5b3V0RWZmZWN0KHJlY2FsY3VsYXRlRWRnZXMpO1xuXG4gIC8vIFJlLW1lYXN1cmUgb24gc2l6ZSBjaGFuZ2VzIHRoYXQgRE9OJ1QgdHJpZ2dlciBhIFJlYWN0IHJlbmRlcjogdGhlIGNvbnRlbnRcbiAgLy8gZ3Jvd2luZy9zaHJpbmtpbmcgKGltYWdlIGxvYWQsIGFjY29yZGlvbiBleHBhbmQsIHRleHQgcmVmbG93KSBhbmQgdGhlXG4gIC8vIHZpZXdwb3J0IGl0c2VsZiByZXNpemluZy4gT2JzZXJ2ZSBib3RoIG5vZGVzLlxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgUmVzaXplT2JzZXJ2ZXIgPT09IFwidW5kZWZpbmVkXCIpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4gcmVjYWxjdWxhdGVFZGdlcygpKTtcbiAgICBpZiAoY29udGFpbmVyUmVmLmN1cnJlbnQpIG9ic2VydmVyLm9ic2VydmUoY29udGFpbmVyUmVmLmN1cnJlbnQpO1xuICAgIGlmIChjb250ZW50UmVmLmN1cnJlbnQpIG9ic2VydmVyLm9ic2VydmUoY29udGVudFJlZi5jdXJyZW50KTtcbiAgICByZXR1cm4gKCkgPT4gb2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICB9LCBbcmVjYWxjdWxhdGVFZGdlc10pO1xuXG4gIHJldHVybiAoXG4gICAgLy8gdGFiSW5kZXggbWFrZXMgdGhlIHNjcm9sbCByZWdpb24ga2V5Ym9hcmQtYWNjZXNzaWJsZSAoYTExeTogc2Nyb2xsYWJsZVxuICAgIC8vIHJlZ2lvbnMgbXVzdCBiZSBmb2N1c2FibGUgc28ga2V5Ym9hcmQgdXNlcnMgY2FuIHNjcm9sbCB0aGVtKS5cbiAgICA8U3R5bGVkQm9keSByZWY9e3NldENvbnRhaW5lclJlZn0gb25TY3JvbGw9e2hhbmRsZVNjcm9sbH0gdGFiSW5kZXg9ezB9PlxuICAgICAgPGRpdiByZWY9e2NvbnRlbnRSZWZ9PntjaGlsZHJlbn08L2Rpdj5cbiAgICA8L1N0eWxlZEJvZHk+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS21CIn0= */");function SandwichBody({children,onScroll,scrollRef}){let{setEdges}=(0,_useSandwichContext.useSandwichContext)(),containerRef=(0,_react.useRef)(null),contentRef=(0,_react.useRef)(null),setContainerRef=(0,_react.useCallback)(node=>{containerRef.current=node,"function"==typeof scrollRef?scrollRef(node):scrollRef&&(scrollRef.current=node)},[scrollRef]),recalculateEdges=(0,_react.useCallback)(()=>{let el=containerRef.current;if(!el)return;let{scrollTop,scrollHeight,clientHeight}=el;setEdges({atTop:scrollTop<=1,atBottom:scrollTop+clientHeight>=scrollHeight-1})},[setEdges]),handleScroll=(0,_react.useCallback)(event=>{recalculateEdges(),onScroll?.(event)},[recalculateEdges,onScroll]);return(0,_react.useLayoutEffect)(recalculateEdges),(0,_react.useEffect)(()=>{if("undefined"==typeof ResizeObserver)return;let observer=new ResizeObserver(()=>recalculateEdges());return containerRef.current&&observer.observe(containerRef.current),contentRef.current&&observer.observe(contentRef.current),()=>observer.disconnect()},[recalculateEdges]),_react.default.createElement(StyledBody,{ref:setContainerRef,onScroll:handleScroll,tabIndex:0},_react.default.createElement("div",{ref:contentRef},children))}
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Content",{enumerable:!0,get:function(){return Content}});const _constants=require("./-constants"),_registry=require("./registry"),Content=({children,minSize,maxSize})=>((0,_registry.useDeclarePanel)(_constants.Slot.content,{minSize,maxSize,collapsible:!1}),(0,_registry.useLayoutPortal)(_constants.Slot.content,children));
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- import type { LeftPanelProps } from "./-types";
3
- /**
4
- * Picks between {@link LeftPanelDocked} and {@link LeftPanelDrawer} by breakpoint.
5
- * Split into two components because only the docked variant may call `useDeclarePanel`,
6
- * and hooks can't be called conditionally within one.
7
- */
8
- export declare const LeftPanel: React.FC<LeftPanelProps>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LeftPanel",{enumerable:!0,get:function(){return LeftPanel}});const _react=/*#__PURE__*/require("@swc/helpers/_/_interop_require_default")._(require("react")),_useBreakpoints=require("../../shared/useBreakpoints"),_LeftPanelDocked=require("./LeftPanelDocked"),_LeftPanelDrawer=require("./LeftPanelDrawer"),LeftPanel=props=>{let{isMobile}=(0,_useBreakpoints.useBreakpoints)();return isMobile?_react.default.createElement(_LeftPanelDrawer.LeftPanelDrawer,props):_react.default.createElement(_LeftPanelDocked.LeftPanelDocked,props)};
@@ -1,9 +0,0 @@
1
- import type React from "react";
2
- import type { LeftPanelProps } from "./-types";
3
- /**
4
- * Docked (desktop) left panel. Declares the `leftPanel` slot and portals its
5
- * content into the Group's host while visible - an in-flow, resizable column.
6
- * The mobile presentation lives in {@link LeftPanelDrawer}; `LeftPanel` picks
7
- * between the two by breakpoint.
8
- */
9
- export declare const LeftPanelDocked: React.FC<LeftPanelProps>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LeftPanelDocked",{enumerable:!0,get:function(){return LeftPanelDocked}});const _constants=require("./-constants"),_registry=require("./registry"),_useLayout=require("./useLayout"),LeftPanelDocked=({children,defaultSize,minSize,maxSize,collapsible=!0,onVisibleChange})=>{let{isVisible}=(0,_useLayout.useLayout)()[_constants.Slot.leftPanel];return(0,_registry.useDeclarePanel)(_constants.Slot.leftPanel,{defaultSize,minSize,maxSize,collapsible}),(0,_registry.useVisibleChange)(isVisible,onVisibleChange),(0,_registry.useLayoutPortal)(_constants.Slot.leftPanel,isVisible?children:null)};
@@ -1,10 +0,0 @@
1
- import React from "react";
2
- import type { LeftPanelProps } from "./-types";
3
- /**
4
- * Mobile left panel. Renders its content as a modal {@link Drawer} pinned to the
5
- * left edge instead of an in-flow column - so it does NOT declare a resizable
6
- * slot. Visibility is the shared `leftPanel` layout state, so `useLayout()`
7
- * drives it identically to the docked desktop panel; outside-click / Escape
8
- * routes back through `hide`.
9
- */
10
- export declare const LeftPanelDrawer: React.FC<LeftPanelProps>;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"LeftPanelDrawer",{enumerable:!0,get:function(){return LeftPanelDrawer}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Drawer=require("../Internal/Drawer/Drawer"),_constants=require("./-constants"),_registry=require("./registry"),_useLayout=require("./useLayout"),StyledLeftPanelSheet=(0,_styled.default)("div",{target:"eql3say0",label:"StyledLeftPanelSheet"})(({theme})=>({width:"80vw",height:"100dvh",background:theme.values.color.background.primary.default,overflow:"auto"}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L0xlZnRQYW5lbERyYXdlci50c3giLCJzb3VyY2VzIjpbInNyYy9jb21wb25lbnRzL0xheW91dC9MZWZ0UGFuZWxEcmF3ZXIudHN4Il0sInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBSZWFjdCBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHsgRHJhd2VyIH0gZnJvbSBcIi4uL0ludGVybmFsL0RyYXdlci9EcmF3ZXJcIjtcbmltcG9ydCB7IFNsb3QgfSBmcm9tIFwiLi8tY29uc3RhbnRzXCI7XG5pbXBvcnQgeyB1c2VWaXNpYmxlQ2hhbmdlIH0gZnJvbSBcIi4vcmVnaXN0cnlcIjtcbmltcG9ydCB7IHVzZUxheW91dCB9IGZyb20gXCIuL3VzZUxheW91dFwiO1xuaW1wb3J0IHR5cGUgeyBMZWZ0UGFuZWxQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuXG4vLyBGaXhlZCBtb2JpbGUgd2lkdGggLSB0aGUgbW9iaWxlIHNoZWV0IGlzIGludGVudGlvbmFsbHkgbm90IHJlc2l6YWJsZSwgc28gdGhpc1xuLy8gaXMgYSBjb25zdGFudCByYXRoZXIgdGhhbiBkcml2ZW4gYnkgdGhlIHBhbmVsJ3MgYGRlZmF1bHRTaXplYC9gbWluU2l6ZWAgcHJvcHMuXG4vLyBTaXplZCBpbiBgdndgLCBub3QgYCVgOiB0aGUgRHJhd2VyIHBpbnMgdGhlIHNoZWV0IHdpdGggYHBvc2l0aW9uOiBmaXhlZGAgYW5kXG4vLyBubyB3aWR0aCBvZiBpdHMgb3duLCBzbyBhIHBlcmNlbnRhZ2Ugd291bGQgcmVzb2x2ZSBhZ2FpbnN0IGEgc2hyaW5rLXRvLWZpdFxuLy8gYm94IGFuZCBjb2xsYXBzZSAtIHZpZXdwb3J0IHVuaXRzIGdpdmUgYSB0cnVlIDgwJSBvZiB0aGUgc2NyZWVuIHdpZHRoLlxuY29uc3QgRFJBV0VSX1dJRFRIID0gXCI4MHZ3XCI7XG5cbmNvbnN0IFN0eWxlZExlZnRQYW5lbFNoZWV0ID0gc3R5bGVkLmRpdigoeyB0aGVtZSB9KSA9PiAoe1xuICB3aWR0aDogRFJBV0VSX1dJRFRILFxuICBoZWlnaHQ6IFwiMTAwZHZoXCIsXG4gIGJhY2tncm91bmQ6IHRoZW1lLnZhbHVlcy5jb2xvci5iYWNrZ3JvdW5kLnByaW1hcnkuZGVmYXVsdCxcbiAgb3ZlcmZsb3c6IFwiYXV0b1wiLFxufSkpO1xuXG4vKipcbiAqIE1vYmlsZSBsZWZ0IHBhbmVsLiBSZW5kZXJzIGl0cyBjb250ZW50IGFzIGEgbW9kYWwge0BsaW5rIERyYXdlcn0gcGlubmVkIHRvIHRoZVxuICogbGVmdCBlZGdlIGluc3RlYWQgb2YgYW4gaW4tZmxvdyBjb2x1bW4gLSBzbyBpdCBkb2VzIE5PVCBkZWNsYXJlIGEgcmVzaXphYmxlXG4gKiBzbG90LiBWaXNpYmlsaXR5IGlzIHRoZSBzaGFyZWQgYGxlZnRQYW5lbGAgbGF5b3V0IHN0YXRlLCBzbyBgdXNlTGF5b3V0KClgXG4gKiBkcml2ZXMgaXQgaWRlbnRpY2FsbHkgdG8gdGhlIGRvY2tlZCBkZXNrdG9wIHBhbmVsOyBvdXRzaWRlLWNsaWNrIC8gRXNjYXBlXG4gKiByb3V0ZXMgYmFjayB0aHJvdWdoIGBoaWRlYC5cbiAqL1xuZXhwb3J0IGNvbnN0IExlZnRQYW5lbERyYXdlcjogUmVhY3QuRkM8TGVmdFBhbmVsUHJvcHM+ID0gKHtcbiAgY2hpbGRyZW4sXG4gIG9uVmlzaWJsZUNoYW5nZSxcbiAgXCJhcmlhLWxhYmVsXCI6IGFyaWFMYWJlbCxcbn0pID0+IHtcbiAgY29uc3QgeyBpc1Zpc2libGUsIGhpZGUgfSA9IHVzZUxheW91dCgpW1Nsb3QubGVmdFBhbmVsXTtcbiAgdXNlVmlzaWJsZUNoYW5nZShpc1Zpc2libGUsIG9uVmlzaWJsZUNoYW5nZSk7XG4gIHJldHVybiAoXG4gICAgPERyYXdlclxuICAgICAgaXNWaXNpYmxlPXtpc1Zpc2libGV9XG4gICAgICBwb3NpdGlvblg9XCJsZWZ0XCJcbiAgICAgIGhhbmRsZUNsb3NlPXtoaWRlfVxuICAgICAgYXJpYS1sYWJlbD17YXJpYUxhYmVsfVxuICAgID5cbiAgICAgIDxTdHlsZWRMZWZ0UGFuZWxTaGVldD57Y2hpbGRyZW59PC9TdHlsZWRMZWZ0UGFuZWxTaGVldD5cbiAgICA8L0RyYXdlcj5cbiAgKTtcbn07XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZTZCIn0= */"),LeftPanelDrawer=({children,onVisibleChange,"aria-label":ariaLabel})=>{let{isVisible,hide}=(0,_useLayout.useLayout)()[_constants.Slot.leftPanel];return(0,_registry.useVisibleChange)(isVisible,onVisibleChange),_react.default.createElement(_Drawer.Drawer,{isVisible:isVisible,positionX:"left",handleClose:hide,"aria-label":ariaLabel},_react.default.createElement(StyledLeftPanelSheet,null,children))};
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RightPanel",{enumerable:!0,get:function(){return RightPanel}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_constants=require("./-constants"),_registry=require("./registry"),_useLayout=require("./useLayout"),_RightPanelContainer=require("./RightPanelContainer"),StyledRightPanelSlot=(0,_styled.default)("div",{target:"e1u30w3d0",label:"StyledRightPanelSlot"})(({theme})=>({position:"absolute",left:0,right:0,bottom:0,top:`var(${_constants.SUBNAV_OFFSET_VAR}, 0px)`,overflow:"hidden",transition:`top ${theme.variables.animation.navSlide.open.duration} ${theme.variables.animation.navSlide.open.timingFunction}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L1JpZ2h0UGFuZWwudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MYXlvdXQvUmlnaHRQYW5lbC50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTbG90LCBTVUJOQVZfT0ZGU0VUX1ZBUiB9IGZyb20gXCIuLy1jb25zdGFudHNcIjtcbmltcG9ydCB7IHVzZURlY2xhcmVQYW5lbCwgdXNlTGF5b3V0UG9ydGFsLCB1c2VWaXNpYmxlQ2hhbmdlIH0gZnJvbSBcIi4vcmVnaXN0cnlcIjtcbmltcG9ydCB7IHVzZUxheW91dCB9IGZyb20gXCIuL3VzZUxheW91dFwiO1xuaW1wb3J0IHsgUmlnaHRQYW5lbENvbnRhaW5lciB9IGZyb20gXCIuL1JpZ2h0UGFuZWxDb250YWluZXJcIjtcbmltcG9ydCB0eXBlIHsgUmlnaHRQYW5lbFByb3BzIH0gZnJvbSBcIi4vLXR5cGVzXCI7XG5cbi8vIEJ1aWx0LWluIHNsb3Q6IG9mZnNldHMgdGhlIHBhbmVsIGNvbnRlbnQgYnkgdGhlIHN1Ym5hdi1vZmZzZXQgdmFyICgwIHdoZW5cbi8vIHVuc2V0KSwgdHJhbnNpdGlvbmVkIHdpdGggdGhlIHRoZW1lJ3MgYG5hdlNsaWRlYCB0aW1pbmcg4oCUIHNvIHRoZSByaWdodCBwYW5lbFxuLy8gdHJhY2tzIGEgc3RpY2t5IHN1Ym5hdiB3aXRoIG5vIHdpcmluZyBvbiB0aGUgY29uc3VtZXIncyBzaWRlLlxuY29uc3QgU3R5bGVkUmlnaHRQYW5lbFNsb3QgPSBzdHlsZWQuZGl2KCh7IHRoZW1lIH0pID0+ICh7XG4gIHBvc2l0aW9uOiBcImFic29sdXRlXCIsXG4gIGxlZnQ6IDAsXG4gIHJpZ2h0OiAwLFxuICBib3R0b206IDAsXG4gIHRvcDogYHZhcigke1NVQk5BVl9PRkZTRVRfVkFSfSwgMHB4KWAsXG4gIG92ZXJmbG93OiBcImhpZGRlblwiLFxuICB0cmFuc2l0aW9uOiBgdG9wICR7dGhlbWUudmFyaWFibGVzLmFuaW1hdGlvbi5uYXZTbGlkZS5vcGVuLmR1cmF0aW9ufSAke3RoZW1lLnZhcmlhYmxlcy5hbmltYXRpb24ubmF2U2xpZGUub3Blbi50aW1pbmdGdW5jdGlvbn1gLFxufSkpO1xuXG4vKipcbiAqIFJpZ2h0IHNpZGUgcGFuZWwuIERlY2xhcmVzIHRoZSBgcmlnaHRQYW5lbGAgc2xvdCBhbmQgcG9ydGFscyBpdHMgY29udGVudCBpbnRvXG4gKiB0aGUgR3JvdXAncyBob3N0IHdoaWxlIHZpc2libGUuIFJlbmRlcnMgaW4tZmxvdyAoYSByZXNpemFibGUgY29sdW1uKSAtIHRoZVxuICogb2ZmY2FudmFzIG92ZXJsYXkgLyBtb2JpbGUgc2hlZXQgaXMgZGVmZXJyZWQuIENvbnRlbnQgaXMgd3JhcHBlZCBpbiBhIHNsb3RcbiAqIHRoYXQgdHJhY2tzIHRoZSBgLS1kcy1sYXlvdXQtc3VibmF2LW9mZnNldGAgdmFyLlxuICovXG5leHBvcnQgY29uc3QgUmlnaHRQYW5lbDogUmVhY3QuRkM8UmlnaHRQYW5lbFByb3BzPiA9ICh7XG4gIGNoaWxkcmVuLFxuICBkZWZhdWx0U2l6ZSA9IDM3OCxcbiAgbWluU2l6ZSA9IDMyOCxcbiAgbWF4U2l6ZSA9IFwiMzAlXCIsXG4gIGNvbGxhcHNpYmxlID0gZmFsc2UsXG4gIG9uVmlzaWJsZUNoYW5nZSxcbiAgdGl0bGUsXG4gIG9uQ2xvc2UsXG4gIHNsb3RQcm9wcyxcbiAgc2Nyb2xsQ29udGFpbmVyUmVmLFxuICBvblNjcm9sbCxcbn0pID0+IHtcbiAgY29uc3QgeyBpc1Zpc2libGUsIGhpZGUgfSA9IHVzZUxheW91dCgpW1Nsb3QucmlnaHRQYW5lbF07XG4gIHVzZURlY2xhcmVQYW5lbChTbG90LnJpZ2h0UGFuZWwsIHtcbiAgICBkZWZhdWx0U2l6ZSxcbiAgICBtaW5TaXplLFxuICAgIG1heFNpemUsXG4gICAgY29sbGFwc2libGUsXG4gIH0pO1xuICB1c2VWaXNpYmxlQ2hhbmdlKGlzVmlzaWJsZSwgb25WaXNpYmxlQ2hhbmdlKTtcbiAgY29uc3QgaGFuZGxlQ2xvc2UgPSAoKTogdm9pZCA9PiB7XG4gICAgaGlkZSgpO1xuICAgIG9uQ2xvc2U/LigpO1xuICB9O1xuICByZXR1cm4gdXNlTGF5b3V0UG9ydGFsKFxuICAgIFNsb3QucmlnaHRQYW5lbCxcbiAgICBpc1Zpc2libGUgPyAoXG4gICAgICA8U3R5bGVkUmlnaHRQYW5lbFNsb3Q+XG4gICAgICAgIDxSaWdodFBhbmVsQ29udGFpbmVyXG4gICAgICAgICAgdGl0bGU9e3RpdGxlfVxuICAgICAgICAgIG9uQ2xvc2U9e2hhbmRsZUNsb3NlfVxuICAgICAgICAgIHNsb3RQcm9wcz17c2xvdFByb3BzfVxuICAgICAgICAgIHNjcm9sbENvbnRhaW5lclJlZj17c2Nyb2xsQ29udGFpbmVyUmVmfVxuICAgICAgICAgIG9uU2Nyb2xsPXtvblNjcm9sbH1cbiAgICAgICAgPlxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9SaWdodFBhbmVsQ29udGFpbmVyPlxuICAgICAgPC9TdHlsZWRSaWdodFBhbmVsU2xvdD5cbiAgICApIDogbnVsbFxuICApO1xufTtcbiJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFXNkIifQ== */"),RightPanel=({children,defaultSize=378,minSize=328,maxSize="30%",collapsible=!1,onVisibleChange,title,onClose,slotProps,scrollContainerRef,onScroll})=>{let{isVisible,hide}=(0,_useLayout.useLayout)()[_constants.Slot.rightPanel];return(0,_registry.useDeclarePanel)(_constants.Slot.rightPanel,{defaultSize,minSize,maxSize,collapsible}),(0,_registry.useVisibleChange)(isVisible,onVisibleChange),(0,_registry.useLayoutPortal)(_constants.Slot.rightPanel,isVisible?_react.default.createElement(StyledRightPanelSlot,null,_react.default.createElement(_RightPanelContainer.RightPanelContainer,{title:title,onClose:()=>{hide(),onClose?.()},slotProps:slotProps,scrollContainerRef:scrollContainerRef,onScroll:onScroll},children)):null)};
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- import type { RightPanelContainerProps } from "./-types";
3
- export declare function RightPanelContainer({ title, children, onClose, slotProps, scrollContainerRef, onScroll, "data-e2e-test-id": dataE2eTestId, }: RightPanelContainerProps): React.ReactElement;
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"RightPanelContainer",{enumerable:!0,get:function(){return RightPanelContainer}});const _interop_require_default=require("@swc/helpers/_/_interop_require_default"),_react=/*#__PURE__*/_interop_require_default._(require("react")),_styled=/*#__PURE__*/_interop_require_default._(require("@emotion/styled")),_Sandwich=require("../Internal/Sandwich/Sandwich"),_Icon=require("../Icon/Icon"),_Header=require("../Typography/Header/Header"),_Box=require("../Box/Box"),_Inline=require("../Inline/Inline"),_PictogramButton=require("../PictogramButton/PictogramButton"),_Container=require("../Container/Container"),CustomContainer=(0,_styled.default)(_Container.Container,{target:"e1lseaog0",label:"CustomContainer"})(({theme})=>({height:"100%",borderLeft:`1px solid ${theme.values.color.border.secondary.default}`}),"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvTGF5b3V0L1JpZ2h0UGFuZWxDb250YWluZXIudHN4Iiwic291cmNlcyI6WyJzcmMvY29tcG9uZW50cy9MYXlvdXQvUmlnaHRQYW5lbENvbnRhaW5lci50c3giXSwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gXCJyZWFjdFwiO1xuaW1wb3J0IHN0eWxlZCBmcm9tIFwiQGVtb3Rpb24vc3R5bGVkXCI7XG5pbXBvcnQgeyBTYW5kd2ljaCB9IGZyb20gXCIuLi9JbnRlcm5hbC9TYW5kd2ljaC9TYW5kd2ljaFwiO1xuaW1wb3J0IHsgSWNvbiB9IGZyb20gXCIuLi9JY29uL0ljb25cIjtcbmltcG9ydCB7IEg1IH0gZnJvbSBcIi4uL1R5cG9ncmFwaHkvSGVhZGVyL0hlYWRlclwiO1xuaW1wb3J0IHsgQm94IH0gZnJvbSBcIi4uL0JveC9Cb3hcIjtcbmltcG9ydCB7IElubGluZSB9IGZyb20gXCIuLi9JbmxpbmUvSW5saW5lXCI7XG5pbXBvcnQgeyBQaWN0b2dyYW1CdXR0b24gfSBmcm9tIFwiLi4vUGljdG9ncmFtQnV0dG9uL1BpY3RvZ3JhbUJ1dHRvblwiO1xuaW1wb3J0IHsgQ29udGFpbmVyIH0gZnJvbSBcIi4uL0NvbnRhaW5lci9Db250YWluZXJcIjtcbmltcG9ydCB0eXBlIHsgUmlnaHRQYW5lbENvbnRhaW5lclByb3BzIH0gZnJvbSBcIi4vLXR5cGVzXCI7XG5cbmNvbnN0IEN1c3RvbUNvbnRhaW5lciA9IHN0eWxlZChDb250YWluZXIpKCh7IHRoZW1lIH0pID0+ICh7XG4gIGhlaWdodDogXCIxMDAlXCIsXG4gIGJvcmRlckxlZnQ6IGAxcHggc29saWQgJHt0aGVtZS52YWx1ZXMuY29sb3IuYm9yZGVyLnNlY29uZGFyeS5kZWZhdWx0fWAsXG59KSk7XG5cbmV4cG9ydCBmdW5jdGlvbiBSaWdodFBhbmVsQ29udGFpbmVyKHtcbiAgdGl0bGUsXG4gIGNoaWxkcmVuLFxuICBvbkNsb3NlLFxuICBzbG90UHJvcHMsXG4gIHNjcm9sbENvbnRhaW5lclJlZixcbiAgb25TY3JvbGwsXG4gIFwiZGF0YS1lMmUtdGVzdC1pZFwiOiBkYXRhRTJlVGVzdElkLFxufTogUmlnaHRQYW5lbENvbnRhaW5lclByb3BzKTogUmVhY3QuUmVhY3RFbGVtZW50IHtcbiAgY29uc3QgeyBpc1Zpc2libGU6IGlzVGl0bGVWaXNpYmxlID0gdHJ1ZSB9ID0gdGl0bGU7XG4gIHJldHVybiAoXG4gICAgPEN1c3RvbUNvbnRhaW5lclxuICAgICAgZWxldmF0aW9uPXswfVxuICAgICAgc3F1YXJlQ29ybmVyc1xuICAgICAgZGF0YS1kcy1pZD1cIlJpZ2h0UGFuZWxDb250YWluZXJcIlxuICAgICAgZGF0YS1lMmUtdGVzdC1pZD17ZGF0YUUyZVRlc3RJZH1cbiAgICA+XG4gICAgICA8U2FuZHdpY2ggcm9sZT1cInJlZ2lvblwiIGFyaWEtbGFiZWw9e3RpdGxlLmxhYmVsfT5cbiAgICAgICAgPFNhbmR3aWNoLkhlYWRlciBzaG93U2VwYXJhdG9yPVwiYWx3YXlzXCI+XG4gICAgICAgICAgPEJveCBzcGFjZT1cInNcIiB2U3BhY2U9XCJ4c1wiPlxuICAgICAgICAgICAgPElubGluZVxuICAgICAgICAgICAgICBhbGlnbkl0ZW1zPVwic3BhY2VCZXR3ZWVuXCJcbiAgICAgICAgICAgICAgdkFsaWduSXRlbXM9XCJjZW50ZXJcIlxuICAgICAgICAgICAgICBub1dyYXBcbiAgICAgICAgICAgICAgZnVsbFdpZHRoXG4gICAgICAgICAgICA+XG4gICAgICAgICAgICAgIDxJbmxpbmUgc3BhY2U9XCJ4c1wiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgIHtzbG90UHJvcHMuaGVhZGVyPy5sZWZ0U2xvdH1cbiAgICAgICAgICAgICAgICB7aXNUaXRsZVZpc2libGUgJiYgKFxuICAgICAgICAgICAgICAgICAgPElubGluZSBzcGFjZT1cInhzXCIgdkFsaWduSXRlbXM9XCJjZW50ZXJcIiBub1dyYXA+XG4gICAgICAgICAgICAgICAgICAgIHt0aXRsZS5pY29uICYmIDxJY29uIHNpemU9XCJzXCIgey4uLnRpdGxlLmljb259IC8+fVxuICAgICAgICAgICAgICAgICAgICA8SDU+e3RpdGxlLmxhYmVsfTwvSDU+XG4gICAgICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgICApfVxuICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgICAgPElubGluZSBzcGFjZT1cInh4c1wiIHZBbGlnbkl0ZW1zPVwiY2VudGVyXCIgbm9XcmFwPlxuICAgICAgICAgICAgICAgIHtzbG90UHJvcHMuaGVhZGVyPy5yaWdodFNsb3R9XG4gICAgICAgICAgICAgICAgPFBpY3RvZ3JhbUJ1dHRvblxuICAgICAgICAgICAgICAgICAgaWNvbj1cInhcIlxuICAgICAgICAgICAgICAgICAgc2l6ZT1cInNcIlxuICAgICAgICAgICAgICAgICAgdmFyaWFudD1cInRlcnRpYXJ5XCJcbiAgICAgICAgICAgICAgICAgIGFyaWEtbGFiZWw9e3Nsb3RQcm9wcy5jbG9zZUJ1dHRvbltcImFyaWEtbGFiZWxcIl19XG4gICAgICAgICAgICAgICAgICBvbkNsaWNrPXsoKSA9PiBvbkNsb3NlPy4oKX1cbiAgICAgICAgICAgICAgICAvPlxuICAgICAgICAgICAgICA8L0lubGluZT5cbiAgICAgICAgICAgIDwvSW5saW5lPlxuICAgICAgICAgIDwvQm94PlxuICAgICAgICA8L1NhbmR3aWNoLkhlYWRlcj5cbiAgICAgICAgPFNhbmR3aWNoLkJvZHkgc2Nyb2xsUmVmPXtzY3JvbGxDb250YWluZXJSZWZ9IG9uU2Nyb2xsPXtvblNjcm9sbH0+XG4gICAgICAgICAge2NoaWxkcmVufVxuICAgICAgICA8L1NhbmR3aWNoLkJvZHk+XG4gICAgICAgIHtzbG90UHJvcHMuZm9vdGVyICYmIChcbiAgICAgICAgICA8U2FuZHdpY2guRm9vdGVyIHNob3dTZXBhcmF0b3I9XCJuZXZlclwiPlxuICAgICAgICAgICAge3Nsb3RQcm9wcy5mb290ZXJ9XG4gICAgICAgICAgPC9TYW5kd2ljaC5Gb290ZXI+XG4gICAgICAgICl9XG4gICAgICA8L1NhbmR3aWNoPlxuICAgIDwvQ3VzdG9tQ29udGFpbmVyPlxuICApO1xufVxuIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQVd3QiJ9 */");function RightPanelContainer({title,children,onClose,slotProps,scrollContainerRef,onScroll,"data-e2e-test-id":dataE2eTestId}){let{isVisible:isTitleVisible=!0}=title;return _react.default.createElement(CustomContainer,{elevation:0,squareCorners:!0,"data-ds-id":"RightPanelContainer","data-e2e-test-id":dataE2eTestId},_react.default.createElement(_Sandwich.Sandwich,{role:"region","aria-label":title.label},_react.default.createElement(_Sandwich.Sandwich.Header,{showSeparator:"always"},_react.default.createElement(_Box.Box,{space:"s",vSpace:"xs"},_react.default.createElement(_Inline.Inline,{alignItems:"spaceBetween",vAlignItems:"center",noWrap:!0,fullWidth:!0},_react.default.createElement(_Inline.Inline,{space:"xs",vAlignItems:"center",noWrap:!0},slotProps.header?.leftSlot,isTitleVisible&&_react.default.createElement(_Inline.Inline,{space:"xs",vAlignItems:"center",noWrap:!0},title.icon&&_react.default.createElement(_Icon.Icon,{size:"s",...title.icon}),_react.default.createElement(_Header.H5,null,title.label))),_react.default.createElement(_Inline.Inline,{space:"xxs",vAlignItems:"center",noWrap:!0},slotProps.header?.rightSlot,_react.default.createElement(_PictogramButton.PictogramButton,{icon:"x",size:"s",variant:"tertiary","aria-label":slotProps.closeButton["aria-label"],onClick:()=>onClose?.()}))))),_react.default.createElement(_Sandwich.Sandwich.Body,{scrollRef:scrollContainerRef,onScroll:onScroll},children),slotProps.footer&&_react.default.createElement(_Sandwich.Sandwich.Footer,{showSeparator:"never"},slotProps.footer)))}
@@ -1 +0,0 @@
1
- "use strict";Object.defineProperty(exports,"__esModule",{value:!0}),Object.defineProperty(exports,"Split",{enumerable:!0,get:function(){return Split}});const _constants=require("./-constants"),_registry=require("./registry"),_useLayout=require("./useLayout"),Split=({children,defaultSize,minSize,maxSize})=>{let{isVisible}=(0,_useLayout.useLayout)()[_constants.Slot.splitview];return(0,_registry.useDeclarePanel)(_constants.Slot.splitview,{defaultSize,minSize,maxSize,collapsible:!0}),(0,_registry.useLayoutPortal)(_constants.Slot.splitview,isVisible?children:null)};
@@ -1,3 +0,0 @@
1
- import React from "react";
2
- import type { SandwichBodyProps } from "./-types";
3
- export declare function SandwichBody({ children, onScroll, scrollRef, }: SandwichBodyProps): React.ReactElement;
@@ -1 +0,0 @@
1
- import React,{useCallback,useEffect,useLayoutEffect,useRef}from"react";import styled from"@emotion/styled";import{useSandwichContext}from"./useSandwichContext";let StyledBody=styled("div",{target:"eog7fee0",label:"StyledBody"})({flex:"1 1 auto",minHeight:0,overflowY:"auto",position:"relative"},"/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hCb2R5LnRzeCIsInNvdXJjZXMiOlsic3JjL2NvbXBvbmVudHMvSW50ZXJuYWwvU2FuZHdpY2gvU2FuZHdpY2hCb2R5LnRzeCJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QsIHsgdXNlQ2FsbGJhY2ssIHVzZUVmZmVjdCwgdXNlTGF5b3V0RWZmZWN0LCB1c2VSZWYgfSBmcm9tIFwicmVhY3RcIjtcbmltcG9ydCBzdHlsZWQgZnJvbSBcIkBlbW90aW9uL3N0eWxlZFwiO1xuaW1wb3J0IHR5cGUgeyBTYW5kd2ljaEJvZHlQcm9wcyB9IGZyb20gXCIuLy10eXBlc1wiO1xuaW1wb3J0IHsgdXNlU2FuZHdpY2hDb250ZXh0IH0gZnJvbSBcIi4vdXNlU2FuZHdpY2hDb250ZXh0XCI7XG5cbmNvbnN0IFN0eWxlZEJvZHkgPSBzdHlsZWQuZGl2KHtcbiAgZmxleDogXCIxIDEgYXV0b1wiLFxuICBtaW5IZWlnaHQ6IDAsXG4gIG92ZXJmbG93WTogXCJhdXRvXCIsXG4gIHBvc2l0aW9uOiBcInJlbGF0aXZlXCIsXG59KTtcblxuLy8gcHggdG9sZXJhbmNlIOKAlCBzdWItcGl4ZWwgcm91bmRpbmcgc2hvdWxkbid0IGxlYXZlIGEgZGl2aWRlciBzdHVjayBvbi5cbmNvbnN0IEVER0VfVEhSRVNIT0xEID0gMTtcblxuZXhwb3J0IGZ1bmN0aW9uIFNhbmR3aWNoQm9keSh7XG4gIGNoaWxkcmVuLFxuICBvblNjcm9sbCxcbiAgc2Nyb2xsUmVmLFxufTogU2FuZHdpY2hCb2R5UHJvcHMpOiBSZWFjdC5SZWFjdEVsZW1lbnQge1xuICBjb25zdCB7IHNldEVkZ2VzIH0gPSB1c2VTYW5kd2ljaENvbnRleHQoKTtcbiAgY29uc3QgY29udGFpbmVyUmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50IHwgbnVsbD4obnVsbCk7XG4gIGNvbnN0IGNvbnRlbnRSZWYgPSB1c2VSZWY8SFRNTERpdkVsZW1lbnQgfCBudWxsPihudWxsKTtcblxuICAvLyBLZWVwIHRoZSBpbnRlcm5hbCByZWYgKHVzZWQgZm9yIG1lYXN1cmluZykgd2hpbGUgYWxzbyBmb3J3YXJkaW5nIHRoZSBub2RlIHRvXG4gIC8vIHRoZSBjb25zdW1lcidzIGBzY3JvbGxSZWZgIOKAlCBhIGNhbGxiYWNrIHJlZiBoYW5kbGVzIGJvdGggZm9ybXMuXG4gIGNvbnN0IHNldENvbnRhaW5lclJlZiA9IHVzZUNhbGxiYWNrKFxuICAgIChub2RlOiBIVE1MRGl2RWxlbWVudCB8IG51bGwpID0+IHtcbiAgICAgIGNvbnRhaW5lclJlZi5jdXJyZW50ID0gbm9kZTtcbiAgICAgIGlmICh0eXBlb2Ygc2Nyb2xsUmVmID09PSBcImZ1bmN0aW9uXCIpIHtcbiAgICAgICAgc2Nyb2xsUmVmKG5vZGUpO1xuICAgICAgfSBlbHNlIGlmIChzY3JvbGxSZWYpIHtcbiAgICAgICAgY29uc3QgbXV0YWJsZVJlZiA9XG4gICAgICAgICAgc2Nyb2xsUmVmIGFzIFJlYWN0Lk11dGFibGVSZWZPYmplY3Q8SFRNTERpdkVsZW1lbnQgfCBudWxsPjtcbiAgICAgICAgbXV0YWJsZVJlZi5jdXJyZW50ID0gbm9kZTtcbiAgICAgIH1cbiAgICB9LFxuICAgIFtzY3JvbGxSZWZdXG4gICk7XG5cbiAgY29uc3QgcmVjYWxjdWxhdGVFZGdlcyA9IHVzZUNhbGxiYWNrKCgpID0+IHtcbiAgICBjb25zdCBlbCA9IGNvbnRhaW5lclJlZi5jdXJyZW50O1xuICAgIGlmICghZWwpIHJldHVybjtcbiAgICBjb25zdCB7IHNjcm9sbFRvcCwgc2Nyb2xsSGVpZ2h0LCBjbGllbnRIZWlnaHQgfSA9IGVsO1xuICAgIHNldEVkZ2VzKHtcbiAgICAgIGF0VG9wOiBzY3JvbGxUb3AgPD0gRURHRV9USFJFU0hPTEQsXG4gICAgICBhdEJvdHRvbTogc2Nyb2xsVG9wICsgY2xpZW50SGVpZ2h0ID49IHNjcm9sbEhlaWdodCAtIEVER0VfVEhSRVNIT0xELFxuICAgIH0pO1xuICB9LCBbc2V0RWRnZXNdKTtcblxuICBjb25zdCBoYW5kbGVTY3JvbGwgPSB1c2VDYWxsYmFjayhcbiAgICAoZXZlbnQ6IFJlYWN0LlVJRXZlbnQ8SFRNTERpdkVsZW1lbnQ+KSA9PiB7XG4gICAgICByZWNhbGN1bGF0ZUVkZ2VzKCk7XG4gICAgICBvblNjcm9sbD8uKGV2ZW50KTtcbiAgICB9LFxuICAgIFtyZWNhbGN1bGF0ZUVkZ2VzLCBvblNjcm9sbF1cbiAgKTtcblxuICAvLyBSZS1tZWFzdXJlIGFmdGVyIGV2ZXJ5IHJlbmRlciAobW91bnQgKyBjb250ZW50IGNoYW5nZXMgdmlhIFJlYWN0KS5cbiAgdXNlTGF5b3V0RWZmZWN0KHJlY2FsY3VsYXRlRWRnZXMpO1xuXG4gIC8vIFJlLW1lYXN1cmUgb24gc2l6ZSBjaGFuZ2VzIHRoYXQgRE9OJ1QgdHJpZ2dlciBhIFJlYWN0IHJlbmRlcjogdGhlIGNvbnRlbnRcbiAgLy8gZ3Jvd2luZy9zaHJpbmtpbmcgKGltYWdlIGxvYWQsIGFjY29yZGlvbiBleHBhbmQsIHRleHQgcmVmbG93KSBhbmQgdGhlXG4gIC8vIHZpZXdwb3J0IGl0c2VsZiByZXNpemluZy4gT2JzZXJ2ZSBib3RoIG5vZGVzLlxuICB1c2VFZmZlY3QoKCkgPT4ge1xuICAgIGlmICh0eXBlb2YgUmVzaXplT2JzZXJ2ZXIgPT09IFwidW5kZWZpbmVkXCIpIHJldHVybiB1bmRlZmluZWQ7XG4gICAgY29uc3Qgb2JzZXJ2ZXIgPSBuZXcgUmVzaXplT2JzZXJ2ZXIoKCkgPT4gcmVjYWxjdWxhdGVFZGdlcygpKTtcbiAgICBpZiAoY29udGFpbmVyUmVmLmN1cnJlbnQpIG9ic2VydmVyLm9ic2VydmUoY29udGFpbmVyUmVmLmN1cnJlbnQpO1xuICAgIGlmIChjb250ZW50UmVmLmN1cnJlbnQpIG9ic2VydmVyLm9ic2VydmUoY29udGVudFJlZi5jdXJyZW50KTtcbiAgICByZXR1cm4gKCkgPT4gb2JzZXJ2ZXIuZGlzY29ubmVjdCgpO1xuICB9LCBbcmVjYWxjdWxhdGVFZGdlc10pO1xuXG4gIHJldHVybiAoXG4gICAgLy8gdGFiSW5kZXggbWFrZXMgdGhlIHNjcm9sbCByZWdpb24ga2V5Ym9hcmQtYWNjZXNzaWJsZSAoYTExeTogc2Nyb2xsYWJsZVxuICAgIC8vIHJlZ2lvbnMgbXVzdCBiZSBmb2N1c2FibGUgc28ga2V5Ym9hcmQgdXNlcnMgY2FuIHNjcm9sbCB0aGVtKS5cbiAgICA8U3R5bGVkQm9keSByZWY9e3NldENvbnRhaW5lclJlZn0gb25TY3JvbGw9e2hhbmRsZVNjcm9sbH0gdGFiSW5kZXg9ezB9PlxuICAgICAgPGRpdiByZWY9e2NvbnRlbnRSZWZ9PntjaGlsZHJlbn08L2Rpdj5cbiAgICA8L1N0eWxlZEJvZHk+XG4gICk7XG59XG4iXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBS21CIn0= */");export function SandwichBody({children,onScroll,scrollRef}){let{setEdges}=useSandwichContext(),containerRef=useRef(null),contentRef=useRef(null),setContainerRef=useCallback(node=>{containerRef.current=node,"function"==typeof scrollRef?scrollRef(node):scrollRef&&(scrollRef.current=node)},[scrollRef]),recalculateEdges=useCallback(()=>{let el=containerRef.current;if(!el)return;let{scrollTop,scrollHeight,clientHeight}=el;setEdges({atTop:scrollTop<=1,atBottom:scrollTop+clientHeight>=scrollHeight-1})},[setEdges]),handleScroll=useCallback(event=>{recalculateEdges(),onScroll?.(event)},[recalculateEdges,onScroll]);return useLayoutEffect(recalculateEdges),useEffect(()=>{if("undefined"==typeof ResizeObserver)return;let observer=new ResizeObserver(()=>recalculateEdges());return containerRef.current&&observer.observe(containerRef.current),contentRef.current&&observer.observe(contentRef.current),()=>observer.disconnect()},[recalculateEdges]),React.createElement(StyledBody,{ref:setContainerRef,onScroll:handleScroll,tabIndex:0},React.createElement("div",{ref:contentRef},children))}
@@ -1 +0,0 @@
1
- import{Slot}from"./-constants";import{useDeclarePanel,useLayoutPortal}from"./registry";export const Content=({children,minSize,maxSize})=>(useDeclarePanel(Slot.content,{minSize,maxSize,collapsible:!1}),useLayoutPortal(Slot.content,children));
@@ -1,8 +0,0 @@
1
- import React from "react";
2
- import type { LeftPanelProps } from "./-types";
3
- /**
4
- * Picks between {@link LeftPanelDocked} and {@link LeftPanelDrawer} by breakpoint.
5
- * Split into two components because only the docked variant may call `useDeclarePanel`,
6
- * and hooks can't be called conditionally within one.
7
- */
8
- export declare const LeftPanel: React.FC<LeftPanelProps>;
@@ -1 +0,0 @@
1
- import React from"react";import{useBreakpoints}from"../../shared/useBreakpoints";import{LeftPanelDocked}from"./LeftPanelDocked";import{LeftPanelDrawer}from"./LeftPanelDrawer";export const LeftPanel=props=>{let{isMobile}=useBreakpoints();return isMobile?React.createElement(LeftPanelDrawer,props):React.createElement(LeftPanelDocked,props)};
@@ -1,9 +0,0 @@
1
- import type React from "react";
2
- import type { LeftPanelProps } from "./-types";
3
- /**
4
- * Docked (desktop) left panel. Declares the `leftPanel` slot and portals its
5
- * content into the Group's host while visible - an in-flow, resizable column.
6
- * The mobile presentation lives in {@link LeftPanelDrawer}; `LeftPanel` picks
7
- * between the two by breakpoint.
8
- */
9
- export declare const LeftPanelDocked: React.FC<LeftPanelProps>;
@@ -1 +0,0 @@
1
- import{Slot}from"./-constants";import{useDeclarePanel,useLayoutPortal,useVisibleChange}from"./registry";import{useLayout}from"./useLayout";export const LeftPanelDocked=({children,defaultSize,minSize,maxSize,collapsible=!0,onVisibleChange})=>{let{isVisible}=useLayout()[Slot.leftPanel];return useDeclarePanel(Slot.leftPanel,{defaultSize,minSize,maxSize,collapsible}),useVisibleChange(isVisible,onVisibleChange),useLayoutPortal(Slot.leftPanel,isVisible?children:null)};