@yahoo/uds-v5-wip 1.1.2 → 1.2.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.d.ts +976 -976
- package/dist/core/dist/createComponent.d.ts +2 -1
- package/dist/core/dist/createComponentExample.d.ts +2 -1
- package/dist/core/dist/createProvider.d.ts +2 -1
- package/dist/core/dist/generated/stylePropsTwMap.d.ts +2 -1
- package/dist/core/dist/getComponentStyles.d.ts +2 -1
- package/dist/core/dist/getStyles.d.ts +2 -1
- package/dist/core/dist/macros.d.ts +2 -1
- package/dist/core/dist/propMappings.d.ts +2 -1
- package/dist/core/dist/resolveMotionState.d.ts +2 -1
- package/dist/core/dist/transformPreset.d.ts +2 -1
- package/dist/core/dist/withDefaultStyleProps.d.ts +2 -1
- package/dist/foundational-presets/dist/boldVibrant.d.ts +991 -990
- package/dist/foundational-presets/dist/brutalist.d.ts +991 -990
- package/dist/foundational-presets/dist/candy.d.ts +991 -990
- package/dist/foundational-presets/dist/cleanMinimalist.d.ts +991 -990
- package/dist/foundational-presets/dist/corporate.d.ts +991 -990
- package/dist/foundational-presets/dist/darkMoody.d.ts +991 -990
- package/dist/foundational-presets/dist/defaultPreset.d.ts +977 -976
- package/dist/foundational-presets/dist/forest.d.ts +991 -990
- package/dist/foundational-presets/dist/highContrast.d.ts +991 -990
- package/dist/foundational-presets/dist/lavender.d.ts +991 -990
- package/dist/foundational-presets/dist/luxury.d.ts +991 -990
- package/dist/foundational-presets/dist/monochrome.d.ts +991 -990
- package/dist/foundational-presets/dist/motion.d.ts +2 -1
- package/dist/foundational-presets/dist/neonCyber.d.ts +991 -990
- package/dist/foundational-presets/dist/newspaper.d.ts +991 -990
- package/dist/foundational-presets/dist/ocean.d.ts +991 -990
- package/dist/foundational-presets/dist/slate.d.ts +991 -990
- package/dist/foundational-presets/dist/sunset.d.ts +991 -990
- package/dist/foundational-presets/dist/terminal.d.ts +991 -990
- package/dist/foundational-presets/dist/warmOrganic.d.ts +991 -990
- 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,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/input.config.d.ts
|
|
3
|
-
//#region src/input.config.d.ts
|
|
4
3
|
declare const inputConfig: ComponentConfig<{
|
|
5
4
|
Input: {
|
|
6
5
|
readonly base: {
|
|
@@ -54,6 +53,6 @@ declare const inputConfig: ComponentConfig<{
|
|
|
54
53
|
};
|
|
55
54
|
};
|
|
56
55
|
}, {}>;
|
|
57
|
-
type InputConfig = typeof inputConfig;
|
|
56
|
+
type InputConfig = typeof inputConfig;
|
|
58
57
|
//#endregion
|
|
59
58
|
export { InputConfig, inputConfig };
|
|
@@ -4,7 +4,6 @@ import * as _$_uds_types0 from "@uds/types";
|
|
|
4
4
|
import { HtmlInputProps, SizingStyleProps } from "@uds/types";
|
|
5
5
|
|
|
6
6
|
//#region ../components/dist/input.d.ts
|
|
7
|
-
//#region src/input.d.ts
|
|
8
7
|
interface InputProps extends HtmlInputProps, SizingStyleProps {}
|
|
9
8
|
/**
|
|
10
9
|
* A primitive that renders a text input
|
|
@@ -63,6 +62,6 @@ declare const Input: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
|
|
|
63
62
|
};
|
|
64
63
|
}, {}>, InputProps, {
|
|
65
64
|
root: "input";
|
|
66
|
-
}>>;
|
|
65
|
+
}>>;
|
|
67
66
|
//#endregion
|
|
68
67
|
export { Input, InputProps };
|
|
@@ -5,7 +5,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* A primitive that renders a text input
|
|
7
7
|
*/
|
|
8
|
-
const Input = createComponent(({ props }) =>
|
|
8
|
+
const Input = createComponent(({ props }) => jsx("input", {
|
|
9
9
|
type: "text",
|
|
10
10
|
"data-1p-ignore": true,
|
|
11
11
|
...props.root
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/item.config.d.ts
|
|
3
|
-
//#region src/item.config.d.ts
|
|
4
3
|
declare const itemConfig: ComponentConfig<{
|
|
5
4
|
Item: {
|
|
6
5
|
readonly base: {
|
|
@@ -347,6 +346,6 @@ declare const itemConfig: ComponentConfig<{
|
|
|
347
346
|
};
|
|
348
347
|
};
|
|
349
348
|
}, {}>;
|
|
350
|
-
type ItemConfig = typeof itemConfig;
|
|
349
|
+
type ItemConfig = typeof itemConfig;
|
|
351
350
|
//#endregion
|
|
352
351
|
export { ItemConfig, itemConfig };
|
|
@@ -4,7 +4,6 @@ import { ReactNode } from "react";
|
|
|
4
4
|
import * as _$_uds_types0 from "@uds/types";
|
|
5
5
|
|
|
6
6
|
//#region ../components/dist/item.d.ts
|
|
7
|
-
//#region src/item.d.ts
|
|
8
7
|
interface ItemOwnProps {
|
|
9
8
|
media?: ReactNode;
|
|
10
9
|
title?: ReactNode;
|
|
@@ -370,6 +369,6 @@ declare const Item: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfi
|
|
|
370
369
|
description: "div";
|
|
371
370
|
actions: "div";
|
|
372
371
|
}>>;
|
|
373
|
-
type ItemProps = React.ComponentProps<typeof Item>;
|
|
372
|
+
type ItemProps = React.ComponentProps<typeof Item>;
|
|
374
373
|
//#endregion
|
|
375
374
|
export { Item, ItemOwnProps, ItemProps };
|
|
@@ -15,33 +15,33 @@ const Item = createComponent(({ props, children, media, title, description, acti
|
|
|
15
15
|
backgroundColor: "var(--uds-bg-secondary)"
|
|
16
16
|
}
|
|
17
17
|
} : rootProps;
|
|
18
|
-
const content =
|
|
19
|
-
media &&
|
|
18
|
+
const content = jsxs(Fragment, { children: [
|
|
19
|
+
media && jsx("div", {
|
|
20
20
|
...props.media,
|
|
21
21
|
children: media
|
|
22
22
|
}),
|
|
23
|
-
(title || description) &&
|
|
23
|
+
(title || description) && jsxs("div", {
|
|
24
24
|
...props.content,
|
|
25
|
-
children: [title &&
|
|
25
|
+
children: [title && jsx("div", {
|
|
26
26
|
...props.title,
|
|
27
27
|
children: title
|
|
28
|
-
}), description &&
|
|
28
|
+
}), description && jsx("div", {
|
|
29
29
|
...props.description,
|
|
30
30
|
children: description
|
|
31
31
|
})]
|
|
32
32
|
}),
|
|
33
33
|
children,
|
|
34
|
-
actions &&
|
|
34
|
+
actions && jsx("div", {
|
|
35
35
|
...props.actions,
|
|
36
36
|
children: actions
|
|
37
37
|
})
|
|
38
38
|
] });
|
|
39
|
-
if (asChild) return
|
|
39
|
+
if (asChild) return jsx(DivSlot, {
|
|
40
40
|
...rootStyle,
|
|
41
41
|
...nativeProps,
|
|
42
42
|
children: content
|
|
43
43
|
});
|
|
44
|
-
return
|
|
44
|
+
return jsx("div", {
|
|
45
45
|
...rootStyle,
|
|
46
46
|
...nativeProps,
|
|
47
47
|
children: content
|
|
@@ -3,7 +3,6 @@ import * as _$_uds_types0 from "@uds/types";
|
|
|
3
3
|
import { HtmlListItemProps, HtmlListProps, NativeListElementTag, StyleAndModifierProps } from "@uds/types";
|
|
4
4
|
|
|
5
5
|
//#region ../components/dist/list.d.ts
|
|
6
|
-
//#region src/list.d.ts
|
|
7
6
|
interface ListOwnProps extends HtmlListProps, StyleAndModifierProps {
|
|
8
7
|
as?: NativeListElementTag;
|
|
9
8
|
}
|
|
@@ -15,6 +14,6 @@ declare const List: _$react.FC<_$_uds_types0.CreateComponentProps<string, ListOw
|
|
|
15
14
|
/**
|
|
16
15
|
* @description A primitive that renders a list item
|
|
17
16
|
*/
|
|
18
|
-
declare const ListItem: _$react.FC<ListItemOwnProps>;
|
|
17
|
+
declare const ListItem: _$react.FC<ListItemOwnProps>;
|
|
19
18
|
//#endregion
|
|
20
19
|
export { List, ListItem, ListItemOwnProps, ListOwnProps };
|
|
@@ -8,7 +8,7 @@ const Ol = createComponent("ol");
|
|
|
8
8
|
* @description A primitive that renders a list of items
|
|
9
9
|
*/
|
|
10
10
|
const List = createComponent(({ children, as = "ul", ...rest }) => {
|
|
11
|
-
return
|
|
11
|
+
return jsx(as === "ol" ? Ol : Ul, {
|
|
12
12
|
...rest,
|
|
13
13
|
children
|
|
14
14
|
});
|
|
@@ -2,11 +2,10 @@ import * as _$react from "react";
|
|
|
2
2
|
import { HtmlMainProps, StyleAndModifierProps } from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../components/dist/main.d.ts
|
|
5
|
-
//#region src/main.d.ts
|
|
6
5
|
interface MainProps extends HtmlMainProps, StyleAndModifierProps {}
|
|
7
6
|
/**
|
|
8
7
|
* @description A primitive for a main content area
|
|
9
8
|
*/
|
|
10
|
-
declare const Main: _$react.FC<MainProps>;
|
|
9
|
+
declare const Main: _$react.FC<MainProps>;
|
|
11
10
|
//#endregion
|
|
12
11
|
export { Main, MainProps };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/modal.config.d.ts
|
|
3
|
-
//#region src/modal.config.d.ts
|
|
4
3
|
declare const modalConfig: ComponentConfig<{
|
|
5
4
|
Modal: {
|
|
6
5
|
readonly base: {
|
|
@@ -393,6 +392,6 @@ declare const modalConfig: ComponentConfig<{
|
|
|
393
392
|
};
|
|
394
393
|
};
|
|
395
394
|
}, {}>;
|
|
396
|
-
type ModalConfig = typeof modalConfig;
|
|
395
|
+
type ModalConfig = typeof modalConfig;
|
|
397
396
|
//#endregion
|
|
398
397
|
export { ModalConfig, modalConfig };
|
|
@@ -4,7 +4,6 @@ import { ReactNode } from "react";
|
|
|
4
4
|
import * as _$_uds_types0 from "@uds/types";
|
|
5
5
|
|
|
6
6
|
//#region ../components/dist/modal.d.ts
|
|
7
|
-
//#region src/modal.d.ts
|
|
8
7
|
/**
|
|
9
8
|
* @description A modal overlay that requires user interaction before returning to the main content. Controlled via open prop bound to state; use on.openChange with setState (value: false) to close, and a Button on.press with setState (value: true) to open. Must be placed in a parent element's children array to render.
|
|
10
9
|
*/
|
|
@@ -429,6 +428,6 @@ interface ModalContextValue {
|
|
|
429
428
|
}
|
|
430
429
|
declare const ModalProvider: _$react.FC<{
|
|
431
430
|
children: React.ReactNode;
|
|
432
|
-
} & Record<never, never>>, useModal: () => ModalContextValue;
|
|
431
|
+
} & Record<never, never>>, useModal: () => ModalContextValue;
|
|
433
432
|
//#endregion
|
|
434
433
|
export { Modal, ModalContextValue, ModalProvider, useModal };
|
|
@@ -29,7 +29,7 @@ const Modal = createComponent(({ props, children, open: controlledOpen, onOpenCh
|
|
|
29
29
|
document.body.style.overflow = "";
|
|
30
30
|
};
|
|
31
31
|
}, [open]);
|
|
32
|
-
return
|
|
32
|
+
return jsxs(Fragment, { children: [trigger && jsx("div", {
|
|
33
33
|
role: "button",
|
|
34
34
|
tabIndex: 0,
|
|
35
35
|
onClick: () => setOpen(true),
|
|
@@ -38,31 +38,31 @@ const Modal = createComponent(({ props, children, open: controlledOpen, onOpenCh
|
|
|
38
38
|
},
|
|
39
39
|
...props.trigger,
|
|
40
40
|
children: trigger
|
|
41
|
-
}), open &&
|
|
41
|
+
}), open && jsxs("div", {
|
|
42
42
|
...props.overlay,
|
|
43
|
-
children: [
|
|
43
|
+
children: [jsx("button", {
|
|
44
44
|
type: "button",
|
|
45
45
|
"aria-label": "Close modal",
|
|
46
46
|
tabIndex: -1,
|
|
47
47
|
onClick: () => setOpen(false),
|
|
48
48
|
...props.dismiss
|
|
49
|
-
}),
|
|
49
|
+
}), jsxs("div", {
|
|
50
50
|
ref: panelRef,
|
|
51
51
|
role: "dialog",
|
|
52
52
|
"aria-modal": "true",
|
|
53
53
|
tabIndex: -1,
|
|
54
54
|
...props.panel,
|
|
55
55
|
children: [
|
|
56
|
-
title ?
|
|
56
|
+
title ? jsx("div", {
|
|
57
57
|
...props.title,
|
|
58
58
|
children: title
|
|
59
59
|
}) : null,
|
|
60
|
-
description ?
|
|
60
|
+
description ? jsx("div", {
|
|
61
61
|
...props.description,
|
|
62
62
|
children: description
|
|
63
63
|
}) : null,
|
|
64
64
|
children ?? null,
|
|
65
|
-
actions ?
|
|
65
|
+
actions ? jsx("div", {
|
|
66
66
|
...props.actions,
|
|
67
67
|
children: actions
|
|
68
68
|
}) : null
|
|
@@ -109,7 +109,7 @@ const [ModalProvider, useModal] = createProvider("Modal", ({ children }) => {
|
|
|
109
109
|
close,
|
|
110
110
|
closeAll
|
|
111
111
|
},
|
|
112
|
-
render:
|
|
112
|
+
render: jsxs(Fragment, { children: [children, modals.map(({ id, content, title, description, actions }) => jsx(Modal, {
|
|
113
113
|
open: true,
|
|
114
114
|
onOpenChange: (isOpen) => {
|
|
115
115
|
if (!isOpen) close(id);
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/nav-header.config.d.ts
|
|
3
|
-
//#region src/nav-header.config.d.ts
|
|
4
3
|
declare const navHeaderConfig: ComponentConfig<{
|
|
5
4
|
NavHeader: {
|
|
6
5
|
readonly base: {
|
|
@@ -154,6 +153,6 @@ declare const navHeaderConfig: ComponentConfig<{
|
|
|
154
153
|
};
|
|
155
154
|
};
|
|
156
155
|
}, {}>;
|
|
157
|
-
type NavHeaderConfig = typeof navHeaderConfig;
|
|
156
|
+
type NavHeaderConfig = typeof navHeaderConfig;
|
|
158
157
|
//#endregion
|
|
159
158
|
export { NavHeaderConfig, navHeaderConfig };
|
|
@@ -4,7 +4,6 @@ import { ReactNode } from "react";
|
|
|
4
4
|
import * as _$_uds_types0 from "@uds/types";
|
|
5
5
|
|
|
6
6
|
//#region ../components/dist/nav-header.d.ts
|
|
7
|
-
//#region src/nav-header.d.ts
|
|
8
7
|
/**
|
|
9
8
|
* @description A navigation header bar with title and optional action areas
|
|
10
9
|
*/
|
|
@@ -169,6 +168,6 @@ declare const NavHeader: _$react.FC<_$_uds_types0.CreateComponentProps<Component
|
|
|
169
168
|
title: "span";
|
|
170
169
|
actions: "div";
|
|
171
170
|
}>>;
|
|
172
|
-
type NavHeaderProps = React.ComponentProps<typeof NavHeader>;
|
|
171
|
+
type NavHeaderProps = React.ComponentProps<typeof NavHeader>;
|
|
173
172
|
//#endregion
|
|
174
173
|
export { NavHeader, NavHeaderProps };
|
|
@@ -5,15 +5,15 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
5
5
|
/**
|
|
6
6
|
* @description A navigation header bar with title and optional action areas
|
|
7
7
|
*/
|
|
8
|
-
const NavHeader = createComponent(({ props, children, title, actions }) =>
|
|
8
|
+
const NavHeader = createComponent(({ props, children, title, actions }) => jsxs("div", {
|
|
9
9
|
...props.root,
|
|
10
10
|
children: [
|
|
11
|
-
title &&
|
|
11
|
+
title && jsx("span", {
|
|
12
12
|
...props.title,
|
|
13
13
|
children: title
|
|
14
14
|
}),
|
|
15
15
|
children,
|
|
16
|
-
actions &&
|
|
16
|
+
actions && jsx("div", {
|
|
17
17
|
...props.actions,
|
|
18
18
|
children: actions
|
|
19
19
|
})
|
|
@@ -2,11 +2,10 @@ import * as _$react from "react";
|
|
|
2
2
|
import { HtmlNavProps, StyleAndModifierProps } from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../components/dist/nav.d.ts
|
|
5
|
-
//#region src/nav.d.ts
|
|
6
5
|
interface NavProps extends HtmlNavProps, StyleAndModifierProps {}
|
|
7
6
|
/**
|
|
8
7
|
* @description A primitive which provides navigation links, either within the current document or to other documents
|
|
9
8
|
*/
|
|
10
|
-
declare const Nav: _$react.FC<NavProps>;
|
|
9
|
+
declare const Nav: _$react.FC<NavProps>;
|
|
11
10
|
//#endregion
|
|
12
11
|
export { Nav, NavProps };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/preset-bar.config.d.ts
|
|
3
|
-
//#region src/preset-bar.config.d.ts
|
|
4
3
|
declare const presetBarConfig: ComponentConfig<{
|
|
5
4
|
PresetBar: {
|
|
6
5
|
readonly base: {
|
|
@@ -188,6 +187,6 @@ declare const presetBarConfig: ComponentConfig<{
|
|
|
188
187
|
readonly defaultVariants: {};
|
|
189
188
|
};
|
|
190
189
|
}, {}>;
|
|
191
|
-
type PresetBarConfig = typeof presetBarConfig;
|
|
190
|
+
type PresetBarConfig = typeof presetBarConfig;
|
|
192
191
|
//#endregion
|
|
193
192
|
export { PresetBarConfig, presetBarConfig };
|
|
@@ -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/preset-bar.d.ts
|
|
6
|
-
//#region src/preset-bar.d.ts
|
|
7
6
|
interface PresetItem {
|
|
8
7
|
id: string;
|
|
9
8
|
name: string;
|
|
@@ -211,6 +210,6 @@ declare const PresetBar: _$react.FC<_$_uds_types0.CreateComponentProps<Component
|
|
|
211
210
|
item: "div";
|
|
212
211
|
itemName: "span";
|
|
213
212
|
}>>;
|
|
214
|
-
type PresetBarProps = React.ComponentProps<typeof PresetBar>;
|
|
213
|
+
type PresetBarProps = React.ComponentProps<typeof PresetBar>;
|
|
215
214
|
//#endregion
|
|
216
215
|
export { PresetBar, PresetBarProps, PresetItem };
|
|
@@ -23,40 +23,40 @@ const PresetBar = createComponent(({ props, presets, onSave, onLoad, onDelete, p
|
|
|
23
23
|
const handleKeyDown = useCallback((e) => {
|
|
24
24
|
if (e.key === "Enter") handleSave();
|
|
25
25
|
}, [handleSave]);
|
|
26
|
-
return
|
|
26
|
+
return jsxs("div", {
|
|
27
27
|
...props.root,
|
|
28
|
-
children: [
|
|
28
|
+
children: [jsxs("div", {
|
|
29
29
|
...props.inputRow,
|
|
30
|
-
children: [
|
|
30
|
+
children: [jsx("div", {
|
|
31
31
|
...props.inputWrapper,
|
|
32
|
-
children:
|
|
32
|
+
children: jsx(Input, {
|
|
33
33
|
value: name,
|
|
34
34
|
onChange: handleChange,
|
|
35
35
|
onKeyDown: handleKeyDown,
|
|
36
36
|
placeholder
|
|
37
37
|
})
|
|
38
|
-
}),
|
|
38
|
+
}), jsx(Button, {
|
|
39
39
|
variant: "brand",
|
|
40
40
|
size: "sm",
|
|
41
41
|
onClick: handleSave,
|
|
42
42
|
children: "Save"
|
|
43
43
|
})]
|
|
44
|
-
}), presets?.length > 0 &&
|
|
44
|
+
}), presets?.length > 0 && jsx("div", {
|
|
45
45
|
...props.list,
|
|
46
|
-
children: presets.map((preset) =>
|
|
46
|
+
children: presets.map((preset) => jsxs("div", {
|
|
47
47
|
...props.item,
|
|
48
48
|
children: [
|
|
49
|
-
|
|
49
|
+
jsx("span", {
|
|
50
50
|
...props.itemName,
|
|
51
51
|
children: preset.name
|
|
52
52
|
}),
|
|
53
|
-
|
|
53
|
+
jsx(Button, {
|
|
54
54
|
variant: "ghost",
|
|
55
55
|
size: "xs",
|
|
56
56
|
onClick: () => onLoad(preset.id),
|
|
57
57
|
children: "Load"
|
|
58
58
|
}),
|
|
59
|
-
|
|
59
|
+
jsx(Button, {
|
|
60
60
|
variant: "ghost",
|
|
61
61
|
size: "xs",
|
|
62
62
|
onClick: () => onDelete(preset.id),
|
|
@@ -28,7 +28,6 @@ import { itemConfig } from "../item.config.js";
|
|
|
28
28
|
import { modalConfig } from "../modal.config.js";
|
|
29
29
|
import { navHeaderConfig } from "../nav-header.config.js";
|
|
30
30
|
import { presetBarConfig } from "../preset-bar.config.js";
|
|
31
|
-
import { toastConfig } from "../toast.config.js";
|
|
32
31
|
import { progressConfig } from "../progress.config.js";
|
|
33
32
|
import { selectConfig } from "../select.config.js";
|
|
34
33
|
import { sheetConfig } from "../sheet.config.js";
|
|
@@ -40,10 +39,10 @@ import { switchConfig } from "../switch.config.js";
|
|
|
40
39
|
import { tabsConfig } from "../tabs.config.js";
|
|
41
40
|
import { textConfig } from "../text.config.js";
|
|
42
41
|
import { textareaConfig } from "../textarea.config.js";
|
|
42
|
+
import { toastConfig } from "../toast.config.js";
|
|
43
43
|
import { tooltipConfig } from "../tooltip.config.js";
|
|
44
44
|
|
|
45
45
|
//#region ../components/dist/presets/index.d.ts
|
|
46
|
-
//#region src/presets/index.d.ts
|
|
47
46
|
declare const defaultComponentConfigs: readonly [ComponentConfig<{
|
|
48
47
|
Anchor: {
|
|
49
48
|
readonly base: {
|
|
@@ -17670,6 +17669,6 @@ declare const defaultComponentConfigs: readonly [ComponentConfig<{
|
|
|
17670
17669
|
};
|
|
17671
17670
|
};
|
|
17672
17671
|
};
|
|
17673
|
-
}, {}>];
|
|
17672
|
+
}, {}>];
|
|
17674
17673
|
//#endregion
|
|
17675
17674
|
export { defaultComponentConfigs };
|
|
@@ -2,8 +2,8 @@ import { textConfig } from "../text.config.js";
|
|
|
2
2
|
import { accordionConfig } from "../accordion.config.js";
|
|
3
3
|
import { alertConfig } from "../alert.config.js";
|
|
4
4
|
import { anchorConfig } from "../anchor.config.js";
|
|
5
|
-
import { avatarGroupConfig } from "../avatar-group.config.js";
|
|
6
5
|
import { avatarConfig } from "../avatar.config.js";
|
|
6
|
+
import { avatarGroupConfig } from "../avatar-group.config.js";
|
|
7
7
|
import { badgeConfig } from "../badge.config.js";
|
|
8
8
|
import { breadcrumbConfig } from "../breadcrumb.config.js";
|
|
9
9
|
import { buttonConfig } from "../button.config.js";
|
|
@@ -2,11 +2,10 @@ import * as _$react from "react";
|
|
|
2
2
|
import { HtmlButtonProps, StyleAndModifierProps } from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../components/dist/pressable.d.ts
|
|
5
|
-
//#region src/pressable.d.ts
|
|
6
5
|
interface PressableProps extends HtmlButtonProps, StyleAndModifierProps {}
|
|
7
6
|
/**
|
|
8
7
|
* @description A bare interactive primitive with no predefined styles — you control all visual styling via style props. Use for custom interactive elements: color swatches, size chips, toggle pills, icon buttons, card-like clickable areas, or any tappable element that doesn't look like a standard button. ALWAYS include _hover and _pressed modifier props for visual feedback — a Pressable without these looks broken.
|
|
9
8
|
*/
|
|
10
|
-
declare const Pressable: _$react.FC<PressableProps>;
|
|
9
|
+
declare const Pressable: _$react.FC<PressableProps>;
|
|
11
10
|
//#endregion
|
|
12
11
|
export { Pressable, PressableProps };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/progress.config.d.ts
|
|
3
|
-
//#region src/progress.config.d.ts
|
|
4
3
|
declare const progressConfig: ComponentConfig<{
|
|
5
4
|
Progress: {
|
|
6
5
|
readonly base: {
|
|
@@ -292,6 +291,6 @@ declare const progressConfig: ComponentConfig<{
|
|
|
292
291
|
};
|
|
293
292
|
};
|
|
294
293
|
}, {}>;
|
|
295
|
-
type ProgressConfig = typeof progressConfig;
|
|
294
|
+
type ProgressConfig = typeof progressConfig;
|
|
296
295
|
//#endregion
|
|
297
296
|
export { ProgressConfig, progressConfig };
|
|
@@ -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/progress.d.ts
|
|
6
|
-
//#region src/progress.d.ts
|
|
7
6
|
/**
|
|
8
7
|
* @description A bar that indicates the completion progress of a task
|
|
9
8
|
*/
|
|
@@ -307,6 +306,6 @@ declare const Progress: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentC
|
|
|
307
306
|
track: "div";
|
|
308
307
|
fill: "div";
|
|
309
308
|
}>>;
|
|
310
|
-
type ProgressProps = React.ComponentProps<typeof Progress>;
|
|
309
|
+
type ProgressProps = React.ComponentProps<typeof Progress>;
|
|
311
310
|
//#endregion
|
|
312
311
|
export { Progress, ProgressProps };
|
|
@@ -15,24 +15,24 @@ const Progress = createComponent(({ props, value, label }) => {
|
|
|
15
15
|
...props.fill.style,
|
|
16
16
|
width: `${value}%`
|
|
17
17
|
};
|
|
18
|
-
return
|
|
18
|
+
return jsxs("div", {
|
|
19
19
|
...props.root,
|
|
20
20
|
style: rootStyle,
|
|
21
|
-
children: [label &&
|
|
21
|
+
children: [label && jsxs("div", {
|
|
22
22
|
style: {
|
|
23
23
|
display: "flex",
|
|
24
24
|
justifyContent: "space-between"
|
|
25
25
|
},
|
|
26
|
-
children: [
|
|
26
|
+
children: [jsx("span", {
|
|
27
27
|
...props.label,
|
|
28
28
|
children: label
|
|
29
|
-
}),
|
|
29
|
+
}), jsxs("span", {
|
|
30
30
|
...props.value,
|
|
31
31
|
children: [value, "%"]
|
|
32
32
|
})]
|
|
33
|
-
}),
|
|
33
|
+
}), jsx("div", {
|
|
34
34
|
...props.track,
|
|
35
|
-
children:
|
|
35
|
+
children: jsx("div", {
|
|
36
36
|
...props.fill,
|
|
37
37
|
style: fillStyle
|
|
38
38
|
})
|
|
@@ -2,11 +2,10 @@ import * as _$react from "react";
|
|
|
2
2
|
import { HtmlSectionProps, StyleAndModifierProps } from "@uds/types";
|
|
3
3
|
|
|
4
4
|
//#region ../components/dist/section.d.ts
|
|
5
|
-
//#region src/section.d.ts
|
|
6
5
|
interface SectionProps extends HtmlSectionProps, StyleAndModifierProps {}
|
|
7
6
|
/**
|
|
8
7
|
* @description A generic standalone section of a document, which doesn't have a more Definitionific semantic element to represent it
|
|
9
8
|
*/
|
|
10
|
-
declare const Section: _$react.FC<SectionProps>;
|
|
9
|
+
declare const Section: _$react.FC<SectionProps>;
|
|
11
10
|
//#endregion
|
|
12
11
|
export { Section, SectionProps };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/select.config.d.ts
|
|
3
|
-
//#region src/select.config.d.ts
|
|
4
3
|
declare const selectConfig: ComponentConfig<{
|
|
5
4
|
Select: {
|
|
6
5
|
readonly base: {
|
|
@@ -27,6 +26,6 @@ declare const selectConfig: ComponentConfig<{
|
|
|
27
26
|
};
|
|
28
27
|
};
|
|
29
28
|
}, {}>;
|
|
30
|
-
type SelectConfig = typeof selectConfig;
|
|
29
|
+
type SelectConfig = typeof selectConfig;
|
|
31
30
|
//#endregion
|
|
32
31
|
export { SelectConfig, selectConfig };
|
|
@@ -4,7 +4,6 @@ import * as _$_uds_types0 from "@uds/types";
|
|
|
4
4
|
import { HtmlOptionProps, HtmlSelectProps, StyleAndModifierProps } from "@uds/types";
|
|
5
5
|
|
|
6
6
|
//#region ../components/dist/select.d.ts
|
|
7
|
-
//#region src/select.d.ts
|
|
8
7
|
interface SelectOwnProps extends HtmlSelectProps, StyleAndModifierProps {
|
|
9
8
|
children?: React.ReactNode;
|
|
10
9
|
}
|
|
@@ -41,6 +40,6 @@ declare const Select: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCon
|
|
|
41
40
|
/**
|
|
42
41
|
* @description A primitive that provides a set of options for a user to choose from
|
|
43
42
|
*/
|
|
44
|
-
declare const Option: _$react.FC<OptionProps>;
|
|
43
|
+
declare const Option: _$react.FC<OptionProps>;
|
|
45
44
|
//#endregion
|
|
46
45
|
export { Option, OptionProps, Select, SelectOwnProps };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/sheet.config.d.ts
|
|
3
|
-
//#region src/sheet.config.d.ts
|
|
4
3
|
declare const sheetConfig: ComponentConfig<{
|
|
5
4
|
Sheet: {
|
|
6
5
|
readonly base: {
|
|
@@ -241,6 +240,6 @@ declare const sheetConfig: ComponentConfig<{
|
|
|
241
240
|
};
|
|
242
241
|
};
|
|
243
242
|
}, {}>;
|
|
244
|
-
type SheetConfig = typeof sheetConfig;
|
|
243
|
+
type SheetConfig = typeof sheetConfig;
|
|
245
244
|
//#endregion
|
|
246
245
|
export { SheetConfig, sheetConfig };
|
|
@@ -4,7 +4,6 @@ import { ReactNode } from "react";
|
|
|
4
4
|
import * as _$_uds_types0 from "@uds/types";
|
|
5
5
|
|
|
6
6
|
//#region ../components/dist/sheet.d.ts
|
|
7
|
-
//#region src/sheet.d.ts
|
|
8
7
|
/**
|
|
9
8
|
* @description A panel that slides in from the edge of the screen
|
|
10
9
|
*/
|
|
@@ -263,6 +262,6 @@ declare const Sheet: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConf
|
|
|
263
262
|
content: "div";
|
|
264
263
|
footer: "div";
|
|
265
264
|
}>>;
|
|
266
|
-
type SheetProps = React.ComponentProps<typeof Sheet>;
|
|
265
|
+
type SheetProps = React.ComponentProps<typeof Sheet>;
|
|
267
266
|
//#endregion
|
|
268
267
|
export { Sheet, SheetProps };
|
|
@@ -12,36 +12,36 @@ const Sheet = createComponent(({ props, children, open: controlledOpen, onOpenCh
|
|
|
12
12
|
const open = controlledOpen ?? internalOpen;
|
|
13
13
|
const setOpen = onOpenChange ?? setInternalOpen;
|
|
14
14
|
const state = open ? "open" : "closed";
|
|
15
|
-
return
|
|
15
|
+
return jsxs("div", {
|
|
16
16
|
"data-state": state,
|
|
17
17
|
...props.root,
|
|
18
|
-
children: [
|
|
18
|
+
children: [jsx("button", {
|
|
19
19
|
type: "button",
|
|
20
20
|
"data-state": state,
|
|
21
21
|
onClick: () => setOpen(false),
|
|
22
22
|
"aria-label": "Close sheet",
|
|
23
23
|
...props.overlay
|
|
24
|
-
}),
|
|
24
|
+
}), jsxs("div", {
|
|
25
25
|
"data-state": state,
|
|
26
26
|
...props.panel,
|
|
27
27
|
children: [
|
|
28
|
-
|
|
28
|
+
jsxs("div", {
|
|
29
29
|
...props.header,
|
|
30
|
-
children: [title &&
|
|
30
|
+
children: [title && jsx("div", {
|
|
31
31
|
...props.title,
|
|
32
32
|
children: title
|
|
33
|
-
}),
|
|
33
|
+
}), jsx("button", {
|
|
34
34
|
type: "button",
|
|
35
35
|
onClick: () => setOpen(false),
|
|
36
36
|
...props.close,
|
|
37
37
|
children: "✕"
|
|
38
38
|
})]
|
|
39
39
|
}),
|
|
40
|
-
|
|
40
|
+
jsx("div", {
|
|
41
41
|
...props.content,
|
|
42
42
|
children
|
|
43
43
|
}),
|
|
44
|
-
footer &&
|
|
44
|
+
footer && jsx("div", {
|
|
45
45
|
...props.footer,
|
|
46
46
|
children: footer
|
|
47
47
|
})
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/sidebar.config.d.ts
|
|
3
|
-
//#region src/sidebar.config.d.ts
|
|
4
3
|
declare const sidebarConfig: ComponentConfig<{
|
|
5
4
|
Sidebar: {
|
|
6
5
|
readonly base: {
|
|
@@ -1647,6 +1646,6 @@ declare const sidebarConfig: ComponentConfig<{
|
|
|
1647
1646
|
};
|
|
1648
1647
|
};
|
|
1649
1648
|
}, {}>;
|
|
1650
|
-
type SidebarConfig = typeof sidebarConfig;
|
|
1649
|
+
type SidebarConfig = typeof sidebarConfig;
|
|
1651
1650
|
//#endregion
|
|
1652
1651
|
export { SidebarConfig, sidebarConfig };
|