@yahoo/uds-v5-wip 1.29.0 → 1.30.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 +2 -1
- package/dist/components/dist/accordion.d.ts +2 -1
- package/dist/components/dist/accordion.js +9 -9
- package/dist/components/dist/alert.config.d.ts +2 -1
- package/dist/components/dist/alert.d.ts +2 -1
- package/dist/components/dist/alert.js +2 -2
- package/dist/components/dist/anchor.config.d.ts +2 -1
- package/dist/components/dist/anchor.d.ts +2 -1
- package/dist/components/dist/article.d.ts +2 -1
- package/dist/components/dist/aside.d.ts +2 -1
- package/dist/components/dist/avatar-group.config.d.ts +2 -1
- package/dist/components/dist/avatar-group.d.ts +2 -1
- package/dist/components/dist/avatar-group.js +6 -6
- package/dist/components/dist/avatar.config.d.ts +2 -1
- package/dist/components/dist/avatar.d.ts +2 -1
- package/dist/components/dist/avatar.js +3 -3
- package/dist/components/dist/badge.config.d.ts +2 -1
- package/dist/components/dist/badge.d.ts +2 -1
- package/dist/components/dist/badge.js +2 -2
- package/dist/components/dist/box.d.ts +2 -1
- package/dist/components/dist/breadcrumb.config.d.ts +2 -1
- package/dist/components/dist/breadcrumb.d.ts +2 -1
- package/dist/components/dist/breadcrumb.js +17 -17
- package/dist/components/dist/button.config.d.ts +2 -1
- package/dist/components/dist/button.d.ts +2 -1
- package/dist/components/dist/button.js +5 -5
- package/dist/components/dist/card.config.d.ts +2 -1
- package/dist/components/dist/card.d.ts +2 -1
- package/dist/components/dist/card.js +4 -4
- package/dist/components/dist/collapsible.config.d.ts +2 -1
- package/dist/components/dist/collapsible.d.ts +2 -1
- package/dist/components/dist/collapsible.js +3 -3
- package/dist/components/dist/command.config.d.ts +2 -1
- package/dist/components/dist/command.d.ts +2 -1
- package/dist/components/dist/command.js +21 -21
- package/dist/components/dist/control-color.config.d.ts +2 -1
- package/dist/components/dist/control-color.d.ts +2 -1
- package/dist/components/dist/control-color.js +6 -6
- package/dist/components/dist/control-curve.config.d.ts +2 -1
- package/dist/components/dist/control-curve.d.ts +2 -1
- package/dist/components/dist/control-curve.js +4 -4
- package/dist/components/dist/control-folder.config.d.ts +2 -1
- package/dist/components/dist/control-folder.d.ts +2 -1
- package/dist/components/dist/control-folder.js +6 -6
- package/dist/components/dist/control-group.config.d.ts +2 -1
- package/dist/components/dist/control-group.d.ts +2 -1
- package/dist/components/dist/control-group.js +3 -3
- package/dist/components/dist/control-knob.config.d.ts +2 -1
- package/dist/components/dist/control-knob.d.ts +2 -1
- package/dist/components/dist/control-knob.js +8 -8
- package/dist/components/dist/control-panel.config.d.ts +2 -1
- package/dist/components/dist/control-panel.d.ts +2 -1
- package/dist/components/dist/control-panel.js +3 -3
- package/dist/components/dist/control-select.config.d.ts +2 -1
- package/dist/components/dist/control-select.d.ts +2 -1
- package/dist/components/dist/control-select.js +8 -8
- package/dist/components/dist/control-slider.config.d.ts +2 -1
- package/dist/components/dist/control-slider.d.ts +2 -1
- package/dist/components/dist/control-slider.js +8 -8
- package/dist/components/dist/control-spring.config.d.ts +2 -1
- package/dist/components/dist/control-spring.d.ts +2 -1
- package/dist/components/dist/control-spring.js +12 -12
- package/dist/components/dist/control-stepper.config.d.ts +2 -1
- package/dist/components/dist/control-stepper.d.ts +2 -1
- package/dist/components/dist/control-stepper.js +6 -6
- package/dist/components/dist/control-toggle.config.d.ts +2 -1
- package/dist/components/dist/control-toggle.d.ts +2 -1
- package/dist/components/dist/control-toggle.js +3 -3
- package/dist/components/dist/createSlot.d.ts +2 -1
- package/dist/components/dist/createSlot.js +2 -2
- package/dist/components/dist/dropdown.config.d.ts +2 -1
- package/dist/components/dist/dropdown.d.ts +2 -1
- package/dist/components/dist/dropdown.js +10 -10
- package/dist/components/dist/empty-state.config.d.ts +2 -1
- package/dist/components/dist/empty-state.d.ts +2 -1
- package/dist/components/dist/empty-state.js +6 -6
- package/dist/components/dist/footer.d.ts +2 -1
- package/dist/components/dist/grid.d.ts +2 -1
- package/dist/components/dist/grid.js +2 -2
- package/dist/components/dist/header.d.ts +2 -1
- package/dist/components/dist/hstack.d.ts +2 -1
- package/dist/components/dist/hstack.js +1 -1
- package/dist/components/dist/image.d.ts +2 -1
- package/dist/components/dist/input.config.d.ts +2 -1
- package/dist/components/dist/input.d.ts +2 -1
- package/dist/components/dist/input.js +1 -1
- package/dist/components/dist/item.config.d.ts +2 -1
- package/dist/components/dist/item.d.ts +2 -1
- package/dist/components/dist/item.js +8 -8
- package/dist/components/dist/list.d.ts +2 -1
- package/dist/components/dist/list.js +1 -1
- package/dist/components/dist/main.d.ts +2 -1
- package/dist/components/dist/modal.config.d.ts +2 -1
- package/dist/components/dist/modal.d.ts +2 -1
- package/dist/components/dist/modal.js +8 -8
- package/dist/components/dist/nav-header.config.d.ts +2 -1
- package/dist/components/dist/nav-header.d.ts +2 -1
- package/dist/components/dist/nav-header.js +3 -3
- package/dist/components/dist/nav.d.ts +2 -1
- package/dist/components/dist/preset-bar.config.d.ts +2 -1
- package/dist/components/dist/preset-bar.d.ts +2 -1
- package/dist/components/dist/preset-bar.js +10 -10
- package/dist/components/dist/presets/index.d.ts +3 -2
- package/dist/components/dist/presets/index.js +1 -1
- package/dist/components/dist/pressable.d.ts +2 -1
- package/dist/components/dist/progress.config.d.ts +2 -1
- package/dist/components/dist/progress.d.ts +2 -1
- package/dist/components/dist/progress.js +6 -6
- package/dist/components/dist/section.d.ts +2 -1
- package/dist/components/dist/select.config.d.ts +2 -1
- package/dist/components/dist/select.d.ts +2 -1
- package/dist/components/dist/sheet.config.d.ts +2 -1
- package/dist/components/dist/sheet.d.ts +2 -1
- package/dist/components/dist/sheet.js +8 -8
- package/dist/components/dist/sidebar.config.d.ts +2 -1
- package/dist/components/dist/sidebar.d.ts +2 -1
- package/dist/components/dist/sidebar.js +42 -42
- package/dist/components/dist/skeleton.config.d.ts +2 -1
- package/dist/components/dist/skeleton.d.ts +2 -1
- package/dist/components/dist/skeleton.js +1 -1
- package/dist/components/dist/slider.config.d.ts +2 -1
- package/dist/components/dist/slider.d.ts +2 -1
- package/dist/components/dist/slider.js +5 -5
- package/dist/components/dist/spinner.config.d.ts +2 -1
- package/dist/components/dist/spinner.d.ts +2 -1
- package/dist/components/dist/spinner.js +2 -2
- package/dist/components/dist/svg.d.ts +2 -1
- package/dist/components/dist/switch.config.d.ts +2 -1
- package/dist/components/dist/switch.d.ts +2 -1
- package/dist/components/dist/switch.js +5 -5
- package/dist/components/dist/table.d.ts +2 -1
- package/dist/components/dist/tabs.config.d.ts +2 -1
- package/dist/components/dist/tabs.d.ts +2 -1
- package/dist/components/dist/tabs.js +8 -8
- package/dist/components/dist/text.config.d.ts +2 -1
- package/dist/components/dist/text.d.ts +2 -1
- package/dist/components/dist/textarea.config.d.ts +2 -1
- package/dist/components/dist/textarea.d.ts +2 -1
- package/dist/components/dist/toast.config.d.ts +2 -1
- package/dist/components/dist/toast.d.ts +2 -1
- package/dist/components/dist/toast.js +7 -7
- package/dist/components/dist/tooltip.config.d.ts +2 -1
- package/dist/components/dist/tooltip.d.ts +2 -1
- package/dist/components/dist/tooltip.js +3 -3
- package/dist/components/dist/vstack.d.ts +2 -1
- 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 +2 -1
- package/dist/config/dist/createConfig.d.ts +6 -0
- package/dist/config/dist/propertyGroups.d.ts +5 -0
- package/dist/config/dist/serialize.d.ts +2 -1
- package/dist/config/dist/types.d.ts +2 -1
- package/dist/config.d.ts +197 -197
- package/dist/core/dist/compositeStyles.d.ts +1 -2
- package/dist/core/dist/createComponent.d.ts +1 -2
- package/dist/core/dist/createComponentExample.d.ts +1 -2
- package/dist/core/dist/createProvider.d.ts +1 -2
- package/dist/core/dist/generated/stylePropsTwMap.d.ts +1 -2
- package/dist/core/dist/getComponentStyles.d.ts +1 -2
- package/dist/core/dist/getStyles.d.ts +1 -2
- package/dist/core/dist/propMappings.d.ts +1 -2
- package/dist/core/dist/resolveMotionState.d.ts +1 -2
- package/dist/core/dist/transformPreset.d.ts +1 -2
- package/dist/core/dist/withDefaultStyleProps.d.ts +1 -2
- package/dist/foundational-presets/dist/boldVibrant.d.ts +197 -198
- package/dist/foundational-presets/dist/brutalist.d.ts +197 -198
- package/dist/foundational-presets/dist/candy.d.ts +197 -198
- package/dist/foundational-presets/dist/cleanMinimalist.d.ts +197 -198
- package/dist/foundational-presets/dist/corporate.d.ts +197 -198
- package/dist/foundational-presets/dist/darkMoody.d.ts +197 -198
- package/dist/foundational-presets/dist/defaultPreset.d.ts +197 -198
- package/dist/foundational-presets/dist/forest.d.ts +197 -198
- package/dist/foundational-presets/dist/highContrast.d.ts +197 -198
- package/dist/foundational-presets/dist/lavender.d.ts +197 -198
- package/dist/foundational-presets/dist/luxury.d.ts +197 -198
- package/dist/foundational-presets/dist/monochrome.d.ts +197 -198
- package/dist/foundational-presets/dist/motion.d.ts +1 -2
- package/dist/foundational-presets/dist/neonCyber.d.ts +197 -198
- package/dist/foundational-presets/dist/newspaper.d.ts +197 -198
- package/dist/foundational-presets/dist/ocean.d.ts +197 -198
- package/dist/foundational-presets/dist/slate.d.ts +197 -198
- package/dist/foundational-presets/dist/sunset.d.ts +197 -198
- package/dist/foundational-presets/dist/terminal.d.ts +197 -198
- package/dist/foundational-presets/dist/warmOrganic.d.ts +197 -198
- package/dist/loader/dist/loader.d.ts +1 -2
- package/dist/loader/dist/next.d.ts +1 -2
- package/dist/presets/dist/boldVibrant.d.ts +1 -2
- package/dist/presets/dist/brutalist.d.ts +1 -2
- package/dist/presets/dist/candy.d.ts +1 -2
- package/dist/presets/dist/cleanMinimalist.d.ts +1 -2
- package/dist/presets/dist/corporate.d.ts +1 -2
- package/dist/presets/dist/darkMoody.d.ts +1 -2
- package/dist/presets/dist/defaultPreset.d.ts +1 -2
- package/dist/presets/dist/defaultPreset.js +1 -1
- package/dist/presets/dist/forest.d.ts +1 -2
- package/dist/presets/dist/highContrast.d.ts +1 -2
- package/dist/presets/dist/lavender.d.ts +1 -2
- package/dist/presets/dist/luxury.d.ts +1 -2
- package/dist/presets/dist/monochrome.d.ts +1 -2
- package/dist/presets/dist/neonCyber.d.ts +1 -2
- package/dist/presets/dist/newspaper.d.ts +1 -2
- package/dist/presets/dist/ocean.d.ts +1 -2
- package/dist/presets/dist/slate.d.ts +1 -2
- package/dist/presets/dist/sunset.d.ts +1 -2
- package/dist/presets/dist/terminal.d.ts +1 -2
- package/dist/presets/dist/warmOrganic.d.ts +1 -2
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
|
@@ -1,5 +1,6 @@
|
|
|
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
|
|
3
4
|
declare const accordionConfig: ComponentConfig<{
|
|
4
5
|
Accordion: {
|
|
5
6
|
readonly base: {
|
|
@@ -426,6 +427,6 @@ declare const accordionConfig: ComponentConfig<{
|
|
|
426
427
|
};
|
|
427
428
|
};
|
|
428
429
|
}, {}>;
|
|
429
|
-
type AccordionConfig = typeof accordionConfig;
|
|
430
|
+
type AccordionConfig = typeof accordionConfig; //#endregion
|
|
430
431
|
//#endregion
|
|
431
432
|
export { AccordionConfig, accordionConfig };
|
|
@@ -3,6 +3,7 @@ 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
|
|
6
7
|
interface AccordionItem {
|
|
7
8
|
id: string;
|
|
8
9
|
title: string;
|
|
@@ -448,6 +449,6 @@ declare const Accordion: _$react.FC<_$_uds_types0.CreateComponentProps<Component
|
|
|
448
449
|
content: "div";
|
|
449
450
|
contentText: "span";
|
|
450
451
|
}>>;
|
|
451
|
-
type AccordionProps = React.ComponentProps<typeof Accordion>;
|
|
452
|
+
type AccordionProps = React.ComponentProps<typeof Accordion>; //#endregion
|
|
452
453
|
//#endregion
|
|
453
454
|
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 jsx("div", {
|
|
13
|
+
return /* @__PURE__ */ 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 jsxs("div", {
|
|
18
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
19
19
|
...props.item,
|
|
20
|
-
children: [jsxs("button", {
|
|
20
|
+
children: [/* @__PURE__ */ 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: [jsx("span", {
|
|
26
|
+
children: [/* @__PURE__ */ jsx("span", {
|
|
27
27
|
...props.triggerText,
|
|
28
28
|
children: item.title
|
|
29
|
-
}), jsx("span", {
|
|
29
|
+
}), /* @__PURE__ */ jsx("span", {
|
|
30
30
|
"data-state": isOpen ? "open" : "closed",
|
|
31
31
|
...props.icon,
|
|
32
|
-
children: jsx("svg", {
|
|
32
|
+
children: /* @__PURE__ */ jsx("svg", {
|
|
33
33
|
width: "16",
|
|
34
34
|
height: "16",
|
|
35
35
|
viewBox: "0 0 16 16",
|
|
36
36
|
fill: "none",
|
|
37
|
-
children: jsx("path", {
|
|
37
|
+
children: /* @__PURE__ */ 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 && jsx("div", {
|
|
46
|
+
}), isOpen && /* @__PURE__ */ jsx("div", {
|
|
47
47
|
id: contentId,
|
|
48
48
|
"aria-hidden": !isOpen,
|
|
49
49
|
...props.content,
|
|
50
|
-
children: jsx("span", {
|
|
50
|
+
children: /* @__PURE__ */ jsx("span", {
|
|
51
51
|
...props.contentText,
|
|
52
52
|
children: item.content
|
|
53
53
|
})
|
|
@@ -1,5 +1,6 @@
|
|
|
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
|
|
3
4
|
declare const alertConfig: ComponentConfig<{
|
|
4
5
|
Alert: {
|
|
5
6
|
readonly base: {
|
|
@@ -214,6 +215,6 @@ declare const alertConfig: ComponentConfig<{
|
|
|
214
215
|
};
|
|
215
216
|
};
|
|
216
217
|
}, {}>;
|
|
217
|
-
type AlertConfig = typeof alertConfig;
|
|
218
|
+
type AlertConfig = typeof alertConfig; //#endregion
|
|
218
219
|
//#endregion
|
|
219
220
|
export { AlertConfig, alertConfig };
|
|
@@ -3,6 +3,7 @@ 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
|
|
6
7
|
/**
|
|
7
8
|
* @description A message that communicates important information to the user
|
|
8
9
|
*/
|
|
@@ -225,6 +226,6 @@ declare const Alert: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
|
|
|
225
226
|
root: "div";
|
|
226
227
|
text: "span";
|
|
227
228
|
}>>;
|
|
228
|
-
type AlertProps = React.ComponentProps<typeof Alert>;
|
|
229
|
+
type AlertProps = React.ComponentProps<typeof Alert>; //#endregion
|
|
229
230
|
//#endregion
|
|
230
231
|
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 }) => jsx("div", {
|
|
8
|
+
const Alert = createComponent(({ props, children }) => /* @__PURE__ */ jsx("div", {
|
|
9
9
|
...props.root,
|
|
10
|
-
children: jsx("span", {
|
|
10
|
+
children: /* @__PURE__ */ jsx("span", {
|
|
11
11
|
...props.text,
|
|
12
12
|
children
|
|
13
13
|
})
|
|
@@ -1,5 +1,6 @@
|
|
|
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
|
|
3
4
|
declare const anchorConfig: ComponentConfig<{
|
|
4
5
|
Anchor: {
|
|
5
6
|
readonly base: {
|
|
@@ -245,6 +246,6 @@ declare const anchorConfig: ComponentConfig<{
|
|
|
245
246
|
};
|
|
246
247
|
};
|
|
247
248
|
}, {}>;
|
|
248
|
-
type AnchorConfig = typeof anchorConfig;
|
|
249
|
+
type AnchorConfig = typeof anchorConfig; //#endregion
|
|
249
250
|
//#endregion
|
|
250
251
|
export { AnchorConfig, anchorConfig };
|
|
@@ -4,6 +4,7 @@ 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
|
|
7
8
|
interface AnchorStyleProps extends TypographyStyleProps, SpacingStyleProps {}
|
|
8
9
|
interface AnchorOwnProps extends HtmlAnchorProps, AnchorStyleProps, ModifierProps<AnchorStyleProps> {
|
|
9
10
|
children?: React.ReactNode;
|
|
@@ -256,6 +257,6 @@ declare const Anchor: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
|
|
|
256
257
|
};
|
|
257
258
|
};
|
|
258
259
|
}, {}>, AnchorOwnProps, keyof _$react.JSX.IntrinsicElements>>;
|
|
259
|
-
type AnchorProps = React.ComponentProps<typeof Anchor>;
|
|
260
|
+
type AnchorProps = React.ComponentProps<typeof Anchor>; //#endregion
|
|
260
261
|
//#endregion
|
|
261
262
|
export { Anchor, AnchorOwnProps, AnchorProps };
|
|
@@ -2,10 +2,11 @@ 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
|
|
5
6
|
interface ArticleProps extends HtmlArticleProps, StyleAndModifierProps {}
|
|
6
7
|
/**
|
|
7
8
|
* @description A primitive that defines independent, self-contained content
|
|
8
9
|
*/
|
|
9
|
-
declare const Article: _$react.FC<ArticleProps>;
|
|
10
|
+
declare const Article: _$react.FC<ArticleProps>; //#endregion
|
|
10
11
|
//#endregion
|
|
11
12
|
export { Article, ArticleProps };
|
|
@@ -2,10 +2,11 @@ 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
|
|
5
6
|
interface AsideProps extends HtmlAsideProps, StyleAndModifierProps {}
|
|
6
7
|
/**
|
|
7
8
|
* @description A primitive that renders content that is only indirectly related to the document's main content
|
|
8
9
|
*/
|
|
9
|
-
declare const Aside: _$react.FC<AsideProps>;
|
|
10
|
+
declare const Aside: _$react.FC<AsideProps>; //#endregion
|
|
10
11
|
//#endregion
|
|
11
12
|
export { Aside, AsideProps };
|
|
@@ -1,5 +1,6 @@
|
|
|
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
|
|
3
4
|
declare const avatarGroupConfig: ComponentConfig<{
|
|
4
5
|
AvatarGroup: {
|
|
5
6
|
readonly base: {
|
|
@@ -310,6 +311,6 @@ declare const avatarGroupConfig: ComponentConfig<{
|
|
|
310
311
|
};
|
|
311
312
|
};
|
|
312
313
|
}, {}>;
|
|
313
|
-
type AvatarGroupConfig = typeof avatarGroupConfig;
|
|
314
|
+
type AvatarGroupConfig = typeof avatarGroupConfig; //#endregion
|
|
314
315
|
//#endregion
|
|
315
316
|
export { AvatarGroupConfig, avatarGroupConfig };
|
|
@@ -3,6 +3,7 @@ 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
|
|
6
7
|
/**
|
|
7
8
|
* @description A row of overlapping avatars representing a group of users
|
|
8
9
|
*/
|
|
@@ -324,6 +325,6 @@ declare const AvatarGroup: React.FC<_$_uds_types0.CreateComponentProps<Component
|
|
|
324
325
|
overflow: "div";
|
|
325
326
|
overflowText: "span";
|
|
326
327
|
label: "span";
|
|
327
|
-
}>>;
|
|
328
|
+
}>>; //#endregion
|
|
328
329
|
//#endregion
|
|
329
330
|
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 jsxs("div", {
|
|
14
|
+
return /* @__PURE__ */ jsxs("div", {
|
|
15
15
|
...props.root,
|
|
16
|
-
children: [jsxs("div", {
|
|
16
|
+
children: [/* @__PURE__ */ jsxs("div", {
|
|
17
17
|
style: {
|
|
18
18
|
display: "flex",
|
|
19
19
|
alignItems: "center"
|
|
20
20
|
},
|
|
21
|
-
children: [visible.map((child, i) => jsx("div", {
|
|
21
|
+
children: [visible.map((child, i) => /* @__PURE__ */ jsx("div", {
|
|
22
22
|
style: { marginLeft: i > 0 ? "-8px" : void 0 },
|
|
23
23
|
children: child
|
|
24
|
-
}, i)), overflow > 0 && jsx("div", {
|
|
24
|
+
}, i)), overflow > 0 && /* @__PURE__ */ jsx("div", {
|
|
25
25
|
...props.overflow,
|
|
26
26
|
style: { marginLeft: "-8px" },
|
|
27
|
-
children: jsxs("span", {
|
|
27
|
+
children: /* @__PURE__ */ jsxs("span", {
|
|
28
28
|
...props.overflowText,
|
|
29
29
|
children: ["+", overflow]
|
|
30
30
|
})
|
|
31
31
|
})]
|
|
32
|
-
}), label && jsx("span", {
|
|
32
|
+
}), label && /* @__PURE__ */ jsx("span", {
|
|
33
33
|
...props.label,
|
|
34
34
|
children: label
|
|
35
35
|
})]
|
|
@@ -1,5 +1,6 @@
|
|
|
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
|
|
3
4
|
declare const avatarConfig: ComponentConfig<{
|
|
4
5
|
Avatar: {
|
|
5
6
|
readonly base: {
|
|
@@ -192,6 +193,6 @@ declare const avatarConfig: ComponentConfig<{
|
|
|
192
193
|
};
|
|
193
194
|
};
|
|
194
195
|
}, {}>;
|
|
195
|
-
type AvatarConfig = typeof avatarConfig;
|
|
196
|
+
type AvatarConfig = typeof avatarConfig; //#endregion
|
|
196
197
|
//#endregion
|
|
197
198
|
export { AvatarConfig, avatarConfig };
|
|
@@ -3,6 +3,7 @@ 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
|
|
6
7
|
/**
|
|
7
8
|
* @description A circular representation of a user, displaying an image or initials as fallback
|
|
8
9
|
*/
|
|
@@ -206,6 +207,6 @@ declare const Avatar: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
|
|
|
206
207
|
image: "img";
|
|
207
208
|
fallbackText: "span";
|
|
208
209
|
}>>;
|
|
209
|
-
type AvatarProps = React.ComponentProps<typeof Avatar>;
|
|
210
|
+
type AvatarProps = React.ComponentProps<typeof Avatar>; //#endregion
|
|
210
211
|
//#endregion
|
|
211
212
|
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 }) => jsx("div", {
|
|
8
|
+
const Avatar = createComponent(({ props, src, alt, initials }) => /* @__PURE__ */ jsx("div", {
|
|
9
9
|
...props.root,
|
|
10
|
-
children: src ? jsx("img", {
|
|
10
|
+
children: src ? /* @__PURE__ */ jsx("img", {
|
|
11
11
|
...props.image,
|
|
12
12
|
src,
|
|
13
13
|
alt: alt ?? initials ?? ""
|
|
14
|
-
}) : jsx("span", {
|
|
14
|
+
}) : /* @__PURE__ */ jsx("span", {
|
|
15
15
|
...props.fallbackText,
|
|
16
16
|
children: initials
|
|
17
17
|
})
|
|
@@ -1,5 +1,6 @@
|
|
|
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
|
|
3
4
|
declare const badgeConfig: ComponentConfig<{
|
|
4
5
|
Badge: {
|
|
5
6
|
readonly base: {
|
|
@@ -472,6 +473,6 @@ declare const badgeConfig: ComponentConfig<{
|
|
|
472
473
|
};
|
|
473
474
|
};
|
|
474
475
|
}, {}>;
|
|
475
|
-
type BadgeConfig = typeof badgeConfig;
|
|
476
|
+
type BadgeConfig = typeof badgeConfig; //#endregion
|
|
476
477
|
//#endregion
|
|
477
478
|
export { BadgeConfig, badgeConfig };
|
|
@@ -3,6 +3,7 @@ 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
|
|
6
7
|
/**
|
|
7
8
|
* @description A small label for status, category, or metadata
|
|
8
9
|
*/
|
|
@@ -484,6 +485,6 @@ declare const Badge: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
|
|
|
484
485
|
dot: "span";
|
|
485
486
|
text: "span";
|
|
486
487
|
}>>;
|
|
487
|
-
type BadgeProps = React.ComponentProps<typeof Badge>;
|
|
488
|
+
type BadgeProps = React.ComponentProps<typeof Badge>; //#endregion
|
|
488
489
|
//#endregion
|
|
489
490
|
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 }) => jsxs("span", {
|
|
8
|
+
const Badge = createComponent(({ props, children }) => /* @__PURE__ */ jsxs("span", {
|
|
9
9
|
...props.root,
|
|
10
|
-
children: [jsx("span", { ...props.dot }), jsx("span", {
|
|
10
|
+
children: [/* @__PURE__ */ jsx("span", { ...props.dot }), /* @__PURE__ */ jsx("span", {
|
|
11
11
|
...props.text,
|
|
12
12
|
children
|
|
13
13
|
})]
|
|
@@ -2,6 +2,7 @@ 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
|
|
5
6
|
interface BoxProps extends HtmlDivProps, StyleAndModifierProps {
|
|
6
7
|
/** Render as a different semantic HTML element. Defaults to `div`. */
|
|
7
8
|
as?: BoxAsTag;
|
|
@@ -9,6 +10,6 @@ interface BoxProps extends HtmlDivProps, StyleAndModifierProps {
|
|
|
9
10
|
/**
|
|
10
11
|
* @description The fundamental primitive component that includes styling utility properties, and corresponding design variables as values
|
|
11
12
|
*/
|
|
12
|
-
declare const Box: _$react.FC<BoxProps>;
|
|
13
|
+
declare const Box: _$react.FC<BoxProps>; //#endregion
|
|
13
14
|
//#endregion
|
|
14
15
|
export { Box, BoxProps };
|
|
@@ -1,5 +1,6 @@
|
|
|
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
|
|
3
4
|
declare const breadcrumbConfig: ComponentConfig<{
|
|
4
5
|
Breadcrumb: {
|
|
5
6
|
readonly base: {
|
|
@@ -385,6 +386,6 @@ declare const breadcrumbConfig: ComponentConfig<{
|
|
|
385
386
|
};
|
|
386
387
|
};
|
|
387
388
|
}, {}>;
|
|
388
|
-
type BreadcrumbConfig = typeof breadcrumbConfig;
|
|
389
|
+
type BreadcrumbConfig = typeof breadcrumbConfig; //#endregion
|
|
389
390
|
//#endregion
|
|
390
391
|
export { BreadcrumbConfig, breadcrumbConfig };
|
|
@@ -5,6 +5,7 @@ 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
|
|
8
9
|
interface BreadcrumbItem {
|
|
9
10
|
/** Text or node to display */
|
|
10
11
|
label: ReactNode;
|
|
@@ -415,6 +416,6 @@ declare const Breadcrumb: _$react.FC<_$_uds_types0.CreateComponentProps<Componen
|
|
|
415
416
|
link: "a";
|
|
416
417
|
page: "span";
|
|
417
418
|
ellipsis: "span";
|
|
418
|
-
}>>;
|
|
419
|
+
}>>; //#endregion
|
|
419
420
|
//#endregion
|
|
420
421
|
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 = () => jsx("svg", {
|
|
5
|
+
const DefaultSeparator = () => /* @__PURE__ */ 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 = () => jsx("svg", {
|
|
|
13
13
|
strokeLinecap: "round",
|
|
14
14
|
strokeLinejoin: "round",
|
|
15
15
|
"aria-hidden": "true",
|
|
16
|
-
children: jsx("path", { d: "m9 18 6-6-6-6" })
|
|
16
|
+
children: /* @__PURE__ */ jsx("path", { d: "m9 18 6-6-6-6" })
|
|
17
17
|
});
|
|
18
|
-
const DefaultEllipsis = (props) => jsxs(Fragment, { children: [jsx("span", {
|
|
18
|
+
const DefaultEllipsis = (props) => /* @__PURE__ */ jsxs(Fragment, { children: [/* @__PURE__ */ jsx("span", {
|
|
19
19
|
...props,
|
|
20
20
|
role: "presentation",
|
|
21
21
|
"aria-hidden": "true",
|
|
22
22
|
children: "…"
|
|
23
|
-
}), jsx("span", {
|
|
23
|
+
}), /* @__PURE__ */ 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 ?? jsx(DefaultSeparator, {});
|
|
49
|
+
const separatorContent = separator ?? /* @__PURE__ */ 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(jsx("li", {
|
|
57
|
+
elements.push(/* @__PURE__ */ 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(jsx("li", {
|
|
63
|
+
elements.push(/* @__PURE__ */ 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
|
-
}) : jsx(DefaultEllipsis, { ...props.ellipsis })
|
|
69
|
+
}) : /* @__PURE__ */ jsx(DefaultEllipsis, { ...props.ellipsis })
|
|
70
70
|
}, "ellipsis"));
|
|
71
71
|
}
|
|
72
|
-
if (i > 0) elements.push(jsx("li", {
|
|
72
|
+
if (i > 0) elements.push(/* @__PURE__ */ 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(jsx("li", {
|
|
78
|
+
if (isLast && !item.href) elements.push(/* @__PURE__ */ jsx("li", {
|
|
79
79
|
...props.item,
|
|
80
|
-
children: jsx("span", {
|
|
80
|
+
children: /* @__PURE__ */ 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(jsx("li", {
|
|
86
|
+
else if (item.href) elements.push(/* @__PURE__ */ 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
|
-
}) : jsx("a", {
|
|
93
|
+
}) : /* @__PURE__ */ 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(jsx("li", {
|
|
99
|
+
else elements.push(/* @__PURE__ */ jsx("li", {
|
|
100
100
|
...props.item,
|
|
101
|
-
children: jsx("span", {
|
|
101
|
+
children: /* @__PURE__ */ 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 jsx("nav", {
|
|
109
|
+
return /* @__PURE__ */ jsx("nav", {
|
|
110
110
|
...props.root,
|
|
111
111
|
"aria-label": "Breadcrumb",
|
|
112
|
-
children: jsx("ol", {
|
|
112
|
+
children: /* @__PURE__ */ jsx("ol", {
|
|
113
113
|
...props.list,
|
|
114
114
|
children: renderItems()
|
|
115
115
|
})
|
|
@@ -1,5 +1,6 @@
|
|
|
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
|
|
3
4
|
declare const buttonConfig: ComponentConfig<{
|
|
4
5
|
Button: {
|
|
5
6
|
readonly base: {
|
|
@@ -376,6 +377,6 @@ declare const buttonConfig: ComponentConfig<{
|
|
|
376
377
|
};
|
|
377
378
|
};
|
|
378
379
|
}, {}>;
|
|
379
|
-
type ButtonConfig = typeof buttonConfig;
|
|
380
|
+
type ButtonConfig = typeof buttonConfig; //#endregion
|
|
380
381
|
//#endregion
|
|
381
382
|
export { ButtonConfig, buttonConfig };
|
|
@@ -4,6 +4,7 @@ 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
|
|
7
8
|
interface ButtonOwnProps extends HtmlButtonProps, SizingStyleProps {
|
|
8
9
|
/**
|
|
9
10
|
* @description When asChild is set to true, the component's child will be cloned and passed
|
|
@@ -398,6 +399,6 @@ declare const Button: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
|
|
|
398
399
|
startIcon: "span";
|
|
399
400
|
endIcon: "span";
|
|
400
401
|
}>>;
|
|
401
|
-
type ButtonProps = React.ComponentProps<typeof Button>;
|
|
402
|
+
type ButtonProps = React.ComponentProps<typeof Button>; //#endregion
|
|
402
403
|
//#endregion
|
|
403
404
|
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 = jsxs(Fragment, { children: [
|
|
11
|
-
startIcon && jsx("span", {
|
|
10
|
+
const content = /* @__PURE__ */ jsxs(Fragment, { children: [
|
|
11
|
+
startIcon && /* @__PURE__ */ jsx("span", {
|
|
12
12
|
...props.startIcon,
|
|
13
13
|
children: startIcon
|
|
14
14
|
}),
|
|
15
15
|
children,
|
|
16
|
-
endIcon && jsx("span", {
|
|
16
|
+
endIcon && /* @__PURE__ */ jsx("span", {
|
|
17
17
|
...props.endIcon,
|
|
18
18
|
children: endIcon
|
|
19
19
|
})
|
|
20
20
|
] });
|
|
21
|
-
if (asChild) return jsx(ButtonSlot, {
|
|
21
|
+
if (asChild) return /* @__PURE__ */ jsx(ButtonSlot, {
|
|
22
22
|
onClick: onPress,
|
|
23
23
|
...props.root,
|
|
24
24
|
...nativeProps,
|
|
25
25
|
children: content
|
|
26
26
|
});
|
|
27
|
-
return jsx("button", {
|
|
27
|
+
return /* @__PURE__ */ jsx("button", {
|
|
28
28
|
onClick: onPress,
|
|
29
29
|
...props.root,
|
|
30
30
|
...nativeProps,
|
|
@@ -1,5 +1,6 @@
|
|
|
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
|
|
3
4
|
declare const cardConfig: ComponentConfig<{
|
|
4
5
|
Card: {
|
|
5
6
|
readonly base: {
|
|
@@ -331,6 +332,6 @@ declare const cardConfig: ComponentConfig<{
|
|
|
331
332
|
};
|
|
332
333
|
};
|
|
333
334
|
}, {}>;
|
|
334
|
-
type CardConfig = typeof cardConfig;
|
|
335
|
+
type CardConfig = typeof cardConfig; //#endregion
|
|
335
336
|
//#endregion
|
|
336
337
|
export { CardConfig, cardConfig };
|
|
@@ -4,6 +4,7 @@ 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
|
|
7
8
|
/**
|
|
8
9
|
* @description A contained surface for grouping related content with optional title, content, and actions
|
|
9
10
|
*/
|
|
@@ -347,6 +348,6 @@ declare const Card: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfi
|
|
|
347
348
|
title: "div";
|
|
348
349
|
content: "div";
|
|
349
350
|
actions: "div";
|
|
350
|
-
}>>;
|
|
351
|
+
}>>; //#endregion
|
|
351
352
|
//#endregion
|
|
352
353
|
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 }) => jsxs("div", {
|
|
8
|
+
const Card = createComponent(({ props, children, title, content, actions }) => /* @__PURE__ */ jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
title && jsx("div", {
|
|
11
|
+
title && /* @__PURE__ */ jsx("div", {
|
|
12
12
|
...props.title,
|
|
13
13
|
children: title
|
|
14
14
|
}),
|
|
15
|
-
content && jsx("div", {
|
|
15
|
+
content && /* @__PURE__ */ jsx("div", {
|
|
16
16
|
...props.content,
|
|
17
17
|
children: content
|
|
18
18
|
}),
|
|
19
19
|
children,
|
|
20
|
-
actions && jsx("div", {
|
|
20
|
+
actions && /* @__PURE__ */ jsx("div", {
|
|
21
21
|
...props.actions,
|
|
22
22
|
children: actions
|
|
23
23
|
})
|
|
@@ -1,5 +1,6 @@
|
|
|
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
|
|
3
4
|
declare const collapsibleConfig: ComponentConfig<{
|
|
4
5
|
Collapsible: {
|
|
5
6
|
readonly base: {
|
|
@@ -40,6 +41,6 @@ declare const collapsibleConfig: ComponentConfig<{
|
|
|
40
41
|
};
|
|
41
42
|
};
|
|
42
43
|
}, {}>;
|
|
43
|
-
type CollapsibleConfig = typeof collapsibleConfig;
|
|
44
|
+
type CollapsibleConfig = typeof collapsibleConfig; //#endregion
|
|
44
45
|
//#endregion
|
|
45
46
|
export { CollapsibleConfig, collapsibleConfig };
|