@kwantis-id3/frontend-library 1.0.0-rc.26 → 1.0.0-rc.27

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
@@ -34,6 +34,11 @@ export type TDropdownProps = {
34
34
  hoverColor?: string;
35
35
  /** Controls wether the dropdown should extend towards the left or the right */
36
36
  direction?: "left" | "right";
37
+ /** Controls whether the dropdown body should have absolute or fixed position
38
+ * By default, it is set to absolute, which means the dropdown will be positioned relative to its parent element.
39
+ * Use fixed if you want the body to be above the entire page, regardless of the parent element.
40
+ */
41
+ menuPosition?: "absolute" | "fixed";
37
42
  /** The mobile breakpoint, by default it's 768px */
38
43
  mobileBreakpoint?: number;
39
44
  };
@@ -13,6 +13,7 @@ export declare const DropdownBody: import("@emotion/styled").StyledComponent<{
13
13
  $direction: string;
14
14
  $isOpen: boolean;
15
15
  $bgColor: string;
16
+ $position: "absolute" | "fixed";
16
17
  }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
17
18
  export declare const DropdownItemInnerContainer: import("@emotion/styled").StyledComponent<{
18
19
  theme?: import("@emotion/react").Theme;
package/dist/index.d.ts CHANGED
@@ -351,6 +351,11 @@ type TDropdownProps = {
351
351
  hoverColor?: string;
352
352
  /** Controls wether the dropdown should extend towards the left or the right */
353
353
  direction?: "left" | "right";
354
+ /** Controls whether the dropdown body should have absolute or fixed position
355
+ * By default, it is set to absolute, which means the dropdown will be positioned relative to its parent element.
356
+ * Use fixed if you want the body to be above the entire page, regardless of the parent element.
357
+ */
358
+ menuPosition?: "absolute" | "fixed";
354
359
  /** The mobile breakpoint, by default it's 768px */
355
360
  mobileBreakpoint?: number;
356
361
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kwantis-id3/frontend-library",
3
- "version": "1.0.0-rc.26",
3
+ "version": "1.0.0-rc.27",
4
4
  "description": "Kwantis frontend components collection",
5
5
  "scriptsComments": {
6
6
  "storybook": "Starts storybook in development mode",