@octoguide/mui-ui-toolkit 0.8.2 → 0.10.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/index.d.mts +49 -1
- package/dist/index.d.ts +49 -1
- package/dist/index.js +479 -262
- package/dist/index.js.map +1 -1
- package/dist/index.mjs +445 -230
- package/dist/index.mjs.map +1 -1
- package/package.json +1 -1
package/dist/index.d.mts
CHANGED
|
@@ -618,6 +618,43 @@ declare const ToggleButton: _emotion_styled.StyledComponent<_mui_material.Toggle
|
|
|
618
618
|
ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
|
|
619
619
|
}, "color" | "disabled" | "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "size" | "value" | "onChange" | "onClick" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
|
|
620
620
|
|
|
621
|
+
interface RadioCardOption {
|
|
622
|
+
/** The value submitted when this option is selected. */
|
|
623
|
+
value: string;
|
|
624
|
+
/** Short label displayed prominently on the card. */
|
|
625
|
+
label: string;
|
|
626
|
+
/** Supporting description displayed beneath the label. */
|
|
627
|
+
description?: string;
|
|
628
|
+
}
|
|
629
|
+
interface RadioCardGroupProps {
|
|
630
|
+
/** Currently selected value. */
|
|
631
|
+
value: string;
|
|
632
|
+
/** Called with the new value when the user selects a card. */
|
|
633
|
+
onChange: (value: string) => void;
|
|
634
|
+
/** The options to render. */
|
|
635
|
+
options: RadioCardOption[];
|
|
636
|
+
/** Disable all cards. */
|
|
637
|
+
disabled?: boolean;
|
|
638
|
+
}
|
|
639
|
+
/**
|
|
640
|
+
* A group of selectable cards, each with a label and optional description.
|
|
641
|
+
* Behaves like a radio group — only one option can be selected at a time.
|
|
642
|
+
*
|
|
643
|
+
* @example
|
|
644
|
+
* <RadioCardGroup
|
|
645
|
+
* value={mode}
|
|
646
|
+
* onChange={setMode}
|
|
647
|
+
* options={[
|
|
648
|
+
* { value: 'hard', label: 'Hard lock', description: 'Block queries once the limit is reached.' },
|
|
649
|
+
* { value: 'soft', label: 'Soft warning', description: 'Append a warning to the response.' },
|
|
650
|
+
* ]}
|
|
651
|
+
* />
|
|
652
|
+
*/
|
|
653
|
+
declare function RadioCardGroup({ value, onChange, options, disabled }: RadioCardGroupProps): react_jsx_runtime.JSX.Element;
|
|
654
|
+
declare namespace RadioCardGroup {
|
|
655
|
+
var displayName: string;
|
|
656
|
+
}
|
|
657
|
+
|
|
621
658
|
type DatePickerProps = DatePickerProps$1;
|
|
622
659
|
type DesktopDatePickerProps = DesktopDatePickerProps$1;
|
|
623
660
|
type MobileDatePickerProps = MobileDatePickerProps$1;
|
|
@@ -1021,6 +1058,17 @@ declare namespace Toggle {
|
|
|
1021
1058
|
var displayName: string;
|
|
1022
1059
|
}
|
|
1023
1060
|
|
|
1061
|
+
type ToastVariant = 'error' | 'warning' | 'success';
|
|
1062
|
+
interface ToastProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1063
|
+
onClose?: () => void;
|
|
1064
|
+
variant?: ToastVariant;
|
|
1065
|
+
isVisible?: boolean;
|
|
1066
|
+
/** Custom icon element. When omitted a default icon for the variant is used. */
|
|
1067
|
+
icon?: React__default.ReactNode;
|
|
1068
|
+
message: string;
|
|
1069
|
+
}
|
|
1070
|
+
declare const Toast: React__default.ForwardRefExoticComponent<ToastProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1071
|
+
|
|
1024
1072
|
type TableProps = TableProps$1;
|
|
1025
1073
|
type TableHeadProps = TableHeadProps$1;
|
|
1026
1074
|
type TableBodyProps = TableBodyProps$1;
|
|
@@ -1110,4 +1158,4 @@ interface TypographyButtonProps extends Omit<TypographyProps, 'variant'> {
|
|
|
1110
1158
|
}
|
|
1111
1159
|
declare const TypographyButton: React__default.ForwardRefExoticComponent<Omit<TypographyButtonProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
|
|
1112
1160
|
|
|
1113
|
-
export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, OtpInput, type OtpInputProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };
|
|
1161
|
+
export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, OtpInput, type OtpInputProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, RadioCardGroup, type RadioCardGroupProps, type RadioCardOption, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toast, type ToastProps, type ToastVariant, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };
|
package/dist/index.d.ts
CHANGED
|
@@ -618,6 +618,43 @@ declare const ToggleButton: _emotion_styled.StyledComponent<_mui_material.Toggle
|
|
|
618
618
|
ref?: ((instance: HTMLButtonElement | null) => void | React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof React.DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | React.RefObject<HTMLButtonElement> | null | undefined;
|
|
619
619
|
}, "color" | "disabled" | "className" | "style" | "classes" | "action" | "centerRipple" | "children" | "disableRipple" | "disableTouchRipple" | "focusRipple" | "focusVisibleClassName" | "LinkComponent" | "onFocusVisible" | "sx" | "tabIndex" | "TouchRippleProps" | "touchRippleRef" | "disableFocusRipple" | "fullWidth" | "size" | "value" | "onChange" | "onClick" | "selected"> & _mui_system.MUIStyledCommonProps<_mui_material.Theme>, {}, {}>;
|
|
620
620
|
|
|
621
|
+
interface RadioCardOption {
|
|
622
|
+
/** The value submitted when this option is selected. */
|
|
623
|
+
value: string;
|
|
624
|
+
/** Short label displayed prominently on the card. */
|
|
625
|
+
label: string;
|
|
626
|
+
/** Supporting description displayed beneath the label. */
|
|
627
|
+
description?: string;
|
|
628
|
+
}
|
|
629
|
+
interface RadioCardGroupProps {
|
|
630
|
+
/** Currently selected value. */
|
|
631
|
+
value: string;
|
|
632
|
+
/** Called with the new value when the user selects a card. */
|
|
633
|
+
onChange: (value: string) => void;
|
|
634
|
+
/** The options to render. */
|
|
635
|
+
options: RadioCardOption[];
|
|
636
|
+
/** Disable all cards. */
|
|
637
|
+
disabled?: boolean;
|
|
638
|
+
}
|
|
639
|
+
/**
|
|
640
|
+
* A group of selectable cards, each with a label and optional description.
|
|
641
|
+
* Behaves like a radio group — only one option can be selected at a time.
|
|
642
|
+
*
|
|
643
|
+
* @example
|
|
644
|
+
* <RadioCardGroup
|
|
645
|
+
* value={mode}
|
|
646
|
+
* onChange={setMode}
|
|
647
|
+
* options={[
|
|
648
|
+
* { value: 'hard', label: 'Hard lock', description: 'Block queries once the limit is reached.' },
|
|
649
|
+
* { value: 'soft', label: 'Soft warning', description: 'Append a warning to the response.' },
|
|
650
|
+
* ]}
|
|
651
|
+
* />
|
|
652
|
+
*/
|
|
653
|
+
declare function RadioCardGroup({ value, onChange, options, disabled }: RadioCardGroupProps): react_jsx_runtime.JSX.Element;
|
|
654
|
+
declare namespace RadioCardGroup {
|
|
655
|
+
var displayName: string;
|
|
656
|
+
}
|
|
657
|
+
|
|
621
658
|
type DatePickerProps = DatePickerProps$1;
|
|
622
659
|
type DesktopDatePickerProps = DesktopDatePickerProps$1;
|
|
623
660
|
type MobileDatePickerProps = MobileDatePickerProps$1;
|
|
@@ -1021,6 +1058,17 @@ declare namespace Toggle {
|
|
|
1021
1058
|
var displayName: string;
|
|
1022
1059
|
}
|
|
1023
1060
|
|
|
1061
|
+
type ToastVariant = 'error' | 'warning' | 'success';
|
|
1062
|
+
interface ToastProps extends React__default.HTMLAttributes<HTMLDivElement> {
|
|
1063
|
+
onClose?: () => void;
|
|
1064
|
+
variant?: ToastVariant;
|
|
1065
|
+
isVisible?: boolean;
|
|
1066
|
+
/** Custom icon element. When omitted a default icon for the variant is used. */
|
|
1067
|
+
icon?: React__default.ReactNode;
|
|
1068
|
+
message: string;
|
|
1069
|
+
}
|
|
1070
|
+
declare const Toast: React__default.ForwardRefExoticComponent<ToastProps & React__default.RefAttributes<HTMLDivElement>>;
|
|
1071
|
+
|
|
1024
1072
|
type TableProps = TableProps$1;
|
|
1025
1073
|
type TableHeadProps = TableHeadProps$1;
|
|
1026
1074
|
type TableBodyProps = TableBodyProps$1;
|
|
@@ -1110,4 +1158,4 @@ interface TypographyButtonProps extends Omit<TypographyProps, 'variant'> {
|
|
|
1110
1158
|
}
|
|
1111
1159
|
declare const TypographyButton: React__default.ForwardRefExoticComponent<Omit<TypographyButtonProps, "ref"> & React__default.RefAttributes<HTMLElement>>;
|
|
1112
1160
|
|
|
1113
|
-
export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, OtpInput, type OtpInputProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };
|
|
1161
|
+
export { ABNInput, type ABNInputProps, Accordion, AccordionDetails, type AccordionDetailsProps, type AccordionProps, AccordionSummary, type AccordionSummaryProps, Alert, type AlertProps, AlertTitle, type AlertTitleProps, Avatar, type AvatarProps, type AvatarSize, Body1, type Body1Props, Body2, type Body2Props, type BorderRadiusTokens, Button, type ButtonProps, Caption, type CaptionProps, Card, CardActions, CardContent, CardHeader, type CardProps, Chip, type ChipProps, type ColorTokens, type ComponentTokens, ConfirmDialog, type ConfirmDialogProps, DateCalendar, type DateCalendarProps, DateField, type DateFieldProps, DateLocalizationProvider, type DateLocalizationProviderProps, DatePicker, type DatePickerProps, DateRangePickerCalendar, type DateRangePickerCalendarProps, DateRangePickerInput, type DateRangePickerInputProps, type DateRangeValue, DateTimeField, type DateTimeFieldProps, DateTimePicker, type DateTimePickerProps, DesktopDatePicker, type DesktopDatePickerProps, DesktopDateTimePicker, type DesktopDateTimePickerProps, DesktopTimePicker, type DesktopTimePickerProps, Grid, type GridProps, H1, type H1Props, H2, type H2Props, H3, type H3Props, H4, type H4Props, H5, type H5Props, H6, type H6Props, IconText, type IconTextProps, type IconTextSymbol, InternalLinkItem, type InternalLinkItemProps, Link, type LinkProps, LogoLink, type LogoLinkProps, MobileDatePicker, type MobileDatePickerProps, MobileDateTimePicker, type MobileDateTimePickerProps, MobileTimePicker, type MobileTimePickerProps, MultiSelect, type MultiSelectOption, type MultiSelectProps, OtpInput, type OtpInputProps, Overline, type OverlineProps, PageSpinner, type PageSpinnerProps, Pagination, type PaginationColor, type PaginationProps, type PaginationShape, type PaginationVariant, Paragraph, type ParagraphProps, Password, PasswordCriteria, type PasswordCriteriaProps, type PasswordProps, PasswordRule, type PasswordRuleProps, PasswordRules, RadioCardGroup, type RadioCardGroupProps, type RadioCardOption, type ShadowTokens, type SpacingTokens, Spinner, type SpinnerProps, type SpinnerSize, StandaloneAccordion, StaticDatePicker, type StaticDatePickerProps, StaticDateTimePicker, type StaticDateTimePickerProps, StaticTimePicker, type StaticTimePickerProps, Subtitle1, type Subtitle1Props, Subtitle2, type Subtitle2Props, Table, TableBody, type TableBodyProps, TableCell, type TableCellProps, TableContainer, type TableContainerProps, TableHead, TableHeadCell, type TableHeadProps, TablePagination, type TableProps, TableRow, type TableRowProps, TableSortLabel, TextField, type TextFieldProps, type ThemeName, type ThemeTokens, TimeField, type TimeFieldProps, TimePicker, type TimePickerProps, Toast, type ToastProps, type ToastVariant, Toggle, ToggleButton, ToggleButtonGroup, type ToggleButtonGroupProps, type ToggleButtonProps, type ToggleProps, ToolkitThemeProvider, type TransitionTokens, TypographyButton, type TypographyButtonProps, type TypographyTokens, Variant, type ZIndexTokens, createMuiTheme, getThemeTokens, passwordValidator, resolveThemeName, themeRegistry };
|