@yahoo/uds-v5-wip 1.27.0 → 1.29.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/dist/components/dist/accordion.config.d.ts +1 -2
- package/dist/components/dist/accordion.d.ts +1 -2
- package/dist/components/dist/accordion.js +9 -9
- package/dist/components/dist/alert.config.d.ts +1 -2
- package/dist/components/dist/alert.d.ts +1 -2
- package/dist/components/dist/alert.js +2 -2
- package/dist/components/dist/anchor.config.d.ts +1 -2
- package/dist/components/dist/anchor.d.ts +1 -2
- package/dist/components/dist/article.d.ts +1 -2
- package/dist/components/dist/aside.d.ts +1 -2
- package/dist/components/dist/avatar-group.config.d.ts +1 -2
- package/dist/components/dist/avatar-group.d.ts +1 -2
- package/dist/components/dist/avatar-group.js +6 -6
- package/dist/components/dist/avatar.config.d.ts +1 -2
- package/dist/components/dist/avatar.d.ts +1 -2
- package/dist/components/dist/avatar.js +3 -3
- package/dist/components/dist/badge.config.d.ts +1 -2
- package/dist/components/dist/badge.d.ts +1 -2
- package/dist/components/dist/badge.js +2 -2
- package/dist/components/dist/box.d.ts +1 -2
- package/dist/components/dist/breadcrumb.config.d.ts +1 -2
- package/dist/components/dist/breadcrumb.d.ts +1 -2
- package/dist/components/dist/breadcrumb.js +17 -17
- package/dist/components/dist/button.config.d.ts +1 -2
- package/dist/components/dist/button.d.ts +1 -2
- package/dist/components/dist/button.js +5 -5
- package/dist/components/dist/card.config.d.ts +1 -2
- package/dist/components/dist/card.d.ts +1 -2
- package/dist/components/dist/card.js +4 -4
- package/dist/components/dist/collapsible.config.d.ts +1 -2
- package/dist/components/dist/collapsible.d.ts +1 -2
- package/dist/components/dist/collapsible.js +3 -3
- package/dist/components/dist/command.config.d.ts +1 -2
- package/dist/components/dist/command.d.ts +1 -2
- package/dist/components/dist/command.js +21 -21
- package/dist/components/dist/control-color.config.d.ts +1 -2
- package/dist/components/dist/control-color.d.ts +1 -2
- package/dist/components/dist/control-color.js +6 -6
- package/dist/components/dist/control-curve.config.d.ts +1 -2
- package/dist/components/dist/control-curve.d.ts +1 -2
- package/dist/components/dist/control-curve.js +4 -4
- package/dist/components/dist/control-folder.config.d.ts +1 -2
- package/dist/components/dist/control-folder.d.ts +1 -2
- package/dist/components/dist/control-folder.js +6 -6
- package/dist/components/dist/control-group.config.d.ts +1 -2
- package/dist/components/dist/control-group.d.ts +1 -2
- package/dist/components/dist/control-group.js +3 -3
- package/dist/components/dist/control-knob.config.d.ts +1 -2
- package/dist/components/dist/control-knob.d.ts +1 -2
- package/dist/components/dist/control-knob.js +8 -8
- package/dist/components/dist/control-panel.config.d.ts +1 -2
- package/dist/components/dist/control-panel.d.ts +1 -2
- package/dist/components/dist/control-panel.js +3 -3
- package/dist/components/dist/control-select.config.d.ts +1 -2
- package/dist/components/dist/control-select.d.ts +1 -2
- package/dist/components/dist/control-select.js +8 -8
- package/dist/components/dist/control-slider.config.d.ts +1 -2
- package/dist/components/dist/control-slider.d.ts +1 -2
- package/dist/components/dist/control-slider.js +8 -8
- package/dist/components/dist/control-spring.config.d.ts +1 -2
- package/dist/components/dist/control-spring.d.ts +1 -2
- package/dist/components/dist/control-spring.js +12 -12
- package/dist/components/dist/control-stepper.config.d.ts +1 -2
- package/dist/components/dist/control-stepper.d.ts +1 -2
- package/dist/components/dist/control-stepper.js +6 -6
- package/dist/components/dist/control-toggle.config.d.ts +1 -2
- package/dist/components/dist/control-toggle.d.ts +1 -2
- package/dist/components/dist/control-toggle.js +3 -3
- package/dist/components/dist/createSlot.d.ts +1 -2
- package/dist/components/dist/createSlot.js +2 -2
- package/dist/components/dist/dropdown.config.d.ts +1 -2
- package/dist/components/dist/dropdown.d.ts +1 -2
- package/dist/components/dist/dropdown.js +10 -10
- package/dist/components/dist/empty-state.config.d.ts +1 -2
- package/dist/components/dist/empty-state.d.ts +1 -2
- package/dist/components/dist/empty-state.js +6 -6
- package/dist/components/dist/footer.d.ts +1 -2
- package/dist/components/dist/grid.d.ts +1 -2
- package/dist/components/dist/grid.js +2 -2
- package/dist/components/dist/header.d.ts +1 -2
- package/dist/components/dist/hstack.d.ts +1 -2
- package/dist/components/dist/hstack.js +1 -1
- package/dist/components/dist/image.d.ts +1 -2
- package/dist/components/dist/input.config.d.ts +1 -2
- package/dist/components/dist/input.d.ts +1 -2
- package/dist/components/dist/input.js +1 -1
- package/dist/components/dist/item.config.d.ts +1 -2
- package/dist/components/dist/item.d.ts +1 -2
- package/dist/components/dist/item.js +8 -8
- package/dist/components/dist/list.d.ts +1 -2
- package/dist/components/dist/list.js +1 -1
- package/dist/components/dist/main.d.ts +1 -2
- package/dist/components/dist/modal.config.d.ts +1 -2
- package/dist/components/dist/modal.d.ts +1 -2
- package/dist/components/dist/modal.js +8 -8
- package/dist/components/dist/nav-header.config.d.ts +1 -2
- package/dist/components/dist/nav-header.d.ts +1 -2
- package/dist/components/dist/nav-header.js +3 -3
- package/dist/components/dist/nav.d.ts +1 -2
- package/dist/components/dist/preset-bar.config.d.ts +1 -2
- package/dist/components/dist/preset-bar.d.ts +1 -2
- package/dist/components/dist/preset-bar.js +10 -10
- package/dist/components/dist/presets/index.d.ts +2 -3
- package/dist/components/dist/presets/index.js +1 -1
- package/dist/components/dist/pressable.d.ts +1 -2
- package/dist/components/dist/progress.config.d.ts +1 -2
- package/dist/components/dist/progress.d.ts +1 -2
- package/dist/components/dist/progress.js +6 -6
- package/dist/components/dist/section.d.ts +1 -2
- package/dist/components/dist/select.config.d.ts +1 -2
- package/dist/components/dist/select.d.ts +1 -2
- package/dist/components/dist/sheet.config.d.ts +1 -2
- package/dist/components/dist/sheet.d.ts +1 -2
- package/dist/components/dist/sheet.js +8 -8
- package/dist/components/dist/sidebar.config.d.ts +1 -2
- package/dist/components/dist/sidebar.d.ts +1 -2
- package/dist/components/dist/sidebar.js +42 -42
- package/dist/components/dist/skeleton.config.d.ts +1 -2
- package/dist/components/dist/skeleton.d.ts +1 -2
- package/dist/components/dist/skeleton.js +1 -1
- package/dist/components/dist/slider.config.d.ts +1 -2
- package/dist/components/dist/slider.d.ts +1 -2
- package/dist/components/dist/slider.js +5 -5
- package/dist/components/dist/spinner.config.d.ts +1 -2
- package/dist/components/dist/spinner.d.ts +1 -2
- package/dist/components/dist/spinner.js +2 -2
- package/dist/components/dist/svg.d.ts +1 -2
- package/dist/components/dist/switch.config.d.ts +1 -2
- package/dist/components/dist/switch.d.ts +1 -2
- package/dist/components/dist/switch.js +5 -5
- package/dist/components/dist/table.d.ts +1 -2
- package/dist/components/dist/tabs.config.d.ts +1 -2
- package/dist/components/dist/tabs.d.ts +1 -2
- package/dist/components/dist/tabs.js +8 -8
- package/dist/components/dist/text.config.d.ts +1 -2
- package/dist/components/dist/text.d.ts +1 -2
- package/dist/components/dist/textarea.config.d.ts +1 -2
- package/dist/components/dist/textarea.d.ts +1 -2
- package/dist/components/dist/toast.config.d.ts +1 -2
- package/dist/components/dist/toast.d.ts +1 -2
- package/dist/components/dist/toast.js +7 -7
- package/dist/components/dist/tooltip.config.d.ts +1 -2
- package/dist/components/dist/tooltip.d.ts +1 -2
- package/dist/components/dist/tooltip.js +3 -3
- package/dist/components/dist/vstack.d.ts +1 -2
- package/dist/components/dist/vstack.js +1 -1
- package/dist/components/presets/index.d.ts +1 -1
- package/dist/components/presets/index.js +1 -1
- package/dist/config/dist/component-resolution.d.ts +1 -1
- package/dist/config/dist/consts/defaultColors.d.ts +1 -2
- package/dist/config/dist/createConfig.d.ts +0 -6
- package/dist/config/dist/createConfig.js +6 -1
- package/dist/config/dist/propertyGroups.d.ts +0 -5
- package/dist/config/dist/serialize.d.ts +1 -2
- package/dist/config/dist/types.d.ts +1 -2
- package/dist/presets/dist/defaultPreset.js +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/accordion.config.d.ts
|
|
3
|
-
//#region src/accordion.config.d.ts
|
|
4
3
|
declare const accordionConfig: ComponentConfig<{
|
|
5
4
|
Accordion: {
|
|
6
5
|
readonly base: {
|
|
@@ -427,6 +426,6 @@ declare const accordionConfig: ComponentConfig<{
|
|
|
427
426
|
};
|
|
428
427
|
};
|
|
429
428
|
}, {}>;
|
|
430
|
-
type AccordionConfig = typeof accordionConfig;
|
|
429
|
+
type AccordionConfig = typeof accordionConfig;
|
|
431
430
|
//#endregion
|
|
432
431
|
export { AccordionConfig, accordionConfig };
|
|
@@ -3,7 +3,6 @@ import * as _$react from "react";
|
|
|
3
3
|
import * as _$_uds_types0 from "@uds/types";
|
|
4
4
|
|
|
5
5
|
//#region ../components/dist/accordion.d.ts
|
|
6
|
-
//#region src/accordion.d.ts
|
|
7
6
|
interface AccordionItem {
|
|
8
7
|
id: string;
|
|
9
8
|
title: string;
|
|
@@ -449,6 +448,6 @@ declare const Accordion: _$react.FC<_$_uds_types0.CreateComponentProps<Component
|
|
|
449
448
|
content: "div";
|
|
450
449
|
contentText: "span";
|
|
451
450
|
}>>;
|
|
452
|
-
type AccordionProps = React.ComponentProps<typeof Accordion>;
|
|
451
|
+
type AccordionProps = React.ComponentProps<typeof Accordion>;
|
|
453
452
|
//#endregion
|
|
454
453
|
export { Accordion, AccordionItem, AccordionProps };
|
|
@@ -10,31 +10,31 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
10
10
|
const Accordion = createComponent(({ props, items, defaultOpenId = null }) => {
|
|
11
11
|
const accordionId = useId();
|
|
12
12
|
const [openId, setOpenId] = useState(defaultOpenId);
|
|
13
|
-
return
|
|
13
|
+
return jsx("div", {
|
|
14
14
|
...props.root,
|
|
15
15
|
children: items.map((item) => {
|
|
16
16
|
const isOpen = openId === item.id;
|
|
17
17
|
const contentId = `${accordionId}-content-${item.id}`;
|
|
18
|
-
return
|
|
18
|
+
return jsxs("div", {
|
|
19
19
|
...props.item,
|
|
20
|
-
children: [
|
|
20
|
+
children: [jsxs("button", {
|
|
21
21
|
type: "button",
|
|
22
22
|
onClick: () => setOpenId(isOpen ? null : item.id),
|
|
23
23
|
"aria-expanded": isOpen,
|
|
24
24
|
"aria-controls": contentId,
|
|
25
25
|
...props.trigger,
|
|
26
|
-
children: [
|
|
26
|
+
children: [jsx("span", {
|
|
27
27
|
...props.triggerText,
|
|
28
28
|
children: item.title
|
|
29
|
-
}),
|
|
29
|
+
}), jsx("span", {
|
|
30
30
|
"data-state": isOpen ? "open" : "closed",
|
|
31
31
|
...props.icon,
|
|
32
|
-
children:
|
|
32
|
+
children: jsx("svg", {
|
|
33
33
|
width: "16",
|
|
34
34
|
height: "16",
|
|
35
35
|
viewBox: "0 0 16 16",
|
|
36
36
|
fill: "none",
|
|
37
|
-
children:
|
|
37
|
+
children: jsx("path", {
|
|
38
38
|
d: "M4 6L8 10L12 6",
|
|
39
39
|
stroke: "currentColor",
|
|
40
40
|
strokeWidth: "1.5",
|
|
@@ -43,11 +43,11 @@ const Accordion = createComponent(({ props, items, defaultOpenId = null }) => {
|
|
|
43
43
|
})
|
|
44
44
|
})
|
|
45
45
|
})]
|
|
46
|
-
}), isOpen &&
|
|
46
|
+
}), isOpen && jsx("div", {
|
|
47
47
|
id: contentId,
|
|
48
48
|
"aria-hidden": !isOpen,
|
|
49
49
|
...props.content,
|
|
50
|
-
children:
|
|
50
|
+
children: jsx("span", {
|
|
51
51
|
...props.contentText,
|
|
52
52
|
children: item.content
|
|
53
53
|
})
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/alert.config.d.ts
|
|
3
|
-
//#region src/alert.config.d.ts
|
|
4
3
|
declare const alertConfig: ComponentConfig<{
|
|
5
4
|
Alert: {
|
|
6
5
|
readonly base: {
|
|
@@ -215,6 +214,6 @@ declare const alertConfig: ComponentConfig<{
|
|
|
215
214
|
};
|
|
216
215
|
};
|
|
217
216
|
}, {}>;
|
|
218
|
-
type AlertConfig = typeof alertConfig;
|
|
217
|
+
type AlertConfig = typeof alertConfig;
|
|
219
218
|
//#endregion
|
|
220
219
|
export { AlertConfig, alertConfig };
|
|
@@ -3,7 +3,6 @@ import * as _$react from "react";
|
|
|
3
3
|
import * as _$_uds_types0 from "@uds/types";
|
|
4
4
|
|
|
5
5
|
//#region ../components/dist/alert.d.ts
|
|
6
|
-
//#region src/alert.d.ts
|
|
7
6
|
/**
|
|
8
7
|
* @description A message that communicates important information to the user
|
|
9
8
|
*/
|
|
@@ -226,6 +225,6 @@ declare const Alert: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
|
|
|
226
225
|
root: "div";
|
|
227
226
|
text: "span";
|
|
228
227
|
}>>;
|
|
229
|
-
type AlertProps = React.ComponentProps<typeof Alert>;
|
|
228
|
+
type AlertProps = React.ComponentProps<typeof Alert>;
|
|
230
229
|
//#endregion
|
|
231
230
|
export { Alert, AlertProps };
|
|
@@ -5,9 +5,9 @@ import { jsx } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* @description A message that communicates important information to the user
|
|
7
7
|
*/
|
|
8
|
-
const Alert = createComponent(({ props, children }) =>
|
|
8
|
+
const Alert = createComponent(({ props, children }) => jsx("div", {
|
|
9
9
|
...props.root,
|
|
10
|
-
children:
|
|
10
|
+
children: jsx("span", {
|
|
11
11
|
...props.text,
|
|
12
12
|
children
|
|
13
13
|
})
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/anchor.config.d.ts
|
|
3
|
-
//#region src/anchor.config.d.ts
|
|
4
3
|
declare const anchorConfig: ComponentConfig<{
|
|
5
4
|
Anchor: {
|
|
6
5
|
readonly base: {
|
|
@@ -246,6 +245,6 @@ declare const anchorConfig: ComponentConfig<{
|
|
|
246
245
|
};
|
|
247
246
|
};
|
|
248
247
|
}, {}>;
|
|
249
|
-
type AnchorConfig = typeof anchorConfig;
|
|
248
|
+
type AnchorConfig = typeof anchorConfig;
|
|
250
249
|
//#endregion
|
|
251
250
|
export { AnchorConfig, anchorConfig };
|
|
@@ -4,7 +4,6 @@ import * as _$_uds_types0 from "@uds/types";
|
|
|
4
4
|
import { HtmlAnchorProps, ModifierProps, SpacingStyleProps, TypographyStyleProps } from "@uds/types";
|
|
5
5
|
|
|
6
6
|
//#region ../components/dist/anchor.d.ts
|
|
7
|
-
//#region src/anchor.d.ts
|
|
8
7
|
interface AnchorStyleProps extends TypographyStyleProps, SpacingStyleProps {}
|
|
9
8
|
interface AnchorOwnProps extends HtmlAnchorProps, AnchorStyleProps, ModifierProps<AnchorStyleProps> {
|
|
10
9
|
children?: React.ReactNode;
|
|
@@ -257,6 +256,6 @@ declare const Anchor: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
|
|
|
257
256
|
};
|
|
258
257
|
};
|
|
259
258
|
}, {}>, AnchorOwnProps, keyof _$react.JSX.IntrinsicElements>>;
|
|
260
|
-
type AnchorProps = React.ComponentProps<typeof Anchor>;
|
|
259
|
+
type AnchorProps = React.ComponentProps<typeof Anchor>;
|
|
261
260
|
//#endregion
|
|
262
261
|
export { Anchor, AnchorOwnProps, AnchorProps };
|
|
@@ -2,11 +2,10 @@ import * as _$react from "react";
|
|
|
2
2
|
import { HtmlArticleProps, StyleAndModifierProps } from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../components/dist/article.d.ts
|
|
5
|
-
//#region src/article.d.ts
|
|
6
5
|
interface ArticleProps extends HtmlArticleProps, StyleAndModifierProps {}
|
|
7
6
|
/**
|
|
8
7
|
* @description A primitive that defines independent, self-contained content
|
|
9
8
|
*/
|
|
10
|
-
declare const Article: _$react.FC<ArticleProps>;
|
|
9
|
+
declare const Article: _$react.FC<ArticleProps>;
|
|
11
10
|
//#endregion
|
|
12
11
|
export { Article, ArticleProps };
|
|
@@ -2,11 +2,10 @@ import * as _$react from "react";
|
|
|
2
2
|
import { HtmlAsideProps, StyleAndModifierProps } from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../components/dist/aside.d.ts
|
|
5
|
-
//#region src/aside.d.ts
|
|
6
5
|
interface AsideProps extends HtmlAsideProps, StyleAndModifierProps {}
|
|
7
6
|
/**
|
|
8
7
|
* @description A primitive that renders content that is only indirectly related to the document's main content
|
|
9
8
|
*/
|
|
10
|
-
declare const Aside: _$react.FC<AsideProps>;
|
|
9
|
+
declare const Aside: _$react.FC<AsideProps>;
|
|
11
10
|
//#endregion
|
|
12
11
|
export { Aside, AsideProps };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/avatar-group.config.d.ts
|
|
3
|
-
//#region src/avatar-group.config.d.ts
|
|
4
3
|
declare const avatarGroupConfig: ComponentConfig<{
|
|
5
4
|
AvatarGroup: {
|
|
6
5
|
readonly base: {
|
|
@@ -311,6 +310,6 @@ declare const avatarGroupConfig: ComponentConfig<{
|
|
|
311
310
|
};
|
|
312
311
|
};
|
|
313
312
|
}, {}>;
|
|
314
|
-
type AvatarGroupConfig = typeof avatarGroupConfig;
|
|
313
|
+
type AvatarGroupConfig = typeof avatarGroupConfig;
|
|
315
314
|
//#endregion
|
|
316
315
|
export { AvatarGroupConfig, avatarGroupConfig };
|
|
@@ -3,7 +3,6 @@ import React from "react";
|
|
|
3
3
|
import * as _$_uds_types0 from "@uds/types";
|
|
4
4
|
|
|
5
5
|
//#region ../components/dist/avatar-group.d.ts
|
|
6
|
-
//#region src/avatar-group.d.ts
|
|
7
6
|
/**
|
|
8
7
|
* @description A row of overlapping avatars representing a group of users
|
|
9
8
|
*/
|
|
@@ -325,6 +324,6 @@ declare const AvatarGroup: React.FC<_$_uds_types0.CreateComponentProps<Component
|
|
|
325
324
|
overflow: "div";
|
|
326
325
|
overflowText: "span";
|
|
327
326
|
label: "span";
|
|
328
|
-
}>>;
|
|
327
|
+
}>>;
|
|
329
328
|
//#endregion
|
|
330
329
|
export { AvatarGroup };
|
|
@@ -11,25 +11,25 @@ const AvatarGroup = createComponent(({ props, children, maxVisible, label }) =>
|
|
|
11
11
|
const total = childArray.length;
|
|
12
12
|
const visible = maxVisible != null ? childArray.slice(0, maxVisible) : childArray;
|
|
13
13
|
const overflow = maxVisible != null ? total - maxVisible : 0;
|
|
14
|
-
return
|
|
14
|
+
return jsxs("div", {
|
|
15
15
|
...props.root,
|
|
16
|
-
children: [
|
|
16
|
+
children: [jsxs("div", {
|
|
17
17
|
style: {
|
|
18
18
|
display: "flex",
|
|
19
19
|
alignItems: "center"
|
|
20
20
|
},
|
|
21
|
-
children: [visible.map((child, i) =>
|
|
21
|
+
children: [visible.map((child, i) => jsx("div", {
|
|
22
22
|
style: { marginLeft: i > 0 ? "-8px" : void 0 },
|
|
23
23
|
children: child
|
|
24
|
-
}, i)), overflow > 0 &&
|
|
24
|
+
}, i)), overflow > 0 && jsx("div", {
|
|
25
25
|
...props.overflow,
|
|
26
26
|
style: { marginLeft: "-8px" },
|
|
27
|
-
children:
|
|
27
|
+
children: jsxs("span", {
|
|
28
28
|
...props.overflowText,
|
|
29
29
|
children: ["+", overflow]
|
|
30
30
|
})
|
|
31
31
|
})]
|
|
32
|
-
}), label &&
|
|
32
|
+
}), label && jsx("span", {
|
|
33
33
|
...props.label,
|
|
34
34
|
children: label
|
|
35
35
|
})]
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/avatar.config.d.ts
|
|
3
|
-
//#region src/avatar.config.d.ts
|
|
4
3
|
declare const avatarConfig: ComponentConfig<{
|
|
5
4
|
Avatar: {
|
|
6
5
|
readonly base: {
|
|
@@ -193,6 +192,6 @@ declare const avatarConfig: ComponentConfig<{
|
|
|
193
192
|
};
|
|
194
193
|
};
|
|
195
194
|
}, {}>;
|
|
196
|
-
type AvatarConfig = typeof avatarConfig;
|
|
195
|
+
type AvatarConfig = typeof avatarConfig;
|
|
197
196
|
//#endregion
|
|
198
197
|
export { AvatarConfig, avatarConfig };
|
|
@@ -3,7 +3,6 @@ import * as _$react from "react";
|
|
|
3
3
|
import * as _$_uds_types0 from "@uds/types";
|
|
4
4
|
|
|
5
5
|
//#region ../components/dist/avatar.d.ts
|
|
6
|
-
//#region src/avatar.d.ts
|
|
7
6
|
/**
|
|
8
7
|
* @description A circular representation of a user, displaying an image or initials as fallback
|
|
9
8
|
*/
|
|
@@ -207,6 +206,6 @@ declare const Avatar: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
|
|
|
207
206
|
image: "img";
|
|
208
207
|
fallbackText: "span";
|
|
209
208
|
}>>;
|
|
210
|
-
type AvatarProps = React.ComponentProps<typeof Avatar>;
|
|
209
|
+
type AvatarProps = React.ComponentProps<typeof Avatar>;
|
|
211
210
|
//#endregion
|
|
212
211
|
export { Avatar, AvatarProps };
|
|
@@ -5,13 +5,13 @@ import { jsx } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* @description A circular representation of a user, displaying an image or initials as fallback
|
|
7
7
|
*/
|
|
8
|
-
const Avatar = createComponent(({ props, src, alt, initials }) =>
|
|
8
|
+
const Avatar = createComponent(({ props, src, alt, initials }) => jsx("div", {
|
|
9
9
|
...props.root,
|
|
10
|
-
children: src ?
|
|
10
|
+
children: src ? jsx("img", {
|
|
11
11
|
...props.image,
|
|
12
12
|
src,
|
|
13
13
|
alt: alt ?? initials ?? ""
|
|
14
|
-
}) :
|
|
14
|
+
}) : jsx("span", {
|
|
15
15
|
...props.fallbackText,
|
|
16
16
|
children: initials
|
|
17
17
|
})
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/badge.config.d.ts
|
|
3
|
-
//#region src/badge.config.d.ts
|
|
4
3
|
declare const badgeConfig: ComponentConfig<{
|
|
5
4
|
Badge: {
|
|
6
5
|
readonly base: {
|
|
@@ -473,6 +472,6 @@ declare const badgeConfig: ComponentConfig<{
|
|
|
473
472
|
};
|
|
474
473
|
};
|
|
475
474
|
}, {}>;
|
|
476
|
-
type BadgeConfig = typeof badgeConfig;
|
|
475
|
+
type BadgeConfig = typeof badgeConfig;
|
|
477
476
|
//#endregion
|
|
478
477
|
export { BadgeConfig, badgeConfig };
|
|
@@ -3,7 +3,6 @@ import * as _$react from "react";
|
|
|
3
3
|
import * as _$_uds_types0 from "@uds/types";
|
|
4
4
|
|
|
5
5
|
//#region ../components/dist/badge.d.ts
|
|
6
|
-
//#region src/badge.d.ts
|
|
7
6
|
/**
|
|
8
7
|
* @description A small label for status, category, or metadata
|
|
9
8
|
*/
|
|
@@ -485,6 +484,6 @@ declare const Badge: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
|
|
|
485
484
|
dot: "span";
|
|
486
485
|
text: "span";
|
|
487
486
|
}>>;
|
|
488
|
-
type BadgeProps = React.ComponentProps<typeof Badge>;
|
|
487
|
+
type BadgeProps = React.ComponentProps<typeof Badge>;
|
|
489
488
|
//#endregion
|
|
490
489
|
export { Badge, BadgeProps };
|
|
@@ -5,9 +5,9 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* @description A small label for status, category, or metadata
|
|
7
7
|
*/
|
|
8
|
-
const Badge = createComponent(({ props, children }) =>
|
|
8
|
+
const Badge = createComponent(({ props, children }) => jsxs("span", {
|
|
9
9
|
...props.root,
|
|
10
|
-
children: [
|
|
10
|
+
children: [jsx("span", { ...props.dot }), jsx("span", {
|
|
11
11
|
...props.text,
|
|
12
12
|
children
|
|
13
13
|
})]
|
|
@@ -2,7 +2,6 @@ import * as _$react from "react";
|
|
|
2
2
|
import { BoxAsTag, HtmlDivProps, StyleAndModifierProps } from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../components/dist/box.d.ts
|
|
5
|
-
//#region src/box.d.ts
|
|
6
5
|
interface BoxProps extends HtmlDivProps, StyleAndModifierProps {
|
|
7
6
|
/** Render as a different semantic HTML element. Defaults to `div`. */
|
|
8
7
|
as?: BoxAsTag;
|
|
@@ -10,6 +9,6 @@ interface BoxProps extends HtmlDivProps, StyleAndModifierProps {
|
|
|
10
9
|
/**
|
|
11
10
|
* @description The fundamental primitive component that includes styling utility properties, and corresponding design variables as values
|
|
12
11
|
*/
|
|
13
|
-
declare const Box: _$react.FC<BoxProps>;
|
|
12
|
+
declare const Box: _$react.FC<BoxProps>;
|
|
14
13
|
//#endregion
|
|
15
14
|
export { Box, BoxProps };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/breadcrumb.config.d.ts
|
|
3
|
-
//#region src/breadcrumb.config.d.ts
|
|
4
3
|
declare const breadcrumbConfig: ComponentConfig<{
|
|
5
4
|
Breadcrumb: {
|
|
6
5
|
readonly base: {
|
|
@@ -386,6 +385,6 @@ declare const breadcrumbConfig: ComponentConfig<{
|
|
|
386
385
|
};
|
|
387
386
|
};
|
|
388
387
|
}, {}>;
|
|
389
|
-
type BreadcrumbConfig = typeof breadcrumbConfig;
|
|
388
|
+
type BreadcrumbConfig = typeof breadcrumbConfig;
|
|
390
389
|
//#endregion
|
|
391
390
|
export { BreadcrumbConfig, breadcrumbConfig };
|
|
@@ -5,7 +5,6 @@ import * as _$_uds_types0 from "@uds/types";
|
|
|
5
5
|
import { HtmlAnchorProps } from "@uds/types";
|
|
6
6
|
|
|
7
7
|
//#region ../components/dist/breadcrumb.d.ts
|
|
8
|
-
//#region src/breadcrumb.d.ts
|
|
9
8
|
interface BreadcrumbItem {
|
|
10
9
|
/** Text or node to display */
|
|
11
10
|
label: ReactNode;
|
|
@@ -416,6 +415,6 @@ declare const Breadcrumb: _$react.FC<_$_uds_types0.CreateComponentProps<Componen
|
|
|
416
415
|
link: "a";
|
|
417
416
|
page: "span";
|
|
418
417
|
ellipsis: "span";
|
|
419
|
-
}>>;
|
|
418
|
+
}>>;
|
|
420
419
|
//#endregion
|
|
421
420
|
export { Breadcrumb, BreadcrumbItem };
|
|
@@ -2,7 +2,7 @@ import { createComponent } from "../../core/dist/createComponent.js";
|
|
|
2
2
|
import "../../core/dist/index.js";
|
|
3
3
|
import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
4
4
|
//#region ../components/dist/breadcrumb.js
|
|
5
|
-
const DefaultSeparator = () =>
|
|
5
|
+
const DefaultSeparator = () => jsx("svg", {
|
|
6
6
|
xmlns: "http://www.w3.org/2000/svg",
|
|
7
7
|
width: 16,
|
|
8
8
|
height: 16,
|
|
@@ -13,14 +13,14 @@ const DefaultSeparator = () => /* @__PURE__ */ jsx("svg", {
|
|
|
13
13
|
strokeLinecap: "round",
|
|
14
14
|
strokeLinejoin: "round",
|
|
15
15
|
"aria-hidden": "true",
|
|
16
|
-
children:
|
|
16
|
+
children: jsx("path", { d: "m9 18 6-6-6-6" })
|
|
17
17
|
});
|
|
18
|
-
const DefaultEllipsis = (props) =>
|
|
18
|
+
const DefaultEllipsis = (props) => jsxs(Fragment, { children: [jsx("span", {
|
|
19
19
|
...props,
|
|
20
20
|
role: "presentation",
|
|
21
21
|
"aria-hidden": "true",
|
|
22
22
|
children: "…"
|
|
23
|
-
}),
|
|
23
|
+
}), jsx("span", {
|
|
24
24
|
style: {
|
|
25
25
|
position: "absolute",
|
|
26
26
|
width: 1,
|
|
@@ -46,7 +46,7 @@ const Breadcrumb = createComponent(({ props, items, separator, maxItems, renderE
|
|
|
46
46
|
collapsedItems = items.slice(1, items.length - (maxItems - 1));
|
|
47
47
|
visibleItems = [first, ...tail];
|
|
48
48
|
} else visibleItems = items;
|
|
49
|
-
const separatorContent = separator ??
|
|
49
|
+
const separatorContent = separator ?? jsx(DefaultSeparator, {});
|
|
50
50
|
const showEllipsis = collapsedItems.length > 0;
|
|
51
51
|
const renderItems = () => {
|
|
52
52
|
const elements = [];
|
|
@@ -54,51 +54,51 @@ const Breadcrumb = createComponent(({ props, items, separator, maxItems, renderE
|
|
|
54
54
|
const item = visibleItems[i];
|
|
55
55
|
const isLast = i === visibleItems.length - 1;
|
|
56
56
|
if (showEllipsis && i === 1) {
|
|
57
|
-
elements.push(
|
|
57
|
+
elements.push(jsx("li", {
|
|
58
58
|
role: "presentation",
|
|
59
59
|
"aria-hidden": "true",
|
|
60
60
|
...props.separator,
|
|
61
61
|
children: separatorContent
|
|
62
62
|
}, "ellipsis-sep"));
|
|
63
|
-
elements.push(
|
|
63
|
+
elements.push(jsx("li", {
|
|
64
64
|
role: "presentation",
|
|
65
65
|
...props.item,
|
|
66
66
|
children: renderEllipsis ? renderEllipsis({
|
|
67
67
|
className: props.ellipsis?.className ?? "",
|
|
68
68
|
collapsedItems
|
|
69
|
-
}) :
|
|
69
|
+
}) : jsx(DefaultEllipsis, { ...props.ellipsis })
|
|
70
70
|
}, "ellipsis"));
|
|
71
71
|
}
|
|
72
|
-
if (i > 0) elements.push(
|
|
72
|
+
if (i > 0) elements.push(jsx("li", {
|
|
73
73
|
role: "presentation",
|
|
74
74
|
"aria-hidden": "true",
|
|
75
75
|
...props.separator,
|
|
76
76
|
children: separatorContent
|
|
77
77
|
}, `sep-${i}`));
|
|
78
|
-
if (isLast && !item.href) elements.push(
|
|
78
|
+
if (isLast && !item.href) elements.push(jsx("li", {
|
|
79
79
|
...props.item,
|
|
80
|
-
children:
|
|
80
|
+
children: jsx("span", {
|
|
81
81
|
"aria-current": "page",
|
|
82
82
|
...props.page,
|
|
83
83
|
children: item.label
|
|
84
84
|
})
|
|
85
85
|
}, `item-${i}`));
|
|
86
|
-
else if (item.href) elements.push(
|
|
86
|
+
else if (item.href) elements.push(jsx("li", {
|
|
87
87
|
...props.item,
|
|
88
88
|
children: renderLink ? renderLink({
|
|
89
89
|
href: item.href,
|
|
90
90
|
className: props.link?.className,
|
|
91
91
|
...props.link,
|
|
92
92
|
children: item.label
|
|
93
|
-
}) :
|
|
93
|
+
}) : jsx("a", {
|
|
94
94
|
href: item.href,
|
|
95
95
|
...props.link,
|
|
96
96
|
children: item.label
|
|
97
97
|
})
|
|
98
98
|
}, `item-${i}`));
|
|
99
|
-
else elements.push(
|
|
99
|
+
else elements.push(jsx("li", {
|
|
100
100
|
...props.item,
|
|
101
|
-
children:
|
|
101
|
+
children: jsx("span", {
|
|
102
102
|
...props.page,
|
|
103
103
|
children: item.label
|
|
104
104
|
})
|
|
@@ -106,10 +106,10 @@ const Breadcrumb = createComponent(({ props, items, separator, maxItems, renderE
|
|
|
106
106
|
}
|
|
107
107
|
return elements;
|
|
108
108
|
};
|
|
109
|
-
return
|
|
109
|
+
return jsx("nav", {
|
|
110
110
|
...props.root,
|
|
111
111
|
"aria-label": "Breadcrumb",
|
|
112
|
-
children:
|
|
112
|
+
children: jsx("ol", {
|
|
113
113
|
...props.list,
|
|
114
114
|
children: renderItems()
|
|
115
115
|
})
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/button.config.d.ts
|
|
3
|
-
//#region src/button.config.d.ts
|
|
4
3
|
declare const buttonConfig: ComponentConfig<{
|
|
5
4
|
Button: {
|
|
6
5
|
readonly base: {
|
|
@@ -377,6 +376,6 @@ declare const buttonConfig: ComponentConfig<{
|
|
|
377
376
|
};
|
|
378
377
|
};
|
|
379
378
|
}, {}>;
|
|
380
|
-
type ButtonConfig = typeof buttonConfig;
|
|
379
|
+
type ButtonConfig = typeof buttonConfig;
|
|
381
380
|
//#endregion
|
|
382
381
|
export { ButtonConfig, buttonConfig };
|
|
@@ -4,7 +4,6 @@ import * as _$_uds_types0 from "@uds/types";
|
|
|
4
4
|
import { HtmlButtonProps, SizingStyleProps } from "@uds/types";
|
|
5
5
|
|
|
6
6
|
//#region ../components/dist/button.d.ts
|
|
7
|
-
//#region src/button.d.ts
|
|
8
7
|
interface ButtonOwnProps extends HtmlButtonProps, SizingStyleProps {
|
|
9
8
|
/**
|
|
10
9
|
* @description When asChild is set to true, the component's child will be cloned and passed
|
|
@@ -399,6 +398,6 @@ declare const Button: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
|
|
|
399
398
|
startIcon: "span";
|
|
400
399
|
endIcon: "span";
|
|
401
400
|
}>>;
|
|
402
|
-
type ButtonProps = React.ComponentProps<typeof Button>;
|
|
401
|
+
type ButtonProps = React.ComponentProps<typeof Button>;
|
|
403
402
|
//#endregion
|
|
404
403
|
export { Button, ButtonOwnProps, ButtonProps };
|
|
@@ -7,24 +7,24 @@ import { Fragment, jsx, jsxs } from "react/jsx-runtime";
|
|
|
7
7
|
* @description A styled button with predefined variants (e.g. brand, ghost, destructive). Use for labeled text actions like "Submit", "Add to Cart", "Cancel". Do NOT use for custom-styled interactive elements like color swatches, size chips, or icon-only buttons — use Pressable instead.
|
|
8
8
|
*/
|
|
9
9
|
const Button = createComponent(({ props, children, asChild, onPress, startIcon, endIcon, ...nativeProps }) => {
|
|
10
|
-
const content =
|
|
11
|
-
startIcon &&
|
|
10
|
+
const content = jsxs(Fragment, { children: [
|
|
11
|
+
startIcon && jsx("span", {
|
|
12
12
|
...props.startIcon,
|
|
13
13
|
children: startIcon
|
|
14
14
|
}),
|
|
15
15
|
children,
|
|
16
|
-
endIcon &&
|
|
16
|
+
endIcon && jsx("span", {
|
|
17
17
|
...props.endIcon,
|
|
18
18
|
children: endIcon
|
|
19
19
|
})
|
|
20
20
|
] });
|
|
21
|
-
if (asChild) return
|
|
21
|
+
if (asChild) return jsx(ButtonSlot, {
|
|
22
22
|
onClick: onPress,
|
|
23
23
|
...props.root,
|
|
24
24
|
...nativeProps,
|
|
25
25
|
children: content
|
|
26
26
|
});
|
|
27
|
-
return
|
|
27
|
+
return jsx("button", {
|
|
28
28
|
onClick: onPress,
|
|
29
29
|
...props.root,
|
|
30
30
|
...nativeProps,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/card.config.d.ts
|
|
3
|
-
//#region src/card.config.d.ts
|
|
4
3
|
declare const cardConfig: ComponentConfig<{
|
|
5
4
|
Card: {
|
|
6
5
|
readonly base: {
|
|
@@ -332,6 +331,6 @@ declare const cardConfig: ComponentConfig<{
|
|
|
332
331
|
};
|
|
333
332
|
};
|
|
334
333
|
}, {}>;
|
|
335
|
-
type CardConfig = typeof cardConfig;
|
|
334
|
+
type CardConfig = typeof cardConfig;
|
|
336
335
|
//#endregion
|
|
337
336
|
export { CardConfig, cardConfig };
|
|
@@ -4,7 +4,6 @@ import { ReactNode } from "react";
|
|
|
4
4
|
import * as _$_uds_types0 from "@uds/types";
|
|
5
5
|
|
|
6
6
|
//#region ../components/dist/card.d.ts
|
|
7
|
-
//#region src/card.d.ts
|
|
8
7
|
/**
|
|
9
8
|
* @description A contained surface for grouping related content with optional title, content, and actions
|
|
10
9
|
*/
|
|
@@ -348,6 +347,6 @@ declare const Card: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfi
|
|
|
348
347
|
title: "div";
|
|
349
348
|
content: "div";
|
|
350
349
|
actions: "div";
|
|
351
|
-
}>>;
|
|
350
|
+
}>>;
|
|
352
351
|
//#endregion
|
|
353
352
|
export { Card };
|
|
@@ -5,19 +5,19 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* @description A contained surface for grouping related content with optional title, content, and actions
|
|
7
7
|
*/
|
|
8
|
-
const Card = createComponent(({ props, children, title, content, actions }) =>
|
|
8
|
+
const Card = createComponent(({ props, children, title, content, actions }) => jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
title &&
|
|
11
|
+
title && jsx("div", {
|
|
12
12
|
...props.title,
|
|
13
13
|
children: title
|
|
14
14
|
}),
|
|
15
|
-
content &&
|
|
15
|
+
content && jsx("div", {
|
|
16
16
|
...props.content,
|
|
17
17
|
children: content
|
|
18
18
|
}),
|
|
19
19
|
children,
|
|
20
|
-
actions &&
|
|
20
|
+
actions && jsx("div", {
|
|
21
21
|
...props.actions,
|
|
22
22
|
children: actions
|
|
23
23
|
})
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/collapsible.config.d.ts
|
|
3
|
-
//#region src/collapsible.config.d.ts
|
|
4
3
|
declare const collapsibleConfig: ComponentConfig<{
|
|
5
4
|
Collapsible: {
|
|
6
5
|
readonly base: {
|
|
@@ -41,6 +40,6 @@ declare const collapsibleConfig: ComponentConfig<{
|
|
|
41
40
|
};
|
|
42
41
|
};
|
|
43
42
|
}, {}>;
|
|
44
|
-
type CollapsibleConfig = typeof collapsibleConfig;
|
|
43
|
+
type CollapsibleConfig = typeof collapsibleConfig;
|
|
45
44
|
//#endregion
|
|
46
45
|
export { CollapsibleConfig, collapsibleConfig };
|