@indico-data/design-system 2.22.0 → 2.23.0

package/lib/index.d.ts

@@ -1067,10 +1067,10 @@ type MenuProps = {
 declare function Menu({ children }: MenuProps): react_jsx_runtime.JSX.Element;
 
 type Props = {
-    value: string;
-    status: 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary';
-    size: 'sm' | 'md' | 'lg';
+    children: React.ReactNode | React.ReactNode[];
+    status?: 'success' | 'warning' | 'error' | 'info' | 'neutral' | 'primary' | 'secondary';
+    size?: 'sm' | 'md' | 'lg';
 };
-declare const Pill: ({ value, status, size, ...rest }: Props) => react_jsx_runtime.JSX.Element;
+declare const Pill: ({ children, status, size, ...rest }: Props) => react_jsx_runtime.JSX.Element;
 
 export { animation as ANIMATION, Radio$1 as AbstractRadio, RadioGroup as AbstractRadioGroup, Accordion, breakpoints as BREAKPOINT, BarSpinner, BorderSelect, Button, allColors as COLORS, Card, Checkbox, CirclePulse, CircleSpinner, Col, ConfirmModal, Container, DatePicker, EditableInput, Form, GlobalStyles, Icon, IconButton, LabeledInput as Input, Button$1 as LegacyButton, ListTable, LoadingAwareContainer, LoadingList, margin as MARGINS, MATH, mediaQueries as MEDIA_QUERIES, Menu, ModalBase, MultiCombobox, NoInputDatePicker, NumberInput, padding as PADDINGS, Pagination, LabeledPasswordInput as PasswordInput, PercentageRing, Pill, Popper, Radio$2 as Radio, RadioGroup$1 as RadioGroup, Radio as RadioInput, RandomLoadingMessage, Row, spacings as SPACING, SearchInput, Section, SectionBlock, SectionBody, SectionHeader, SectionTable, Select$1 as Select, Select as SelectInput, Shrug, SingleCombobox, Skeleton, typography as TYPOGRAPHY, Table, TextInput, TextTruncate, LabeledTextarea as Textarea, Toggle$1 as Toggle, Toggle as ToggleInput, Tooltip, color as colorUtils, number as numberUtils, string as stringUtils };

package/lib/index.esm.js

@@ -42639,12 +42639,12 @@ const Tooltip = (props) => {
 };
 
 const Pill = (_a) => {
-    var { value, status = 'info', size = 'sm' } = _a, rest = __rest$1(_a, ["value", "status", "size"]);
+    var { children, status = 'info', size = 'sm' } = _a, rest = __rest$1(_a, ["children", "status", "size"]);
     const className = classNames('pill', {
         [`pill--${status}`]: status,
         [`pill--${size}`]: size,
     });
-    return (jsx("div", Object.assign({ className: className }, rest, { children: value })));
+    return (jsx("div", Object.assign({ className: className }, rest, { children: children })));
 };
 
 export { animation as ANIMATION, Radio$1 as AbstractRadio, RadioGroup$1 as AbstractRadioGroup, Accordion, breakpoints as BREAKPOINT, BarSpinner, BorderSelect, Button$2 as Button, allColors as COLORS, Card, Checkbox, CirclePulse, CircleSpinner, Col, ConfirmModal, Container, DatePicker, EditableInput, Form, GlobalStyles, Icon, IconButton, LabeledInput as Input, Button$1 as LegacyButton, ListTable, LoadingAwareContainer, LoadingList, margin as MARGINS, MATH, mediaQueries as MEDIA_QUERIES, Menu, ModalBase, MultiCombobox, NoInputDatePicker, NumberInput, padding as PADDINGS, Pagination, LabeledPasswordInput as PasswordInput, PercentageRing, Pill, Popper, Radio, RadioGroup, Radio$2 as RadioInput, RandomLoadingMessage, Row$1 as Row, spacings as SPACING, SearchInput, Section, SectionBlock, SectionBody, SectionHeader, SectionTable, Select, Select$1 as SelectInput, Shrug, SingleCombobox, Skeleton, typography as TYPOGRAPHY, Table$1 as Table, TextInput, TextTruncate, LabeledTextarea as Textarea, Toggle, Toggle$1 as ToggleInput, Tooltip, color as colorUtils, number as numberUtils, string as stringUtils };