@marigold/components 12.0.3 → 12.0.4

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/index.d.mts CHANGED
@@ -508,6 +508,61 @@ interface ContainerProps extends GapSpaceProp, AriaRegionProps {
508
508
  }
509
509
  declare const Container: ({ contentLength, align, alignItems, space, children, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
510
510
 
511
+ interface ContextualHelpContentProps {
512
+ children: React.ReactNode;
513
+ variant?: string;
514
+ size?: string;
515
+ }
516
+ declare const ContextualHelpContent: ({ children, variant, size, }: ContextualHelpContentProps) => react_jsx_runtime.JSX.Element;
517
+
518
+ interface ContextualHelpTitleProps {
519
+ children: React.ReactNode;
520
+ variant?: string;
521
+ size?: string;
522
+ }
523
+ declare const ContextualHelpTitle: ({ children, variant, size, }: ContextualHelpTitleProps) => react_jsx_runtime.JSX.Element;
524
+
525
+ declare const icons$1: {
526
+ help: () => react_jsx_runtime.JSX.Element;
527
+ info: () => react_jsx_runtime.JSX.Element;
528
+ };
529
+ interface ContextualHelpComponent extends ForwardRefExoticComponent<ContextualHelpProps & RefAttributes<HTMLInputElement>> {
530
+ /**
531
+ * Options for the Combobox.
532
+ */
533
+ Title: typeof ContextualHelpTitle;
534
+ Content: typeof ContextualHelpContent;
535
+ }
536
+ /**
537
+ * Placement of the popover.
538
+ * @default bottom start
539
+ */
540
+ type Placement = 'top' | 'bottom' | 'left' | 'right' | 'top start' | 'bottom start';
541
+ /**
542
+ * Props for the ContextualHelp component.
543
+ */
544
+ interface ContextualHelpProps {
545
+ /** Size of the button and popover. */
546
+ size?: 'small' | 'medium' | 'large';
547
+ /** Content rendered inside the popover. */
548
+ children: ReactNode;
549
+ /** Visual variant of the icon (e.g. info or help). */
550
+ variant?: keyof typeof icons$1;
551
+ /** Placement of the popover relative to the button. */
552
+ placement?: Placement;
553
+ /** Optional width size for the popover */
554
+ width?: 'small' | 'medium' | 'large';
555
+ /** Offset (in px) between button and popover. */
556
+ offset?: number;
557
+ /** Whether the popover is open by default (uncontrolled). */
558
+ defaultOpen?: boolean;
559
+ /** Controls the open state of the popover (controlled). */
560
+ open?: boolean;
561
+ /** Handler that is called when the open state changes. */
562
+ onOpenChange?: (isOpen: boolean) => void;
563
+ }
564
+ declare const _ContextualHelp: ContextualHelpComponent;
565
+
511
566
  interface DialogActions {
512
567
  /**
513
568
  * Children of the component.
@@ -1684,6 +1739,11 @@ interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' |
1684
1739
  * Content to display when there are no rows in the table.
1685
1740
  */
1686
1741
  emptyState?: () => ReactNode;
1742
+ /**
1743
+ * Control the vertical alignment of table content.
1744
+ * @default middle
1745
+ */
1746
+ alignY?: Exclude<JSX.IntrinsicElements['td']['valign'], 'baseline' | 'sub' | 'super' | 'bottom'>;
1687
1747
  }
1688
1748
  interface RowProps extends RowProps$1<any> {
1689
1749
  variant?: string;
@@ -2015,4 +2075,4 @@ interface TimeFieldProps extends Omit<RAC.TimeFieldProps<TimeValue>, RemovedProp
2015
2075
  }
2016
2076
  declare const _TimeField: react.ForwardRefExoticComponent<TimeFieldProps & react.RefAttributes<HTMLInputElement>>;
2017
2077
 
2018
- export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, _Form as Form, type FormProps, Grid, type GridProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$m as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, gridColsAlign, gridColumn, useFieldGroupContext, usePortalContainer };
2078
+ export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, _Form as Form, type FormProps, Grid, type GridProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$m as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _ContextualHelp, gridColsAlign, gridColumn, useFieldGroupContext, usePortalContainer };
package/dist/index.d.ts CHANGED
@@ -508,6 +508,61 @@ interface ContainerProps extends GapSpaceProp, AriaRegionProps {
508
508
  }
509
509
  declare const Container: ({ contentLength, align, alignItems, space, children, ...props }: ContainerProps) => react_jsx_runtime.JSX.Element;
510
510
 
511
+ interface ContextualHelpContentProps {
512
+ children: React.ReactNode;
513
+ variant?: string;
514
+ size?: string;
515
+ }
516
+ declare const ContextualHelpContent: ({ children, variant, size, }: ContextualHelpContentProps) => react_jsx_runtime.JSX.Element;
517
+
518
+ interface ContextualHelpTitleProps {
519
+ children: React.ReactNode;
520
+ variant?: string;
521
+ size?: string;
522
+ }
523
+ declare const ContextualHelpTitle: ({ children, variant, size, }: ContextualHelpTitleProps) => react_jsx_runtime.JSX.Element;
524
+
525
+ declare const icons$1: {
526
+ help: () => react_jsx_runtime.JSX.Element;
527
+ info: () => react_jsx_runtime.JSX.Element;
528
+ };
529
+ interface ContextualHelpComponent extends ForwardRefExoticComponent<ContextualHelpProps & RefAttributes<HTMLInputElement>> {
530
+ /**
531
+ * Options for the Combobox.
532
+ */
533
+ Title: typeof ContextualHelpTitle;
534
+ Content: typeof ContextualHelpContent;
535
+ }
536
+ /**
537
+ * Placement of the popover.
538
+ * @default bottom start
539
+ */
540
+ type Placement = 'top' | 'bottom' | 'left' | 'right' | 'top start' | 'bottom start';
541
+ /**
542
+ * Props for the ContextualHelp component.
543
+ */
544
+ interface ContextualHelpProps {
545
+ /** Size of the button and popover. */
546
+ size?: 'small' | 'medium' | 'large';
547
+ /** Content rendered inside the popover. */
548
+ children: ReactNode;
549
+ /** Visual variant of the icon (e.g. info or help). */
550
+ variant?: keyof typeof icons$1;
551
+ /** Placement of the popover relative to the button. */
552
+ placement?: Placement;
553
+ /** Optional width size for the popover */
554
+ width?: 'small' | 'medium' | 'large';
555
+ /** Offset (in px) between button and popover. */
556
+ offset?: number;
557
+ /** Whether the popover is open by default (uncontrolled). */
558
+ defaultOpen?: boolean;
559
+ /** Controls the open state of the popover (controlled). */
560
+ open?: boolean;
561
+ /** Handler that is called when the open state changes. */
562
+ onOpenChange?: (isOpen: boolean) => void;
563
+ }
564
+ declare const _ContextualHelp: ContextualHelpComponent;
565
+
511
566
  interface DialogActions {
512
567
  /**
513
568
  * Children of the component.
@@ -1684,6 +1739,11 @@ interface TableProps extends Pick<AriaTableProps, 'focusMode' | 'onRowAction' |
1684
1739
  * Content to display when there are no rows in the table.
1685
1740
  */
1686
1741
  emptyState?: () => ReactNode;
1742
+ /**
1743
+ * Control the vertical alignment of table content.
1744
+ * @default middle
1745
+ */
1746
+ alignY?: Exclude<JSX.IntrinsicElements['td']['valign'], 'baseline' | 'sub' | 'super' | 'bottom'>;
1687
1747
  }
1688
1748
  interface RowProps extends RowProps$1<any> {
1689
1749
  variant?: string;
@@ -2015,4 +2075,4 @@ interface TimeFieldProps extends Omit<RAC.TimeFieldProps<TimeValue>, RemovedProp
2015
2075
  }
2016
2076
  declare const _TimeField: react.ForwardRefExoticComponent<TimeFieldProps & react.RefAttributes<HTMLInputElement>>;
2017
2077
 
2018
- export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, _Form as Form, type FormProps, Grid, type GridProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$m as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, gridColsAlign, gridColumn, useFieldGroupContext, usePortalContainer };
2078
+ export { Accordion, AccordionItem, type AccordionProps, ActionMenu, type GridAreaProps as AreaProps, Aside, type AsideProps, Aspect, type AspectProps, _Autocomplete as Autocomplete, type AutocompleteProps, Badge, type BadgeProps, Body, type BodyProps, Breakout, type BreakoutProps, _Button as Button, type ButtonProps, _Calendar as Calendar, type CalendarProps, Card, type CardProps, Center, type CenterProps, _Checkbox as Checkbox, type CheckboxComponent, _CheckboxGroup as CheckboxGroup, type CheckboxGroupProps, type CheckboxProps, type ColumnProps, Columns, type ColumnsProps, _ComboBox as ComboBox, type ComboBoxProps, Container, type ContainerProps, _ContextualHelp as ContextualHelp, type ContextualHelpProps, _DateField as DateField, type DateFieldProps, _DatePicker as DatePicker, type DatePickerProps, _Dialog as Dialog, type DialogProps, type DisclosureProps, _Divider as Divider, type DividerProps, Drawer, FieldBase, type FieldBaseProps, FieldGroup, FieldGroupContext, type FieldGroupContextProps, type FieldGroupProps, Footer, type FooterProps, _Form as Form, type FormProps, Grid, type GridProps, _Header as Header, type HeaderProps, _Headline as Headline, type HeadlineProps, Image, type ImageProps, Inline, type InlineProps, _Input as Input, type InputProps, Inset, type InsetProps, _Label as Label, type LabelProps, _Link as Link, type LinkProps, List, type ListProps, MarigoldProvider, type MarigoldProviderProps, _Menu as Menu, type MenuProps, _Modal as Modal, type ModalProps, Multiselect, NonModal, type NonModalProps, type NonModalRenderProps, _NumberField as NumberField, type NumberFieldProps, OverlayContainerProvider, _Pagination as Pagination, type PaginationProps, _Popover as Popover, type PopoverProps, _Radio as Radio, type RadioComponent, _RadioGroup as RadioGroup, type RadioGroupProps, type RadioProps, type RemovedProps$m as RemovedProps, type RowProps, Scrollable, type ScrollableProps, _SearchField as SearchField, type SearchFieldProps, SectionMessage, type SectionMessageProps, _Select as Select, type SelectComponent, _SelectList as SelectList, type SelectListProps, type SelectProps, _Slider as Slider, type SliderProps, Split, Stack, type StackProps, _Switch as Switch, type SwitchProps, Table, type TableProps, _Tabs as Tabs, type TabsProps, _Tag as Tag, type TagProps, type TemplateValue, _Text as Text, _TextArea as TextArea, type TextAreaProps, _TextField as TextField, type TextFieldProps, type TextProps, Tiles, type TilesProps, _TimeField as TimeField, type TimeFieldProps, _Tooltip as Tooltip, type TooltipProps, Underlay, type UnderlayProps, XLoader, type XLoaderProps, _ContextualHelp, gridColsAlign, gridColumn, useFieldGroupContext, usePortalContainer };