@indico-data/design-system 2.17.2 → 2.19.0

package/lib/index.d.ts

@@ -681,7 +681,6 @@ type ModalBaseProps = PermafrostComponent$1 & {
     children: React$1.ReactNode | React$1.ReactNode[];
     clickToDismiss?(): void;
     describedBy?: string;
-    /** a selector representing the desired parent; defaults to `#root` */
     node?: string;
     open: boolean;
     preventEscDismiss?: boolean;
@@ -920,23 +919,28 @@ declare const Icon: ({ name, size, className, ariaLabel, ...props }: IconProps)
 
 declare const Table: <T>(props: TableProps<T>) => react_jsx_runtime.JSX.Element;
 
-interface InputProps {
+interface LabelProps {
     label: string;
     name: string;
+    isRequired?: boolean;
+}
+interface WithLabelProps extends LabelProps {
+    hasHiddenLabel?: boolean;
+}
+
+interface InputProps extends WithLabelProps {
     value?: string | undefined;
-    placeholder: string;
+    placeholder?: string;
     onChange: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
-    isRequired?: boolean;
     isDisabled?: boolean;
     errorMessage?: string | undefined;
     helpText?: string;
-    hasHiddenLabel?: boolean;
     iconName?: IconName$1;
     isClearable?: boolean;
     className?: string;
     defaultValue?: string;
 }
-declare const Input: React$1.ForwardRefExoticComponent<InputProps & React$1.RefAttributes<HTMLInputElement>>;
+declare const LabeledInput: React$1.ForwardRefExoticComponent<Omit<InputProps & React$1.RefAttributes<HTMLInputElement> & WithLabelProps, "ref"> & React$1.RefAttributes<any>>;
 
 interface RadioProps {
     ref?: React$1.LegacyRef<HTMLInputElement>;
@@ -976,18 +980,14 @@ interface ToggleProps {
 }
 declare const Toggle: React$1.ForwardRefExoticComponent<Omit<ToggleProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
 
-interface TextareaProps {
+interface TextareaProps extends WithLabelProps {
     ref?: React$1.LegacyRef<HTMLTextAreaElement>;
-    label: string;
-    name: string;
-    placeholder: string;
+    placeholder?: string;
     value?: string | undefined;
     onChange: (e: React$1.ChangeEvent<HTMLTextAreaElement>) => void;
-    isRequired?: boolean;
     isDisabled?: boolean;
     errorMessage?: string | undefined;
     helpText?: string;
-    hasHiddenLabel?: boolean;
     rows?: number;
     cols?: number;
     readonly?: boolean;
@@ -997,24 +997,20 @@ interface TextareaProps {
     autofocus?: boolean;
     defaultValue?: string;
 }
-declare const Textarea: React$1.ForwardRefExoticComponent<Omit<TextareaProps, "ref"> & React$1.RefAttributes<HTMLTextAreaElement>>;
+declare const LabeledTextarea: React$1.ForwardRefExoticComponent<Omit<Omit<TextareaProps, "ref"> & React$1.RefAttributes<HTMLTextAreaElement> & WithLabelProps, "ref"> & React$1.RefAttributes<any>>;
 
-interface PasswordInputProps {
+interface PasswordInputProps extends WithLabelProps {
     ref?: React$1.LegacyRef<HTMLInputElement>;
-    label: string;
     value?: string | undefined;
-    name: string;
-    placeholder: string;
+    placeholder?: string;
     onChange: (e: React$1.ChangeEvent<HTMLInputElement>) => void;
-    isRequired?: boolean;
     isDisabled?: boolean;
     errorMessage?: string | undefined;
     helpText?: string;
-    hasHiddenLabel?: boolean;
     hasShowPassword?: boolean;
     defaultValue?: string;
 }
-declare const PasswordInput: React$1.ForwardRefExoticComponent<Omit<PasswordInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement>>;
+declare const LabeledPasswordInput: React$1.ForwardRefExoticComponent<Omit<Omit<PasswordInputProps, "ref"> & React$1.RefAttributes<HTMLInputElement> & WithLabelProps, "ref"> & React$1.RefAttributes<any>>;
 
 interface SelectProps<OptionType extends SelectOption> extends Props$r<OptionType> {
     options: OptionType[];
@@ -1053,4 +1049,4 @@ type Props = {
 };
 declare const Card: React$1.FC<Props>;
 
-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, Input, Button$1 as LegacyButton, ListTable, LoadingAwareContainer, LoadingList, margin as MARGINS, MATH, mediaQueries as MEDIA_QUERIES, ModalBase, MultiCombobox, NoInputDatePicker, NumberInput, padding as PADDINGS, Pagination, PasswordInput, PercentageRing, 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, Textarea, Toggle$1 as Toggle, Toggle as ToggleInput, Tooltip, color as colorUtils, number as numberUtils, string as stringUtils };
+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, ModalBase, MultiCombobox, NoInputDatePicker, NumberInput, padding as PADDINGS, Pagination, LabeledPasswordInput as PasswordInput, PercentageRing, 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 };