@wistia/ui 0.1.2 → 0.2.1

package/dist/index.d.mts

@@ -544,19 +544,17 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
 };
 declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-type DividerProps = ComponentPropsWithoutRef<'hr'> & {
+type DividerProps = ComponentPropsWithoutRef<'div'> & {
     /**
-     * Size of the divider. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
-     *
-     * @type 'lg' | 'sm'
+     * Orientation of the divider.
      */
-    size?: ResponsiveObject<'lg' | 'sm'> | 'lg' | 'sm';
+    orientation?: 'horizontal' | 'vertical';
 };
 /**
- * A line used to visually separate content
+ * A line used to visually separate content; note that dividers have no margin/spacing on their own.
  */
 declare const Divider: {
-    ({ size, ...otherProps }: DividerProps): JSX.Element;
+    ({ orientation, ...otherProps }: DividerProps): JSX.Element;
     displayName: string;
 };
 
@@ -1205,22 +1203,7 @@ type UncontrolledMenuProps = {
     onOpenChange?: never;
 };
 type MenuControlProps = ControlledMenuProps | UncontrolledMenuProps;
-type MenuPropsWithDefaultTrigger = {
-    /**
-     * The label for the trigger element, this is ignored if `trigger` is defined
-     */
-    label: string;
-    trigger?: never;
-};
-type MenuPropsWithCustomTrigger = {
-    label?: never;
-    /**
-     * Replace the default trigger with a custom button or other element
-     * */
-    trigger: ReactNode;
-};
-type MenuTriggerProps = MenuPropsWithCustomTrigger | MenuPropsWithDefaultTrigger;
-type BaseMenuProps = MenuControlProps & MenuTriggerProps & {
+type MenuProps = MenuControlProps & {
     /**
      * The position of the Menu
      */
@@ -1230,21 +1213,36 @@ type BaseMenuProps = MenuControlProps & MenuTriggerProps & {
      * Should be made up of `MenuItem`, `SubMenu`, `Divider`, or other subcomponents listed
      */
     children: ReactNode;
+    /**
+     * If the menu is compact
+     */
+    compact?: boolean;
+    /**
+     * If disabled, the trigger will appear disabled and the menu will not open
+     */
+    disabled?: boolean;
+    /**
+     * The label for the trigger element, this is ignored if `trigger` is defined
+     */
+    label?: string;
     /**
      * Callback for when the user clicks or focuses outside of the menu
      */
     onInteractOutside?: DropdownMenuContentProps['onInteractOutside'];
+    /**
+     * Replace the default trigger with a custom button or other element
+     * */
+    trigger?: ReactNode;
     /**
      * Props to pass to the trigger component, the default trigger is Button
      */
-    triggerProps?: ButtonProps;
+    triggerProps?: Partial<ButtonProps>;
 };
-type MenuProps = BaseMenuProps & {};
 /**
  * Displays a menu to the users with a set of actions.
  */
 declare const Menu: {
-    ({ align, children, trigger, label, isOpen, triggerProps, onOpenChange, onInteractOutside, ...props }: MenuProps): JSX.Element;
+    ({ align, children, disabled, compact, trigger, label, isOpen, triggerProps, onOpenChange, onInteractOutside, ...props }: MenuProps): JSX.Element;
     displayName: string;
 };
 

package/dist/index.d.ts

@@ -544,19 +544,17 @@ type CheckboxProps = Omit<ComponentPropsWithRef<'label'>, 'onChange'> & {
 };
 declare const Checkbox: react.ForwardRefExoticComponent<Omit<CheckboxProps, "ref"> & react.RefAttributes<HTMLButtonElement>>;
 
-type DividerProps = ComponentPropsWithoutRef<'hr'> & {
+type DividerProps = ComponentPropsWithoutRef<'div'> & {
     /**
-     * Size of the divider. Can be a [responsive prop](/docs/ui-docs-responsive-props--docs).
-     *
-     * @type 'lg' | 'sm'
+     * Orientation of the divider.
      */
-    size?: ResponsiveObject<'lg' | 'sm'> | 'lg' | 'sm';
+    orientation?: 'horizontal' | 'vertical';
 };
 /**
- * A line used to visually separate content
+ * A line used to visually separate content; note that dividers have no margin/spacing on their own.
  */
 declare const Divider: {
-    ({ size, ...otherProps }: DividerProps): JSX.Element;
+    ({ orientation, ...otherProps }: DividerProps): JSX.Element;
     displayName: string;
 };
 
@@ -1205,22 +1203,7 @@ type UncontrolledMenuProps = {
     onOpenChange?: never;
 };
 type MenuControlProps = ControlledMenuProps | UncontrolledMenuProps;
-type MenuPropsWithDefaultTrigger = {
-    /**
-     * The label for the trigger element, this is ignored if `trigger` is defined
-     */
-    label: string;
-    trigger?: never;
-};
-type MenuPropsWithCustomTrigger = {
-    label?: never;
-    /**
-     * Replace the default trigger with a custom button or other element
-     * */
-    trigger: ReactNode;
-};
-type MenuTriggerProps = MenuPropsWithCustomTrigger | MenuPropsWithDefaultTrigger;
-type BaseMenuProps = MenuControlProps & MenuTriggerProps & {
+type MenuProps = MenuControlProps & {
     /**
      * The position of the Menu
      */
@@ -1230,21 +1213,36 @@ type BaseMenuProps = MenuControlProps & MenuTriggerProps & {
      * Should be made up of `MenuItem`, `SubMenu`, `Divider`, or other subcomponents listed
      */
     children: ReactNode;
+    /**
+     * If the menu is compact
+     */
+    compact?: boolean;
+    /**
+     * If disabled, the trigger will appear disabled and the menu will not open
+     */
+    disabled?: boolean;
+    /**
+     * The label for the trigger element, this is ignored if `trigger` is defined
+     */
+    label?: string;
     /**
      * Callback for when the user clicks or focuses outside of the menu
      */
     onInteractOutside?: DropdownMenuContentProps['onInteractOutside'];
+    /**
+     * Replace the default trigger with a custom button or other element
+     * */
+    trigger?: ReactNode;
     /**
      * Props to pass to the trigger component, the default trigger is Button
      */
-    triggerProps?: ButtonProps;
+    triggerProps?: Partial<ButtonProps>;
 };
-type MenuProps = BaseMenuProps & {};
 /**
  * Displays a menu to the users with a set of actions.
  */
 declare const Menu: {
-    ({ align, children, trigger, label, isOpen, triggerProps, onOpenChange, onInteractOutside, ...props }: MenuProps): JSX.Element;
+    ({ align, children, disabled, compact, trigger, label, isOpen, triggerProps, onOpenChange, onInteractOutside, ...props }: MenuProps): JSX.Element;
     displayName: string;
 };