@yahoo/uds-v5-wip 1.58.0 → 1.60.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/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/config.d.ts +185 -185
- package/dist/foundational-presets/dist/defaultPreset.d.ts +185 -186
- package/dist/foundational-presets/dist/motion.d.ts +1 -2
- package/dist/loader/dist/_virtual/_rolldown/runtime.js +6 -0
- package/dist/loader/dist/loader/create-component-lowering.js +1 -1
- package/dist/loader/dist/loader/data-attr-transform.js +1 -1
- package/dist/loader/dist/loader/lower-new-api-primitive.js +0 -28
- package/dist/loader/dist/loader/style-transform.js +4 -4
- package/dist/loader/dist/loader.js +3 -3
- package/dist/loader/dist/next.js +1 -1
- package/dist/loader/dist/node_modules/react/cjs/react-jsx-runtime.development.js +203 -0
- package/dist/loader/dist/node_modules/react/cjs/react-jsx-runtime.production.js +25 -0
- package/dist/loader/dist/node_modules/react/cjs/react.development.js +762 -0
- package/dist/loader/dist/node_modules/react/cjs/react.production.js +351 -0
- package/dist/loader/dist/node_modules/react/index.js +10 -0
- package/dist/loader/dist/node_modules/react/jsx-runtime.js +10 -0
- package/dist/loader/dist/packages/core/dist/color-opacity-map.js +33 -0
- package/dist/loader/dist/packages/core/dist/compositeStyles.js +43 -0
- package/dist/loader/dist/packages/core/dist/createComponent.js +6 -0
- package/dist/loader/dist/packages/core/dist/createProvider.js +7 -0
- package/dist/loader/dist/packages/core/dist/generated/stylePropsTwMap.js +570 -0
- package/dist/loader/dist/packages/core/dist/getComponentStyles.js +2 -0
- package/dist/loader/dist/packages/core/dist/getStyles.js +60 -0
- package/dist/loader/dist/packages/core/dist/index.js +6 -0
- package/dist/loader/dist/packages/core/dist/modifier-mappings.js +61 -0
- package/dist/loader/dist/packages/core/dist/style-prop-data.js +1257 -0
- package/dist/loader/dist/packages/core/dist/withDefaultStyleProps.js +1 -0
- package/dist/loader.js +1 -1
- package/dist/tsconfig.tsbuildinfo +1 -1
- package/package.json +3 -3
- package/dist/_virtual/_rolldown/runtime.js +0 -7
|
@@ -25,13 +25,13 @@ const Tabs = createComponent(({ props, tabs, defaultTab }) => {
|
|
|
25
25
|
});
|
|
26
26
|
});
|
|
27
27
|
}, [active]);
|
|
28
|
-
return
|
|
28
|
+
return jsxs("div", {
|
|
29
29
|
...props.root,
|
|
30
|
-
children: [
|
|
30
|
+
children: [jsxs("div", {
|
|
31
31
|
ref: tabListRef,
|
|
32
32
|
style: { position: "relative" },
|
|
33
33
|
...props.tabList,
|
|
34
|
-
children: [indicatorStyle &&
|
|
34
|
+
children: [indicatorStyle && jsx("div", {
|
|
35
35
|
style: {
|
|
36
36
|
position: "absolute",
|
|
37
37
|
top: 0,
|
|
@@ -42,24 +42,24 @@ const Tabs = createComponent(({ props, tabs, defaultTab }) => {
|
|
|
42
42
|
pointerEvents: "none"
|
|
43
43
|
},
|
|
44
44
|
...props.indicator
|
|
45
|
-
}), tabs.map((tab) => active === tab.id ?
|
|
45
|
+
}), tabs.map((tab) => active === tab.id ? jsx("button", {
|
|
46
46
|
type: "button",
|
|
47
47
|
"data-tab-id": tab.id,
|
|
48
48
|
onClick: () => setActive(tab.id),
|
|
49
49
|
...props.activeTab,
|
|
50
|
-
children:
|
|
50
|
+
children: jsx("span", {
|
|
51
51
|
style: {
|
|
52
52
|
position: "relative",
|
|
53
53
|
zIndex: 1
|
|
54
54
|
},
|
|
55
55
|
children: tab.label
|
|
56
56
|
})
|
|
57
|
-
}, tab.id) :
|
|
57
|
+
}, tab.id) : jsx("button", {
|
|
58
58
|
type: "button",
|
|
59
59
|
"data-tab-id": tab.id,
|
|
60
60
|
onClick: () => setActive(tab.id),
|
|
61
61
|
...props.tab,
|
|
62
|
-
children:
|
|
62
|
+
children: jsx("span", {
|
|
63
63
|
style: {
|
|
64
64
|
position: "relative",
|
|
65
65
|
zIndex: 1
|
|
@@ -67,7 +67,7 @@ const Tabs = createComponent(({ props, tabs, defaultTab }) => {
|
|
|
67
67
|
children: tab.label
|
|
68
68
|
})
|
|
69
69
|
}, tab.id))]
|
|
70
|
-
}),
|
|
70
|
+
}), jsx("div", {
|
|
71
71
|
...props.content,
|
|
72
72
|
children: tabs.find((t) => t.id === active)?.content
|
|
73
73
|
})]
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/text.config.d.ts
|
|
3
|
-
//#region src/text.config.d.ts
|
|
4
3
|
declare const textConfig: ComponentConfig<{
|
|
5
4
|
Text: {
|
|
6
5
|
readonly base: {
|
|
@@ -302,6 +301,6 @@ declare const textVariants: {
|
|
|
302
301
|
readonly lineHeight: string;
|
|
303
302
|
readonly fontFamily: string;
|
|
304
303
|
};
|
|
305
|
-
};
|
|
304
|
+
};
|
|
306
305
|
//#endregion
|
|
307
306
|
export { TextConfig, textConfig, textVariants };
|
|
@@ -4,7 +4,6 @@ import * as _$_uds_types0 from "@uds/types";
|
|
|
4
4
|
import { BackgroundStyleProps, BorderStyleProps, FlexStyleProps, HtmlTextProps, ModifierProps, NativeTextElementTag, OpacityStyleProps, SizingStyleProps, SpacingStyleProps, TypographyStyleProps } from "@uds/types";
|
|
5
5
|
|
|
6
6
|
//#region ../components/dist/text.d.ts
|
|
7
|
-
//#region src/text.d.ts
|
|
8
7
|
interface TextStyleProps extends TypographyStyleProps, SpacingStyleProps, BackgroundStyleProps, BorderStyleProps, FlexStyleProps, SizingStyleProps, OpacityStyleProps {}
|
|
9
8
|
interface TextProps extends HtmlTextProps<NativeTextElementTag>, TextStyleProps, ModifierProps<TextStyleProps> {
|
|
10
9
|
as?: NativeTextElementTag;
|
|
@@ -201,6 +200,6 @@ declare const Text: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentConfi
|
|
|
201
200
|
};
|
|
202
201
|
}, {}>, TextProps, {
|
|
203
202
|
root: "p";
|
|
204
|
-
}>>;
|
|
203
|
+
}>>;
|
|
205
204
|
//#endregion
|
|
206
205
|
export { Text, TextProps };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/textarea.config.d.ts
|
|
3
|
-
//#region src/textarea.config.d.ts
|
|
4
3
|
declare const textareaConfig: ComponentConfig<{
|
|
5
4
|
Textarea: {
|
|
6
5
|
readonly base: {
|
|
@@ -348,6 +347,6 @@ declare const textareaConfig: ComponentConfig<{
|
|
|
348
347
|
};
|
|
349
348
|
};
|
|
350
349
|
}, {}>;
|
|
351
|
-
type TextareaConfig = typeof textareaConfig;
|
|
350
|
+
type TextareaConfig = typeof textareaConfig;
|
|
352
351
|
//#endregion
|
|
353
352
|
export { TextareaConfig, textareaConfig };
|
|
@@ -4,7 +4,6 @@ import * as _$_uds_types0 from "@uds/types";
|
|
|
4
4
|
import { HtmlTextAreaProps, SizingStyleProps } from "@uds/types";
|
|
5
5
|
|
|
6
6
|
//#region ../components/dist/textarea.d.ts
|
|
7
|
-
//#region src/textarea.d.ts
|
|
8
7
|
interface TextareaOwnProps extends HtmlTextAreaProps, SizingStyleProps {}
|
|
9
8
|
/**
|
|
10
9
|
* @description A primitive for multi-line plain-text editing control, useful when you want to allow users to enter a sizeable amount of free-form text
|
|
@@ -358,6 +357,6 @@ declare const Textarea: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentC
|
|
|
358
357
|
}, {}>, TextareaOwnProps, {
|
|
359
358
|
root: "textarea";
|
|
360
359
|
}>>;
|
|
361
|
-
type TextareaProps = React.ComponentProps<typeof Textarea>;
|
|
360
|
+
type TextareaProps = React.ComponentProps<typeof Textarea>;
|
|
362
361
|
//#endregion
|
|
363
362
|
export { Textarea, TextareaOwnProps, TextareaProps };
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig, InterpolateMarker } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/toast.config.d.ts
|
|
3
|
-
//#region src/toast.config.d.ts
|
|
4
3
|
declare const toastConfig: ComponentConfig<{
|
|
5
4
|
Toast: {
|
|
6
5
|
readonly base: {
|
|
@@ -331,6 +330,6 @@ declare const toastConfig: ComponentConfig<{
|
|
|
331
330
|
};
|
|
332
331
|
};
|
|
333
332
|
}, {}>;
|
|
334
|
-
type ToastConfig = typeof toastConfig;
|
|
333
|
+
type ToastConfig = typeof toastConfig;
|
|
335
334
|
//#endregion
|
|
336
335
|
export { ToastConfig, toastConfig };
|
|
@@ -5,7 +5,6 @@ import * as _$_uds_types0 from "@uds/types";
|
|
|
5
5
|
import { GetComponentVariantProps, Simplify } from "@uds/types";
|
|
6
6
|
|
|
7
7
|
//#region ../components/dist/toast.d.ts
|
|
8
|
-
//#region src/toast.d.ts
|
|
9
8
|
interface ToastDefinition {
|
|
10
9
|
config: ToastConfig;
|
|
11
10
|
props: {
|
|
@@ -422,6 +421,6 @@ interface ToastContextValue {
|
|
|
422
421
|
}
|
|
423
422
|
declare const ToastProvider: _$react.FC<{
|
|
424
423
|
children: React.ReactNode;
|
|
425
|
-
} & Record<never, never>>, useToast: () => ToastContextValue;
|
|
424
|
+
} & Record<never, never>>, useToast: () => ToastContextValue;
|
|
426
425
|
//#endregion
|
|
427
426
|
export { AddToastOptions, Toast, ToastContextValue, ToastItemData, ToastMessage, ToastProps, ToastProvider, useToast };
|
|
@@ -18,7 +18,7 @@ const Toast = createComponent(({ props, children, toastId, index, expanded, onDi
|
|
|
18
18
|
const handleDragEnd = useCallback((_event, info) => {
|
|
19
19
|
onDragEnd?.(toastId, info);
|
|
20
20
|
}, [toastId, onDragEnd]);
|
|
21
|
-
return
|
|
21
|
+
return jsx("div", {
|
|
22
22
|
ref: (el) => onMeasure?.(toastId, el),
|
|
23
23
|
style: {
|
|
24
24
|
position: index === 0 ? "relative" : "absolute",
|
|
@@ -26,18 +26,18 @@ const Toast = createComponent(({ props, children, toastId, index, expanded, onDi
|
|
|
26
26
|
right: 0,
|
|
27
27
|
zIndex: toastId
|
|
28
28
|
},
|
|
29
|
-
children:
|
|
29
|
+
children: jsxs("div", {
|
|
30
30
|
...props.item,
|
|
31
31
|
"data-state": expanded ? "expanded" : "collapsed",
|
|
32
32
|
"data-motion-index": index,
|
|
33
33
|
onDragEnd: handleDragEnd,
|
|
34
|
-
children: [renderMessage ? renderMessage(({ children: c }) =>
|
|
34
|
+
children: [renderMessage ? renderMessage(({ children: c }) => jsx("span", {
|
|
35
35
|
...props.text,
|
|
36
36
|
children: c
|
|
37
|
-
})) :
|
|
37
|
+
})) : jsx("span", {
|
|
38
38
|
...props.text,
|
|
39
39
|
children
|
|
40
|
-
}),
|
|
40
|
+
}), jsx("button", {
|
|
41
41
|
type: "button",
|
|
42
42
|
onClick: dismiss,
|
|
43
43
|
...props.dismiss,
|
|
@@ -130,7 +130,7 @@ const [ToastProvider, useToast] = createProvider("Toast", ({ children }) => {
|
|
|
130
130
|
updateToast,
|
|
131
131
|
dismissToast: dismiss
|
|
132
132
|
},
|
|
133
|
-
render:
|
|
133
|
+
render: jsxs(Fragment, { children: [children, jsx("div", {
|
|
134
134
|
onMouseEnter: handleMouseEnter,
|
|
135
135
|
onMouseLeave: handleMouseLeave,
|
|
136
136
|
style: {
|
|
@@ -140,7 +140,7 @@ const [ToastProvider, useToast] = createProvider("Toast", ({ children }) => {
|
|
|
140
140
|
zIndex: 100,
|
|
141
141
|
pointerEvents: toasts.length > 0 ? "auto" : "none"
|
|
142
142
|
},
|
|
143
|
-
children: toasts.map(({ id, message, variant }, index) =>
|
|
143
|
+
children: toasts.map(({ id, message, variant }, index) => jsx(Toast, {
|
|
144
144
|
toastId: id,
|
|
145
145
|
index,
|
|
146
146
|
expanded,
|
|
@@ -1,6 +1,5 @@
|
|
|
1
1
|
import { ComponentConfig } from "../../config/dist/createConfig.js";
|
|
2
2
|
//#region ../components/dist/tooltip.config.d.ts
|
|
3
|
-
//#region src/tooltip.config.d.ts
|
|
4
3
|
declare const tooltipConfig: ComponentConfig<{
|
|
5
4
|
Tooltip: {
|
|
6
5
|
readonly base: {
|
|
@@ -189,6 +188,6 @@ declare const tooltipConfig: ComponentConfig<{
|
|
|
189
188
|
};
|
|
190
189
|
};
|
|
191
190
|
}, {}>;
|
|
192
|
-
type TooltipConfig = typeof tooltipConfig;
|
|
191
|
+
type TooltipConfig = typeof tooltipConfig;
|
|
193
192
|
//#endregion
|
|
194
193
|
export { TooltipConfig, tooltipConfig };
|
|
@@ -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/tooltip.d.ts
|
|
6
|
-
//#region src/tooltip.d.ts
|
|
7
6
|
/**
|
|
8
7
|
* @description A popup that displays additional information when hovering over an element
|
|
9
8
|
*/
|
|
@@ -202,6 +201,6 @@ declare const Tooltip: _$react.FC<_$_uds_types0.CreateComponentProps<ComponentCo
|
|
|
202
201
|
content: "div";
|
|
203
202
|
text: "span";
|
|
204
203
|
}>>;
|
|
205
|
-
type TooltipProps = React.ComponentProps<typeof Tooltip>;
|
|
204
|
+
type TooltipProps = React.ComponentProps<typeof Tooltip>;
|
|
206
205
|
//#endregion
|
|
207
206
|
export { Tooltip, TooltipProps };
|
|
@@ -10,14 +10,14 @@ import { jsx, jsxs } from "react/jsx-runtime";
|
|
|
10
10
|
const Tooltip = createComponent(({ props, children, label }) => {
|
|
11
11
|
const [show, setShow] = useState(false);
|
|
12
12
|
const state = show ? "open" : "closed";
|
|
13
|
-
return
|
|
13
|
+
return jsxs("span", {
|
|
14
14
|
onMouseEnter: () => setShow(true),
|
|
15
15
|
onMouseLeave: () => setShow(false),
|
|
16
16
|
...props.trigger,
|
|
17
|
-
children: [children,
|
|
17
|
+
children: [children, jsx("div", {
|
|
18
18
|
"data-state": state,
|
|
19
19
|
...props.content,
|
|
20
|
-
children:
|
|
20
|
+
children: jsx("span", {
|
|
21
21
|
...props.text,
|
|
22
22
|
children: label
|
|
23
23
|
})
|
|
@@ -3,7 +3,6 @@ import * as _$_uds_types0 from "@uds/types";
|
|
|
3
3
|
import { BoxAsTag, HtmlDivProps, StyleAndModifierProps } from "@uds/types";
|
|
4
4
|
|
|
5
5
|
//#region ../components/dist/vstack.d.ts
|
|
6
|
-
//#region src/vstack.d.ts
|
|
7
6
|
interface VStackOwnProps extends HtmlDivProps, StyleAndModifierProps {
|
|
8
7
|
/** Render as a different semantic HTML element. Defaults to `div`. */
|
|
9
8
|
as?: BoxAsTag;
|
|
@@ -11,6 +10,6 @@ interface VStackOwnProps extends HtmlDivProps, StyleAndModifierProps {
|
|
|
11
10
|
/**
|
|
12
11
|
* @description A primitive that arranges its children vertically
|
|
13
12
|
*/
|
|
14
|
-
declare const VStack: _$react.FC<_$_uds_types0.CreateComponentProps<string, VStackOwnProps, "div">>;
|
|
13
|
+
declare const VStack: _$react.FC<_$_uds_types0.CreateComponentProps<string, VStackOwnProps, "div">>;
|
|
15
14
|
//#endregion
|
|
16
15
|
export { VStack, VStackOwnProps };
|
|
@@ -7,7 +7,7 @@ import { jsx } from "react/jsx-runtime";
|
|
|
7
7
|
* @description A primitive that arranges its children vertically
|
|
8
8
|
*/
|
|
9
9
|
const VStack = createComponent(({ children, as, gap, gapY, display = "flex", flexDirection = display === "flex" ? "col" : void 0, ...rest }) => {
|
|
10
|
-
return
|
|
10
|
+
return jsx(Box, {
|
|
11
11
|
as,
|
|
12
12
|
display,
|
|
13
13
|
flexDirection,
|
|
@@ -27,7 +27,6 @@ import { itemConfig } from "../dist/item.config.js";
|
|
|
27
27
|
import { modalConfig } from "../dist/modal.config.js";
|
|
28
28
|
import { navHeaderConfig } from "../dist/nav-header.config.js";
|
|
29
29
|
import { presetBarConfig } from "../dist/preset-bar.config.js";
|
|
30
|
-
import { toastConfig } from "../dist/toast.config.js";
|
|
31
30
|
import { progressConfig } from "../dist/progress.config.js";
|
|
32
31
|
import { selectConfig } from "../dist/select.config.js";
|
|
33
32
|
import { sheetConfig } from "../dist/sheet.config.js";
|
|
@@ -39,6 +38,7 @@ import { switchConfig } from "../dist/switch.config.js";
|
|
|
39
38
|
import { tabsConfig } from "../dist/tabs.config.js";
|
|
40
39
|
import { textConfig } from "../dist/text.config.js";
|
|
41
40
|
import { textareaConfig } from "../dist/textarea.config.js";
|
|
41
|
+
import { toastConfig } from "../dist/toast.config.js";
|
|
42
42
|
import { tooltipConfig } from "../dist/tooltip.config.js";
|
|
43
43
|
import { defaultComponentConfigs } from "../dist/presets/index.js";
|
|
44
44
|
export { accordionConfig, alertConfig, anchorConfig, avatarConfig, avatarGroupConfig, badgeConfig, breadcrumbConfig, buttonConfig, cardConfig, collapsibleConfig, commandConfig, commandDialogConfig, commandEmptyConfig, commandGroupConfig, commandInputConfig, commandItemConfig, commandListConfig, commandSeparatorConfig, commandShortcutConfig, controlColorConfig, controlCurveConfig, controlFolderConfig, controlGroupConfig, controlKnobConfig, controlPanelConfig, controlSelectConfig, controlSliderConfig, controlSpringConfig, controlStepperConfig, controlToggleConfig, defaultComponentConfigs, dropdownConfig, emptyStateConfig, inputConfig, itemConfig, modalConfig, navHeaderConfig, presetBarConfig, progressConfig, selectConfig, sheetConfig, sidebarConfig, skeletonConfig, sliderConfig, spinnerConfig, switchConfig, tabsConfig, textConfig, textareaConfig, toastConfig, tooltipConfig };
|