@redsift/products 11.6.0-muiv5-alpha.5 → 11.6.0-muiv5-alpha.6

package/_internal/RadarButton.d.ts

@@ -0,0 +1,8 @@
+import { Comp, ButtonProps } from '@redsift/design-system';
+
+/**
+ * The RadarButton component.
+ */
+declare const RadarButton: Comp<ButtonProps, HTMLButtonElement>;
+
+export { RadarButton as R };

package/_internal/RadarButton.js

@@ -1,8 +1,25 @@
-import { Comp, ButtonProps } from '@redsift/design-system';
+import { _ as _extends } from './_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import { Button } from '@redsift/design-system';
+import { rsiRadarSparkleWhite } from '@redsift/icons';
+
+const COMPONENT_NAME = 'Button';
+const CLASSNAME = 'redsift-radar-button';
 
 /**
  * The RadarButton component.
  */
-declare const RadarButton: Comp<ButtonProps, HTMLButtonElement>;
+const RadarButton = /*#__PURE__*/forwardRef((props, ref) => {
+  return /*#__PURE__*/React__default.createElement(Button, _extends({
+    variant: "primary",
+    leftIcon: rsiRadarSparkleWhite,
+    color: "radar"
+  }, props, {
+    ref: ref
+  }), props.children || 'Radar');
+});
+RadarButton.className = CLASSNAME;
+RadarButton.displayName = COMPONENT_NAME;
 
 export { RadarButton as R };
+//# sourceMappingURL=RadarButton.js.map

package/_internal/RadarItem.d.ts

@@ -0,0 +1,9 @@
+import { Comp } from '@redsift/design-system';
+import { ItemProps } from '@redsift/pickers';
+
+/**
+ * The RadarItem component.
+ */
+declare const RadarItem: Comp<ItemProps, HTMLDivElement>;
+
+export { RadarItem as R };

package/_internal/RadarItem.js

@@ -1,9 +1,23 @@
-import { Comp } from '@redsift/design-system';
-import { ItemProps } from '@redsift/pickers';
+import { _ as _extends } from './_rollupPluginBabelHelpers.js';
+import React__default, { forwardRef } from 'react';
+import { Item } from '@redsift/pickers';
+
+const COMPONENT_NAME = 'Item';
+const CLASSNAME = 'redsift-radar-item';
 
 /**
  * The RadarItem component.
  */
-declare const RadarItem: Comp<ItemProps, HTMLDivElement>;
+const RadarItem = /*#__PURE__*/forwardRef((props, ref) => /*#__PURE__*/React__default.createElement(Item, _extends({
+  padding: "11px 15px",
+  color: "radar",
+  hasBorder: true,
+  borderRadius: "4px"
+}, props, {
+  ref: ref
+})));
+RadarItem.className = CLASSNAME;
+RadarItem.displayName = COMPONENT_NAME;
 
 export { RadarItem as R };
+//# sourceMappingURL=RadarItem.js.map

package/_internal/RadarSimpleDialog.d.ts

@@ -0,0 +1,104 @@
+import { ReactNode, ComponentProps } from 'react';
+import { ButtonColor, Theme, ValueOf, ContainerProps, HeadingProps, IconProps, StylingProps, Comp } from '@redsift/design-system';
+
+/**
+ * Component variant.
+ */
+declare const DialogSize: {
+    readonly small: "small";
+    readonly medium: "medium";
+    readonly large: "large";
+    readonly xlarge: "xlarge";
+};
+type DialogSize = ValueOf<typeof DialogSize>;
+/**
+ * Component props.
+ */
+interface DialogProps {
+    /** Button color that will be forward to the trigger. */
+    color?: ButtonColor;
+    /** Children. Can only be DialogTrigger and DialogContent. */
+    children: ReactNode;
+    /**
+     * Default open status.
+     * Used for uncontrolled version.
+     */
+    defaultOpen?: boolean;
+    /** Whether the Close icon button is displayed or not. */
+    hasCloseButton?: boolean;
+    /** Which element to initially focus. Can be either a number (tabbable index), a ref to en element, or a shortcut pointing towards a section of the dialog. See the accessibility section in the documentation to know which one to use. */
+    initialFocus?: number | React.MutableRefObject<HTMLElement | null> | 'header' | 'body' | 'actions';
+    /**
+     * Whether the component is opened or not.
+     * Used for controlled version.
+     */
+    isOpen?: boolean;
+    /** Method to handle component change. */
+    onOpen?: (open: boolean) => void;
+    /** Dialog size. */
+    size?: DialogSize | {
+        width?: string;
+        maxWidth?: string;
+        minWidth?: string;
+    };
+    /** Theme. */
+    theme?: Theme;
+    /** Class name to append to the trigger. */
+    triggerClassName?: string;
+}
+
+/**
+ * Component props.
+ */
+interface DialogContentBodyProps extends ComponentProps<'div'>, ContainerProps {
+    /** Theme. */
+    theme?: Theme;
+}
+
+/**
+ * Component props.
+ */
+interface DialogContentHeaderProps extends ComponentProps<'div'> {
+    /** Header. */
+    header?: string;
+    /** Heading props allowing to override the component rendered by the heading without changing its style. */
+    headingProps?: Pick<HeadingProps, 'as' | 'noWrap' | 'variant'>;
+    /** Subheader */
+    subheader?: string;
+    /**
+     * Can be a string or an array of strings containing `d` property of the `path` SVG element.<br />
+     * Can also be a ReactElement.
+     */
+    icon?: IconProps['icon'];
+    /** Custom props to pass to the Icon component. */
+    iconProps?: Omit<IconProps, 'ref' | 'icon'>;
+    /** Whether the card is loading or not. */
+    isLoading?: boolean;
+    /** Theme. */
+    theme?: Theme;
+}
+
+/**
+ * Component props.
+ */
+interface DialogContentProps extends ComponentProps<'div'> {
+    /** Theme. */
+    theme?: Theme;
+}
+
+/**
+ * Component props.
+ */
+interface DialogTriggerProps extends ComponentProps<'button'>, StylingProps {
+}
+
+/**
+ * The RadarSimpleDialog component.
+ */
+type RadarSimpleDialogProps = Comp<Omit<DialogProps, 'children'> & {
+    header?: ReactNode;
+    trigger?: Omit<DialogTriggerProps, 'ref'>;
+} & Pick<DialogContentBodyProps, 'children'>, HTMLDivElement>;
+declare const RadarSimpleDialog: RadarSimpleDialogProps;
+
+export { DialogProps as D, RadarSimpleDialogProps as R, DialogTriggerProps as a, DialogContentProps as b, DialogContentHeaderProps as c, DialogContentBodyProps as d, RadarSimpleDialog as e };