@luscii-healthtech/web-ui 43.0.0 → 44.0.1

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.
@@ -8,9 +8,16 @@ export interface RadioProps extends React.InputHTMLAttributes<HTMLInputElement>
8
8
  innerRef?: React.Ref<HTMLInputElement>;
9
9
  }
10
10
  /**
11
- * TODO: The CSS styling is all messed up, including isError
12
- * Warning: don't use this prop before this is resolved
13
- * Issue to track: https://github.com/Luscii/web-ui/issues/57
14
- * TODO: remove this comment once this is resolved
11
+ * @deprecated Use `LabeledRadio` components in a `LabeledRadioGroup` instead.
12
+ *
13
+ * E.g. with React Hook Form:
14
+ *
15
+ * @example
16
+ * ```tsx
17
+ * <LabeledRadioGroup>
18
+ * <LabeledRadio {...register("favoriteFruit")} label="Apple" value="apple" />
19
+ * <LabeledRadio {...register("favoriteFruit")} label="Banana" value="banana" />
20
+ * </LabeledRadioGroup>
21
+ * ```
15
22
  */
16
23
  export declare const RadioV2: React.ForwardRefExoticComponent<RadioProps & React.RefAttributes<HTMLInputElement>>;
@@ -7,4 +7,17 @@ export interface RadioGroupProps extends Omit<React.InputHTMLAttributes<HTMLInpu
7
7
  innerRef?: React.Ref<HTMLInputElement>;
8
8
  title?: string;
9
9
  }
10
+ /**
11
+ * @deprecated Use `LabeledRadio` components in a `LabeledRadioGroup` instead.
12
+ *
13
+ * E.g. with React Hook Form:
14
+ *
15
+ * @example
16
+ * ```tsx
17
+ * <LabeledRadioGroup>
18
+ * <LabeledRadio {...register("favoriteFruit")} label="Apple" value="apple" />
19
+ * <LabeledRadio {...register("favoriteFruit")} label="Banana" value="banana" />
20
+ * </LabeledRadioGroup>
21
+ * ```
22
+ */
10
23
  export declare const RadioGroupV2: React.ForwardRefExoticComponent<RadioGroupProps & React.RefAttributes<HTMLInputElement>>;
@@ -65,8 +65,6 @@ export { Page, CRUDPage, type CRUDPageProps } from "./components/Page";
65
65
  export { PaginationMenu } from "./components/PaginationMenu/PaginationMenu";
66
66
  export { type PageSize as PaginationMenuPageSize, type OnPaginationChange as OnPaginationMenuChange, type Localization as PaginationMenuLocalization, type PaginationMenuProps, } from "./components/PaginationMenu/PaginationMenu.types";
67
67
  export { default as PreviewPhone } from "./components/PreviewPhone/PreviewPhone";
68
- export { default as Radio } from "./components/Radio/Radio";
69
- export { default as RadioGroup } from "./components/RadioGroup/RadioGroup";
70
68
  export { type RadioProps, RadioV2 } from "./components/Radio/RadioV2";
71
69
  export { type RadioGroupProps, RadioGroupV2, } from "./components/RadioGroup/RadioGroupV2";
72
70
  export { default as Section, type SectionProps, } from "./components/Section/Section";
@@ -1,6 +1,7 @@
1
1
  declare const _default: {
2
2
  title: string;
3
3
  component: import("react").ForwardRefExoticComponent<import("../src").RadioGroupProps & import("react").RefAttributes<HTMLInputElement>>;
4
+ tags: string[];
4
5
  };
5
6
  export default _default;
6
7
  export declare const RadioGroup: {
@@ -1,6 +1,7 @@
1
1
  declare const _default: {
2
2
  title: string;
3
3
  component: import("react").ForwardRefExoticComponent<import("../src").RadioProps & import("react").RefAttributes<HTMLInputElement>>;
4
+ tags: string[];
4
5
  };
5
6
  export default _default;
6
7
  export declare const Base: {
@@ -3972,13 +3972,6 @@ button, input:where([type='button'], [type='reset'], [type='submit']), ::file-se
3972
3972
  }
3973
3973
  }
3974
3974
  }
3975
- .ui\:hover\:bg-primary-dark {
3976
- &:hover {
3977
- @media (hover: hover) {
3978
- background-color: var(--ui-color-blue-900);
3979
- }
3980
- }
3981
- }
3982
3975
  .ui\:hover\:bg-red-50 {
3983
3976
  &:hover {
3984
3977
  @media (hover: hover) {