@marigold/components 10.0.0 → 10.1.0

package/dist/index.d.mts

@@ -66,11 +66,11 @@ interface AsideProps extends GapSpaceProp, AriaRegionProps {
      */
     side?: 'left' | 'right';
     /**
-     * The side width of the aside content.
+     * The width of the side content.
      */
     sideWidth?: string;
     /**
-     * At which percent the content should wrap.
+     * At what percentage of the content's width should the other content wrap beneath it
      * @default 50%
      */
     wrap?: NonZeroPercentage;
@@ -118,7 +118,7 @@ interface FieldBaseProps<T extends ElementType> extends WidthProp, Pick<HelpText
     isInvalid?: boolean;
     isRequired?: boolean;
 }
-declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react.RefAttributes<any>) => ReactNode;
+declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react.RefAttributes<any>) => React.ReactNode;
 
 interface FieldGroupContextProps {
     labelWidth?: string;
@@ -324,7 +324,7 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
 }
 declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$l = 'isDisabled';
+type RemovedProps$l = 'isDisabled' | 'isPending';
 interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$l> {
     variant?: string;
     size?: string;
@@ -346,6 +346,11 @@ interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$l> {
      * @default false
      */
     disabled?: RAC.ButtonProps['isDisabled'];
+    /**
+     * Whether the button is in a loading state.
+     * This disables press and hover events while retaining focusability, and announces the loading state to screen readers.
+     */
+    loading?: RAC.ButtonProps['isPending'];
 }
 declare const _Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
@@ -712,6 +717,9 @@ type RemovedProps$h = 'className' | 'isRequired' | 'isDisabled' | 'isInvalid' |
 interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProps$h>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
+    /**
+     * Optional element (e.g., button or icon) rendered inside the DateField.
+     */
     action?: ReactElement;
     /**
      * If `true`, the date field is required.
@@ -1294,9 +1302,9 @@ interface ScrollableProps extends WidthProp, AriaRegionProps {
 }
 declare const Scrollable: ({ children, width, height, ...props }: ScrollableProps) => react_jsx_runtime.JSX.Element;
 
-interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'> {
+interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'orientation'>, Pick<FieldBaseProps<'label'>, 'description'> {
     /**
-     * Labels for the thumbs in the slider.
+     * Labels for the thumbs in the slider. Also used for the name when submitting the form.
      */
     thumbLabels?: string[];
     /**
@@ -1311,6 +1319,11 @@ interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'
      * @default false
      */
     disabled?: boolean;
+    /**
+     * @deprecated Will be removed in the next major version. Use `label` prop instead.
+     */
+    children?: ReactNode;
+    label?: string;
 }
 declare const _Slider: react__default.ForwardRefExoticComponent<SliderProps<number | number[]> & react__default.RefAttributes<HTMLDivElement>>;
 

package/dist/index.d.ts

@@ -66,11 +66,11 @@ interface AsideProps extends GapSpaceProp, AriaRegionProps {
      */
     side?: 'left' | 'right';
     /**
-     * The side width of the aside content.
+     * The width of the side content.
      */
     sideWidth?: string;
     /**
-     * At which percent the content should wrap.
+     * At what percentage of the content's width should the other content wrap beneath it
      * @default 50%
      */
     wrap?: NonZeroPercentage;
@@ -118,7 +118,7 @@ interface FieldBaseProps<T extends ElementType> extends WidthProp, Pick<HelpText
     isInvalid?: boolean;
     isRequired?: boolean;
 }
-declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react.RefAttributes<any>) => ReactNode;
+declare const FieldBase: <T extends ElementType>(props: FieldBaseProps<T> & DistributiveOmit<ComponentPropsWithRef<T>, "as"> & react.RefAttributes<any>) => React.ReactNode;
 
 interface FieldGroupContextProps {
     labelWidth?: string;
@@ -324,7 +324,7 @@ interface BodyProps extends Omit<HtmlProps<'section'>, 'className'> {
 }
 declare const Body: ({ children, variant, size, ...props }: BodyProps) => react_jsx_runtime.JSX.Element;
 
-type RemovedProps$l = 'isDisabled';
+type RemovedProps$l = 'isDisabled' | 'isPending';
 interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$l> {
     variant?: string;
     size?: string;
@@ -346,6 +346,11 @@ interface ButtonProps extends Omit<RAC.ButtonProps, RemovedProps$l> {
      * @default false
      */
     disabled?: RAC.ButtonProps['isDisabled'];
+    /**
+     * Whether the button is in a loading state.
+     * This disables press and hover events while retaining focusability, and announces the loading state to screen readers.
+     */
+    loading?: RAC.ButtonProps['isPending'];
 }
 declare const _Button: react.ForwardRefExoticComponent<ButtonProps & react.RefAttributes<HTMLButtonElement>>;
 
@@ -712,6 +717,9 @@ type RemovedProps$h = 'className' | 'isRequired' | 'isDisabled' | 'isInvalid' |
 interface DateFieldProps extends Omit<RAC.DateFieldProps<DateValue>, RemovedProps$h>, Pick<FieldBaseProps<'label'>, 'label' | 'description' | 'errorMessage'> {
     variant?: string;
     size?: string;
+    /**
+     * Optional element (e.g., button or icon) rendered inside the DateField.
+     */
     action?: ReactElement;
     /**
      * If `true`, the date field is required.
@@ -1294,9 +1302,9 @@ interface ScrollableProps extends WidthProp, AriaRegionProps {
 }
 declare const Scrollable: ({ children, width, height, ...props }: ScrollableProps) => react_jsx_runtime.JSX.Element;
 
-interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'> {
+interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'orientation'>, Pick<FieldBaseProps<'label'>, 'description'> {
     /**
-     * Labels for the thumbs in the slider.
+     * Labels for the thumbs in the slider. Also used for the name when submitting the form.
      */
     thumbLabels?: string[];
     /**
@@ -1311,6 +1319,11 @@ interface SliderProps<T> extends Omit<RAC.SliderProps<T>, 'isDisabled' | 'label'
      * @default false
      */
     disabled?: boolean;
+    /**
+     * @deprecated Will be removed in the next major version. Use `label` prop instead.
+     */
+    children?: ReactNode;
+    label?: string;
 }
 declare const _Slider: react__default.ForwardRefExoticComponent<SliderProps<number | number[]> & react__default.RefAttributes<HTMLDivElement>>;