@getsoren/design-system 4.74.0 → 4.75.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/main.cjs +37 -37
- package/dist/main.js +1149 -1085
- package/dist/src/components/Inputs/CheckboxCard/CheckboxCard.d.ts +20 -0
- package/dist/src/main.d.ts +2 -0
- package/package.json +1 -1
|
@@ -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;
|
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';
|