@frontify/fondue-components 15.0.0 → 16.0.0

package/dist/fondue-components68.js

@@ -1,24 +1,24 @@
-const t = "_table_lj8j6_4", o = "_headerCell_lj8j6_18", l = "_rowCell_lj8j6_19", e = "_caption_lj8j6_46", _ = "_cellContent_lj8j6_71", n = "_sortIndicator_lj8j6_96", c = "_body_lj8j6_100", j = "_row_lj8j6_19", r = "_buttonText_lj8j6_164", s = {
+const t = "_table_1outv_4", o = "_headerCell_1outv_18", e = "_rowCell_1outv_19", _ = "_caption_1outv_46", n = "_cellContent_1outv_71", l = "_sortIndicator_1outv_96", c = "_body_1outv_100", r = "_row_1outv_19", s = "_buttonText_1outv_164", a = {
   table: t,
   headerCell: o,
-  rowCell: l,
-  caption: e,
-  cellContent: _,
-  sortIndicator: n,
+  rowCell: e,
+  caption: _,
+  cellContent: n,
+  sortIndicator: l,
   body: c,
-  row: j,
-  buttonText: r
+  row: r,
+  buttonText: s
 };
 export {
   c as body,
-  r as buttonText,
-  e as caption,
-  _ as cellContent,
-  s as default,
+  s as buttonText,
+  _ as caption,
+  n as cellContent,
+  a as default,
   o as headerCell,
-  j as row,
-  l as rowCell,
-  n as sortIndicator,
+  r as row,
+  e as rowCell,
+  l as sortIndicator,
   t as table
 };
 //# sourceMappingURL=fondue-components68.js.map

package/dist/fondue-components74.js

@@ -1,10 +1,10 @@
-const t = "_dark_efdh9_1", d = "_light_efdh9_250", s = {
+const t = "_dark_1mr83_1", r = "_light_1mr83_250", s = {
   dark: t,
-  light: d
+  light: r
 };
 export {
   t as dark,
   s as default,
-  d as light
+  r as light
 };
 //# sourceMappingURL=fondue-components74.js.map

package/dist/index.d.ts

@@ -620,6 +620,11 @@ declare type DropdownContentProps = {
      * Prevents the focus from being set on the trigger when the dropdown is closed.
      */
     preventTriggerFocusOnClose?: boolean;
+    /**
+     * Define the minimum distance between the dropdown and the viewport edge
+     * @default 'compact'
+     */
+    viewportCollisionPadding?: DropdownViewportCollisionPadding;
 };
 
 declare type DropdownGroupProps = {
@@ -706,6 +711,8 @@ declare type DropdownTriggerProps = {
     'data-test-id'?: string;
 };
 
+declare type DropdownViewportCollisionPadding = 'compact' | 'spacious';
+
 export declare const Flex: ForwardRefExoticComponent<LayoutComponentProps & {
 /**
 * The element to render the Flex component as.
@@ -813,6 +820,11 @@ declare type FlyoutContentProps = {
      * @default "360px"
      */
     maxWidth?: string;
+    /**
+     * Define the minimum distance between the flyout and the viewport edge
+     * @default 'compact'
+     */
+    viewportCollisionPadding?: FlyoutViewportCollisionPadding;
     children?: ReactNode;
     'data-test-id'?: string;
 };
@@ -862,6 +874,8 @@ declare type FlyoutTriggerProps = {
     'data-test-id'?: string;
 };
 
+declare type FlyoutViewportCollisionPadding = 'compact' | 'spacious';
+
 declare const ForwardedRefCombobox: ForwardRefExoticComponent<    {
 /**
 * Children of the Combobox component. This can contain the `Select.Slot` components for the label, decorators, clear action and menu.
@@ -909,6 +923,11 @@ id?: string;
 * The data test id of the combobox component.
 */
 'data-test-id'?: string;
+/**
+* Define the minimum distance between the select menu and the viewport edge
+* @default 'compact'
+*/
+viewportCollisionPadding?: SelectMenuViewportCollisionPadding;
 } & CommonAriaProps & RefAttributes<HTMLDivElement>>;
 
 declare const ForwardedRefSelectItem: ForwardRefExoticComponent<SelectItemProps & RefAttributes<HTMLLIElement>>;
@@ -1380,10 +1399,15 @@ declare type SelectComponentProps = {
      * @default true
      */
     showStringValue?: boolean;
+    /**
+     * Define the minimum distance between the select menu and the viewport edge
+     * @default 'compact'
+     */
+    viewportCollisionPadding?: SelectMenuViewportCollisionPadding;
 } & CommonAriaProps;
 
 declare const SelectInput: {
-    ({ children, onSelect, value, defaultValue, placeholder, status, disabled, alignMenu, side, id, showStringValue, "data-test-id": dataTestId, ...props }: SelectComponentProps, forwardedRef: ForwardedRef<HTMLDivElement>): JSX_2.Element;
+    ({ children, onSelect, value, defaultValue, placeholder, status, disabled, alignMenu, side, id, showStringValue, "data-test-id": dataTestId, viewportCollisionPadding, ...props }: SelectComponentProps, forwardedRef: ForwardedRef<HTMLDivElement>): JSX_2.Element;
     displayName: string;
 };
 
@@ -1425,6 +1449,8 @@ declare type SelectItemProps = {
     children: string;
 });
 
+declare type SelectMenuViewportCollisionPadding = 'compact' | 'spacious';
+
 declare type SelectSlotProps = {
     /**
      * The children of the select slot. This can be a custom component.