@undefine-ui/design-system 3.8.1 → 3.8.3

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.
Files changed (7) hide show
  1. package/dist/index.cjs +8 -6
  2. package/dist/index.cjs.map +1 -1
  3. package/dist/index.d.cts +3 -2
  4. package/dist/index.d.ts +3 -2
  5. package/dist/index.js +8 -6
  6. package/dist/index.js.map +1 -1
  7. package/package.json +1 -1
package/dist/index.d.cts CHANGED
@@ -1866,13 +1866,14 @@ interface RHFToggleButtonProps extends Omit<ToggleButtonGroupProps, 'name' | 'va
1866
1866
  fullWidth?: boolean;
1867
1867
  helperText?: React.ReactNode;
1868
1868
  options: RHFToggleButtonOption[];
1869
+ onValueChange?: (value: string | number) => void;
1869
1870
  slotProps?: {
1870
1871
  formControl?: FormControlProps;
1871
1872
  formLabel?: FormLabelProps;
1872
1873
  formHelperText?: FormHelperTextProps;
1873
1874
  };
1874
1875
  }
1875
- declare const RHFToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
1876
+ declare const RHFToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, onValueChange, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
1876
1877
 
1877
1878
  interface RHFAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends AutocompleteProps<T, Multiple, DisableClearable, FreeSolo> {
1878
1879
  name: string;
@@ -2066,7 +2067,7 @@ declare const Field: {
2066
2067
  DateTime: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFDateTimePickerProps) => react_jsx_runtime.JSX.Element>;
2067
2068
  DateRange: typeof RHFDateRangePicker;
2068
2069
  Autocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({ name, label, required, placeholder, helperText, handleChange, ...other }: Omit<RHFAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput">) => react_jsx_runtime.JSX.Element;
2069
- ToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
2070
+ ToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, onValueChange, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
2070
2071
  MultiCheckbox: ({ name, label, options, slotProps, helperText, row, ...other }: RHFMultiCheckboxProps) => react_jsx_runtime.JSX.Element;
2071
2072
  GooglePlacesAutocomplete: ({ name, helperText, valueType, onValueChange, onPlaceDetailsChange, fetchPlaceDetails, ...other }: RHFGooglePlacesAutocompleteProps) => react_jsx_runtime.JSX.Element;
2072
2073
  };
package/dist/index.d.ts CHANGED
@@ -1866,13 +1866,14 @@ interface RHFToggleButtonProps extends Omit<ToggleButtonGroupProps, 'name' | 'va
1866
1866
  fullWidth?: boolean;
1867
1867
  helperText?: React.ReactNode;
1868
1868
  options: RHFToggleButtonOption[];
1869
+ onValueChange?: (value: string | number) => void;
1869
1870
  slotProps?: {
1870
1871
  formControl?: FormControlProps;
1871
1872
  formLabel?: FormLabelProps;
1872
1873
  formHelperText?: FormHelperTextProps;
1873
1874
  };
1874
1875
  }
1875
- declare const RHFToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
1876
+ declare const RHFToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, onValueChange, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
1876
1877
 
1877
1878
  interface RHFAutocompleteProps<T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined> extends AutocompleteProps<T, Multiple, DisableClearable, FreeSolo> {
1878
1879
  name: string;
@@ -2066,7 +2067,7 @@ declare const Field: {
2066
2067
  DateTime: react.MemoExoticComponent<({ name, slotProps, helperText, clearable, format, ...other }: RHFDateTimePickerProps) => react_jsx_runtime.JSX.Element>;
2067
2068
  DateRange: typeof RHFDateRangePicker;
2068
2069
  Autocomplete: <T, Multiple extends boolean | undefined, DisableClearable extends boolean | undefined, FreeSolo extends boolean | undefined>({ name, label, required, placeholder, helperText, handleChange, ...other }: Omit<RHFAutocompleteProps<T, Multiple, DisableClearable, FreeSolo>, "renderInput">) => react_jsx_runtime.JSX.Element;
2069
- ToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
2070
+ ToggleButton: ({ name, label, helperText, options, fullWidth, slotProps, onValueChange, sx, ...other }: RHFToggleButtonProps) => react_jsx_runtime.JSX.Element;
2070
2071
  MultiCheckbox: ({ name, label, options, slotProps, helperText, row, ...other }: RHFMultiCheckboxProps) => react_jsx_runtime.JSX.Element;
2071
2072
  GooglePlacesAutocomplete: ({ name, helperText, valueType, onValueChange, onPlaceDetailsChange, fetchPlaceDetails, ...other }: RHFGooglePlacesAutocompleteProps) => react_jsx_runtime.JSX.Element;
2072
2073
  };
package/dist/index.js CHANGED
@@ -9270,8 +9270,8 @@ var RHFSwitch = ({
9270
9270
  }
9271
9271
  ),
9272
9272
  label: /* @__PURE__ */ jsxs57(Stack6, { children: [
9273
- /* @__PURE__ */ jsx89(Typography10, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: label }),
9274
- description && /* @__PURE__ */ jsx89(Typography10, { variant: "body2", color: "text.body", children: description })
9273
+ /* @__PURE__ */ jsx89(Typography10, { variant: "h8", color: "text.header", fontWeight: 500, children: label }),
9274
+ description && /* @__PURE__ */ jsx89(Typography10, { variant: "bodyXs", color: "text.body", children: description })
9275
9275
  ] }),
9276
9276
  sx: {
9277
9277
  alignItems: description ? "flex-start" : "center",
@@ -9766,8 +9766,8 @@ var RHFRadioGroup = ({
9766
9766
  }
9767
9767
  ),
9768
9768
  label: /* @__PURE__ */ jsxs60(Stack7, { children: [
9769
- /* @__PURE__ */ jsx95(Typography11, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: option.label }),
9770
- option?.description && /* @__PURE__ */ jsx95(Typography11, { variant: "body2", color: "text.body", children: option?.description })
9769
+ /* @__PURE__ */ jsx95(Typography11, { variant: "h8", color: "text.header", fontWeight: 500, children: option.label }),
9770
+ option?.description && /* @__PURE__ */ jsx95(Typography11, { variant: "bodyXs", color: "text.body", children: option?.description })
9771
9771
  ] }),
9772
9772
  sx: {
9773
9773
  alignItems: option?.description ? "flex-start" : "center"
@@ -9845,6 +9845,7 @@ var RHFToggleButton = ({
9845
9845
  options,
9846
9846
  fullWidth,
9847
9847
  slotProps,
9848
+ onValueChange,
9848
9849
  sx,
9849
9850
  ...other
9850
9851
  }) => {
@@ -9871,6 +9872,7 @@ var RHFToggleButton = ({
9871
9872
  onChange: (_, newValue) => {
9872
9873
  if (newValue !== null) {
9873
9874
  field.onChange(newValue);
9875
+ onValueChange?.(newValue);
9874
9876
  }
9875
9877
  },
9876
9878
  exclusive: true,
@@ -10113,8 +10115,8 @@ var RHFCheckbox = ({
10113
10115
  }
10114
10116
  ),
10115
10117
  label: /* @__PURE__ */ jsxs63(Stack8, { children: [
10116
- /* @__PURE__ */ jsx99(Typography12, { variant: "bodyMd", color: "text.header", fontWeight: 500, children: label }),
10117
- description && /* @__PURE__ */ jsx99(Typography12, { variant: "body2", color: "text.body", children: description })
10118
+ /* @__PURE__ */ jsx99(Typography12, { variant: "h8", color: "text.header", fontWeight: 500, children: label }),
10119
+ description && /* @__PURE__ */ jsx99(Typography12, { variant: "bodyXs", color: "text.body", children: description })
10118
10120
  ] }),
10119
10121
  sx: {
10120
10122
  alignItems: description ? "flex-start" : "center",