@liner-fe/design-library 1.2.6 → 1.2.8
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/lib/index.d.ts +1 -2
- package/lib/index.js +3 -2
- package/package.json +1 -1
package/lib/index.d.ts
CHANGED
|
@@ -60,7 +60,6 @@ declare const TemplateIllustDialog: {
|
|
|
60
60
|
};
|
|
61
61
|
|
|
62
62
|
interface ContentProps extends Omit<Popover.PopoverContentProps, 'side' | 'className'> {
|
|
63
|
-
position: 'top' | 'right' | 'bottom' | 'left';
|
|
64
63
|
title: string;
|
|
65
64
|
description: string;
|
|
66
65
|
leftSlot?: ReactNode;
|
|
@@ -71,7 +70,7 @@ interface ContentProps extends Omit<Popover.PopoverContentProps, 'side' | 'class
|
|
|
71
70
|
onButtonClick: () => void;
|
|
72
71
|
};
|
|
73
72
|
}
|
|
74
|
-
declare const TemplateTutorialGuide: ({ isOpen, children, onClose, className, content, }: {
|
|
73
|
+
declare const TemplateTutorialGuide: ({ position, isOpen, children, onClose, className, content, }: {
|
|
75
74
|
position: "top" | "right" | "bottom" | "left";
|
|
76
75
|
isOpen: boolean;
|
|
77
76
|
children: ReactNode;
|
package/lib/index.js
CHANGED
|
@@ -182,13 +182,14 @@ TemplateIllustDialog.Buttons = ({
|
|
|
182
182
|
TemplateIllustDialog.Button = ({ children, className, ...props }) => /* @__PURE__ */ jsx(Button, { ...props, className: tw("w-full!", className), children });
|
|
183
183
|
TemplateIllustDialog.TextButton = ({ children, className, ...props }) => /* @__PURE__ */ jsx(TextButton, { ...props, className: tw(className), children });
|
|
184
184
|
var TemplateTutorialGuide = ({
|
|
185
|
+
position,
|
|
185
186
|
isOpen,
|
|
186
187
|
children,
|
|
187
188
|
onClose,
|
|
188
189
|
className,
|
|
189
190
|
content
|
|
190
191
|
}) => {
|
|
191
|
-
const {
|
|
192
|
+
const { title, description, leftSlot, sideOffset = -5, footer, ...rest } = content;
|
|
192
193
|
return /* @__PURE__ */ jsxs(Popover.Root, { open: isOpen, children: [
|
|
193
194
|
/* @__PURE__ */ jsx(Popover.Trigger, { className: tw(className?.trigger), children }),
|
|
194
195
|
/* @__PURE__ */ jsx(
|
|
@@ -204,7 +205,7 @@ var TemplateTutorialGuide = ({
|
|
|
204
205
|
"div",
|
|
205
206
|
{
|
|
206
207
|
className: tw(
|
|
207
|
-
"bg-neutral-container-lowest gap-positive-150 border-brand-border-opaque-strong py-component-300 px-component-400 relative flex flex-col rounded-xl border shadow-[0_0_4px_0_rgba(12,137,59,0.08),0_0_12px_0_rgba(12,137,59,0.12),0_0_12px_0_rgba(255,255,255,0.50)]",
|
|
208
|
+
"min-w-[250px] max-w-[350px] bg-neutral-container-lowest gap-positive-150 border-brand-border-opaque-strong py-component-300 px-component-400 relative flex flex-col rounded-xl border shadow-[0_0_4px_0_rgba(12,137,59,0.08),0_0_12px_0_rgba(12,137,59,0.12),0_0_12px_0_rgba(255,255,255,0.50)]",
|
|
208
209
|
leftSlot && "pl-component-300"
|
|
209
210
|
),
|
|
210
211
|
children: [
|