@luscii-healthtech/web-ui 59.2.0 → 60.0.0

package/dist/src/components/Radio/LabeledRadio.d.ts

@@ -1,7 +1,17 @@
 import React from "react";
 type Props = React.ComponentPropsWithRef<"input"> & {
     /**
-     * The visual label next to the radio indicator.
+     * Content that belongs to this option, rendered underneath it and lined
+     * up with the label, such as an extra input that appears when the option
+     * is selected. It is rendered outside of the `<label>`, so it can safely
+     * contain interactive elements without toggling the radio. Use `label` for
+     * the label of the radio itself.
+     *
+     * The radio's label does not label anything in `children`, so inputs in
+     * there need their own accessible name (e.g. `aria-label`). Children are not
+     * dimmed when the radio is `disabled`; that is up to the consumer.
+     * Best suited for vertical groups, as in a horizontal group the children
+     * widen the column of its option.
      */
     children?: React.ReactNode;
     /**
@@ -28,9 +38,9 @@ type Props = React.ComponentPropsWithRef<"input"> & {
      */
     id: string;
     /**
-     * The visual label next to the radio indicator.
-     * Alternative to `children` for when it's easier to just pass
-     * a string as a prop. Will be rendered inside a `<Text>` component.
+     * The visual label next to the radio indicator. A string (or number) is
+     * rendered inside a `<Text>` component, any other node is rendered as-is,
+     * so it can be used for rich labels.
      */
     label?: React.ReactNode;
     /**

package/dist/src/generated/components/Radio/LabeledRadio.d.ts

@@ -1,7 +1,17 @@
 import React from "react";
 type Props = React.ComponentPropsWithRef<"input"> & {
     /**
-     * The visual label next to the radio indicator.
+     * Content that belongs to this option, rendered underneath it and lined
+     * up with the label, such as an extra input that appears when the option
+     * is selected. It is rendered outside of the `<label>`, so it can safely
+     * contain interactive elements without toggling the radio. Use `label` for
+     * the label of the radio itself.
+     *
+     * The radio's label does not label anything in `children`, so inputs in
+     * there need their own accessible name (e.g. `aria-label`). Children are not
+     * dimmed when the radio is `disabled`; that is up to the consumer.
+     * Best suited for vertical groups, as in a horizontal group the children
+     * widen the column of its option.
      */
     children?: React.ReactNode;
     /**
@@ -28,9 +38,9 @@ type Props = React.ComponentPropsWithRef<"input"> & {
      */
     id: string;
     /**
-     * The visual label next to the radio indicator.
-     * Alternative to `children` for when it's easier to just pass
-     * a string as a prop. Will be rendered inside a `<Text>` component.
+     * The visual label next to the radio indicator. A string (or number) is
+     * rendered inside a `<Text>` component, any other node is rendered as-is,
+     * so it can be used for rich labels.
      */
     label?: React.ReactNode;
     /**

package/dist/stories/LabeledRadio.stories.d.ts

@@ -19,6 +19,9 @@ declare const meta: {
             helperText: {
                 component: string;
             };
+            description: {
+                component: string;
+            };
         };
     };
 };
@@ -29,6 +32,7 @@ export declare const WithDifferentLabels: Story;
 export declare const Disabled: Story;
 export declare const CheckedAndDisabled: Story;
 export declare const _LabeledRadioGroup: Story;
+export declare const WithNestedContent: Story;
 export declare const OverviewLabeledRadioCard: Story;
 export declare const UsingLabelAndSubtitleProps: Story;
 export declare const UsingChildrenPropForCustomContent: Story;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@luscii-healthtech/web-ui",
-  "version": "59.2.0",
+  "version": "60.0.0",
   "license": "MIT",
   "author": {
     "name": "Joris Janssen"