@getsoren/design-system 4.74.0 → 4.76.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.
|
@@ -0,0 +1,20 @@
|
|
|
1
|
+
import { ReactNode } from 'react';
|
|
2
|
+
export interface CheckboxCardProps {
|
|
3
|
+
/** Secondary line under the label — one line, ellipsized */
|
|
4
|
+
description?: string;
|
|
5
|
+
/** Leading visual, rendered in a 40px tile — an outlined icon, an avatar, an illustration */
|
|
6
|
+
icon: ReactNode;
|
|
7
|
+
/** Selected state — the card is a stateless toggle (`aria-checked`), the group logic
|
|
8
|
+
* (single or multi select) belongs to the consumer. For a plain radio list without icon
|
|
9
|
+
* or description, prefer `FormControlLabel variant="card"` with a Radio. */
|
|
10
|
+
isSelected: boolean;
|
|
11
|
+
/** Main line — one line, ellipsized */
|
|
12
|
+
label: string;
|
|
13
|
+
onClick: () => void;
|
|
14
|
+
}
|
|
15
|
+
/**
|
|
16
|
+
* Large tap-target selection card: icon tile, label, optional description and a check indicator.
|
|
17
|
+
* Sized for tablet use in the field.
|
|
18
|
+
*/
|
|
19
|
+
declare const CheckboxCard: ({ description, icon, isSelected, label, onClick }: CheckboxCardProps) => import("@emotion/react/jsx-runtime").JSX.Element;
|
|
20
|
+
export default CheckboxCard;
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Fades the edges of a horizontally scrollable container to hint at hidden content.
|
|
3
|
+
* Returns props to spread on the scroll container: a ref, an onScroll handler and a
|
|
4
|
+
* dynamic `maskImage` that fades only the edges that still overflow (right when there
|
|
5
|
+
* is more to reveal, left once scrolled). Pure CSS mask, so it is background-agnostic.
|
|
6
|
+
*/
|
|
7
|
+
declare const useScrollFadeMask: <T extends HTMLElement = HTMLDivElement>() => {
|
|
8
|
+
maskImage: string;
|
|
9
|
+
onScroll: () => void;
|
|
10
|
+
ref: (node: T | null) => void;
|
|
11
|
+
};
|
|
12
|
+
export default useScrollFadeMask;
|
package/dist/src/main.d.ts
CHANGED
|
@@ -68,6 +68,8 @@ export * from './components/Inputs/AutocompleteFilter';
|
|
|
68
68
|
export { default as AutocompleteFilter } from './components/Inputs/AutocompleteFilter';
|
|
69
69
|
export type { ButtonProps } from './components/Inputs/Button';
|
|
70
70
|
export { default as Button } from './components/Inputs/Button';
|
|
71
|
+
export * from './components/Inputs/CheckboxCard/CheckboxCard';
|
|
72
|
+
export { default as CheckboxCard } from './components/Inputs/CheckboxCard/CheckboxCard';
|
|
71
73
|
export * from './components/Inputs/ChipFilter/ChipFilter';
|
|
72
74
|
export { default as ChipFilter } from './components/Inputs/ChipFilter/ChipFilter';
|
|
73
75
|
export * from './components/Inputs/CountryAutocomplete/CountryAutocomplete';
|
|
@@ -115,6 +117,8 @@ export * from './hooks/useMenu';
|
|
|
115
117
|
export { default as useMenu } from './hooks/useMenu';
|
|
116
118
|
export * from './hooks/usePermission';
|
|
117
119
|
export { default as usePermission } from './hooks/usePermission';
|
|
120
|
+
export * from './hooks/useScrollFadeMask/useScrollFadeMask';
|
|
121
|
+
export { default as useScrollFadeMask } from './hooks/useScrollFadeMask/useScrollFadeMask';
|
|
118
122
|
export * from './hooks/useSnackbar';
|
|
119
123
|
export { default as useSnackbar } from './hooks/useSnackbar';
|
|
120
124
|
export * from './hooks/useTabs';
|