@usefragments/ui 1.3.2 → 1.4.0
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/README.md +3 -1
- package/dist/assets/ui.css +1261 -849
- package/dist/chart.cjs +60 -24
- package/dist/chart.js +38 -24
- package/dist/codeblock.cjs +14 -6
- package/dist/codeblock.js +14 -6
- package/dist/colorpicker.cjs +56 -9
- package/dist/colorpicker.js +34 -9
- package/dist/components/Badge/Badge.module.scss.cjs +23 -16
- package/dist/components/Badge/Badge.module.scss.js +23 -16
- package/dist/components/Badge/index.cjs +8 -1
- package/dist/components/Badge/index.d.ts +3 -0
- package/dist/components/Badge/index.d.ts.map +1 -1
- package/dist/components/Badge/index.js +8 -1
- package/dist/components/Button/Button.module.scss.cjs +16 -13
- package/dist/components/Button/Button.module.scss.js +16 -13
- package/dist/components/Button/index.d.ts +2 -1
- package/dist/components/Button/index.d.ts.map +1 -1
- package/dist/components/Chart/index.d.ts +3 -0
- package/dist/components/Chart/index.d.ts.map +1 -1
- package/dist/components/CodeBlock/CodeBlock.module.scss.cjs +21 -21
- package/dist/components/CodeBlock/CodeBlock.module.scss.js +21 -21
- package/dist/components/CodeBlock/index.d.ts.map +1 -1
- package/dist/components/ColorPicker/index.d.ts +4 -0
- package/dist/components/ColorPicker/index.d.ts.map +1 -1
- package/dist/components/Combobox/Combobox.module.scss.cjs +23 -23
- package/dist/components/Combobox/Combobox.module.scss.js +23 -23
- package/dist/components/Command/Command.module.scss.cjs +11 -11
- package/dist/components/Command/Command.module.scss.js +11 -11
- package/dist/components/ConversationList/ConversationList.module.scss.cjs +13 -10
- package/dist/components/ConversationList/ConversationList.module.scss.js +14 -11
- package/dist/components/ConversationList/index.cjs +26 -22
- package/dist/components/ConversationList/index.d.ts +5 -1
- package/dist/components/ConversationList/index.d.ts.map +1 -1
- package/dist/components/ConversationList/index.js +27 -23
- package/dist/components/DataTable/DataTable.module.scss.cjs +35 -35
- package/dist/components/DataTable/DataTable.module.scss.js +35 -35
- package/dist/components/DataTable/index.d.ts +4 -1
- package/dist/components/DataTable/index.d.ts.map +1 -1
- package/dist/components/DatePicker/index.d.ts +3 -0
- package/dist/components/DatePicker/index.d.ts.map +1 -1
- package/dist/components/Editor/index.d.ts +4 -1
- package/dist/components/Editor/index.d.ts.map +1 -1
- package/dist/components/Listbox/Listbox.module.scss.cjs +8 -8
- package/dist/components/Listbox/Listbox.module.scss.js +8 -8
- package/dist/components/Markdown/Markdown.module.scss.cjs +1 -1
- package/dist/components/Markdown/Markdown.module.scss.js +1 -1
- package/dist/components/Markdown/index.d.ts +16 -0
- package/dist/components/Markdown/index.d.ts.map +1 -1
- package/dist/components/Menu/Menu.module.scss.cjs +14 -14
- package/dist/components/Menu/Menu.module.scss.js +14 -14
- package/dist/components/Message/Message.module.scss.cjs +23 -20
- package/dist/components/Message/Message.module.scss.js +24 -21
- package/dist/components/Message/index.cjs +5 -1
- package/dist/components/Message/index.d.ts.map +1 -1
- package/dist/components/Message/index.js +5 -1
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.cjs +28 -28
- package/dist/components/NavigationMenu/NavigationMenu.module.scss.js +28 -28
- package/dist/components/Pagination/Pagination.module.scss.cjs +7 -7
- package/dist/components/Pagination/Pagination.module.scss.js +7 -7
- package/dist/components/Prompt/Prompt.module.scss.cjs +52 -22
- package/dist/components/Prompt/Prompt.module.scss.js +52 -22
- package/dist/components/Prompt/index.cjs +197 -2
- package/dist/components/Prompt/index.d.ts +98 -3
- package/dist/components/Prompt/index.d.ts.map +1 -1
- package/dist/components/Prompt/index.js +198 -3
- package/dist/components/Select/Select.module.scss.cjs +29 -17
- package/dist/components/Select/Select.module.scss.js +30 -18
- package/dist/components/Select/index.cjs +45 -8
- package/dist/components/Select/index.d.ts +17 -2
- package/dist/components/Select/index.d.ts.map +1 -1
- package/dist/components/Select/index.js +45 -8
- package/dist/components/Sidebar/Sidebar.module.scss.cjs +45 -42
- package/dist/components/Sidebar/Sidebar.module.scss.js +45 -42
- package/dist/components/Sidebar/index.cjs +2 -0
- package/dist/components/Sidebar/index.d.ts +6 -1
- package/dist/components/Sidebar/index.d.ts.map +1 -1
- package/dist/components/Sidebar/index.js +2 -0
- package/dist/components/Text/Text.module.scss.cjs +63 -51
- package/dist/components/Text/Text.module.scss.js +63 -51
- package/dist/components/Text/index.d.ts +4 -2
- package/dist/components/Text/index.d.ts.map +1 -1
- package/dist/data-table.cjs +210 -28
- package/dist/data-table.js +189 -29
- package/dist/datepicker.cjs +63 -14
- package/dist/datepicker.js +41 -14
- package/dist/editor.cjs +67 -16
- package/dist/editor.js +45 -16
- package/dist/index.cjs +1 -0
- package/dist/index.d.ts +1 -1
- package/dist/index.d.ts.map +1 -1
- package/dist/index.js +2 -1
- package/dist/markdown.cjs +63 -19
- package/dist/markdown.js +41 -19
- package/fragments.json +1 -1
- package/package.json +2 -2
- package/src/components/Badge/Badge.contract.json +28 -5
- package/src/components/Badge/Badge.module.scss +21 -0
- package/src/components/Badge/index.tsx +10 -1
- package/src/components/Button/Button.contract.json +9 -3
- package/src/components/Button/Button.module.scss +34 -0
- package/src/components/Button/index.tsx +11 -1
- package/src/components/Chart/Chart.contract.json +7 -0
- package/src/components/Chart/index.tsx +44 -27
- package/src/components/CodeBlock/CodeBlock.contract.json +7 -0
- package/src/components/CodeBlock/CodeBlock.module.scss +7 -2
- package/src/components/CodeBlock/index.tsx +38 -6
- package/src/components/ColorPicker/ColorPicker.contract.json +9 -1
- package/src/components/ColorPicker/index.tsx +42 -12
- package/src/components/Combobox/Combobox.module.scss +4 -13
- package/src/components/ConversationList/ConversationList.contract.json +16 -1
- package/src/components/ConversationList/ConversationList.module.scss +12 -0
- package/src/components/ConversationList/index.tsx +40 -26
- package/src/components/DataTable/DataTable.contract.json +8 -1
- package/src/components/DataTable/DataTable.module.scss +5 -0
- package/src/components/DataTable/index.tsx +282 -51
- package/src/components/DatePicker/DatePicker.contract.json +8 -1
- package/src/components/DatePicker/index.tsx +51 -22
- package/src/components/Editor/Editor.contract.json +19 -1
- package/src/components/Editor/index.tsx +67 -23
- package/src/components/Listbox/Listbox.module.scss +3 -11
- package/src/components/Markdown/Markdown.contract.json +15 -1
- package/src/components/Markdown/Markdown.module.scss +18 -1
- package/src/components/Markdown/index.tsx +58 -24
- package/src/components/Menu/Menu.module.scss +12 -2
- package/src/components/Message/Message.contract.json +3 -0
- package/src/components/Message/Message.module.scss +33 -4
- package/src/components/Message/index.tsx +7 -1
- package/src/components/Pagination/Pagination.contract.json +1 -0
- package/src/components/Pagination/Pagination.module.scss +5 -4
- package/src/components/Prompt/Prompt.contract.json +40 -1
- package/src/components/Prompt/Prompt.module.scss +351 -4
- package/src/components/Prompt/index.tsx +324 -0
- package/src/components/Select/Select.contract.json +11 -1
- package/src/components/Select/Select.module.scss +80 -13
- package/src/components/Select/index.tsx +73 -7
- package/src/components/Sidebar/Sidebar.contract.json +1 -0
- package/src/components/Sidebar/Sidebar.module.scss +10 -0
- package/src/components/Sidebar/index.tsx +7 -0
- package/src/components/Text/Text.contract.json +7 -4
- package/src/components/Text/Text.module.scss +18 -0
- package/src/components/Text/index.tsx +4 -2
- package/src/index.ts +1 -0
- package/src/tokens/_mixins.scss +39 -4
- package/src/tokens/_variables.scss +30 -0
|
@@ -47,8 +47,17 @@ const SelectContext = React.createContext({
|
|
|
47
47
|
},
|
|
48
48
|
unregisterItem: () => {
|
|
49
49
|
},
|
|
50
|
-
size: "md"
|
|
50
|
+
size: "md",
|
|
51
|
+
variant: "field",
|
|
52
|
+
optionItems: null
|
|
51
53
|
});
|
|
54
|
+
function renderOptionLabel(option) {
|
|
55
|
+
if (!option.hint) return option.label;
|
|
56
|
+
return /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
57
|
+
option.label,
|
|
58
|
+
/* @__PURE__ */ jsx("span", { className: styles.hint, children: option.hint })
|
|
59
|
+
] });
|
|
60
|
+
}
|
|
52
61
|
function collectDeclaredItems(children, map) {
|
|
53
62
|
React.Children.forEach(children, (child) => {
|
|
54
63
|
var _a;
|
|
@@ -84,6 +93,7 @@ const SelectRoot = React.forwardRef(function SelectRoot2({
|
|
|
84
93
|
helperText,
|
|
85
94
|
error,
|
|
86
95
|
size: sizeProp,
|
|
96
|
+
variant = "field",
|
|
87
97
|
className
|
|
88
98
|
}, ref) {
|
|
89
99
|
const size = useResolvedControlSize(sizeProp);
|
|
@@ -113,7 +123,7 @@ const SelectRoot = React.forwardRef(function SelectRoot2({
|
|
|
113
123
|
}, [value]);
|
|
114
124
|
const selectedValue = value !== void 0 ? value : internalValue;
|
|
115
125
|
const optionItems = React.useMemo(
|
|
116
|
-
() => (options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, disabled: option.disabled, children: option
|
|
126
|
+
() => (options == null ? void 0 : options.map((option) => /* @__PURE__ */ jsx(SelectItem, { value: option.value, disabled: option.disabled, children: renderOptionLabel(option) }, option.value))) ?? null,
|
|
117
127
|
[options]
|
|
118
128
|
);
|
|
119
129
|
const resolvedChildren = children ?? (optionItems ? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
@@ -133,7 +143,7 @@ const SelectRoot = React.forwardRef(function SelectRoot2({
|
|
|
133
143
|
);
|
|
134
144
|
const declaredItems = React.useMemo(() => {
|
|
135
145
|
const map = /* @__PURE__ */ new Map();
|
|
136
|
-
options == null ? void 0 : options.forEach((option) => map.set(option.value, option
|
|
146
|
+
options == null ? void 0 : options.forEach((option) => map.set(option.value, renderOptionLabel(option)));
|
|
137
147
|
collectDeclaredItems(children, map);
|
|
138
148
|
return map;
|
|
139
149
|
}, [children, options]);
|
|
@@ -150,16 +160,31 @@ const SelectRoot = React.forwardRef(function SelectRoot2({
|
|
|
150
160
|
items: resolvedItems,
|
|
151
161
|
registerItem,
|
|
152
162
|
unregisterItem,
|
|
153
|
-
size
|
|
163
|
+
size,
|
|
164
|
+
variant,
|
|
165
|
+
optionItems
|
|
154
166
|
}),
|
|
155
|
-
[
|
|
167
|
+
[
|
|
168
|
+
placeholder,
|
|
169
|
+
selectedValue,
|
|
170
|
+
resolvedItems,
|
|
171
|
+
registerItem,
|
|
172
|
+
unregisterItem,
|
|
173
|
+
size,
|
|
174
|
+
variant,
|
|
175
|
+
optionItems
|
|
176
|
+
]
|
|
156
177
|
);
|
|
157
178
|
const { helperId, errorId, hasError, errorMessage } = useFormFieldIds("select", {
|
|
158
179
|
label,
|
|
159
180
|
helperText,
|
|
160
181
|
error
|
|
161
182
|
});
|
|
162
|
-
const wrapperClasses = [
|
|
183
|
+
const wrapperClasses = [
|
|
184
|
+
styles.wrapper,
|
|
185
|
+
variant === "ghost" && styles.wrapperGhost,
|
|
186
|
+
className
|
|
187
|
+
].filter(Boolean).join(" ");
|
|
163
188
|
const helperClasses = [styles.helper, hasError && styles.helperError].filter(Boolean).join(" ");
|
|
164
189
|
return /* @__PURE__ */ jsx(SelectContext.Provider, { value: contextValue, children: /* @__PURE__ */ jsxs("div", { ref, className: wrapperClasses, children: [
|
|
165
190
|
/* @__PURE__ */ jsxs(
|
|
@@ -189,18 +214,29 @@ const SelectRoot = React.forwardRef(function SelectRoot2({
|
|
|
189
214
|
errorMessage && /* @__PURE__ */ jsx("span", { id: errorId, className: styles.errorMessage, children: errorMessage })
|
|
190
215
|
] }) });
|
|
191
216
|
});
|
|
192
|
-
function SelectTrigger({
|
|
217
|
+
function SelectTrigger({
|
|
218
|
+
children,
|
|
219
|
+
placeholder,
|
|
220
|
+
icon,
|
|
221
|
+
className,
|
|
222
|
+
...htmlProps
|
|
223
|
+
}) {
|
|
193
224
|
const context = React.useContext(SelectContext);
|
|
194
225
|
const placeholderText = placeholder ?? context.placeholder;
|
|
195
226
|
const classes = [
|
|
196
227
|
styles.trigger,
|
|
197
228
|
context.size === "sm" && styles.triggerSm,
|
|
198
229
|
context.size === "lg" && styles.triggerLg,
|
|
230
|
+
// Ghost unsets the field shell and the size mixin's box. Both are single
|
|
231
|
+
// classes like this one, so it wins on being declared after them in
|
|
232
|
+
// Select.module.scss — the one place that ordering is guaranteed.
|
|
233
|
+
context.variant === "ghost" && styles.triggerGhost,
|
|
199
234
|
className
|
|
200
235
|
].filter(Boolean).join(" ");
|
|
201
236
|
const selectedContent = context.value != null ? context.items.get(context.value) : null;
|
|
202
237
|
const displayContent = selectedContent ?? (placeholderText ? /* @__PURE__ */ jsx("span", { className: styles.placeholder, children: placeholderText }) : null);
|
|
203
238
|
return /* @__PURE__ */ jsx(Select$1.Trigger, { ...htmlProps, className: classes, children: children ?? /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
239
|
+
icon && /* @__PURE__ */ jsx("span", { className: styles.triggerIcon, children: icon }),
|
|
204
240
|
/* @__PURE__ */ jsx("span", { className: styles.value, children: displayContent }),
|
|
205
241
|
/* @__PURE__ */ jsx(Select$1.Icon, { className: styles.icon, children: /* @__PURE__ */ jsx(ChevronDownIcon, {}) })
|
|
206
242
|
] }) });
|
|
@@ -213,12 +249,13 @@ function SelectContent({
|
|
|
213
249
|
maxVisibleItems,
|
|
214
250
|
...htmlProps
|
|
215
251
|
}) {
|
|
252
|
+
const { optionItems } = React.useContext(SelectContext);
|
|
216
253
|
const popupClasses = [styles.popup, className].filter(Boolean).join(" ");
|
|
217
254
|
const popupStyle = maxVisibleItems != null ? {
|
|
218
255
|
"--fui-select-max-items": maxVisibleItems + 0.5,
|
|
219
256
|
...htmlProps.style
|
|
220
257
|
} : htmlProps.style;
|
|
221
|
-
return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, { sideOffset, align, className: styles.positioner, children: /* @__PURE__ */ jsx(Select$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children }) }) });
|
|
258
|
+
return /* @__PURE__ */ jsx(Select$1.Portal, { children: /* @__PURE__ */ jsx(Select$1.Positioner, { sideOffset, align, className: styles.positioner, children: /* @__PURE__ */ jsx(Select$1.Popup, { ...htmlProps, className: popupClasses, style: popupStyle, children: children ?? optionItems }) }) });
|
|
222
259
|
}
|
|
223
260
|
function SelectItem({ children, value, disabled, className, ...htmlProps }) {
|
|
224
261
|
const { registerItem, unregisterItem } = React.useContext(SelectContext);
|
|
@@ -1,47 +1,48 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const root = "
|
|
4
|
-
const mobile = "
|
|
5
|
-
const positionRight = "
|
|
6
|
-
const collapsed = "
|
|
7
|
-
const header = "
|
|
8
|
-
const nav = "
|
|
9
|
-
const footer = "
|
|
10
|
-
const sectionLabel = "
|
|
11
|
-
const itemLabel = "
|
|
12
|
-
const itemBadge = "
|
|
13
|
-
const itemChevron = "
|
|
14
|
-
const item = "
|
|
15
|
-
const itemIcon = "
|
|
16
|
-
const collapseToggle = "
|
|
17
|
-
const collapsedNoIcons = "
|
|
18
|
-
const offcanvasCollapsed = "
|
|
19
|
-
const collapseToggleFloating = "
|
|
20
|
-
const rail = "
|
|
21
|
-
const navScrollArea = "
|
|
22
|
-
const section = "
|
|
23
|
-
const sectionHeader = "
|
|
24
|
-
const sectionTrigger = "
|
|
25
|
-
const sectionActionWrapper = "
|
|
26
|
-
const sectionAction = "
|
|
27
|
-
const sectionList = "
|
|
28
|
-
const submenu = "
|
|
29
|
-
const sectionCollapsible = "
|
|
30
|
-
const itemWrapper = "
|
|
31
|
-
const subItemWrapper = "
|
|
32
|
-
const submenuWrapper = "
|
|
33
|
-
const itemDisabled = "
|
|
34
|
-
const itemActive = "
|
|
35
|
-
const subItemDisabled = "
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
const
|
|
40
|
-
const
|
|
41
|
-
const
|
|
42
|
-
const
|
|
43
|
-
const
|
|
44
|
-
const
|
|
3
|
+
const root = "_root_1sl88_1";
|
|
4
|
+
const mobile = "_mobile_1sl88_34";
|
|
5
|
+
const positionRight = "_positionRight_1sl88_40";
|
|
6
|
+
const collapsed = "_collapsed_1sl88_45";
|
|
7
|
+
const header = "_header_1sl88_48";
|
|
8
|
+
const nav = "_nav_1sl88_49";
|
|
9
|
+
const footer = "_footer_1sl88_50";
|
|
10
|
+
const sectionLabel = "_sectionLabel_1sl88_57";
|
|
11
|
+
const itemLabel = "_itemLabel_1sl88_68";
|
|
12
|
+
const itemBadge = "_itemBadge_1sl88_69";
|
|
13
|
+
const itemChevron = "_itemChevron_1sl88_70";
|
|
14
|
+
const item = "_item_1sl88_68";
|
|
15
|
+
const itemIcon = "_itemIcon_1sl88_78";
|
|
16
|
+
const collapseToggle = "_collapseToggle_1sl88_81";
|
|
17
|
+
const collapsedNoIcons = "_collapsedNoIcons_1sl88_85";
|
|
18
|
+
const offcanvasCollapsed = "_offcanvasCollapsed_1sl88_88";
|
|
19
|
+
const collapseToggleFloating = "_collapseToggleFloating_1sl88_94";
|
|
20
|
+
const rail = "_rail_1sl88_108";
|
|
21
|
+
const navScrollArea = "_navScrollArea_1sl88_149";
|
|
22
|
+
const section = "_section_1sl88_57";
|
|
23
|
+
const sectionHeader = "_sectionHeader_1sl88_158";
|
|
24
|
+
const sectionTrigger = "_sectionTrigger_1sl88_166";
|
|
25
|
+
const sectionActionWrapper = "_sectionActionWrapper_1sl88_188";
|
|
26
|
+
const sectionAction = "_sectionAction_1sl88_188";
|
|
27
|
+
const sectionList = "_sectionList_1sl88_234";
|
|
28
|
+
const submenu = "_submenu_1sl88_235";
|
|
29
|
+
const sectionCollapsible = "_sectionCollapsible_1sl88_244";
|
|
30
|
+
const itemWrapper = "_itemWrapper_1sl88_270";
|
|
31
|
+
const subItemWrapper = "_subItemWrapper_1sl88_271";
|
|
32
|
+
const submenuWrapper = "_submenuWrapper_1sl88_272";
|
|
33
|
+
const itemDisabled = "_itemDisabled_1sl88_327";
|
|
34
|
+
const itemActive = "_itemActive_1sl88_336";
|
|
35
|
+
const subItemDisabled = "_subItemDisabled_1sl88_363";
|
|
36
|
+
const itemMultiline = "_itemMultiline_1sl88_397";
|
|
37
|
+
const itemExpanded = "_itemExpanded_1sl88_424";
|
|
38
|
+
const subItem = "_subItem_1sl88_271";
|
|
39
|
+
const subItemActive = "_subItemActive_1sl88_501";
|
|
40
|
+
const trigger = "_trigger_1sl88_519";
|
|
41
|
+
const overlay = "_overlay_1sl88_560";
|
|
42
|
+
const railCollapsed = "_railCollapsed_1sl88_680";
|
|
43
|
+
const menuSkeleton = "_menuSkeleton_1sl88_684";
|
|
44
|
+
const skeletonItem = "_skeletonItem_1sl88_691";
|
|
45
|
+
const skeletonLabel = "_skeletonLabel_1sl88_699";
|
|
45
46
|
const styles = {
|
|
46
47
|
root,
|
|
47
48
|
mobile,
|
|
@@ -76,6 +77,7 @@ const styles = {
|
|
|
76
77
|
itemDisabled,
|
|
77
78
|
itemActive,
|
|
78
79
|
subItemDisabled,
|
|
80
|
+
itemMultiline,
|
|
79
81
|
itemExpanded,
|
|
80
82
|
subItem,
|
|
81
83
|
subItemActive,
|
|
@@ -101,6 +103,7 @@ exports.itemDisabled = itemDisabled;
|
|
|
101
103
|
exports.itemExpanded = itemExpanded;
|
|
102
104
|
exports.itemIcon = itemIcon;
|
|
103
105
|
exports.itemLabel = itemLabel;
|
|
106
|
+
exports.itemMultiline = itemMultiline;
|
|
104
107
|
exports.itemWrapper = itemWrapper;
|
|
105
108
|
exports.menuSkeleton = menuSkeleton;
|
|
106
109
|
exports.mobile = mobile;
|
|
@@ -1,45 +1,46 @@
|
|
|
1
|
-
const root = "
|
|
2
|
-
const mobile = "
|
|
3
|
-
const positionRight = "
|
|
4
|
-
const collapsed = "
|
|
5
|
-
const header = "
|
|
6
|
-
const nav = "
|
|
7
|
-
const footer = "
|
|
8
|
-
const sectionLabel = "
|
|
9
|
-
const itemLabel = "
|
|
10
|
-
const itemBadge = "
|
|
11
|
-
const itemChevron = "
|
|
12
|
-
const item = "
|
|
13
|
-
const itemIcon = "
|
|
14
|
-
const collapseToggle = "
|
|
15
|
-
const collapsedNoIcons = "
|
|
16
|
-
const offcanvasCollapsed = "
|
|
17
|
-
const collapseToggleFloating = "
|
|
18
|
-
const rail = "
|
|
19
|
-
const navScrollArea = "
|
|
20
|
-
const section = "
|
|
21
|
-
const sectionHeader = "
|
|
22
|
-
const sectionTrigger = "
|
|
23
|
-
const sectionActionWrapper = "
|
|
24
|
-
const sectionAction = "
|
|
25
|
-
const sectionList = "
|
|
26
|
-
const submenu = "
|
|
27
|
-
const sectionCollapsible = "
|
|
28
|
-
const itemWrapper = "
|
|
29
|
-
const subItemWrapper = "
|
|
30
|
-
const submenuWrapper = "
|
|
31
|
-
const itemDisabled = "
|
|
32
|
-
const itemActive = "
|
|
33
|
-
const subItemDisabled = "
|
|
34
|
-
const
|
|
35
|
-
const
|
|
36
|
-
const
|
|
37
|
-
const
|
|
38
|
-
const
|
|
39
|
-
const
|
|
40
|
-
const
|
|
41
|
-
const
|
|
42
|
-
const
|
|
1
|
+
const root = "_root_1sl88_1";
|
|
2
|
+
const mobile = "_mobile_1sl88_34";
|
|
3
|
+
const positionRight = "_positionRight_1sl88_40";
|
|
4
|
+
const collapsed = "_collapsed_1sl88_45";
|
|
5
|
+
const header = "_header_1sl88_48";
|
|
6
|
+
const nav = "_nav_1sl88_49";
|
|
7
|
+
const footer = "_footer_1sl88_50";
|
|
8
|
+
const sectionLabel = "_sectionLabel_1sl88_57";
|
|
9
|
+
const itemLabel = "_itemLabel_1sl88_68";
|
|
10
|
+
const itemBadge = "_itemBadge_1sl88_69";
|
|
11
|
+
const itemChevron = "_itemChevron_1sl88_70";
|
|
12
|
+
const item = "_item_1sl88_68";
|
|
13
|
+
const itemIcon = "_itemIcon_1sl88_78";
|
|
14
|
+
const collapseToggle = "_collapseToggle_1sl88_81";
|
|
15
|
+
const collapsedNoIcons = "_collapsedNoIcons_1sl88_85";
|
|
16
|
+
const offcanvasCollapsed = "_offcanvasCollapsed_1sl88_88";
|
|
17
|
+
const collapseToggleFloating = "_collapseToggleFloating_1sl88_94";
|
|
18
|
+
const rail = "_rail_1sl88_108";
|
|
19
|
+
const navScrollArea = "_navScrollArea_1sl88_149";
|
|
20
|
+
const section = "_section_1sl88_57";
|
|
21
|
+
const sectionHeader = "_sectionHeader_1sl88_158";
|
|
22
|
+
const sectionTrigger = "_sectionTrigger_1sl88_166";
|
|
23
|
+
const sectionActionWrapper = "_sectionActionWrapper_1sl88_188";
|
|
24
|
+
const sectionAction = "_sectionAction_1sl88_188";
|
|
25
|
+
const sectionList = "_sectionList_1sl88_234";
|
|
26
|
+
const submenu = "_submenu_1sl88_235";
|
|
27
|
+
const sectionCollapsible = "_sectionCollapsible_1sl88_244";
|
|
28
|
+
const itemWrapper = "_itemWrapper_1sl88_270";
|
|
29
|
+
const subItemWrapper = "_subItemWrapper_1sl88_271";
|
|
30
|
+
const submenuWrapper = "_submenuWrapper_1sl88_272";
|
|
31
|
+
const itemDisabled = "_itemDisabled_1sl88_327";
|
|
32
|
+
const itemActive = "_itemActive_1sl88_336";
|
|
33
|
+
const subItemDisabled = "_subItemDisabled_1sl88_363";
|
|
34
|
+
const itemMultiline = "_itemMultiline_1sl88_397";
|
|
35
|
+
const itemExpanded = "_itemExpanded_1sl88_424";
|
|
36
|
+
const subItem = "_subItem_1sl88_271";
|
|
37
|
+
const subItemActive = "_subItemActive_1sl88_501";
|
|
38
|
+
const trigger = "_trigger_1sl88_519";
|
|
39
|
+
const overlay = "_overlay_1sl88_560";
|
|
40
|
+
const railCollapsed = "_railCollapsed_1sl88_680";
|
|
41
|
+
const menuSkeleton = "_menuSkeleton_1sl88_684";
|
|
42
|
+
const skeletonItem = "_skeletonItem_1sl88_691";
|
|
43
|
+
const skeletonLabel = "_skeletonLabel_1sl88_699";
|
|
43
44
|
const styles = {
|
|
44
45
|
root,
|
|
45
46
|
mobile,
|
|
@@ -74,6 +75,7 @@ const styles = {
|
|
|
74
75
|
itemDisabled,
|
|
75
76
|
itemActive,
|
|
76
77
|
subItemDisabled,
|
|
78
|
+
itemMultiline,
|
|
77
79
|
itemExpanded,
|
|
78
80
|
subItem,
|
|
79
81
|
subItemActive,
|
|
@@ -100,6 +102,7 @@ export {
|
|
|
100
102
|
itemExpanded,
|
|
101
103
|
itemIcon,
|
|
102
104
|
itemLabel,
|
|
105
|
+
itemMultiline,
|
|
103
106
|
itemWrapper,
|
|
104
107
|
menuSkeleton,
|
|
105
108
|
mobile,
|
|
@@ -481,6 +481,7 @@ function SidebarItem({
|
|
|
481
481
|
badge,
|
|
482
482
|
href,
|
|
483
483
|
onClick,
|
|
484
|
+
multiline = false,
|
|
484
485
|
hasSubmenu = false,
|
|
485
486
|
expanded: controlledExpanded,
|
|
486
487
|
defaultExpanded = false,
|
|
@@ -501,6 +502,7 @@ function SidebarItem({
|
|
|
501
502
|
Sidebar_module.default.item,
|
|
502
503
|
active && Sidebar_module.default.itemActive,
|
|
503
504
|
disabled && Sidebar_module.default.itemDisabled,
|
|
505
|
+
multiline && Sidebar_module.default.itemMultiline,
|
|
504
506
|
hasSubmenu && Sidebar_module.default.itemHasSubmenu,
|
|
505
507
|
expanded && Sidebar_module.default.itemExpanded,
|
|
506
508
|
className
|
|
@@ -91,6 +91,11 @@ export interface SidebarItemProps extends Omit<React.HTMLAttributes<HTMLElement>
|
|
|
91
91
|
href?: string;
|
|
92
92
|
/** Click handler (renders as button) */
|
|
93
93
|
onClick?: React.MouseEventHandler<HTMLElement>;
|
|
94
|
+
/**
|
|
95
|
+
* Let the label be a block instead of one truncating line — a title over a
|
|
96
|
+
* status line, a subject over a preview. For list rows rather than nav links.
|
|
97
|
+
*/
|
|
98
|
+
multiline?: boolean;
|
|
94
99
|
/** Whether this item has a submenu */
|
|
95
100
|
hasSubmenu?: boolean;
|
|
96
101
|
/** Whether submenu is expanded (controlled) */
|
|
@@ -184,7 +189,7 @@ declare function SidebarHeader({ children, collapsedContent, className, ...htmlP
|
|
|
184
189
|
declare function SidebarNav({ children, 'aria-label': ariaLabel, className, ...htmlProps }: SidebarNavProps): import("react/jsx-runtime").JSX.Element;
|
|
185
190
|
declare function SidebarSection({ children, label, action, collapsible: isCollapsibleProp, defaultOpen, className, ...htmlProps }: SidebarSectionProps): import("react/jsx-runtime").JSX.Element;
|
|
186
191
|
declare function SidebarSectionAction({ children, onClick, 'aria-label': ariaLabel, className, ...htmlProps }: SidebarSectionActionProps): import("react/jsx-runtime").JSX.Element;
|
|
187
|
-
declare function SidebarItem({ children, icon, active, disabled, badge, href, onClick, hasSubmenu, expanded: controlledExpanded, defaultExpanded, onExpandedChange, asChild, className, ...rest }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
|
|
192
|
+
declare function SidebarItem({ children, icon, active, disabled, badge, href, onClick, multiline, hasSubmenu, expanded: controlledExpanded, defaultExpanded, onExpandedChange, asChild, className, ...rest }: SidebarItemProps): import("react/jsx-runtime").JSX.Element;
|
|
188
193
|
declare function SidebarSubItem({ children, active, disabled, href, onClick, className, ...rest }: SidebarSubItemProps): import("react/jsx-runtime").JSX.Element | null;
|
|
189
194
|
declare function SidebarSubmenu({ children }: {
|
|
190
195
|
children: React.ReactNode;
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"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
|
|
1
|
+
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/Sidebar/index.tsx"],"names":[],"mappings":"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"}
|
|
@@ -462,6 +462,7 @@ function SidebarItem({
|
|
|
462
462
|
badge,
|
|
463
463
|
href,
|
|
464
464
|
onClick,
|
|
465
|
+
multiline = false,
|
|
465
466
|
hasSubmenu = false,
|
|
466
467
|
expanded: controlledExpanded,
|
|
467
468
|
defaultExpanded = false,
|
|
@@ -482,6 +483,7 @@ function SidebarItem({
|
|
|
482
483
|
styles.item,
|
|
483
484
|
active && styles.itemActive,
|
|
484
485
|
disabled && styles.itemDisabled,
|
|
486
|
+
multiline && styles.itemMultiline,
|
|
485
487
|
hasSubmenu && styles.itemHasSubmenu,
|
|
486
488
|
expanded && styles.itemExpanded,
|
|
487
489
|
className
|
|
@@ -1,90 +1,102 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
|
|
3
|
-
const text = "
|
|
4
|
-
const variantSectionLabel = "_variant-section-
|
|
5
|
-
const size2Xs = "_size-
|
|
6
|
-
const sizeXs = "_size-
|
|
7
|
-
const sizeSm = "_size-
|
|
8
|
-
const sizeBase = "_size-
|
|
9
|
-
const sizeMd = "_size-
|
|
10
|
-
const sizeLg = "_size-
|
|
11
|
-
const sizeXl = "_size-
|
|
12
|
-
const size2Xl = "_size-
|
|
13
|
-
const size3Xl = "_size-
|
|
14
|
-
const size4Xl = "_size-
|
|
15
|
-
const weightNormal = "_weight-
|
|
16
|
-
const weightMedium = "_weight-
|
|
17
|
-
const weightSemibold = "_weight-
|
|
18
|
-
const weightBold = "_weight-
|
|
19
|
-
const colorPrimary = "_color-
|
|
20
|
-
const colorSecondary = "_color-
|
|
21
|
-
const colorTertiary = "_color-
|
|
22
|
-
const colorMuted = "_color-
|
|
23
|
-
const
|
|
24
|
-
const
|
|
25
|
-
const
|
|
26
|
-
const
|
|
27
|
-
const
|
|
28
|
-
const
|
|
29
|
-
const
|
|
30
|
-
const
|
|
3
|
+
const text = "_text_1159j_1";
|
|
4
|
+
const variantSectionLabel = "_variant-section-label_1159j_7";
|
|
5
|
+
const size2Xs = "_size-2xs_1159j_17";
|
|
6
|
+
const sizeXs = "_size-xs_1159j_21";
|
|
7
|
+
const sizeSm = "_size-sm_1159j_25";
|
|
8
|
+
const sizeBase = "_size-base_1159j_29";
|
|
9
|
+
const sizeMd = "_size-md_1159j_33";
|
|
10
|
+
const sizeLg = "_size-lg_1159j_37";
|
|
11
|
+
const sizeXl = "_size-xl_1159j_41";
|
|
12
|
+
const size2Xl = "_size-2xl_1159j_45";
|
|
13
|
+
const size3Xl = "_size-3xl_1159j_49";
|
|
14
|
+
const size4Xl = "_size-4xl_1159j_55";
|
|
15
|
+
const weightNormal = "_weight-normal_1159j_61";
|
|
16
|
+
const weightMedium = "_weight-medium_1159j_65";
|
|
17
|
+
const weightSemibold = "_weight-semibold_1159j_69";
|
|
18
|
+
const weightBold = "_weight-bold_1159j_73";
|
|
19
|
+
const colorPrimary = "_color-primary_1159j_77";
|
|
20
|
+
const colorSecondary = "_color-secondary_1159j_81";
|
|
21
|
+
const colorTertiary = "_color-tertiary_1159j_85";
|
|
22
|
+
const colorMuted = "_color-muted_1159j_86";
|
|
23
|
+
const colorSuccess = "_color-success_1159j_90";
|
|
24
|
+
const colorWarning = "_color-warning_1159j_94";
|
|
25
|
+
const colorDanger = "_color-danger_1159j_98";
|
|
26
|
+
const mono = "_mono_1159j_102";
|
|
27
|
+
const truncate = "_truncate_1159j_106";
|
|
28
|
+
const lineClamp = "_lineClamp_1159j_112";
|
|
29
|
+
const trackingNormal = "_tracking-normal_1159j_120";
|
|
30
|
+
const trackingTight = "_tracking-tight_1159j_124";
|
|
31
|
+
const trackingTighter = "_tracking-tighter_1159j_128";
|
|
32
|
+
const trackingTightest = "_tracking-tightest_1159j_132";
|
|
33
|
+
const tabularNums = "_tabularNums_1159j_136";
|
|
31
34
|
const styles = {
|
|
32
35
|
text,
|
|
33
|
-
"variant-section-label": "_variant-section-
|
|
36
|
+
"variant-section-label": "_variant-section-label_1159j_7",
|
|
34
37
|
variantSectionLabel,
|
|
35
|
-
"size-2xs": "_size-
|
|
38
|
+
"size-2xs": "_size-2xs_1159j_17",
|
|
36
39
|
size2Xs,
|
|
37
|
-
"size-xs": "_size-
|
|
40
|
+
"size-xs": "_size-xs_1159j_21",
|
|
38
41
|
sizeXs,
|
|
39
|
-
"size-sm": "_size-
|
|
42
|
+
"size-sm": "_size-sm_1159j_25",
|
|
40
43
|
sizeSm,
|
|
41
|
-
"size-base": "_size-
|
|
44
|
+
"size-base": "_size-base_1159j_29",
|
|
42
45
|
sizeBase,
|
|
43
|
-
"size-md": "_size-
|
|
46
|
+
"size-md": "_size-md_1159j_33",
|
|
44
47
|
sizeMd,
|
|
45
|
-
"size-lg": "_size-
|
|
48
|
+
"size-lg": "_size-lg_1159j_37",
|
|
46
49
|
sizeLg,
|
|
47
|
-
"size-xl": "_size-
|
|
50
|
+
"size-xl": "_size-xl_1159j_41",
|
|
48
51
|
sizeXl,
|
|
49
|
-
"size-2xl": "_size-
|
|
52
|
+
"size-2xl": "_size-2xl_1159j_45",
|
|
50
53
|
size2Xl,
|
|
51
|
-
"size-3xl": "_size-
|
|
54
|
+
"size-3xl": "_size-3xl_1159j_49",
|
|
52
55
|
size3Xl,
|
|
53
|
-
"size-4xl": "_size-
|
|
56
|
+
"size-4xl": "_size-4xl_1159j_55",
|
|
54
57
|
size4Xl,
|
|
55
|
-
"weight-normal": "_weight-
|
|
58
|
+
"weight-normal": "_weight-normal_1159j_61",
|
|
56
59
|
weightNormal,
|
|
57
|
-
"weight-medium": "_weight-
|
|
60
|
+
"weight-medium": "_weight-medium_1159j_65",
|
|
58
61
|
weightMedium,
|
|
59
|
-
"weight-semibold": "_weight-
|
|
62
|
+
"weight-semibold": "_weight-semibold_1159j_69",
|
|
60
63
|
weightSemibold,
|
|
61
|
-
"weight-bold": "_weight-
|
|
64
|
+
"weight-bold": "_weight-bold_1159j_73",
|
|
62
65
|
weightBold,
|
|
63
|
-
"color-primary": "_color-
|
|
66
|
+
"color-primary": "_color-primary_1159j_77",
|
|
64
67
|
colorPrimary,
|
|
65
|
-
"color-secondary": "_color-
|
|
68
|
+
"color-secondary": "_color-secondary_1159j_81",
|
|
66
69
|
colorSecondary,
|
|
67
|
-
"color-tertiary": "_color-
|
|
70
|
+
"color-tertiary": "_color-tertiary_1159j_85",
|
|
68
71
|
colorTertiary,
|
|
69
|
-
"color-muted": "_color-
|
|
72
|
+
"color-muted": "_color-muted_1159j_86",
|
|
70
73
|
colorMuted,
|
|
74
|
+
"color-success": "_color-success_1159j_90",
|
|
75
|
+
colorSuccess,
|
|
76
|
+
"color-warning": "_color-warning_1159j_94",
|
|
77
|
+
colorWarning,
|
|
78
|
+
"color-danger": "_color-danger_1159j_98",
|
|
79
|
+
colorDanger,
|
|
71
80
|
mono,
|
|
72
81
|
truncate,
|
|
73
82
|
lineClamp,
|
|
74
|
-
"tracking-normal": "_tracking-
|
|
83
|
+
"tracking-normal": "_tracking-normal_1159j_120",
|
|
75
84
|
trackingNormal,
|
|
76
|
-
"tracking-tight": "_tracking-
|
|
85
|
+
"tracking-tight": "_tracking-tight_1159j_124",
|
|
77
86
|
trackingTight,
|
|
78
|
-
"tracking-tighter": "_tracking-
|
|
87
|
+
"tracking-tighter": "_tracking-tighter_1159j_128",
|
|
79
88
|
trackingTighter,
|
|
80
|
-
"tracking-tightest": "_tracking-
|
|
89
|
+
"tracking-tightest": "_tracking-tightest_1159j_132",
|
|
81
90
|
trackingTightest,
|
|
82
91
|
tabularNums
|
|
83
92
|
};
|
|
93
|
+
exports.colorDanger = colorDanger;
|
|
84
94
|
exports.colorMuted = colorMuted;
|
|
85
95
|
exports.colorPrimary = colorPrimary;
|
|
86
96
|
exports.colorSecondary = colorSecondary;
|
|
97
|
+
exports.colorSuccess = colorSuccess;
|
|
87
98
|
exports.colorTertiary = colorTertiary;
|
|
99
|
+
exports.colorWarning = colorWarning;
|
|
88
100
|
exports.default = styles;
|
|
89
101
|
exports.lineClamp = lineClamp;
|
|
90
102
|
exports.mono = mono;
|