@wistia/ui 0.2.0 → 0.3.0

package/dist/index.d.mts

@@ -359,6 +359,8 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
     label: string;
 } & react.RefAttributes<HTMLDivElement>>;
 
+type Spacings = 'space-01' | 'space-02' | 'space-03' | 'space-04' | 'space-05' | 'space-06' | 'space-07' | 'space-08' | 'space-09' | 'space-10' | 'space-11';
+
 type JustifyContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly';
 type AlignContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'stretch';
 type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
@@ -366,8 +368,8 @@ type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start'
 type DirectionType = 'column-reverse' | 'column' | 'row-reverse' | 'row';
 type FillType = boolean | 'horizontal' | 'vertical';
 type Gap = {
-    column: number | string;
-    row: number | string;
+    column: Spacings;
+    row: Spacings;
 };
 /**
  * CSS property => Box prop:
@@ -427,7 +429,7 @@ type BoxProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * Specifies the gaps (gutters) between rows and columns
      */
-    gap?: Gap | string;
+    gap?: Gap | Spacings;
     /**
      * Specifies what amount of space inside the flex container the item should take up
      *
@@ -1203,22 +1205,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
      */
@@ -1228,21 +1215,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;
 };
 
@@ -1822,8 +1824,6 @@ declare const ScreenReaderOnly: {
     displayName: string;
 };
 
-type Spacings = 'space-01' | 'space-02' | 'space-03' | 'space-04' | 'space-05' | 'space-06' | 'space-07' | 'space-08' | 'space-09' | 'space-10' | 'space-11';
-
 type StackProps = {
     /**
      * Optional children

package/dist/index.d.ts

@@ -359,6 +359,8 @@ declare const Badge: react.ForwardRefExoticComponent<Omit<react.DetailedHTMLProp
     label: string;
 } & react.RefAttributes<HTMLDivElement>>;
 
+type Spacings = 'space-01' | 'space-02' | 'space-03' | 'space-04' | 'space-05' | 'space-06' | 'space-07' | 'space-08' | 'space-09' | 'space-10' | 'space-11';
+
 type JustifyContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'space-evenly';
 type AlignContentType = 'center' | 'flex-end' | 'flex-start' | 'space-around' | 'space-between' | 'stretch';
 type AlignItemsType = 'baseline' | 'center' | 'flex-end' | 'flex-start' | 'stretch';
@@ -366,8 +368,8 @@ type AlignSelfType = 'auto' | 'baseline' | 'center' | 'flex-end' | 'flex-start'
 type DirectionType = 'column-reverse' | 'column' | 'row-reverse' | 'row';
 type FillType = boolean | 'horizontal' | 'vertical';
 type Gap = {
-    column: number | string;
-    row: number | string;
+    column: Spacings;
+    row: Spacings;
 };
 /**
  * CSS property => Box prop:
@@ -427,7 +429,7 @@ type BoxProps = ComponentPropsWithoutRef<'div'> & {
     /**
      * Specifies the gaps (gutters) between rows and columns
      */
-    gap?: Gap | string;
+    gap?: Gap | Spacings;
     /**
      * Specifies what amount of space inside the flex container the item should take up
      *
@@ -1203,22 +1205,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
      */
@@ -1228,21 +1215,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;
 };
 
@@ -1822,8 +1824,6 @@ declare const ScreenReaderOnly: {
     displayName: string;
 };
 
-type Spacings = 'space-01' | 'space-02' | 'space-03' | 'space-04' | 'space-05' | 'space-06' | 'space-07' | 'space-08' | 'space-09' | 'space-10' | 'space-11';
-
 type StackProps = {
     /**
      * Optional children