@kwantis-id3/frontend-library 1.0.0 → 1.1.0
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.
- package/dist/esm/index.js +23 -14
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Accordion/AccordionInterfaces.d.ts +2 -0
- package/dist/esm/types/components/Accordion/AccordionStyled.d.ts +2 -0
- package/dist/esm/types/components/Dropdown/DropdownInterfaces.d.ts +3 -0
- package/dist/esm/types/components/Dropdown/DropdownStyled.d.ts +2 -0
- package/dist/index.d.ts +5 -0
- package/package.json +1 -1
|
@@ -10,6 +10,7 @@ export declare const StyledAccordion: import("@emotion/styled").StyledComponent<
|
|
|
10
10
|
} & {
|
|
11
11
|
$variant: "default" | "light";
|
|
12
12
|
$isOpen: boolean;
|
|
13
|
+
$reversed?: boolean;
|
|
13
14
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
14
15
|
export declare const StyledAccordionHeader: import("@emotion/styled").StyledComponent<{
|
|
15
16
|
theme?: import("@emotion/react").Theme;
|
|
@@ -31,4 +32,5 @@ export declare const Icon: import("@emotion/styled").StyledComponent<{
|
|
|
31
32
|
as?: React.ElementType;
|
|
32
33
|
} & {
|
|
33
34
|
$isOpen: boolean;
|
|
35
|
+
$reversed?: boolean;
|
|
34
36
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
|
|
@@ -38,6 +38,8 @@ export type TDropdownProps = {
|
|
|
38
38
|
borderWidth?: string;
|
|
39
39
|
/** Controls wether the dropdown should extend towards the left or the right */
|
|
40
40
|
direction?: "left" | "right";
|
|
41
|
+
/** Controls whether the dropdown menu opens above or below the trigger */
|
|
42
|
+
placement?: "top" | "bottom";
|
|
41
43
|
/** Controls whether the dropdown body should have absolute or fixed position
|
|
42
44
|
* By default, it is set to absolute, which means the dropdown will be positioned relative to its parent element.
|
|
43
45
|
* Use fixed if you want the body to be above the entire page, regardless of the parent element.
|
|
@@ -48,5 +50,6 @@ export type TDropdownProps = {
|
|
|
48
50
|
};
|
|
49
51
|
export type TDropdownItemProps = TDropdownItem & {
|
|
50
52
|
direction?: string;
|
|
53
|
+
placement?: "top" | "bottom";
|
|
51
54
|
closeBody: () => void;
|
|
52
55
|
};
|
|
@@ -14,6 +14,7 @@ export declare const DropdownBody: import("@emotion/styled").StyledComponent<{
|
|
|
14
14
|
$isOpen: boolean;
|
|
15
15
|
$bgColor: string;
|
|
16
16
|
$position: "absolute" | "fixed";
|
|
17
|
+
$placement: "top" | "bottom";
|
|
17
18
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
18
19
|
export declare const DropdownItemInnerContainer: import("@emotion/styled").StyledComponent<{
|
|
19
20
|
theme?: import("@emotion/react").Theme;
|
|
@@ -31,6 +32,7 @@ export declare const DropdownBodyMobile: import("@emotion/styled").StyledCompone
|
|
|
31
32
|
} & {
|
|
32
33
|
$isOpen: boolean;
|
|
33
34
|
$bgColor: string;
|
|
35
|
+
$placement?: "top" | "bottom";
|
|
34
36
|
}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
|
|
35
37
|
export declare const DropdownItemMobileContainer: import("@emotion/styled").StyledComponent<{
|
|
36
38
|
theme?: import("@emotion/react").Theme;
|
package/dist/index.d.ts
CHANGED
|
@@ -175,6 +175,8 @@ type TAccordionProps = PropsWithChildren & {
|
|
|
175
175
|
* @default "default"
|
|
176
176
|
*/
|
|
177
177
|
variant?: "default" | "light";
|
|
178
|
+
/** Reverses the layout so the content expands above the header */
|
|
179
|
+
reversed?: boolean;
|
|
178
180
|
};
|
|
179
181
|
|
|
180
182
|
declare const Accordion: FC<TAccordionProps>;
|
|
@@ -356,6 +358,8 @@ type TDropdownProps = {
|
|
|
356
358
|
borderWidth?: string;
|
|
357
359
|
/** Controls wether the dropdown should extend towards the left or the right */
|
|
358
360
|
direction?: "left" | "right";
|
|
361
|
+
/** Controls whether the dropdown menu opens above or below the trigger */
|
|
362
|
+
placement?: "top" | "bottom";
|
|
359
363
|
/** Controls whether the dropdown body should have absolute or fixed position
|
|
360
364
|
* By default, it is set to absolute, which means the dropdown will be positioned relative to its parent element.
|
|
361
365
|
* Use fixed if you want the body to be above the entire page, regardless of the parent element.
|
|
@@ -366,6 +370,7 @@ type TDropdownProps = {
|
|
|
366
370
|
};
|
|
367
371
|
type TDropdownItemProps = TDropdownItem & {
|
|
368
372
|
direction?: string;
|
|
373
|
+
placement?: "top" | "bottom";
|
|
369
374
|
closeBody: () => void;
|
|
370
375
|
};
|
|
371
376
|
|