@sequencing/design-system 0.0.94 → 0.0.96
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/documentation.json +60 -39
- package/dist/esm/index.css +1 -1
- package/dist/esm/index.js +2 -2
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Molecules/index.d.ts +0 -1
- package/dist/esm/types/components/Organisms/Header/Header.d.ts +4 -4
- package/dist/esm/types/components/Organisms/Header/_components/HeaderChip/HeaderChip.d.ts +53 -0
- package/dist/index.css +1 -1
- package/dist/index.d.ts +5 -40
- package/dist/index.js +2 -2
- package/dist/index.js.map +1 -1
- package/dist/types/components/Molecules/index.d.ts +0 -1
- package/dist/types/components/Organisms/Header/Header.d.ts +4 -4
- package/dist/types/components/Organisms/Header/_components/HeaderChip/HeaderChip.d.ts +53 -0
- package/package.json +1 -1
- package/dist/esm/types/components/Molecules/Chip/Chip.d.ts +0 -36
- package/dist/types/components/Molecules/Chip/Chip.d.ts +0 -36
|
@@ -1,36 +0,0 @@
|
|
|
1
|
-
import React from 'react';
|
|
2
|
-
interface ChipDropdownItemProps {
|
|
3
|
-
/** The optional icon of the option */
|
|
4
|
-
icon?: string;
|
|
5
|
-
/** The option label */
|
|
6
|
-
label: string;
|
|
7
|
-
/** The url target of the option. It only has effect for `link` item types */
|
|
8
|
-
href?: string;
|
|
9
|
-
/**
|
|
10
|
-
* Defines the main option on mobile view. By default, the main option renders
|
|
11
|
-
* the parent Chip button label and icon. It has no effect on the desktop view.
|
|
12
|
-
*/
|
|
13
|
-
main?: boolean;
|
|
14
|
-
/** The callback when a option is clicked */
|
|
15
|
-
onClick?: () => void;
|
|
16
|
-
/** Defines the HTML tag the option will be rendered. It doesn't affect the visual layout */
|
|
17
|
-
type: "button" | "link";
|
|
18
|
-
}
|
|
19
|
-
interface ChipProps {
|
|
20
|
-
/** The icon to be displayed on the left side of the Chip button. Usually, it's the user avatar */
|
|
21
|
-
icon?: string;
|
|
22
|
-
/** The Chip button's label. Usually, it's the user name */
|
|
23
|
-
label: string;
|
|
24
|
-
/** The list of floating options to appear when the user clicks on the Chip button */
|
|
25
|
-
dropdownItems?: ChipDropdownItemProps[];
|
|
26
|
-
/** Disable the click when set to `true` */
|
|
27
|
-
disabled?: boolean;
|
|
28
|
-
}
|
|
29
|
-
/**
|
|
30
|
-
* The Chip component is a button with an optional icon that presents a dropdown menu when clicked.
|
|
31
|
-
* On mobile views, those dropdown options will be stacked up. Set the flag `main` to `true` if
|
|
32
|
-
* you want to make a children item render as the Chip button (showing its icon and label)
|
|
33
|
-
*
|
|
34
|
-
*/
|
|
35
|
-
declare const Chip: ({ icon, label, dropdownItems, disabled }: ChipProps) => React.JSX.Element;
|
|
36
|
-
export default Chip;
|