@keboola/design 6.0.0 → 6.1.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/COMPONENT-API.md +4 -2
- package/dist/editors.cjs +19 -14
- package/dist/editors.cjs.map +1 -1
- package/dist/editors.js +19 -14
- package/dist/editors.js.map +1 -1
- package/dist/index.cjs +290 -36
- package/dist/index.cjs.map +1 -1
- package/dist/index.d.cts +111 -6
- package/dist/index.d.ts +111 -6
- package/dist/index.js +289 -36
- package/dist/index.js.map +1 -1
- package/dist/markdown-editor.cjs +20 -15
- package/dist/markdown-editor.cjs.map +1 -1
- package/dist/markdown-editor.js +20 -15
- package/dist/markdown-editor.js.map +1 -1
- package/dist/mermaid.cjs +19 -14
- package/dist/mermaid.cjs.map +1 -1
- package/dist/mermaid.js +19 -14
- package/dist/mermaid.js.map +1 -1
- package/dist/rjsf.cjs +19 -14
- package/dist/rjsf.cjs.map +1 -1
- package/dist/rjsf.js +19 -14
- package/dist/rjsf.js.map +1 -1
- package/dist/styles.css +2 -2
- package/package.json +2 -2
- package/src/styles.css +6 -5
package/dist/index.d.cts
CHANGED
|
@@ -276,6 +276,109 @@ type Props$1K = {
|
|
|
276
276
|
} & ClipboardProps & ButtonProps$1;
|
|
277
277
|
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1K) => react_jsx_runtime.JSX.Element;
|
|
278
278
|
|
|
279
|
+
/**
|
|
280
|
+
* Compound component for readonly value/command boxes with inline copy.
|
|
281
|
+
*
|
|
282
|
+
* `CopyField.Root` owns the `value` and copy/mask state; `CopyField.Box` is the clickable
|
|
283
|
+
* copy target. Clicking anywhere in the box copies the real `value` to the
|
|
284
|
+
* clipboard (guarded by text-selection so drag-select does NOT trigger a copy),
|
|
285
|
+
* with a Copy → Check feedback for ~1.5s.
|
|
286
|
+
*
|
|
287
|
+
* Shapes:
|
|
288
|
+
* - **Single-line value row** — default proportional font, value truncates.
|
|
289
|
+
* - **Monospace command box** — `mono` on `CopyField.Root`.
|
|
290
|
+
* - **Multi-line** — `maxLines > 1`; content wraps and scrolls between
|
|
291
|
+
* `minLines` and `maxLines` tall.
|
|
292
|
+
*
|
|
293
|
+
* Masking: wrap sensitive content in `CopyField.Hidden`. Revealable hidden content is
|
|
294
|
+
* toggled by `CopyField.Reveal` (an eye button); copy still copies the real value.
|
|
295
|
+
*
|
|
296
|
+
* @example Monospace command
|
|
297
|
+
* ```tsx
|
|
298
|
+
* <CopyField.Root value={installCommand} mono>
|
|
299
|
+
* <CopyField.Label>Install the Keboola CLI</CopyField.Label>
|
|
300
|
+
* <CopyField.Box>
|
|
301
|
+
* <CopyField.Children>{installCommand}</CopyField.Children>
|
|
302
|
+
* <CopyField.Button />
|
|
303
|
+
* </CopyField.Box>
|
|
304
|
+
* </CopyField.Root>
|
|
305
|
+
* ```
|
|
306
|
+
*
|
|
307
|
+
* @example Masked token with reveal + prefix/suffix
|
|
308
|
+
* ```tsx
|
|
309
|
+
* <CopyField.Root value={dataAppUrl} hiddenByDefault>
|
|
310
|
+
* <CopyField.Label leading={<InfoButton />} trailing={<Switch />}>Data app URL</CopyField.Label>
|
|
311
|
+
* <CopyField.Box>
|
|
312
|
+
* <CopyField.Prefix>https://</CopyField.Prefix>
|
|
313
|
+
* <CopyField.Children><CopyField.Hidden>{slug}</CopyField.Hidden></CopyField.Children>
|
|
314
|
+
* <CopyField.Suffix>.keboola.com</CopyField.Suffix>
|
|
315
|
+
* <CopyField.Reveal />
|
|
316
|
+
* <CopyField.Button />
|
|
317
|
+
* </CopyField.Box>
|
|
318
|
+
* <CopyField.Footer>Click to copy</CopyField.Footer>
|
|
319
|
+
* </CopyField.Root>
|
|
320
|
+
* ```
|
|
321
|
+
*/
|
|
322
|
+
declare const CopyField: {
|
|
323
|
+
/** Container. Owns the copied `value`, mask state, and copy context. */
|
|
324
|
+
Root: ({ value, mono, onCopy, hiddenByDefault, minLines, maxLines, className, children, }: {
|
|
325
|
+
value: string;
|
|
326
|
+
mono?: boolean;
|
|
327
|
+
onCopy?: () => void;
|
|
328
|
+
hiddenByDefault?: boolean;
|
|
329
|
+
minLines?: number;
|
|
330
|
+
maxLines?: number;
|
|
331
|
+
className?: string;
|
|
332
|
+
children: react.ReactNode;
|
|
333
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
334
|
+
/** Visible label above the box, with optional `leading`/`trailing` slots. */
|
|
335
|
+
Label: ({ children, leading, trailing, className }: {
|
|
336
|
+
children: react.ReactNode;
|
|
337
|
+
leading?: react.ReactNode;
|
|
338
|
+
trailing?: react.ReactNode;
|
|
339
|
+
className?: string;
|
|
340
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
341
|
+
/** The clickable copy target row. */
|
|
342
|
+
Box: ({ className, children }: {
|
|
343
|
+
className?: string;
|
|
344
|
+
children: react.ReactNode;
|
|
345
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
346
|
+
/** Muted, non-selectable prefix addon (not copied). */
|
|
347
|
+
Prefix: ({ children, className }: {
|
|
348
|
+
children: react.ReactNode;
|
|
349
|
+
className?: string;
|
|
350
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
351
|
+
/** Displayed value (truncates single-line, wraps multi-line). */
|
|
352
|
+
Children: ({ children, className }: {
|
|
353
|
+
children: react.ReactNode;
|
|
354
|
+
className?: string;
|
|
355
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
356
|
+
/** Muted, non-selectable suffix addon (not copied). */
|
|
357
|
+
Suffix: ({ children, className }: {
|
|
358
|
+
children: react.ReactNode;
|
|
359
|
+
className?: string;
|
|
360
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
361
|
+
/** Masks its children with dots; copy still copies the real value. */
|
|
362
|
+
Hidden: ({ children, revealable, className }: {
|
|
363
|
+
children: react.ReactNode;
|
|
364
|
+
revealable?: boolean;
|
|
365
|
+
className?: string;
|
|
366
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
367
|
+
/** Eye toggle that reveals/masks revealable `CopyField.Hidden` content. */
|
|
368
|
+
Reveal: ({ className }: {
|
|
369
|
+
className?: string;
|
|
370
|
+
}) => react_jsx_runtime.JSX.Element | null;
|
|
371
|
+
/** Copy affordance icon — shows Copy/Check with feedback. */
|
|
372
|
+
Button: ({ className }: {
|
|
373
|
+
className?: string;
|
|
374
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
375
|
+
/** Small helper text below the box. */
|
|
376
|
+
Footer: ({ children, className }: {
|
|
377
|
+
children: react.ReactNode;
|
|
378
|
+
className?: string;
|
|
379
|
+
}) => react_jsx_runtime.JSX.Element | null;
|
|
380
|
+
};
|
|
381
|
+
|
|
279
382
|
type Props$1J = ComponentProps<'a'>;
|
|
280
383
|
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1J & {
|
|
281
384
|
ref?: Ref<ElementRef<"a">>;
|
|
@@ -4186,7 +4289,7 @@ declare const FormGroup: {
|
|
|
4186
4289
|
variant?: "primary" | "secondary" | null | undefined;
|
|
4187
4290
|
form?: string | undefined | undefined;
|
|
4188
4291
|
slot?: string | undefined | undefined;
|
|
4189
|
-
style?: (Omit<react.CSSProperties, "
|
|
4292
|
+
style?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
|
|
4190
4293
|
height?: number;
|
|
4191
4294
|
}) | undefined;
|
|
4192
4295
|
title?: string | undefined | undefined;
|
|
@@ -6288,7 +6391,9 @@ declare const Card: {
|
|
|
6288
6391
|
({ children, className, bordered, padding, ...rest }: Props$b): react_jsx_runtime.JSX.Element;
|
|
6289
6392
|
Header: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
6290
6393
|
Content: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
6291
|
-
Title: ({ children, className, ...rest }: HTMLAttributes<HTMLHeadingElement>
|
|
6394
|
+
Title: ({ children, className, as: Tag, ...rest }: HTMLAttributes<HTMLHeadingElement> & {
|
|
6395
|
+
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
6396
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
6292
6397
|
};
|
|
6293
6398
|
|
|
6294
6399
|
/**
|
|
@@ -7557,7 +7662,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
|
|
|
7557
7662
|
variant?: "primary" | "secondary" | null | undefined;
|
|
7558
7663
|
form?: string | undefined | undefined;
|
|
7559
7664
|
slot?: string | undefined | undefined;
|
|
7560
|
-
style?: (Omit<react.CSSProperties, "
|
|
7665
|
+
style?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
|
|
7561
7666
|
height?: number;
|
|
7562
7667
|
}) | undefined;
|
|
7563
7668
|
title?: string | undefined | undefined;
|
|
@@ -8906,7 +9011,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
|
|
|
8906
9011
|
variant?: "primary" | "secondary" | null | undefined;
|
|
8907
9012
|
form?: string | undefined | undefined;
|
|
8908
9013
|
slot?: string | undefined | undefined;
|
|
8909
|
-
style?: (Omit<react.CSSProperties, "
|
|
9014
|
+
style?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
|
|
8910
9015
|
height?: number;
|
|
8911
9016
|
}) | undefined;
|
|
8912
9017
|
title?: string | undefined | undefined;
|
|
@@ -10255,7 +10360,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
|
|
|
10255
10360
|
variant?: "primary" | "secondary" | null | undefined;
|
|
10256
10361
|
form?: string | undefined | undefined;
|
|
10257
10362
|
slot?: string | undefined | undefined;
|
|
10258
|
-
style?: (Omit<react.CSSProperties, "
|
|
10363
|
+
style?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
|
|
10259
10364
|
height?: number;
|
|
10260
10365
|
}) | undefined;
|
|
10261
10366
|
title?: string | undefined | undefined;
|
|
@@ -10680,4 +10785,4 @@ type Props = {
|
|
|
10680
10785
|
};
|
|
10681
10786
|
declare const ZoomableSvg: ({ html, copyText, className }: Props) => react_jsx_runtime.JSX.Element;
|
|
10682
10787
|
|
|
10683
|
-
export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$I as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type ColorScheme, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$2 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, HelpBlock, HoverCard, InlineStepDetail, type Props$G as InlineStepDetailProps, InlineStepLabel, type Props$F as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, Markdown, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, OtpInput, type RootProps$4 as OtpInputProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1o as Props, Question, type QuestionAnswers, QuestionBlock, type Props$y as QuestionBlockProps, type QuestionOption, type Props$z as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanelGroup, type ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, type TargetRect, TextInput, Textarea, type Theme, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, type Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$1N as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, toast, useAppForm, useArgoDesign, useAutosizeInput, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, withForm };
|
|
10788
|
+
export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$I as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type ColorScheme, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$2 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, HelpBlock, HoverCard, InlineStepDetail, type Props$G as InlineStepDetailProps, InlineStepLabel, type Props$F as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, Markdown, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, OtpInput, type RootProps$4 as OtpInputProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1o as Props, Question, type QuestionAnswers, QuestionBlock, type Props$y as QuestionBlockProps, type QuestionOption, type Props$z as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanelGroup, type ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, type TargetRect, TextInput, Textarea, type Theme, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, type Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$1N as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, toast, useAppForm, useArgoDesign, useAutosizeInput, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, withForm };
|
package/dist/index.d.ts
CHANGED
|
@@ -276,6 +276,109 @@ type Props$1K = {
|
|
|
276
276
|
} & ClipboardProps & ButtonProps$1;
|
|
277
277
|
declare const ClipboardInline: ({ text, tooltip, tooltipPlacement, tooltipVariant, children, hideIcon, ...rest }: Props$1K) => react_jsx_runtime.JSX.Element;
|
|
278
278
|
|
|
279
|
+
/**
|
|
280
|
+
* Compound component for readonly value/command boxes with inline copy.
|
|
281
|
+
*
|
|
282
|
+
* `CopyField.Root` owns the `value` and copy/mask state; `CopyField.Box` is the clickable
|
|
283
|
+
* copy target. Clicking anywhere in the box copies the real `value` to the
|
|
284
|
+
* clipboard (guarded by text-selection so drag-select does NOT trigger a copy),
|
|
285
|
+
* with a Copy → Check feedback for ~1.5s.
|
|
286
|
+
*
|
|
287
|
+
* Shapes:
|
|
288
|
+
* - **Single-line value row** — default proportional font, value truncates.
|
|
289
|
+
* - **Monospace command box** — `mono` on `CopyField.Root`.
|
|
290
|
+
* - **Multi-line** — `maxLines > 1`; content wraps and scrolls between
|
|
291
|
+
* `minLines` and `maxLines` tall.
|
|
292
|
+
*
|
|
293
|
+
* Masking: wrap sensitive content in `CopyField.Hidden`. Revealable hidden content is
|
|
294
|
+
* toggled by `CopyField.Reveal` (an eye button); copy still copies the real value.
|
|
295
|
+
*
|
|
296
|
+
* @example Monospace command
|
|
297
|
+
* ```tsx
|
|
298
|
+
* <CopyField.Root value={installCommand} mono>
|
|
299
|
+
* <CopyField.Label>Install the Keboola CLI</CopyField.Label>
|
|
300
|
+
* <CopyField.Box>
|
|
301
|
+
* <CopyField.Children>{installCommand}</CopyField.Children>
|
|
302
|
+
* <CopyField.Button />
|
|
303
|
+
* </CopyField.Box>
|
|
304
|
+
* </CopyField.Root>
|
|
305
|
+
* ```
|
|
306
|
+
*
|
|
307
|
+
* @example Masked token with reveal + prefix/suffix
|
|
308
|
+
* ```tsx
|
|
309
|
+
* <CopyField.Root value={dataAppUrl} hiddenByDefault>
|
|
310
|
+
* <CopyField.Label leading={<InfoButton />} trailing={<Switch />}>Data app URL</CopyField.Label>
|
|
311
|
+
* <CopyField.Box>
|
|
312
|
+
* <CopyField.Prefix>https://</CopyField.Prefix>
|
|
313
|
+
* <CopyField.Children><CopyField.Hidden>{slug}</CopyField.Hidden></CopyField.Children>
|
|
314
|
+
* <CopyField.Suffix>.keboola.com</CopyField.Suffix>
|
|
315
|
+
* <CopyField.Reveal />
|
|
316
|
+
* <CopyField.Button />
|
|
317
|
+
* </CopyField.Box>
|
|
318
|
+
* <CopyField.Footer>Click to copy</CopyField.Footer>
|
|
319
|
+
* </CopyField.Root>
|
|
320
|
+
* ```
|
|
321
|
+
*/
|
|
322
|
+
declare const CopyField: {
|
|
323
|
+
/** Container. Owns the copied `value`, mask state, and copy context. */
|
|
324
|
+
Root: ({ value, mono, onCopy, hiddenByDefault, minLines, maxLines, className, children, }: {
|
|
325
|
+
value: string;
|
|
326
|
+
mono?: boolean;
|
|
327
|
+
onCopy?: () => void;
|
|
328
|
+
hiddenByDefault?: boolean;
|
|
329
|
+
minLines?: number;
|
|
330
|
+
maxLines?: number;
|
|
331
|
+
className?: string;
|
|
332
|
+
children: react.ReactNode;
|
|
333
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
334
|
+
/** Visible label above the box, with optional `leading`/`trailing` slots. */
|
|
335
|
+
Label: ({ children, leading, trailing, className }: {
|
|
336
|
+
children: react.ReactNode;
|
|
337
|
+
leading?: react.ReactNode;
|
|
338
|
+
trailing?: react.ReactNode;
|
|
339
|
+
className?: string;
|
|
340
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
341
|
+
/** The clickable copy target row. */
|
|
342
|
+
Box: ({ className, children }: {
|
|
343
|
+
className?: string;
|
|
344
|
+
children: react.ReactNode;
|
|
345
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
346
|
+
/** Muted, non-selectable prefix addon (not copied). */
|
|
347
|
+
Prefix: ({ children, className }: {
|
|
348
|
+
children: react.ReactNode;
|
|
349
|
+
className?: string;
|
|
350
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
351
|
+
/** Displayed value (truncates single-line, wraps multi-line). */
|
|
352
|
+
Children: ({ children, className }: {
|
|
353
|
+
children: react.ReactNode;
|
|
354
|
+
className?: string;
|
|
355
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
356
|
+
/** Muted, non-selectable suffix addon (not copied). */
|
|
357
|
+
Suffix: ({ children, className }: {
|
|
358
|
+
children: react.ReactNode;
|
|
359
|
+
className?: string;
|
|
360
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
361
|
+
/** Masks its children with dots; copy still copies the real value. */
|
|
362
|
+
Hidden: ({ children, revealable, className }: {
|
|
363
|
+
children: react.ReactNode;
|
|
364
|
+
revealable?: boolean;
|
|
365
|
+
className?: string;
|
|
366
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
367
|
+
/** Eye toggle that reveals/masks revealable `CopyField.Hidden` content. */
|
|
368
|
+
Reveal: ({ className }: {
|
|
369
|
+
className?: string;
|
|
370
|
+
}) => react_jsx_runtime.JSX.Element | null;
|
|
371
|
+
/** Copy affordance icon — shows Copy/Check with feedback. */
|
|
372
|
+
Button: ({ className }: {
|
|
373
|
+
className?: string;
|
|
374
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
375
|
+
/** Small helper text below the box. */
|
|
376
|
+
Footer: ({ children, className }: {
|
|
377
|
+
children: react.ReactNode;
|
|
378
|
+
className?: string;
|
|
379
|
+
}) => react_jsx_runtime.JSX.Element | null;
|
|
380
|
+
};
|
|
381
|
+
|
|
279
382
|
type Props$1J = ComponentProps<'a'>;
|
|
280
383
|
declare const Link: ({ ref, children, target, rel, onClick, className, ...rest }: Props$1J & {
|
|
281
384
|
ref?: Ref<ElementRef<"a">>;
|
|
@@ -4186,7 +4289,7 @@ declare const FormGroup: {
|
|
|
4186
4289
|
variant?: "primary" | "secondary" | null | undefined;
|
|
4187
4290
|
form?: string | undefined | undefined;
|
|
4188
4291
|
slot?: string | undefined | undefined;
|
|
4189
|
-
style?: (Omit<react.CSSProperties, "
|
|
4292
|
+
style?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
|
|
4190
4293
|
height?: number;
|
|
4191
4294
|
}) | undefined;
|
|
4192
4295
|
title?: string | undefined | undefined;
|
|
@@ -6288,7 +6391,9 @@ declare const Card: {
|
|
|
6288
6391
|
({ children, className, bordered, padding, ...rest }: Props$b): react_jsx_runtime.JSX.Element;
|
|
6289
6392
|
Header: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
6290
6393
|
Content: ({ children, ...rest }: HTMLAttributes<HTMLDivElement>) => react_jsx_runtime.JSX.Element;
|
|
6291
|
-
Title: ({ children, className, ...rest }: HTMLAttributes<HTMLHeadingElement>
|
|
6394
|
+
Title: ({ children, className, as: Tag, ...rest }: HTMLAttributes<HTMLHeadingElement> & {
|
|
6395
|
+
as?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
6396
|
+
}) => react_jsx_runtime.JSX.Element;
|
|
6292
6397
|
};
|
|
6293
6398
|
|
|
6294
6399
|
/**
|
|
@@ -7557,7 +7662,7 @@ declare const useAppForm: <TFormData, TOnMount extends _tanstack_react_form.Form
|
|
|
7557
7662
|
variant?: "primary" | "secondary" | null | undefined;
|
|
7558
7663
|
form?: string | undefined | undefined;
|
|
7559
7664
|
slot?: string | undefined | undefined;
|
|
7560
|
-
style?: (Omit<react.CSSProperties, "
|
|
7665
|
+
style?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
|
|
7561
7666
|
height?: number;
|
|
7562
7667
|
}) | undefined;
|
|
7563
7668
|
title?: string | undefined | undefined;
|
|
@@ -8906,7 +9011,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
|
|
|
8906
9011
|
variant?: "primary" | "secondary" | null | undefined;
|
|
8907
9012
|
form?: string | undefined | undefined;
|
|
8908
9013
|
slot?: string | undefined | undefined;
|
|
8909
|
-
style?: (Omit<react.CSSProperties, "
|
|
9014
|
+
style?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
|
|
8910
9015
|
height?: number;
|
|
8911
9016
|
}) | undefined;
|
|
8912
9017
|
title?: string | undefined | undefined;
|
|
@@ -10255,7 +10360,7 @@ declare const withForm: <TFormData, TOnMount extends _tanstack_react_form.FormVa
|
|
|
10255
10360
|
variant?: "primary" | "secondary" | null | undefined;
|
|
10256
10361
|
form?: string | undefined | undefined;
|
|
10257
10362
|
slot?: string | undefined | undefined;
|
|
10258
|
-
style?: (Omit<react.CSSProperties, "
|
|
10363
|
+
style?: (Omit<react.CSSProperties, "minHeight" | "maxHeight"> & {
|
|
10259
10364
|
height?: number;
|
|
10260
10365
|
}) | undefined;
|
|
10261
10366
|
title?: string | undefined | undefined;
|
|
@@ -10680,4 +10785,4 @@ type Props = {
|
|
|
10680
10785
|
};
|
|
10681
10786
|
declare const ZoomableSvg: ({ html, copyText, className }: Props) => react_jsx_runtime.JSX.Element;
|
|
10682
10787
|
|
|
10683
|
-
export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$I as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type ColorScheme, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$2 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, HelpBlock, HoverCard, InlineStepDetail, type Props$G as InlineStepDetailProps, InlineStepLabel, type Props$F as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, Markdown, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, OtpInput, type RootProps$4 as OtpInputProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1o as Props, Question, type QuestionAnswers, QuestionBlock, type Props$y as QuestionBlockProps, type QuestionOption, type Props$z as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanelGroup, type ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, type TargetRect, TextInput, Textarea, type Theme, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, type Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$1N as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, toast, useAppForm, useArgoDesign, useAutosizeInput, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, withForm };
|
|
10788
|
+
export { Alert, AlertModal, AnswerSummary, type AnswerItem as AnswerSummaryItem, type Props$I as AnswerSummaryProps, type Variant$5 as AnswerSummaryVariant, AppShell, ArgoDesignContext, AutoSaveTextarea, Avatar, Badge, type BrandId, BrandLogo, Breadcrumb, Button, ButtonGroup, ButtonInline, Calendar, type CalendarProps, Card, ChangeClassification, Checkbox, Clipboard, ClipboardButton, ClipboardInline, Collapse, Collapsible, CollapsiblePanel, CollapsibleStepHeader, ColorInput, ColorModeSwitch, type ColorScheme, Combobox, Command, CommandGroup, CommandInput, CommandItem, CommandList, ConflictStatusIndicator, CopyField, DEFAULT_COLOR_SCHEME, DEFAULT_BRAND_ID as DEFAULT_KEBOOLA_BRAND_ID, DateInput, DatePicker, type DateRange, DateRangeInput, DateRangePicker, type DateRangePreset, type DiffInformation, type DiffRow, DiffType, DiffView, DotsLoader, DropdownMenu, EmptyConfigurationActionCard, EmptySearchContent, EmptyState, type RootProps$3 as EmptyStateProps, type Variant$1 as EmptyStateVariant, ErrorState, type RootProps$2 as ErrorStateProps, type Variant as ErrorStateVariant, FileUpload, FormGroup, FullScreenModal, FullScreenModalBody, FullScreenModalHeader, HelpBlock, HoverCard, InlineStepDetail, type Props$G as InlineStepDetailProps, InlineStepLabel, type Props$F as InlineStepLabelProps, type Variant$3 as InlineStepLabelVariant, InputGroup, Kbd, Label, type LineInformation, Link, Markdown, MarkedText, MergeConflict, MessageBubble, Modal, MultiActionButtonGroup, MultiCombobox, Navbar, NumberInput, OtpInput, type RootProps$4 as OtpInputProps, PageHeader, PageLayout, PageToolbar, Pagination, PaneHeader, PanelWithDetails, PasswordInput, PlanApproval, type PlanApprovalProps, type PlanApprovalStatus, PlanRewritingIndicator, type PlanRewritingIndicatorProps, Popconfirm, Popover, Progress, type PromptCommand, PromptInput, type Props$1o as Props, Question, type QuestionAnswers, QuestionBlock, type Props$y as QuestionBlockProps, type QuestionOption, type Props$z as QuestionProps, type QuestionStep, RadioGroup, ResizableHandle, ResizablePanelGroup, type ResolvedColorScheme, ScrollArea, ScrollBar, Search, SearchForm, SearchInput, SearchInputWithNavigation, Select, type SelectItem, type SelectItemGroup, Separator, type ServerFieldError, Sheet, type SideInformation, Sidebar, type SidebarMode, SidebarProvider, type SidebarSide, Skeleton, SkeletonList, Slider, SplitButton, SpotlightBackdrop, type SpotlightTarget, type StepStatus, Stepper, type StepperOrientation, SuggestedPrompt, Switch, Table, Tabs, TabsContent, Tagger, type TargetRect, TextInput, Textarea, type Theme, ThemeProvider, ThinkingIndicator, type ThumbTooltipFn, TimeInput, TimePicker, Timeline, type ToastOptions, Toaster, Toggle, ToggleGroup, type Tokens, ToolCallApproval, type ToolCallApprovalProps, type ToolCallApprovalStatus, ToolCallChip, type ToolCallChipProps, type ToolCallState, Tooltip, type Props$1N as TooltipProps, TooltipProvider, type Trigger, Truncated, UsageStats, UsageStatsRing, type UseAutosizeInputOptions, type UseAutosizeInputReturn, type ValidityState, type WordInformation, ZoomableSvg, argoVariants, cn, computeDiffRows, computeLineInformation, copyToClipboard, isMac, kbdVariants, keys, mergeRefs, setServerFieldErrors, toast, useAppForm, useArgoDesign, useAutosizeInput, useMergeDiff, useNotification, useScrollbarPosition, useSidebar, useTargetRect, useTheme, withForm };
|