@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.
- package/build/cjs/components/ChatResponse/ChatResponse.js +1 -1
- package/build/cjs/components/DataTable/DataTable.js +1 -1
- package/build/cjs/components/DataTable/TableBody.d.ts +4 -2
- package/build/cjs/components/DataTable/TableBody.js +1 -1
- package/build/cjs/components/DataTable/TableCell.d.ts +4 -3
- package/build/cjs/components/DataTable/TableCell.js +1 -1
- package/build/cjs/components/DataTable/header/SortableCellContent.d.ts +1 -4
- package/build/cjs/components/DataTable/header/TableHeader.d.ts +3 -1
- package/build/cjs/components/DataTable/header/TableHeader.js +1 -1
- package/build/cjs/components/DataTable/internal/DataTableDataRow.d.ts +20 -0
- package/build/cjs/components/DataTable/internal/DataTableDataRow.js +1 -0
- package/build/cjs/components/DataTable/internal/DataTableRowGroup.d.ts +2 -0
- package/build/cjs/components/DataTable/internal/DataTableRowGroup.js +1 -0
- package/build/cjs/components/DataTable/internal/buildInternalColumns.d.ts +9 -0
- package/build/cjs/components/DataTable/internal/buildInternalColumns.js +1 -0
- package/build/cjs/components/DataTable/internal/controlColumns/checkboxColumn.d.ts +2 -0
- package/build/cjs/components/DataTable/internal/controlColumns/checkboxColumn.js +1 -0
- package/build/cjs/components/DataTable/internal/getColumnSticky.d.ts +8 -0
- package/build/cjs/components/DataTable/internal/getColumnSticky.js +1 -0
- package/build/cjs/components/DataTable/internal/getVisibleColumnCount.d.ts +2 -0
- package/build/cjs/components/DataTable/internal/getVisibleColumnCount.js +1 -0
- package/build/cjs/components/DataTable/internal/resolveRowContext.d.ts +17 -0
- package/build/cjs/components/DataTable/internal/resolveRowContext.js +1 -0
- package/build/cjs/components/DataTable/internal/tablePrimitives.d.ts +35 -0
- package/build/cjs/components/DataTable/internal/tablePrimitives.js +1 -0
- package/build/cjs/components/DataTable/internal/types.d.ts +26 -0
- package/build/cjs/components/DataTable/internal/types.js +1 -0
- package/build/cjs/components/Internal/Drawer/Drawer.d.ts +2 -0
- package/build/cjs/components/Internal/Drawer/Drawer.js +13 -1
- package/build/cjs/components/Internal/Drawer/useDrawerAnimation.d.ts +6 -14
- package/build/cjs/components/Internal/Drawer/useDrawerAnimation.js +1 -1
- package/build/cjs/components/Internal/PanelHeader/PanelHeader.d.ts +31 -0
- package/build/cjs/components/Internal/PanelHeader/PanelHeader.js +1 -0
- package/build/cjs/components/Internal/Sandwich/-types.d.ts +10 -12
- package/build/cjs/components/Internal/Sandwich/Sandwich.d.ts +8 -8
- package/build/cjs/components/Internal/Sandwich/Sandwich.js +1 -1
- package/build/cjs/components/Internal/Sandwich/SandwichFooter.d.ts +1 -1
- package/build/cjs/components/Internal/Sandwich/SandwichFooter.js +1 -1
- package/build/cjs/components/Internal/Sandwich/SandwichHeader.d.ts +1 -1
- package/build/cjs/components/Internal/Sandwich/SandwichHeader.js +1 -1
- package/build/cjs/components/Internal/Sandwich/useSandwichContext.d.ts +3 -3
- package/build/cjs/components/Internal/Sandwich/useSandwichContext.js +1 -1
- package/build/cjs/components/Layout/-types.d.ts +63 -36
- package/build/{esm/components/Layout → cjs/components/Layout/Content}/Content.d.ts +1 -1
- package/build/cjs/components/Layout/Content/Content.js +1 -0
- package/build/cjs/components/Layout/Layout.d.ts +16 -4
- package/build/cjs/components/Layout/Layout.js +1 -1
- package/build/cjs/components/Layout/LeftPanel/LeftPanel.d.ts +10 -0
- package/build/cjs/components/Layout/LeftPanel/LeftPanel.js +1 -0
- package/build/cjs/components/Layout/LeftPanel/LeftPanelFooter.d.ts +7 -0
- package/build/cjs/components/Layout/LeftPanel/LeftPanelFooter.js +1 -0
- package/build/cjs/components/Layout/LeftPanel/LeftPanelHeader.d.ts +7 -0
- package/build/cjs/components/Layout/LeftPanel/LeftPanelHeader.js +1 -0
- package/build/cjs/components/Layout/PanelContainer.d.ts +9 -0
- package/build/cjs/components/Layout/PanelContainer.js +1 -0
- package/build/{esm/components/Layout → cjs/components/Layout/RightPanel}/RightPanel.d.ts +4 -2
- package/build/cjs/components/Layout/RightPanel/RightPanel.js +1 -0
- package/build/cjs/components/Layout/RightPanel/RightPanelFooter.d.ts +7 -0
- package/build/cjs/components/Layout/RightPanel/RightPanelFooter.js +1 -0
- package/build/cjs/components/Layout/RightPanel/RightPanelHeader.d.ts +10 -0
- package/build/cjs/components/Layout/RightPanel/RightPanelHeader.js +1 -0
- package/build/{esm/components/Layout → cjs/components/Layout/Split}/Split.d.ts +4 -2
- package/build/cjs/components/Layout/Split/Split.js +1 -0
- package/build/cjs/components/Layout/Split/SplitFooter.d.ts +7 -0
- package/build/cjs/components/Layout/Split/SplitFooter.js +1 -0
- package/build/cjs/components/Layout/Split/SplitHeader.d.ts +7 -0
- package/build/cjs/components/Layout/Split/SplitHeader.js +1 -0
- package/build/cjs/components/Layout/index.d.ts +0 -1
- package/build/cjs/components/Layout/index.js +1 -1
- package/build/cjs/components/Link/Link.js +1 -1
- package/build/cjs/components/Link/LinkContext.d.ts +19 -0
- package/build/cjs/components/Link/LinkContext.js +1 -0
- package/build/cjs/components/Link/getLinkDecorationStyles.d.ts +20 -0
- package/build/cjs/components/Link/getLinkDecorationStyles.js +1 -0
- package/build/cjs/components/Typography/Text/Text.d.ts +10 -6
- package/build/cjs/components/Typography/Text/Text.js +1 -1
- package/build/cjs/web-tokens/_sizes.json +51 -51
- package/build/esm/components/ChatResponse/ChatResponse.js +1 -1
- package/build/esm/components/DataTable/DataTable.js +1 -1
- package/build/esm/components/DataTable/TableBody.d.ts +4 -2
- package/build/esm/components/DataTable/TableBody.js +1 -1
- package/build/esm/components/DataTable/TableCell.d.ts +4 -3
- package/build/esm/components/DataTable/TableCell.js +1 -1
- package/build/esm/components/DataTable/header/SortableCellContent.d.ts +1 -4
- package/build/esm/components/DataTable/header/TableHeader.d.ts +3 -1
- package/build/esm/components/DataTable/header/TableHeader.js +1 -1
- package/build/esm/components/DataTable/internal/DataTableDataRow.d.ts +20 -0
- package/build/esm/components/DataTable/internal/DataTableDataRow.js +1 -0
- package/build/esm/components/DataTable/internal/DataTableRowGroup.d.ts +2 -0
- package/build/esm/components/DataTable/internal/DataTableRowGroup.js +1 -0
- package/build/esm/components/DataTable/internal/buildInternalColumns.d.ts +9 -0
- package/build/esm/components/DataTable/internal/buildInternalColumns.js +1 -0
- package/build/esm/components/DataTable/internal/controlColumns/checkboxColumn.d.ts +2 -0
- package/build/esm/components/DataTable/internal/controlColumns/checkboxColumn.js +1 -0
- package/build/esm/components/DataTable/internal/getColumnSticky.d.ts +8 -0
- package/build/esm/components/DataTable/internal/getColumnSticky.js +1 -0
- package/build/esm/components/DataTable/internal/getVisibleColumnCount.d.ts +2 -0
- package/build/esm/components/DataTable/internal/getVisibleColumnCount.js +1 -0
- package/build/esm/components/DataTable/internal/resolveRowContext.d.ts +17 -0
- package/build/esm/components/DataTable/internal/resolveRowContext.js +1 -0
- package/build/esm/components/DataTable/internal/tablePrimitives.d.ts +35 -0
- package/build/esm/components/DataTable/internal/tablePrimitives.js +1 -0
- package/build/esm/components/DataTable/internal/types.d.ts +26 -0
- package/build/esm/components/DataTable/internal/types.js +1 -0
- package/build/esm/components/Internal/Drawer/Drawer.d.ts +2 -0
- package/build/esm/components/Internal/Drawer/Drawer.js +13 -1
- package/build/esm/components/Internal/Drawer/useDrawerAnimation.d.ts +6 -14
- package/build/esm/components/Internal/Drawer/useDrawerAnimation.js +1 -1
- package/build/esm/components/Internal/PanelHeader/PanelHeader.d.ts +31 -0
- package/build/esm/components/Internal/PanelHeader/PanelHeader.js +1 -0
- package/build/esm/components/Internal/Sandwich/-types.d.ts +10 -12
- package/build/esm/components/Internal/Sandwich/Sandwich.d.ts +8 -8
- package/build/esm/components/Internal/Sandwich/Sandwich.js +1 -1
- package/build/esm/components/Internal/Sandwich/SandwichFooter.d.ts +1 -1
- package/build/esm/components/Internal/Sandwich/SandwichFooter.js +1 -1
- package/build/esm/components/Internal/Sandwich/SandwichHeader.d.ts +1 -1
- package/build/esm/components/Internal/Sandwich/SandwichHeader.js +1 -1
- package/build/esm/components/Internal/Sandwich/useSandwichContext.d.ts +3 -3
- package/build/esm/components/Internal/Sandwich/useSandwichContext.js +1 -1
- package/build/esm/components/Layout/-types.d.ts +63 -36
- package/build/{cjs/components/Layout → esm/components/Layout/Content}/Content.d.ts +1 -1
- package/build/esm/components/Layout/Content/Content.js +1 -0
- package/build/esm/components/Layout/Layout.d.ts +16 -4
- package/build/esm/components/Layout/Layout.js +1 -1
- package/build/esm/components/Layout/LeftPanel/LeftPanel.d.ts +10 -0
- package/build/esm/components/Layout/LeftPanel/LeftPanel.js +1 -0
- package/build/esm/components/Layout/LeftPanel/LeftPanelFooter.d.ts +7 -0
- package/build/esm/components/Layout/LeftPanel/LeftPanelFooter.js +1 -0
- package/build/esm/components/Layout/LeftPanel/LeftPanelHeader.d.ts +7 -0
- package/build/esm/components/Layout/LeftPanel/LeftPanelHeader.js +1 -0
- package/build/esm/components/Layout/PanelContainer.d.ts +9 -0
- package/build/esm/components/Layout/PanelContainer.js +1 -0
- package/build/{cjs/components/Layout → esm/components/Layout/RightPanel}/RightPanel.d.ts +4 -2
- package/build/esm/components/Layout/RightPanel/RightPanel.js +1 -0
- package/build/esm/components/Layout/RightPanel/RightPanelFooter.d.ts +7 -0
- package/build/esm/components/Layout/RightPanel/RightPanelFooter.js +1 -0
- package/build/esm/components/Layout/RightPanel/RightPanelHeader.d.ts +10 -0
- package/build/esm/components/Layout/RightPanel/RightPanelHeader.js +1 -0
- package/build/{cjs/components/Layout → esm/components/Layout/Split}/Split.d.ts +4 -2
- package/build/esm/components/Layout/Split/Split.js +1 -0
- package/build/esm/components/Layout/Split/SplitFooter.d.ts +7 -0
- package/build/esm/components/Layout/Split/SplitFooter.js +1 -0
- package/build/esm/components/Layout/Split/SplitHeader.d.ts +7 -0
- package/build/esm/components/Layout/Split/SplitHeader.js +1 -0
- package/build/esm/components/Layout/index.d.ts +0 -1
- package/build/esm/components/Layout/index.js +1 -1
- package/build/esm/components/Link/Link.js +1 -1
- package/build/esm/components/Link/LinkContext.d.ts +19 -0
- package/build/esm/components/Link/LinkContext.js +1 -0
- package/build/esm/components/Link/getLinkDecorationStyles.d.ts +20 -0
- package/build/esm/components/Link/getLinkDecorationStyles.js +1 -0
- package/build/esm/components/Typography/Text/Text.d.ts +10 -6
- package/build/esm/components/Typography/Text/Text.js +1 -1
- package/build/esm/web-tokens/_sizes.json +51 -51
- package/build/scss/_layout.scss +8 -3
- package/build/scss/_theming.scss +3 -0
- package/build/scss/_variables.scss +2 -0
- package/package.json +1 -1
- package/build/cjs/components/Internal/Sandwich/SandwichBody.d.ts +0 -3
- package/build/cjs/components/Internal/Sandwich/SandwichBody.js +0 -1
- package/build/cjs/components/Layout/Content.js +0 -1
- package/build/cjs/components/Layout/LeftPanel.d.ts +0 -8
- package/build/cjs/components/Layout/LeftPanel.js +0 -1
- package/build/cjs/components/Layout/LeftPanelDocked.d.ts +0 -9
- package/build/cjs/components/Layout/LeftPanelDocked.js +0 -1
- package/build/cjs/components/Layout/LeftPanelDrawer.d.ts +0 -10
- package/build/cjs/components/Layout/LeftPanelDrawer.js +0 -1
- package/build/cjs/components/Layout/RightPanel.js +0 -1
- package/build/cjs/components/Layout/RightPanelContainer.d.ts +0 -3
- package/build/cjs/components/Layout/RightPanelContainer.js +0 -1
- package/build/cjs/components/Layout/Split.js +0 -1
- package/build/esm/components/Internal/Sandwich/SandwichBody.d.ts +0 -3
- package/build/esm/components/Internal/Sandwich/SandwichBody.js +0 -1
- package/build/esm/components/Layout/Content.js +0 -1
- package/build/esm/components/Layout/LeftPanel.d.ts +0 -8
- package/build/esm/components/Layout/LeftPanel.js +0 -1
- package/build/esm/components/Layout/LeftPanelDocked.d.ts +0 -9
- package/build/esm/components/Layout/LeftPanelDocked.js +0 -1
- package/build/esm/components/Layout/LeftPanelDrawer.d.ts +0 -10
- package/build/esm/components/Layout/LeftPanelDrawer.js +0 -1
- package/build/esm/components/Layout/RightPanel.js +0 -1
- package/build/esm/components/Layout/RightPanelContainer.d.ts +0 -3
- package/build/esm/components/Layout/RightPanelContainer.js +0 -1
- 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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
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":
|
|
620
|
+
"isUsed": false
|
|
621
621
|
}
|
|
622
622
|
]
|
package/build/scss/_layout.scss
CHANGED
|
@@ -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
|
+
}
|
package/build/scss/_theming.scss
CHANGED
|
@@ -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) {
|
package/package.json
CHANGED
|
@@ -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 +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)};
|